html,body{margin:0;height:100%;background:#0b0a12;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;font-family:"Press Start 2P",Courier New,monospace}#game{position:fixed;inset:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges}#hud{position:fixed;inset:0;pointer-events:none}#zone{position:absolute;top:18px;left:0;right:0;text-align:center;color:#f3e3b3;font-size:14px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.8);opacity:0;transition:opacity .6s}#zone.on{opacity:1}#hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#f3e3b38c;font-size:9px;letter-spacing:.08em;text-shadow:0 1px 0 #000}#title{position:fixed;inset:0;display:grid;place-items:center;align-content:center;gap:14px;background:#0b0a12e0;color:#f3e3b3;text-align:center;z-index:10}#title .logo{font-size:40px;letter-spacing:.3em;text-shadow:4px 4px 0 #3a1f1f,0 0 24px rgba(255,200,120,.35)}#title .sub{font-size:10px;letter-spacing:.2em;opacity:.7}#title button{margin-top:18px;font:inherit;font-size:12px;letter-spacing:.2em;color:#0b0a12;background:#f3e3b3;border:0;padding:12px 26px;box-shadow:4px 4px #6b4a2a;cursor:pointer}#title button:active{transform:translate(2px,2px);box-shadow:2px 2px #6b4a2a}#title.off{display:none}@media (max-width: 640px){#title .logo{font-size:28px}#hint{display:none}}