:root{color-scheme:dark;--ink:#f4f7ff;--muted:#9ba6b7;--panel:rgba(5,8,13,.91);--line:#7d8da6;--accent:#a8f1ff;--danger:#ff8499}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020306;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}button{font:inherit}
body{display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#game-shell{position:relative;width:min(100vw,100vh,600px);height:min(100vw,100vh,600px);max-width:600px;max-height:600px;overflow:hidden;background:#05070b;isolation:isolate}
canvas{display:block;width:100%;height:100%;touch-action:none}
.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 55%,rgba(26,34,49,.4),rgba(1,2,4,.94));text-align:center}
.overlay:empty{display:none}.panel{width:min(100%,480px);display:grid;gap:16px}.eyebrow{color:var(--accent);letter-spacing:.2em;font-size:12px}.title{font:500 clamp(32px,8vw,58px)/.92 Georgia,serif;letter-spacing:.08em;margin:0;text-shadow:0 0 22px rgba(168,241,255,.25)}.subtitle{color:var(--muted);font-size:14px;line-height:1.5}.hint{font-size:12px;color:var(--muted)}
.menu{display:grid;gap:8px}.choice{appearance:none;border:1px solid #3c485b;background:rgba(12,17,26,.95);color:var(--ink);padding:12px 14px;text-align:left}.choice.selected{border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.choice b{display:block}.choice span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.primary{border:1px solid var(--accent);background:var(--accent);color:#071015;padding:12px 18px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left;font-size:12px;color:var(--muted)}
#debug-controls{position:absolute;left:8px;right:8px;bottom:8px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}#debug-controls[hidden],#debug-panel[hidden]{display:none!important}#debug-controls button{min-height:34px;border:1px solid #53647f;background:#101724;color:#eaf4ff;font-size:10px}
#debug-panel{position:absolute;left:8px;top:50px;z-index:5;margin:0;padding:7px;background:rgba(0,0,0,.8);font-size:9px;pointer-events:none}
@media(max-width:420px){.overlay{padding:18px}.controls{grid-template-columns:1fr}.title{font-size:36px}}