:root{color-scheme:dark;--ink:#f8f3e7;--muted:#bcb5cb;--panel:#242034;--edge:#4c4564;--amber:#ffc857;--mint:#75e6bf;--violet:#8d7dff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#12101c;color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif}body{background:radial-gradient(circle at 20% 0,#2c2640 0,transparent 35rem),linear-gradient(#171524,#0e0d16);padding:clamp(12px,2.8vw,30px)}button{font:inherit;color:inherit;background:#2c2840;border:1px solid #5c5476;border-radius:12px;padding:.65rem .9rem;cursor:pointer;box-shadow:0 3px 0 #0b0a10;touch-action:none}button:hover,button:focus-visible{outline:2px solid var(--amber);outline-offset:2px;background:#38324d}.shell{width:min(1100px,100%);margin:auto}header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px}.eyebrow{color:var(--amber);text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:850;margin:0 0 4px}h1{margin:0;font-size:clamp(1.45rem,4.5vw,2.65rem);letter-spacing:-.04em}h1 span{color:var(--muted);font-weight:500}.top-actions{display:flex;gap:8px}.game-card{overflow:hidden;border:1px solid var(--edge);border-radius:22px;background:rgba(36,32,52,.9);box-shadow:0 26px 70px #06050b99}.hud{min-height:47px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--edge);font-size:.88rem}.hud span:nth-child(2){text-align:center;color:var(--mint)}.hud span:last-child{color:var(--muted)}.stage-wrap{position:relative;background:#100f18;line-height:0}canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;outline:none;image-rendering:pixelated}canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--amber)}#toast{position:absolute;left:50%;top:12%;transform:translate(-50%,-12px);padding:10px 16px;border-radius:99px;background:#171524e8;border:1px solid #746b91;color:#fff;line-height:1.2;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%,0)}.touch{display:none;grid-template-columns:repeat(4,1fr);gap:9px;padding:11px;border-top:1px solid var(--edge)}.touch button{min-height:50px;font-weight:800}.touch .accent{color:#17131f;background:var(--amber);border-color:#ffe09a}footer{display:flex;justify-content:space-between;gap:28px;color:var(--muted);font-size:.8rem;line-height:1.45;padding:12px 3px}footer p{margin:0;max-width:56ch}footer strong{color:var(--ink);margin-left:.4em}footer strong:first-child{margin-left:0}a{color:var(--mint)}dialog{max-width:440px;border:1px solid #756c92;border-radius:22px;background:#211d30;color:var(--ink);padding:30px;text-align:center;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#07060bbd;backdrop-filter:blur(5px)}dialog h2{font-size:2rem;margin:.2em 0}.result-mark{font-size:3rem;color:var(--amber)}dialog button{margin-top:12px;background:var(--amber);color:#17131f;font-weight:900}@media (pointer:coarse),(max-width:760px){body{padding:8px}header{align-items:start}h1 span{display:block}.top-actions{flex-direction:column}.top-actions button{padding:.45rem .65rem;font-size:.78rem}.hud{grid-template-columns:1fr auto}.hud span:nth-child(2){grid-column:1/-1;grid-row:2;text-align:left}.touch{display:grid}footer{display:block}footer p+ p{margin-top:8px}}@media (max-width:430px){.hud{font-size:.75rem;padding:8px 10px}.touch{gap:6px;padding:8px}.touch button{font-size:.78rem;padding:.45rem .3rem;min-height:46px}}