:root { --bg:#0d1a12; --panel:#13261a; --line:#2b4a35; --text:#eef3ea; --muted:#9db3a2; --accent:#ffd23f; --red:#e63946; }
* { box-sizing:border-box; }
html,body { margin:0; height:100%; background:#000; color:var(--text); font:15px/1.4 "Trebuchet MS", system-ui, sans-serif; }
kbd { background:#0006; border:1px solid var(--line); border-radius:4px; padding:1px 5px; font-size:12px; }
#cv { position:fixed; inset:0; width:100vw; height:100vh; display:block; background:#1f5e2b; }
[hidden] { display:none !important; }
/* menús retro: el lienzo mide 320–576 × 288 y se amplía sin suavizado (tamaño en menu-screen-manager.js) */
#menuCanvas { position:fixed; inset:0; margin:auto; display:block; image-rendering:pixelated; image-rendering:crisp-edges; background:#000; cursor:pointer; touch-action:none; }