:root{--paper: #ffffff;--paper-2: #f6f4ef;--ink: #0b0b0c;--ink-2: #565659;--ink-3: #8b8b8f;--red: #e5392b;--red-600: #c72a1e;--red-100: rgba(229, 57, 43, .1);--blue: #2b9bff;--line: #e9e6df;--shadow-sm: 0 2px 8px rgba(11, 11, 12, .06);--shadow-md: 0 10px 30px rgba(11, 11, 12, .1);--shadow-lg: 0 24px 70px rgba(11, 11, 12, .18);--shadow-red: 0 14px 40px rgba(229, 57, 43, .35);--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--z-hud: 20;--z-controls: 30;--z-overlay: 50;--radius: 18px;--radius-lg: 26px;--font-display: "Unbounded", "Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;text-align:center;padding:clamp(1.2rem,4vw,2.5rem);background:transparent;animation:overlay-in .4s var(--ease) both}@keyframes overlay-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.overlay-start{background:radial-gradient(60% 50% at 12% 0%,rgba(229,57,43,.06),transparent 70%),radial-gradient(55% 45% at 92% 100%,rgba(229,57,43,.05),transparent 70%),var(--paper);justify-content:center;gap:clamp(.5rem,1.7vh,1rem);padding:clamp(.8rem,2.6vh,1.6rem) clamp(1rem,3vw,2rem) 0;overflow-y:auto}.overlay-blur{backdrop-filter:blur(22px) saturate(118%);-webkit-backdrop-filter:blur(22px) saturate(118%)}.decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(11,11,12,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,transparent 80%)}.overlay-start>*{position:relative;z-index:1}.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);box-shadow:var(--shadow-sm)}.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 #e5392b80;animation:live-pulse 1.8s var(--ease) infinite}@keyframes live-pulse{0%{box-shadow:0 0 #e5392b80}70%{box-shadow:0 0 0 7px #e5392b00}to{box-shadow:0 0 #e5392b00}}.title-img{width:auto;height:auto;max-width:min(88vw,560px);max-height:26vh;margin-top:calc(-1*clamp(.9rem,2.6vh,1.7rem));filter:drop-shadow(0 12px 30px rgba(11,11,12,.14));transform:scale(1.4);animation:rise-title .6s var(--ease) both}@keyframes rise-title{0%{opacity:0;transform:translateY(16px) scale(1.36)}to{opacity:1;transform:translateY(0) scale(1.4)}}.desc{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,3.6vw,1.75rem);line-height:1.12;letter-spacing:-.02em;color:var(--ink);max-width:min(92vw,26rem);text-wrap:balance;margin-bottom:clamp(.9rem,2.6vh,1.7rem);animation:rise .6s var(--ease) .06s both}@keyframes rise{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.marquee{width:100vw;overflow:hidden;background:var(--red);color:#fff;padding:.6rem 0;box-shadow:var(--shadow-md)}.marquee-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:marquee 18s linear infinite}.marquee span{font-size:.82rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:0 1.1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.best-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.04em;box-shadow:var(--shadow-md)}.best-chip b{color:#fff;font-weight:700}.best-chip .accent{color:#ff8a80}.note{font-size:.78rem;color:var(--ink-3);letter-spacing:.02em}.note-warn{color:var(--red-600);font-weight:600}.img-btn{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;transition:transform .18s var(--ease),filter .2s var(--ease);animation:rise .6s var(--ease) .12s both}.img-btn img{width:min(58vw,230px);height:auto;display:block;filter:drop-shadow(0 14px 26px rgba(229,57,43,.28));transition:filter .2s var(--ease)}.img-btn:hover{transform:translateY(-3px) scale(1.03)}.img-btn:hover img{filter:drop-shadow(0 20px 36px rgba(229,57,43,.45))}.img-btn:active{transform:translateY(0) scale(.98)}.img-btn:focus-visible{outline:none}.img-btn:focus-visible img{filter:drop-shadow(0 0 0 3px rgba(229,57,43,.6))}.img-btn:disabled{filter:grayscale(.5);opacity:.55;cursor:default;transform:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:.95rem 2.4rem;border-radius:999px;color:#fff;background:var(--red);box-shadow:var(--shadow-red);transition:transform .16s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.btn:hover{background:var(--red-600);transform:translateY(-2px);box-shadow:0 18px 46px #e5392b80}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:3px solid rgba(229,57,43,.45);outline-offset:3px}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);box-shadow:none}.btn-ghost:hover{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}.hud{position:absolute;top:clamp(12px,2.4vh,22px);left:50%;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:999px;background:#ffffffd1;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.7);pointer-events:none}.hud-block{display:flex;flex-direction:column;align-items:center;min-width:58px}.hud-label{font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.hud-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05;color:var(--ink)}.hud-divider{width:1px;align-self:stretch;margin:4px 0;background:var(--line)}.hud-timer{display:flex;flex-direction:column;align-items:center;padding:0 4px}.hud-time{font-size:2.3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em;color:var(--ink)}.hud-time .u{font-size:1rem;font-weight:600;color:var(--ink-3);margin-left:1px}.hud-bar{margin-top:6px;width:110px;height:5px;border-radius:999px;background:var(--line);overflow:hidden}.hud-bar-fill{height:100%;border-radius:999px;background:var(--ink);transition:width .18s linear,background .2s var(--ease)}.hud-low .hud-time{color:var(--red);animation:tick .6s var(--ease) infinite}.hud-low .hud-bar-fill{background:var(--red)}@keyframes tick{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hud-combo{color:var(--red)}.hud-combo .hud-value{color:var(--red);animation:combo-pop .24s var(--ease)}@keyframes combo-pop{0%{transform:scale(1.5);opacity:.3}to{transform:scale(1);opacity:1}}.hud-readout{position:absolute;top:14px;left:14px;z-index:var(--z-hud);font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--red-600);background:#ffffffd9;padding:6px 12px;border-radius:999px;box-shadow:var(--shadow-sm);pointer-events:none}.double-guns{position:absolute;top:clamp(70px,11vh,96px);left:50%;transform:translate(-50%);z-index:var(--z-hud);display:flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.16em;color:#fff;background:linear-gradient(180deg,var(--red-500, #e5392b),var(--red-600, #c92b1f));box-shadow:0 6px 20px #e5392b80,0 0 0 2px #ffffff80 inset;pointer-events:none;white-space:nowrap;animation:dg-pop .32s cubic-bezier(.2,1.4,.4,1) both,dg-pulse 1s ease-in-out .32s infinite}.dg-spark{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}@keyframes dg-pop{0%{transform:translate(-50%) scale(.6);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes dg-pulse{0%,to{box-shadow:0 6px 20px #e5392b80,0 0 0 2px #ffffff80 inset}50%{box-shadow:0 6px 28px #e5392bd9,0 0 0 2px #fffc inset}}.brand-logo{position:absolute;top:clamp(6px,1.4vh,14px);left:clamp(6px,1.6vw,16px);z-index:60;height:clamp(70px,13vh,96px);width:auto;padding:0;border:none;background:none;cursor:pointer;pointer-events:auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));transition:filter .25s var(--ease),transform .25s var(--ease)}.brand-logo img{display:block;height:100%;width:auto}.brand-logo:hover,.brand-logo:focus-visible{outline:none;transform:scale(1.04);filter:drop-shadow(0 0 16px rgba(255,255,255,.95)) drop-shadow(0 0 6px rgba(255,255,255,.85))}.pause-btn{position:absolute;top:clamp(12px,2.4vh,22px);right:clamp(12px,2.4vw,22px);z-index:var(--z-controls);width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.7);cursor:pointer;color:var(--ink);background:#ffffffd1;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;transition:transform .14s var(--ease),background .2s var(--ease),color .2s var(--ease)}.pause-btn:hover{background:var(--red);color:#fff;border-color:var(--red);transform:scale(1.08)}.pause-btn:active{transform:scale(.94)}.pause-btn svg{width:18px;height:18px}.card{position:relative;width:min(92vw,460px);display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:clamp(1.6rem,4vw,2.4rem);border-radius:var(--radius-lg);background:#ffffffdb;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-lg);animation:pop .4s var(--ease) both}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-kicker{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}.card h2{font-size:clamp(1.6rem,5vw,2.1rem);font-weight:700;letter-spacing:-.01em;color:var(--ink)}.steps{display:flex;flex-direction:column;gap:.7rem;width:100%;text-align:left}.step{display:flex;align-items:center;gap:.9rem;padding:.75rem .9rem;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line)}.step-ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff}.step-ic svg{width:20px;height:20px}.step-ic.is-red{background:var(--red)}.step-tx{display:flex;flex-direction:column;gap:1px}.step-tx b{font-size:.95rem;font-weight:700;color:var(--ink)}.step-tx span{font-size:.82rem;line-height:1.4;color:var(--ink-2)}.gameover{display:flex;flex-direction:column;align-items:center;gap:1.3rem;width:min(94vw,480px)}.timeup-img{width:min(82vw,420px);height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.45));animation:pop .45s var(--ease) both}.record{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background:var(--red);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:var(--shadow-red);animation:badge 1.4s var(--ease) infinite}.record svg{width:14px;height:14px}@keyframes badge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stats{display:flex;align-items:stretch;gap:0;width:100%;border-radius:var(--radius-lg);background:#ffffffdb;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .4s var(--ease) .05s both}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.1rem .6rem}.stat+.stat{border-left:1px solid var(--line)}.stat-label{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}.stat-value{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-value.is-red{color:var(--red)}.stat-value.is-blue{color:var(--blue)}.stat-sub{margin-top:2px;font-size:.9rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.winner{font-size:1.7rem;font-weight:800;letter-spacing:.02em;margin:2px 0 4px}.winner.is-red{color:var(--red)}.winner.is-blue{color:var(--blue)}.winner.is-tie{color:var(--ink-2)}.mp-toggle{display:inline-flex;align-items:center;gap:10px;margin:2px 0 4px;padding:6px 8px 6px 6px;border:none;background:transparent;cursor:pointer;color:var(--ink);font:inherit}.mp-track{position:relative;width:46px;height:26px;border-radius:999px;background:#0b0b0c2e;transition:background .2s var(--ease);flex:none}.mp-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.mp-toggle.is-on .mp-track{background:var(--red)}.mp-toggle.is-on .mp-thumb{transform:translate(20px)}.mp-text{font-size:.92rem;font-weight:700;letter-spacing:.02em}.hud-multi .hud-side{min-width:72px}.hud-side .hud-value{line-height:1.05}.hud-side.is-red .hud-label,.hud-side.is-red .hud-value{color:var(--red)}.hud-side.is-blue .hud-label,.hud-side.is-blue .hud-value{color:var(--blue)}.hud-combo-sm{font-size:.78rem;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}.donate{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:100%}.donate-divider{display:flex;align-items:center;gap:.7rem;width:100%;max-width:320px;color:var(--ink-3);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.donate-divider:before,.donate-divider:after{content:"";flex:1;height:1px;background:var(--line)}.donate-text{font-family:var(--font-display);font-weight:600;font-size:clamp(.72rem,2vw,.86rem);line-height:1.4;letter-spacing:-.005em;max-width:min(86vw,30rem);text-wrap:balance;color:var(--ink-2)}.on-dark .donate-text{color:#ffffffeb}.donate-link{display:inline-flex;align-items:center;gap:.55rem}.donate-link svg{width:16px;height:16px}.donate-sdk{min-height:32px}.on-dark .donate-divider{color:#ffffffd9}.on-dark .donate-divider:before,.on-dark .donate-divider:after{background:#fff6}@media(max-width:540px){.hud{gap:10px;padding:8px 10px}.hud-block{min-width:48px}.hud-value{font-size:1.2rem}.hud-time{font-size:1.9rem}.hud-bar{width:88px}}@media(max-height:680px){.title-img{max-height:22vh}.desc{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.marquee-track{animation:none}}