:root{--void: #0B0820;--panel: #161036;--magenta: #FF2E88;--cyan: #2EF2FF;--amber: #FFB627;--violet: #7A4DFF;--text: #E8E6FF;--muted: #8F8BBA;--line: rgba(46, 242, 255, .22);--f-neon: "Tilt Neon", "Trebuchet MS", sans-serif;--f-body: "Chakra Petch", "Arial Narrow", Arial, sans-serif;--s: .5;--hud-top: 80px;--hud-left: 16px;--hud-right: 16px;--hint-top: 70%;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--void);color:var(--text);font-family:var(--f-body);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}[hidden]{display:none!important}.hud{position:fixed;top:var(--hud-top);left:var(--hud-left);right:var(--hud-right);display:flex;align-items:center;gap:calc(var(--s) * 16px);pointer-events:none;font-size:max(11px,calc(var(--s) * 22px))}.tag{font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);padding:.45em 1em;background:#0b0820c7;border:1px solid var(--cyan);clip-path:polygon(0 0,calc(100% - .7em) 0,100% .7em,100% 100%,0 100%);white-space:nowrap}.tag b{color:#fff}.shots{display:flex;gap:.4em}.shots i{width:1.05em;aspect-ratio:1;background:var(--magenta);box-shadow:0 0 8px var(--magenta);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shots i.used{background:#ff2e8838;box-shadow:none}.cred{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1;gap:.2em;font-size:.8em;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.cred b{font-size:2.4em;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#ffe2a6;text-shadow:0 0 10px rgba(255,182,39,.8)}.cred b.bump{animation:bump .35s ease-out}@keyframes bump{0%{transform:scale(1.25)}to{transform:scale(1)}}.mute{position:fixed;bottom:max(10px,env(safe-area-inset-bottom,0px));right:max(10px,env(safe-area-inset-right,0px));z-index:20;font:600 11px/1 var(--f-body);letter-spacing:.18em;color:var(--cyan);background:#0b0820b3;border:1px solid var(--line);padding:.7em .9em;cursor:pointer;touch-action:manipulation}.mute[aria-pressed=true]{color:var(--muted)}.mute:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#pops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.pop{position:absolute;transform:translate(-50%,-50%);font-weight:700;font-size:max(18px,calc(var(--s) * 56px));line-height:1;color:#fff;text-align:center;white-space:nowrap;text-shadow:-.06em 0 var(--magenta),.06em 0 var(--cyan),0 0 .4em rgba(255,46,136,.7);animation:pop 1.3s ease-out forwards}.pop small{display:block;font-size:.36em;letter-spacing:.3em;color:var(--cyan);text-shadow:0 0 6px var(--cyan);margin-top:.4em}.pop.miss{color:var(--muted);text-shadow:none;font-size:max(14px,calc(var(--s) * 36px));letter-spacing:.3em}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%) skew(-8deg) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) skew(-8deg) scale(1.08)}70%{opacity:1;transform:translate(-50%,-80%) skew(-8deg) scale(1)}to{opacity:0;transform:translate(-50%,-110%) skew(-8deg) scale(1)}}.hint{position:fixed;left:0;right:0;top:var(--hint-top);margin:0;text-align:center;font-weight:600;letter-spacing:.24em;text-transform:uppercase;font-size:12px;color:var(--cyan);text-shadow:0 0 8px rgba(46,242,255,.6);pointer-events:none;animation:pulse 1.6s ease-in-out infinite;padding-inline:16px}@keyframes pulse{50%{opacity:.45}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:linear-gradient(180deg,#0b082033,#0b0820b8 45%,#0b082059);touch-action:manipulation}.title-card{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:420px;width:100%;text-align:center}.sign{padding:22px 28px 24px;border:2px solid var(--cyan);background:#0b0820b8;box-shadow:0 0 14px #2ef2ff99,inset 0 0 14px #2ef2ff59;animation:flicker 5s infinite}.sign h1{margin:4px 0;font-family:var(--f-neon);font-weight:400;font-size:min(18vw,9vh,76px);line-height:.95;color:#ffe3f0;text-shadow:0 0 4px var(--magenta),0 0 14px var(--magenta),0 0 30px var(--magenta)}.sign small{display:block;font-weight:600;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:var(--cyan)}@keyframes flicker{0%,92%,96%,to{opacity:1}93%{opacity:.55}95%{opacity:.8}}.btn{font:700 18px/1 var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:#120414;background:var(--magenta);border:0;padding:1em 2.2em;cursor:pointer;clip-path:polygon(.6em 0,100% 0,100% calc(100% - .6em),calc(100% - .6em) 100%,0 100%,0 .6em);filter:drop-shadow(0 0 10px rgba(255,46,136,.7));transition:transform .12s,background .12s;touch-action:manipulation}.btn:hover{background:#ff5ba2;transform:translateY(-2px)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.link{font:600 13px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);background:none;border:0;padding:.8em;cursor:pointer;text-decoration:underline;text-underline-offset:.3em}.link:hover{color:var(--text)}.link:focus-visible{outline:2px solid var(--cyan)}.best{margin:-8px 0 0;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:13px;color:var(--muted)}.best b{color:var(--amber);font-variant-numeric:tabular-nums}.howto{margin:0;max-width:32ch;color:var(--text);opacity:.8;font-size:15px;line-height:1.45}.banner{background:#0b082059;pointer-events:none}.banner p{margin:0;text-align:center;font-weight:700;font-size:min(16vw,72px);line-height:1;letter-spacing:.06em;color:#fff;text-shadow:-.05em 0 var(--magenta),.05em 0 var(--cyan),0 0 .3em rgba(46,242,255,.6);animation:slam .5s cubic-bezier(.2,1.6,.4,1)}.banner small{display:block;margin-top:.5em;font-size:.3em;letter-spacing:.45em;color:var(--cyan);text-shadow:0 0 8px rgba(46,242,255,.7)}@keyframes slam{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.result{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:stretch;gap:20px}.headline{margin:0;text-align:center;font-weight:700;font-size:min(12vw,52px);line-height:1;letter-spacing:.04em;color:#fff;text-shadow:-.05em 0 var(--magenta),.05em 0 var(--cyan),0 0 .3em rgba(46,242,255,.6)}.headline small{display:block;font-size:.28em;letter-spacing:.4em;color:var(--cyan);text-shadow:none;margin-top:.6em}.headline.fail{text-shadow:-.05em 0 var(--magenta),.05em 0 var(--magenta),0 0 .3em rgba(255,46,136,.6)}.tally{margin:0;background:#0b0820e6;border:1px solid var(--line);padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:12px 18px;font-size:15px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.tally dt{color:var(--muted)}.tally dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.tally .tot{border-top:1px solid var(--line);padding-top:12px;color:var(--text)}.tally dd.tot{color:#ffe2a6;font-size:1.45em;line-height:1;text-shadow:0 0 8px rgba(255,182,39,.7)}.result .btn{align-self:center;margin-top:4px}.result .link{align-self:center;margin-top:-8px}@media (prefers-reduced-motion: reduce){.sign,.hint,.banner p,.pop,.cred b.bump{animation:none}.pop{animation:fade 1.2s forwards}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}}