:root{--negro: #050805;--sombra: #0e1a10;--abismo: #1e4042;--pervinca: #7585bf;--halo: #a9b6ff;--coral: #e56554;--piel: #f2b8a8;--acido: #6fdc5a;--limon: #c9d43c;--oxido: #9f533e}html,body,#root{margin:0;height:100%;background:var(--negro)}body{overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.escena{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-family:VT323,ui-monospace,monospace;user-select:none;-webkit-user-select:none}.pantalla{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.controles{display:flex;gap:26px;justify-content:center;min-height:58px;align-items:center}.btn{font:30px/1 VT323,ui-monospace,monospace;padding:8px 30px 10px;color:var(--piel);background:var(--negro);border:3px solid var(--coral);border-radius:0;box-shadow:4px 4px 0 var(--abismo);cursor:pointer;letter-spacing:1px;touch-action:manipulation}.btn:hover,.btn:focus-visible{background:var(--coral);color:var(--negro);outline:none}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--abismo)}.btn+.btn{border-color:var(--pervinca);color:var(--halo)}.btn+.btn:hover,.btn+.btn:focus-visible{background:var(--pervinca);color:var(--negro)}.btn-selva{font-size:24px;border-color:var(--acido);color:var(--acido);box-shadow:4px 4px 0 var(--sombra)}.btn-selva:hover,.btn-selva:focus-visible{background:var(--acido);color:var(--negro)}.btn-nuclear{font-size:24px;border-color:var(--limon);color:var(--limon);box-shadow:4px 4px 0 var(--oxido)}.btn-nuclear:hover,.btn-nuclear:focus-visible{background:var(--limon);color:var(--negro)}.sonido{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));width:34px;height:34px;font:24px/1 VT323,ui-monospace,monospace;color:var(--abismo);background:transparent;border:0;cursor:pointer}.sonido:hover,.sonido:focus-visible{color:var(--halo);outline:none}