:root{--bg:#07090b;--panel:#030506;--ink:#edf3f1;--muted:#81798f;--lime:#ae8cff;--red:#ff5476;--cyan:#70f6e8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 50% 0,rgba(105,72,170,.18),transparent 34rem),#07090b;overflow-x:hidden}.back{position:fixed;z-index:20;left:16px;top:14px;color:#90a09f;text-decoration:none;border:1px solid rgba(255,255,255,.14);padding:7px 9px;font:700 9px ui-monospace,monospace;letter-spacing:.12em;background:rgba(7,9,11,.75);backdrop-filter:blur(8px)}main{width:min(1000px,calc(100% - 32px));margin:0 auto;padding:46px 0 24px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;margin:12px 0 18px}header>span,small{color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.15em}h1{margin:0;white-space:nowrap;font-size:clamp(38px,6vw,68px);line-height:.8;letter-spacing:-.075em;font-weight:300}h1 b{color:var(--lime);font-weight:850}.scoreboard{justify-self:end;display:flex;gap:22px;text-align:right}.scoreboard div{display:grid;gap:3px}.scoreboard strong{font:700 25px ui-monospace,monospace}.scoreboard div:last-child strong{color:var(--lime)}.stage{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.35)}canvas{display:block;width:100%;height:min(67vh,650px);min-height:480px;touch-action:none;cursor:crosshair}.hud{position:absolute;z-index:3;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none;color:#8c9b99;font:800 10px ui-monospace,monospace;letter-spacing:.14em}.hud #integrity{color:var(--lime);letter-spacing:.25em}.overlay{position:absolute;z-index:5;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(9,18,20,.7),rgba(3,5,6,.94) 72%);transition:opacity .3s}.overlay.hidden{opacity:0;pointer-events:none}.overlay p{color:var(--lime);font:800 10px ui-monospace,monospace;letter-spacing:.2em;margin:0}.overlay h2{font-size:clamp(34px,6vw,64px);line-height:.9;letter-spacing:-.07em;font-weight:350;margin:13px 0 26px}.overlay h2 span{font-size:.42em;letter-spacing:-.02em;color:var(--ink)}.overlay em{color:var(--lime);font-style:normal;font-weight:800}.overlay button{width:300px;max-width:90vw;border:0;background:var(--lime);padding:16px;color:#101405;font-weight:900;letter-spacing:.14em;cursor:pointer;display:flex;justify-content:space-between;transition:transform .15s,filter .15s}.overlay button:hover{transform:translateY(-2px);filter:brightness(1.08)}.overlay small{margin-top:17px}.countdown{position:absolute;z-index:4;inset:0;display:none;place-items:center;color:var(--lime);font:900 clamp(90px,20vw,180px) ui-monospace,monospace;text-shadow:0 0 45px rgba(174,140,255,.42);pointer-events:none}.countdown.show{display:grid;animation:pulse .72s ease-out}@keyframes pulse{from{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}footer{display:flex;justify-content:space-between;padding:14px 4px;color:#61706f;font:700 9px ui-monospace,monospace;letter-spacing:.08em}@media(max-width:720px){main{width:100%;padding-top:54px}header{grid-template-columns:1fr auto;padding:0 16px;gap:12px}header>span{display:none}h1{font-size:40px}.scoreboard{gap:12px}.scoreboard strong{font-size:18px}canvas{height:calc(100svh - 190px);min-height:470px}footer{padding:12px 16px;gap:8px}footer span:last-child{display:none}.back{top:10px}.overlay h2{font-size:42px}}