:root{--bg:#09080f;--ink:#f4f1fa;--muted:#7e798d;--violet:#ae8cff;--pink:#ff76ae}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(circle at 50% 0,rgba(113,77,179,.18),transparent 36rem),#09080f}.back{position:fixed;z-index:9;left:16px;top:14px;color:#aba5b9;text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:7px 9px;font:700 9px ui-monospace,monospace;letter-spacing:.12em;background:rgba(9,8,15,.75)}main{width:min(1000px,calc(100% - 32px));margin:auto;padding:42px 0 24px}header{position:relative;display:flex;align-items:end;justify-content:space-between;margin:18px 0 20px}header>span,small{color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.15em}h1{margin:0;font-size:clamp(42px,7vw,70px);line-height:.78;letter-spacing:-.08em;font-weight:300}h1 b{color:var(--violet);font-weight:850}.score{text-align:right;display:grid;gap:4px}.score strong{font:700 28px ui-monospace,monospace}.score i{font-style:normal;color:var(--violet)}.stage{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#07060b;box-shadow:0 30px 80px rgba(0,0,0,.38)}canvas{display:block;width:100%;height:min(67vh,650px);min-height:480px;cursor:pointer;touch-action:manipulation}.overlay{position:absolute;inset:0;z-index:3;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(24,16,41,.58),rgba(7,6,11,.94) 72%);transition:opacity .25s}.overlay.hidden{opacity:0;pointer-events:none}.overlay p{margin:0;color:var(--violet);font:800 10px ui-monospace,monospace;letter-spacing:.2em}.overlay h2{margin:13px 0 26px;font-size:clamp(36px,6vw,64px);line-height:.9;letter-spacing:-.07em;font-weight:350}.overlay em{font-style:normal;color:var(--violet);font-weight:800}.overlay button{width:300px;max-width:90vw;border:0;background:var(--violet);color:#120e1e;padding:16px;font-weight:900;letter-spacing:.14em;cursor:pointer;display:flex;justify-content:space-between}.overlay button:hover{filter:brightness(1.1);transform:translateY(-2px)}.overlay small{margin-top:16px}.flash{position:absolute;inset:0;background:rgba(255,255,255,.2);opacity:0;pointer-events:none}.flash.on{animation:flash .2s ease-out}@keyframes flash{from{opacity:.7}to{opacity:0}}footer{display:flex;justify-content:space-between;padding:14px 4px;color:#6f687d;font:700 9px ui-monospace,monospace;letter-spacing:.1em}@media(max-width:600px){main{width:100%;padding-top:50px}header{padding:0 16px}.score strong{font-size:20px}canvas{height:calc(100svh - 210px);min-height:440px}footer{padding:14px 16px}.back{top:10px}.overlay h2{font-size:42px}}