:root{color-scheme:dark;--bg:#111017;--panel:#1c1924;--ink:#f7f2e9;--lime:#d8ff3e;--muted:#a7a0b2;--pink:#fd5b97}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}main{max-width:1280px;margin:auto;padding:26px 44px 16px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #37323e}.brand{text-decoration:none;color:var(--ink);font-weight:950;font-size:27px;letter-spacing:-1.5px}.brand span{display:block;font:10px monospace;letter-spacing:1.6px;color:var(--muted);margin-top:6px}.top-actions{display:flex;gap:10px}.top-actions button{background:transparent;border:1px solid #494251;border-radius:30px;padding:12px 17px;font:12px monospace;min-height:44px}.top-actions button:hover{background:#302a3a}.layout{display:grid;grid-template-columns:1fr minmax(320px,560px);gap:70px;align-items:center;padding:30px 0}aside .eyebrow{color:var(--lime);font:12px monospace;letter-spacing:1.8px}h1{font-size:clamp(44px,5.8vw,82px);line-height:.91;letter-spacing:-5px;margin:24px 0;font-weight:950}h1 em{color:var(--lime);font-style:normal}aside>p{font-size:20px;line-height:1.5;color:#c8c0d0}.stat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #39323f;border-bottom:1px solid #39323f;padding:20px 0;margin:30px 0;font:12px monospace}.stat strong{font-size:27px;color:var(--lime)}.instructions{display:grid;gap:14px;max-width:300px}.instructions b{font:12px monospace;color:var(--pink)}.instructions p{font-size:14px;line-height:1.5;color:var(--muted);margin:6px 0}.instructions+small{display:block;margin-top:25px;font:11px monospace;letter-spacing:1.7px;color:#736c7d}.cabinet{border:1px solid #494151;background:var(--panel);border-radius:15px;overflow:hidden;box-shadow:0 20px 90px #0005}.hud{display:flex;justify-content:space-between;gap:8px;padding:17px 22px;background:#201b2c}.hud>div{display:flex;flex-direction:column;gap:5px}.hud span{font:10px monospace;color:#a89dbd;letter-spacing:1.7px}.hud b{font:22px monospace;font-weight:bold}.hud .wave{text-align:center}.hud>div:last-child{text-align:right}.hud #health{color:var(--pink);font-size:19px}.screen{position:relative;aspect-ratio:5/6;background:#100e1d;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(transparent 0px,transparent 3px,#0002 4px);opacity:.4}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(#100e1d66,#100e1deb);padding:15px}.overlay.hidden{display:none}.overlay>span{font:11px monospace;color:var(--pink);letter-spacing:2px}.hero-sprite{width:100px;height:127px;object-fit:contain;image-rendering:pixelated;margin:22px 0 10px;filter:drop-shadow(0 0 22px #fd405638)}h2{font-size:clamp(36px,4.5vw,61px);line-height:.94;letter-spacing:-2px;margin:10px 0;color:var(--ink)}.overlay p{color:#b4a9c8;font-size:15px;line-height:1.4;margin:10px 0 20px}.primary{background:var(--lime);color:#111017;border:0;border-radius:4px;min-width:230px;padding:19px 22px;display:flex;justify-content:space-between;font-size:16px;font-weight:900;box-shadow:5px 5px 0 #819522}.primary:hover{background:#e7ff88;transform:translateY(-2px)}.overlay small{color:#9b91aa;font:10px monospace;margin-top:20px;letter-spacing:.8px}.bottom-bar{display:flex;align-items:center;gap:22px;padding:15px 20px}.energy{flex:1}.energy>span{font:11px monospace;letter-spacing:1px;color:var(--muted)}.meter{margin-top:8px;background:#383045;height:5px;border-radius:9px;overflow:hidden}.meter i{display:block;width:0;height:100%;background:var(--lime);transition:width .15s}.bottom-bar button{border:1px solid #655774;background:#30233e;padding:10px 16px;border-radius:5px;font-size:14px;font-weight:bold;min-height:44px}.bottom-bar button span{font:10px monospace;display:block;margin-top:4px;color:#b4a2c4}.bottom-bar button:disabled{opacity:.4;cursor:default}.bottom-bar button:not(:disabled){background:var(--lime);color:#151020;border-color:var(--lime)}.bottom-bar button:not(:disabled) span{color:#445011}#announcement{position:absolute;top:30%;left:0;right:0;text-align:center;pointer-events:none;font:bold 28px monospace;color:var(--lime);text-shadow:0 2px 12px #000;opacity:0;transition:opacity .2s}footer{display:flex;justify-content:space-between;border-top:1px solid #37323e;padding-top:16px;color:#72687f;font:10px monospace;letter-spacing:1px}@media(min-width:950px) and (min-height:850px){main{max-width:1350px}.layout{gap:90px}}@media(max-width:850px){main{padding:14px 16px}.layout{display:block;padding:15px 0}.cabinet{max-width:550px;margin:auto}aside{display:none}header{padding-bottom:13px}.brand{font-size:23px}.brand span{font-size:9px}.top-actions button{padding:10px 13px}footer{font-size:9px}footer span:last-child{display:none}.hud{padding:13px 18px}.overlay h2{font-size:48px}.screen{max-height:calc(100svh - 216px);min-height:340px;aspect-ratio:5/6}canvas{height:100%}.hero-sprite{width:80px;height:100px;margin:10px 0}.overlay p{margin:8px 0 15px}.overlay small{margin-top:14px}.primary{padding:15px 20px}.bottom-bar{padding:10px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}