/* styles.css - Estilos simples para el juego Marcianitos */
:root{ --bg:#081229; --fg:#e6f0ff; --accent:#00ff00; }
*{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;}
html,body,#ui{height:100%;margin:0;background:linear-gradient(180deg,var(--bg),#020617);color:var(--fg);}
#ui{display:flex;align-items:center;justify-content:center}
.screen{display:none;text-align:center;padding:24px}
.screen.active{display:block}
button{background:var(--accent);border:none;color:#002; padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600}
#game-screen{position:relative}
#game-canvas{background:linear-gradient(180deg,#001122 0%, #001b2e 100%);border:2px solid rgba(255,255,255,0.06);display:block;margin:0 auto}
#hud{position:absolute;left:12px;top:12px;background:rgba(0,0,0,0.2);padding:8px 12px;border-radius:8px;display:flex;gap:14px}
#pause-btn{position:absolute;right:12px;top:12px}
h1{font-size:40px;margin:10px 0}
h2{font-size:32px;margin:10px 0}
@media (max-width:820px){#game-canvas{width:100%;height:auto}}