:root{color-scheme:dark;font-family:Rajdhani,Orbitron,Segoe UI,sans-serif;--app-height: 100dvh;--bg: #0a0a1a;--bg-deep: #05060f;--card: #10152c;--surface: #10152c;--surface-2: #141a34;--text: #f9fbff;--muted: #9da8d1;--cyan: #00f0ff;--pink: #ff2d7b;--green: #39ff14;--gold: #ffd700;--danger: #ff5a88;--info: #8fffff;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:100%;max-width:100%}html{height:100%;overflow-x:clip;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:var(--bg-deep);color:var(--text)}body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:var(--bg-deep);color:inherit}#root{overflow:hidden}button,input,select{font:inherit}button{min-height:44px;border-radius:14px;border:1px solid rgb(255 255 255 / 18%);background:linear-gradient(135deg,#2e355f,#242a4f);color:var(--text);font-weight:700;letter-spacing:.04em;cursor:pointer;padding:.65rem .95rem}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}input,select{width:100%;min-height:44px;border-radius:10px;border:1px solid rgb(0 240 255 / 36%);background:#080a16e5;color:var(--text);padding:.55rem .65rem}label{display:grid;gap:.25rem;color:var(--muted)}a{color:var(--cyan)}.small{margin:0;color:var(--muted);font-size:.84rem}.error-text{color:var(--danger);margin:0}.info-text{color:var(--info);margin:0}.landing{position:fixed;inset:0;height:var(--app-height);display:grid;justify-items:center;align-content:start;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:max(10px,var(--safe-top)) max(10px,var(--safe-right)) max(24px,var(--safe-bottom)) max(10px,var(--safe-left));background-color:var(--bg-deep);background-image:radial-gradient(circle at 20% -20%,#1f2c62 0%,var(--bg) 38%,var(--bg-deep) 100%)}.card{width:min(520px,calc(100% - 32px));border-radius:20px;border:1px solid rgb(0 240 255 / 28%);background:linear-gradient(160deg,#141b34f0,#090c1bf0);background-color:var(--card);box-shadow:0 0 0 1px #ff2d7b29,0 0 34px #00f0ff2e,inset 0 0 40px #ff2d7b14;padding:.8rem;display:grid;gap:.55rem}.card h1,.card h2,.card p{margin:0}.card-cta-center{align-content:center;justify-items:center;text-align:center}.brand-logo{display:grid;justify-items:center;gap:.1rem}.landing-tagline{text-align:center;font-weight:700;color:#d7e7ff}.brand-logo-mark{width:min(100%,280px);height:auto;display:block;filter:drop-shadow(0 0 16px rgb(0 240 255 / 36%))}.landing .brand-logo-mark{width:auto;max-width:100%;max-height:clamp(52px,12vw,120px)}.brand-logo-wordmark{font-size:clamp(.96rem,3.5vw,1.22rem);letter-spacing:.11em;font-weight:900;text-transform:uppercase;color:#f9fdff;text-shadow:0 0 6px rgb(0 240 255 / 65%),0 0 14px rgb(255 45 123 / 35%)}.brand-logo.compact{width:auto}.best-score-callout{font-size:.76rem;color:#d8e5ff;text-shadow:0 0 8px rgb(0 240 255 / 36%)}.landing-direct-link{text-align:center}.profile-grid{display:grid;gap:.45rem;min-height:0}.color-picker,.character-picker{margin:0;border:1px solid rgb(0 240 255 / 30%);border-radius:12px;padding:.5rem;min-inline-size:0;background:#060914b8}.character-picker{touch-action:pan-y}.color-picker legend,.character-picker legend{padding:0 .35rem;color:var(--muted);font-size:.8rem}.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.color-swatch{width:100%;min-height:44px;height:44px;border-radius:999px;border:2px solid rgb(255 255 255 / 32%);background:var(--swatch-color);box-shadow:0 0 12px color-mix(in oklab,var(--swatch-color) 70%,transparent 30%),inset 0 2px 4px #ffffff40,inset 0 -4px 6px #00000040;padding:0}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px color-mix(in oklab,var(--swatch-color) 60%,white 40%),0 0 22px color-mix(in oklab,var(--swatch-color) 85%,white 15%),inset 0 2px 4px #ffffff40,inset 0 -4px 6px #00000040}.character-hint{margin:0 0 .3rem;font-size:.66rem;color:#94a6cf}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;touch-action:pan-y}.character-option{width:100%;max-width:78px;min-height:44px;border:1px solid transparent;border-radius:9px;background:#ffffff05;color:var(--text);padding:.24rem .12rem;display:grid;justify-items:center;gap:.15rem;align-content:center;font-weight:600;touch-action:pan-y}.character-option:hover,.character-option.previewing{border-color:#00f0ff9e;box-shadow:0 0 10px #00f0ff3d}.character-option.selected{border-color:var(--pink);box-shadow:0 0 14px #ff2d7b4d}.character-icon{width:44px;height:36px;object-fit:contain;display:block}.character-icon-queen{width:50px;height:42px}.character-name{font-size:.64rem;color:#dbe2fb;line-height:1.1;text-align:center}.button-row{display:grid}.button-row button{width:100%}.cta-neon{border-color:#39ff14a8;background:linear-gradient(145deg,#39ff14,#00e09f);color:#02140f;font-weight:900;text-transform:uppercase;box-shadow:0 0 16px #39ff1473,0 0 30px #00e09f40}.cta-neon:active{transform:translateY(1px)}.inline-field{display:grid;gap:.25rem}.play-shell{width:100%;height:var(--app-height);min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;background:radial-gradient(circle at 10% -10%,#253a83 0%,transparent 34%),radial-gradient(circle at 110% 0%,rgb(255 45 123 / 24%) 0%,transparent 36%),linear-gradient(180deg,#070a16,#04060d);padding:max(6px,var(--safe-top)) max(6px,var(--safe-right)) max(6px,var(--safe-bottom)) max(6px,var(--safe-left))}.play-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .45rem;padding:.22rem .25rem .3rem;min-height:0;color:#e9f8ff}.play-brand.brand-logo.compact{width:clamp(46px,6.2vw,54px);opacity:.9;margin:0}.play-brand.brand-logo.compact .brand-logo-mark{width:100%}.room-code-pill,.players-pill,.best-pill,.play-header-meta span{border-radius:999px;border:1px solid rgb(0 240 255 / 28%);padding:.16rem .52rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:#070c1ac7;white-space:nowrap}.room-code-pill{justify-self:end;font-family:Consolas,Courier New,monospace;font-size:clamp(1.125rem,4.8vw,1.28rem);color:#f8fdff;text-transform:none;border-color:#00f0ff8f;text-shadow:0 0 9px rgb(0 240 255 / 64%)}.players-pill,.best-pill{justify-self:end;font-size:.66rem;color:#a8b6dc}.play-header-meta{display:flex;justify-self:start;gap:.35rem}.play-header-actions{grid-column:1 / span 3;display:flex;align-items:center;gap:.45rem}.join-link-row{display:flex;align-items:center;gap:.4rem;min-width:0}.join-link-row span{font-size:.66rem;color:var(--green)}.volume-control{display:grid;gap:.06rem;min-width:112px;font-size:.64rem;color:#9ba8ce}.volume-slider{min-height:24px;border:0;padding:0}.leaderboard-toggle,.join-link-row button{min-height:44px;font-size:.74rem}.play-shell.is-playing .play-brand.brand-logo.compact{width:clamp(27px,3.2vw,31px);opacity:.38}.play-shell.is-playing .play-header-actions{display:flex;justify-self:end}.play-shell.is-playing .play-header-actions .header-action-secondary{display:none}.play-shell.is-playing .players-pill,.play-shell.is-playing .best-pill,.play-shell.is-playing .play-header-meta{opacity:.4}.play-shell.action-phase .play-header{grid-template-columns:auto 1fr;gap:.2rem .28rem;padding:.08rem .16rem .12rem}.play-shell.action-phase .players-pill,.play-shell.action-phase .best-pill,.play-shell.action-phase .play-header-meta{display:none}.play-shell.action-phase .play-header-actions{display:flex;grid-column:2;justify-self:end}.play-shell.action-phase .play-header-actions .header-action-secondary{display:none}.play-shell.action-phase .room-code-pill{justify-self:end;font-size:clamp(1.125rem,4.6vw,1.2rem);padding:.14rem .48rem}.rotate-device-overlay{position:absolute;inset:0;display:none;place-items:center;gap:.35rem;text-align:center;background:#02040cb8;color:#f6fbff;z-index:42;pointer-events:none}.rotate-device-overlay strong{font-size:clamp(1.2rem,6vw,1.8rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px rgb(0 240 255 / 72%),0 0 24px rgb(255 45 123 / 45%)}.rotate-device-overlay span{font-size:.9rem;color:#ccdafd}.top-panel{position:relative;min-height:0;display:flex;align-items:stretch;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.play-shell:not(.action-phase) .top-panel{overflow-y:auto;-webkit-overflow-scrolling:touch}.game-scene{position:relative;width:100%;height:100%;pointer-events:none;border:2px solid rgb(0 240 255 / 56%);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#060918,#0a0d1f 58%,#0b1022);box-shadow:0 0 0 1px #ff2d7b52,0 0 30px #00f0ff29,inset 0 0 45px #0000006b}.sky-layer{position:absolute;inset:0;pointer-events:none}.far-stars{z-index:0;width:calc(100% + 720px)}.stars-pattern{width:100%;height:100%;opacity:.65;background:radial-gradient(circle at 7% 15%,rgb(0 240 255 / 78%) 0 1px,transparent 1.5px),radial-gradient(circle at 18% 68%,rgb(255 45 123 / 72%) 0 1px,transparent 1.6px),radial-gradient(circle at 28% 36%,rgb(57 255 20 / 62%) 0 1px,transparent 1.8px),radial-gradient(circle at 42% 20%,rgb(255 255 255 / 45%) 0 1px,transparent 1.8px),radial-gradient(circle at 63% 71%,rgb(0 240 255 / 74%) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 27%,rgb(255 45 123 / 66%) 0 1px,transparent 1.8px),radial-gradient(circle at 92% 60%,rgb(255 255 255 / 42%) 0 1px,transparent 1.8px)}.skyline-layer{z-index:1;width:calc(100% + 960px);display:flex;align-items:flex-end}.skyline-pattern{width:100%;height:62%;background:linear-gradient(180deg,transparent 0%,rgb(6 9 22 / 92%) 45%,rgb(4 6 14 / 98%) 100%),repeating-linear-gradient(90deg,transparent 0 20px,rgb(0 240 255 / 12%) 20px 24px,transparent 24px 46px,rgb(255 45 123 / 14%) 46px 49px,transparent 49px 74px);clip-path:polygon(0 100%,0 66%,4% 66%,4% 58%,9% 58%,9% 72%,15% 72%,15% 48%,21% 48%,21% 62%,28% 62%,28% 44%,34% 44%,34% 70%,40% 70%,40% 54%,45% 54%,45% 68%,53% 68%,53% 42%,60% 42%,60% 66%,67% 66%,67% 51%,74% 51%,74% 73%,80% 73%,80% 46%,86% 46%,86% 62%,92% 62%,92% 57%,100% 57%,100% 100%)}.scanline-overlay{position:absolute;inset:0;pointer-events:none;z-index:30;opacity:.045;background:repeating-linear-gradient(to bottom,rgb(255 255 255 / 75%) 0,rgb(255 255 255 / 75%) 1px,transparent 1px,transparent 3px)}.pipe{position:absolute;left:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#091023,#0c1330 48%,#101b3f);border:2px solid rgb(0 240 255 / 76%);box-shadow:inset 0 0 18px #00f0ff38,0 0 20px #00f0ff2e}.pipe:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 45 123 / 14%),transparent 55%,rgb(0 240 255 / 18%))}.top-pipe{top:0}.pipe-cap{position:absolute;left:-6px;width:calc(100% + 12px);height:22px;border:2px solid rgb(255 45 123 / 65%);background:linear-gradient(90deg,#0a1330,#0f1c41);box-shadow:0 0 12px #ff2d7b59}.pipe-cap-bottom{bottom:0}.pipe-cap-top{top:0}.pipe-steel{border-color:#beecffb8}.pipe-gold{border-color:#ffd700bd}.ground{position:absolute;left:0;right:0;bottom:0;height:12%;overflow:hidden;z-index:8;pointer-events:none;border-top:2px solid rgb(0 240 255 / 72%);background:linear-gradient(180deg,#090f24,#050710)}.ground-grid{position:absolute;inset:0;width:calc(100% + 160px);background:repeating-linear-gradient(90deg,rgb(0 240 255 / 42%) 0 2px,transparent 2px 26px),linear-gradient(180deg,transparent 0%,rgb(255 45 123 / 22%) 100%)}.bird{--player-color: #39ff14;position:absolute;left:0;top:0;width:44px;height:44px;z-index:14;pointer-events:none;transform:translate3d(var(--bird-x, 220px),var(--bird-y, 270px),0) translate3d(-50%,-50%,0) rotate(var(--bird-r, 0deg));will-change:transform,left,top}.bird-trail{position:absolute;left:-18px;top:50%;width:22px;height:12px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#fff0,color-mix(in oklab,var(--player-color) 86%,white 14%));filter:blur(2px);opacity:.35}.bird-visual{position:relative;width:100%;height:100%;border-radius:999px;border:2px solid color-mix(in oklab,var(--player-color) 56%,white 44%);background:radial-gradient(circle at 30% 25%,rgb(255 255 255 / 14%) 0%,transparent 44%),#0b1022b8;box-shadow:0 0 8px color-mix(in oklab,var(--player-color) 36%,transparent 64%);overflow:hidden;display:grid;place-items:center}.bird-wing{position:absolute;width:22px;height:14px;left:-6px;top:52%;border-radius:100% 20% 90% 30%;transform-origin:90% 40%;background:linear-gradient(180deg,color-mix(in oklab,var(--player-color) 80%,white 20%),color-mix(in oklab,var(--player-color) 45%,black 55%));box-shadow:0 0 8px color-mix(in oklab,var(--player-color) 50%,transparent 50%);z-index:1}.bird[data-wing="0"] .bird-wing{transform:translateY(-10px) rotate(-24deg)}.bird[data-wing="1"] .bird-wing{transform:translateY(-2px) rotate(-3deg)}.bird[data-wing="2"] .bird-wing{transform:translateY(6px) rotate(24deg)}.bird-icon{position:relative;width:100%;height:100%;object-fit:contain;z-index:2}.bird-icon-queen{width:94%;height:94%}.bird-dead .bird-trail{opacity:.18}.bird-local-death.stage-stick .bird-visual{transform:scale(1.08,.88);filter:brightness(1.6);transition:transform .12s ease-out,filter .12s ease-out}.bird-local-death.stage-stick{animation:stick-shake .08s steps(2,end) infinite}.bird-local-death.stage-explode{animation:explode-bird .28s ease-out forwards}@keyframes stick-shake{0%{margin-left:-1px}50%{margin-left:1px}to{margin-left:-1px}}@keyframes explode-bird{0%{transform:translate3d(var(--bird-x, 220px),var(--bird-y, 270px),0) translate3d(-50%,-50%,0) scale(1.3);opacity:1;filter:brightness(3)}40%{transform:translate3d(var(--bird-x, 220px),var(--bird-y, 270px),0) translate3d(-50%,-50%,0) scale(1.8);opacity:.6;filter:brightness(4)}to{transform:translate3d(var(--bird-x, 220px),var(--bird-y, 270px),0) translate3d(-50%,-50%,0) scale(0);opacity:0}}.bird-local-death.stage-drama,.bird-local-death.stage-panel{opacity:0}.play-overlay-hud{position:absolute;top:10px;left:10px;display:flex;gap:.28rem;z-index:25;pointer-events:none}.play-overlay-hud span{border-radius:999px;border:1px solid rgb(255 255 255 / 16%);background:#00000061;font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;padding:.16rem .45rem}.start-overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.32rem;z-index:24;pointer-events:none}.start-best{border-radius:999px;border:1px solid rgb(255 255 255 / 18%);background:#00000070;color:#d6dffd;font-size:.8rem;letter-spacing:.05em;padding:.2rem .65rem}.start-text{font-size:clamp(1.1rem,5vw,2rem);font-weight:900;letter-spacing:.14em;text-shadow:0 0 10px rgb(0 240 255 / 75%),0 0 18px rgb(255 45 123 / 40%);animation:neon-pulse 1.2s ease-in-out infinite}@keyframes neon-pulse{0%,to{opacity:.42;transform:translateY(0)}45%{opacity:1;transform:translateY(-1px)}}.milestone-strip,.hype-strip{position:absolute;left:10px;right:10px;z-index:24;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.34rem;border-radius:999px;background:#060813ad;border:1px solid rgb(255 255 255 / 14%);padding:.22rem .48rem;font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.milestone-strip{bottom:10px}.hype-strip{bottom:35px}.milestone-bar,.hype-bar{height:6px;border-radius:999px;background:#fff3;overflow:hidden}.milestone-bar-fill,.hype-bar-fill{height:100%}.milestone-bar-fill{background:linear-gradient(90deg,var(--pink),var(--gold))}.hype-bar-fill{background:linear-gradient(90deg,var(--cyan),var(--green))}.countdown{position:absolute;inset:0;display:grid;place-items:center;z-index:26;pointer-events:none;font-size:clamp(2.2rem,14vw,4.8rem);font-weight:900;color:#fff;text-shadow:0 0 24px rgb(0 240 255 / 75%),0 0 40px rgb(255 45 123 / 45%)}.score-counter{position:absolute;top:max(22px,calc(12px + var(--safe-top)));left:50%;transform:translate(-50%);z-index:26;pointer-events:none;font-size:clamp(2.3rem,15vw,3.8rem);line-height:1;font-weight:900;letter-spacing:.06em;color:#fefefe;text-shadow:0 0 12px rgb(0 240 255 / 80%),0 0 26px rgb(255 45 123 / 45%);animation:score-bounce .15s ease-out}@keyframes score-bounce{0%{transform:translate(-50%) scale(1)}45%{transform:translate(-50%) scale(1.26)}to{transform:translate(-50%) scale(1)}}.tap-hint{position:absolute;inset:0;display:grid;place-items:center;z-index:22;pointer-events:none;font-size:clamp(.96rem,4.5vw,1.45rem);font-weight:800;letter-spacing:.14em;color:#f7fdff;text-shadow:0 0 10px rgb(0 240 255 / 75%);animation:hint-fade 2.4s ease-out forwards}@keyframes hint-fade{0%,28%{opacity:1}to{opacity:0}}.server-cue{position:absolute;top:15%;left:50%;transform:translate(-50%);z-index:26;border-radius:999px;background:#020714c2;border:1px solid rgb(255 255 255 / 22%);padding:.18rem .55rem;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;font-weight:800;pointer-events:none;animation:cue-pop 1.1s ease-out forwards}.server-cue.cue-positive{color:var(--green)}.server-cue.cue-warning{color:var(--gold)}@keyframes cue-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.score-popup,.near-miss-flash,.streak-banner{position:absolute;left:50%;transform:translate(-50%);z-index:26;pointer-events:none}.score-popup{top:20%;color:var(--gold);font-size:2rem;font-weight:900;text-shadow:0 0 16px rgb(255 215 0 / 75%);animation:pop-up .72s ease-out forwards}.near-miss-flash{top:26%;color:#f8a;font-size:clamp(1rem,5vw,1.6rem);font-weight:900;text-shadow:0 0 14px rgb(255 88 136 / 75%);animation:near-miss .95s ease-out forwards}.streak-banner{top:18%;color:#fff;font-size:clamp(1.2rem,6vw,2rem);font-weight:900;text-shadow:0 0 16px rgb(255 215 0 / 75%);animation:streak-in 1.4s ease-out forwards}@keyframes pop-up{0%{opacity:0;transform:translate(-50%) scale(.55)}25%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-28px) scale(.94)}}@keyframes near-miss{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0}}@keyframes streak-in{0%{opacity:0;transform:translate(-50%) scale(.35)}25%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%) scale(.96)}}.death-impact-flash{position:absolute;inset:0;z-index:27;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgb(0 240 255 / 40%) 0%,rgb(255 45 123 / 30%) 24%,transparent 70%);mix-blend-mode:screen;animation:death-impact .22s ease-out forwards}.play-shell.death-shake .top-panel{animation:screen-shake .18s steps(2,end) 3}@keyframes screen-shake{0%{transform:translate(0)}25%{transform:translate(-8px,4px)}50%{transform:translate(6px,-4px)}75%{transform:translate(-4px,2px)}to{transform:translate(0)}}@keyframes death-impact{0%{opacity:0}20%{opacity:1}to{opacity:0}}.death-vignette{position:absolute;inset:0;z-index:27;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgb(255 0 0 / 45%) 100%);animation:vignette-flash .35s ease-out forwards}@keyframes vignette-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.perfect-flash{position:absolute;top:14%;left:50%;transform:translate(-50%);z-index:26;pointer-events:none;color:var(--green);font-size:clamp(1.2rem,6vw,2rem);font-weight:900;text-shadow:0 0 16px rgb(57 255 20 / 75%);animation:perfect-pop 1s ease-out forwards}@keyframes perfect-pop{0%{opacity:0;transform:translate(-50%) scale(.4)}20%{opacity:1;transform:translate(-50%) scale(1.2)}to{opacity:0;transform:translate(-50%) scale(.9) translateY(-12px)}}.milestone-msg{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:26;pointer-events:none;color:#fff;font-size:clamp(1.4rem,7vw,2.4rem);font-weight:900;text-shadow:0 0 18px rgb(255 215 0 / 80%),0 0 30px rgb(255 45 123 / 50%);animation:milestone-pop 1.6s ease-out forwards}@keyframes milestone-pop{0%{opacity:0;transform:translate(-50%) scale(.3)}15%{opacity:1;transform:translate(-50%) scale(1.15)}30%{transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.95) translateY(-16px)}}.death-feather{position:absolute;width:12px;height:18px;border-radius:50% 50% 50% 0;pointer-events:none;z-index:18;animation:feather-burst .75s ease-out forwards}.death-shockwave{position:absolute;width:20px;height:20px;border-radius:999px;pointer-events:none;z-index:17;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(.35);animation:shockwave-burst .5s ease-out forwards}@keyframes feather-burst{0%{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) rotate(0);opacity:1}to{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot));opacity:0}}@keyframes shockwave-burst{0%{opacity:.8;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(5)}}.explosion-chunk{position:absolute;width:var(--size, 8px);height:var(--size, 8px);border-radius:3px;pointer-events:none;z-index:19;animation:chunk-burst .65s ease-out forwards}.explosion-spark{position:absolute;width:4px;height:4px;border-radius:999px;pointer-events:none;z-index:19;animation:spark-burst .5s ease-out forwards}.explosion-flash{position:absolute;width:60px;height:60px;border-radius:999px;pointer-events:none;z-index:20;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%);filter:blur(8px);mix-blend-mode:screen;animation:explosion-flash-anim .4s ease-out forwards}@keyframes chunk-burst{0%{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) rotate(0) scale(1);opacity:1}60%{opacity:.9}to{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.3);opacity:0}}@keyframes spark-burst{0%{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(0);opacity:0}}@keyframes explosion-flash-anim{0%{opacity:0;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(.3)}20%{opacity:1;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate3d(var(--origin-x, 0px),var(--origin-y, 0px),0) translate(-50%,-50%) scale(2)}}.kill-feed{position:absolute;top:9px;right:9px;z-index:26;display:flex;flex-direction:column;gap:4px;pointer-events:none}.kill-feed-item{border-radius:8px;padding:.24rem .46rem;font-size:.68rem;background:#00000085;border:1px solid rgb(255 45 123 / 45%);color:#ffd3e4;animation:kill-feed-in 3s ease-out forwards}@keyframes kill-feed-in{0%{opacity:0;transform:translate(12px)}8%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0}}.game-over-overlay{position:absolute;inset:0;z-index:28;display:grid;place-items:center;background:#02040c9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:game-over-fade .32s ease-out both}.game-over-panel{width:min(86vw,360px);display:grid;gap:.65rem;justify-items:center;padding:.8rem .7rem;border-radius:16px;border:1px solid rgb(0 240 255 / 35%);background:linear-gradient(170deg,#0c1228f0,#080b1af0);box-shadow:0 0 32px #00f0ff2e,0 0 38px #ff2d7b29}.game-over-title{margin:0;font-size:clamp(1.8rem,10vw,2.7rem);letter-spacing:.1em;color:#fff;text-shadow:0 0 8px rgb(0 240 255 / 75%),0 0 18px rgb(255 45 123 / 62%),0 0 28px rgb(255 255 255 / 42%);animation:neon-flicker .65s steps(2,end)}.legacy-phase-heading{margin:-.2rem 0 0;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:#d9e6ff}@keyframes neon-flicker{0%,17%,26%,42%{opacity:.1}8%,22%,34%,to{opacity:1}}.game-over-card{width:100%;display:grid;gap:.4rem;border-radius:14px;border:1px solid rgb(255 255 255 / 14%);background:#040918b8;padding:.55rem;position:relative}.game-over-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.95rem}.game-over-row strong{font-size:1.4rem;color:#fff;text-shadow:0 0 10px rgb(0 240 255 / 62%)}.new-best-badge{position:absolute;top:-10px;right:8px;padding:.08rem .46rem;border-radius:999px;border:1px solid rgb(57 255 20 / 55%);background:#071208db;color:#b8ffab;text-transform:uppercase;font-size:.66rem;letter-spacing:.1em;animation:badge-pulse 1s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #39ff1400}50%{box-shadow:0 0 14px #39ff1473}}.medal-badge{justify-self:center;border-radius:999px;padding:.18rem .66rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgb(255 255 255 / 22%);color:#cad1f3}.medal-none{opacity:.56}.medal-bronze{border-color:#c58d4d;color:#ffd39f;box-shadow:0 0 12px #c58d4d5c}.medal-silver{border-color:#d8ecff;color:#f4fbff;box-shadow:0 0 12px #d8ecff73}.medal-gold{border-color:gold;color:#fff5b4;box-shadow:0 0 14px #ffd7007a}.medal-platinum{border-color:#a6f0ff;color:#fff;box-shadow:0 0 8px #00f0ff9e,0 0 12px #ff2d7b6b,0 0 16px #39ff146b;animation:platinum-shift 1.4s linear infinite}@keyframes platinum-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.retry-button{width:100%;min-height:56px;border:1px solid rgb(0 240 255 / 62%);border-radius:14px;background:linear-gradient(145deg,#00f0ff38,#ff2d7b38);color:#fff;font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em;box-shadow:0 0 18px #00f0ff38;animation:retry-glow 1.2s ease-in-out infinite}@keyframes retry-glow{0%,to{box-shadow:0 0 8px #00f0ff33}50%{box-shadow:0 0 20px #ff2d7b52}}@keyframes game-over-fade{0%{opacity:0}to{opacity:1}}.reaction-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.3rem}.reaction-row button{min-width:44px}.flap-zone{position:relative;z-index:40;min-height:0;display:grid;align-content:start;gap:.45rem;padding:.4rem .2rem .1rem;border-top:1px solid rgb(0 240 255 / 18%);touch-action:pan-y;overflow-y:auto;-webkit-overflow-scrolling:touch}.flap-zone.enabled{touch-action:none;background:linear-gradient(180deg,#00f0ff14,#ff2d7b14)}.flap-zone.compact{position:absolute;left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:max(8px,var(--safe-bottom));border:1px solid rgb(255 255 255 / 18%);border-radius:13px;background:#05081494;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:29}.flap-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;text-align:center;color:var(--muted);font-size:.82rem}.flap-cta{min-height:56px;width:100%;border-radius:14px;border:1px solid rgb(255 45 123 / 55%);background:linear-gradient(140deg,#ff2d7b7f,#00f0ff66);color:#fff;font-size:1.05rem;letter-spacing:.11em;text-transform:uppercase}.phase-controls{display:grid;gap:.48rem;border-radius:14px;border:1px solid rgb(0 240 255 / 18%);background:linear-gradient(160deg,#0e142ce0,#060816eb);box-shadow:0 0 20px #00f0ff1a,inset 0 0 24px #ff2d7b0d;padding:.55rem}.phase-controls button{border:1px solid rgb(0 240 255 / 44%);background:linear-gradient(135deg,#00f0ff47,#39ff1433 52%,#ff2d7b42),linear-gradient(180deg,#101934f2,#080d1ef2);box-shadow:0 0 16px #00f0ff2e,0 0 26px #ff2d7b24,inset 0 1px #ffffff2e;color:#f5fbff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.phase-controls button:hover:not(:disabled){transform:translateY(-1px);border-color:#39ff1494;box-shadow:0 0 20px #39ff1433,0 0 34px #00f0ff2e,inset 0 1px #ffffff38}.phase-controls button:disabled{border-color:#ffffff2e;box-shadow:none}.phase-controls h2,.phase-controls p{margin:0}.phase-note{color:#9fb0d6;font-size:.76rem}.phase-waiting{color:#d9e6ff;text-shadow:0 0 10px rgb(0 240 255 / 34%);animation:waiting-pulse 1.8s ease-in-out infinite}.phase-reaction{color:var(--green)}.ready-progress{height:8px;border-radius:999px;background:#ffffff29;overflow:hidden}.ready-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.status-row{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.2rem .2rem 0;font-size:.72rem;color:var(--muted)}.play-shell.action-phase .status-row{display:none}.leaderboard{position:relative;isolation:isolate;display:grid;gap:.36rem;padding:.7rem .62rem;max-height:20dvh;overflow:auto;border-radius:18px;border:1px solid rgb(0 240 255 / 34%);background:linear-gradient(180deg,#070c1ceb,#040712f5),radial-gradient(circle at 14% 6%,rgb(0 240 255 / 16%) 0%,transparent 40%),radial-gradient(circle at 88% 9%,rgb(255 45 123 / 12%) 0%,transparent 36%);box-shadow:0 0 0 1px #ff2d7b2e,0 0 30px #00f0ff38,0 10px 30px #00000057,inset 0 0 34px #ff2d7b17}.leaderboard:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgb(255 255 255 / 10%);box-shadow:inset 0 0 24px #00f0ff1a,inset 0 -18px 24px #050814a6;z-index:-1}.leaderboard-title{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 10px rgb(0 240 255 / 40%)}.leaderboard.compact{display:none}.leader-item{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:.2rem .4rem;padding:.38rem .55rem;border-radius:12px;background:linear-gradient(135deg,#ffffff1f,#ffffff0d);border:1px solid rgb(255 255 255 / 14%);font-size:.74rem;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.leader-item:hover{transform:translateY(-1px);border-color:#00f0ff66;box-shadow:0 0 16px #00f0ff29}.leader-item.eliminated{opacity:.55}.leader-item[data-connected="1"]{box-shadow:0 0 0 1px #39ff141a,0 0 18px #39ff1414}.leader-item[data-rank="1"]{border-color:#ffd70070;box-shadow:0 0 0 1px #ffd7002e,0 0 18px #ffd70033}.leader-char-icon{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgb(255 255 255 / 20%)}.leader-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-status{display:inline-flex;align-items:center;gap:.3rem;font-size:.64rem;padding:.1rem .4rem;border-radius:999px}.leader-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.leader-status.online{color:var(--green);background:#39ff141f;text-shadow:0 0 6px rgb(57 255 20 / 40%)}.leader-status.online .leader-status-dot{background:var(--green);box-shadow:0 0 8px #39ff14b3;animation:connected-pulse 1.4s ease-in-out infinite}.leader-status.offline{color:var(--danger);background:#ff5a881a}.leader-status.offline .leader-status-dot{background:var(--danger);box-shadow:0 0 6px #ff5a888f}.leader-stat,.leader-ready{font-size:.68rem}.leader-stats{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.16rem .34rem}.leader-stats .leader-stat{color:#dbe9ff;text-shadow:0 0 6px rgb(0 240 255 / 16%)}.leader-ready{color:var(--green);text-shadow:0 0 6px rgb(57 255 20 / 50%);animation:pulse-glow 1.6s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes connected-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.82)}}@keyframes waiting-pulse{0%,to{opacity:1;filter:saturate(1)}50%{opacity:.72;filter:saturate(1.25)}}.pill{min-width:28px;min-height:28px;border-radius:999px;display:grid;place-items:center;color:#00110d;font-weight:900}.leaderboard-more{margin:0;text-align:center;font-size:.68rem;color:var(--muted)}.leave-btn{min-height:34px;min-width:34px;padding:.28rem .56rem;font-size:.68rem;line-height:1;display:inline-flex;align-items:center;gap:.28rem;justify-content:center;background:linear-gradient(140deg,#ff2d7b33,#ff78a01f);border:1px solid rgb(255 45 123 / 42%);color:#ffd8e6;border-radius:999px;box-shadow:0 0 12px #ff2d7b2e}.leave-btn .leave-btn-icon{font-size:.8rem;font-weight:900;transform:translateY(-1px)}.leave-btn .leave-btn-label{letter-spacing:.04em;text-transform:uppercase}.play-shell.is-playing .leave-btn .leave-btn-label,.play-shell.action-phase .leave-btn .leave-btn-label{display:none}.play-shell.is-playing .leave-btn,.play-shell.action-phase .leave-btn{padding-inline:.46rem}.leave-btn:hover{background:linear-gradient(140deg,#ff2d7b47,#ff78a02e);border-color:#ff2d7b94}.spectator-shell{width:100%;height:var(--app-height);min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left));overflow:hidden;background:radial-gradient(circle at 20% -20%,#1f2c62 0%,var(--bg) 38%,var(--bg-deep) 100%)}.spectator-header{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.spectator-brand.brand-logo.compact{width:clamp(46px,6.5vw,54px);opacity:.9}.spectator-phase-pill{border-radius:999px;border:1px solid rgb(0 240 255 / 34%);padding:.14rem .5rem;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#d2e7ff;background:#070c1ac7}.spectator-shell.spectator-phase-playing .spectator-brand.brand-logo.compact{width:clamp(38px,5vw,44px);opacity:.62}.spectator-header h1{margin:0;font-size:1rem}@media(max-width:900px){.card{padding:.65rem;gap:.45rem}.brand-logo-mark{width:min(100%,220px)}.play-header{grid-template-columns:auto 1fr;gap:.24rem .36rem}.room-code-pill{grid-column:2;justify-self:end}.play-header-meta{grid-column:1 / span 2;justify-self:start;flex-wrap:wrap}.play-shell.mobile-layout.action-phase{grid-template-rows:minmax(0,1fr)}.play-shell.mobile-layout.action-phase .play-header{position:absolute;top:max(8px,var(--safe-top));left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));z-index:40;pointer-events:none}.play-shell.mobile-layout.action-phase .room-code-pill,.play-shell.mobile-layout.action-phase .play-header-actions{pointer-events:auto}.play-shell.mobile-layout.action-phase .top-panel{min-height:100%;height:100%;grid-row:1}.play-shell.mobile-layout.action-phase .leaderboard{display:none}.play-shell.mobile-layout.action-phase .flap-zone.compact{max-width:320px;justify-self:center}.kill-feed{display:none}.server-cue{max-width:calc(100% - 16px);text-overflow:ellipsis;overflow:hidden}}@media(max-width:760px){input,select,textarea{font-size:16px}.landing .brand-logo-mark{max-height:clamp(62px,18vw,96px)}.landing .brand-logo-wordmark{font-size:clamp(.84rem,4vw,1.02rem);letter-spacing:.13em}.character-option{max-width:72px}.character-icon{width:40px;height:34px}.flap-cta{min-height:62px}}@media(max-width:360px){.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:320px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px)and (max-height:640px){.landing{padding:max(6px,var(--safe-top)) max(8px,var(--safe-right)) max(6px,var(--safe-bottom)) max(8px,var(--safe-left))}.card{padding:.58rem;gap:.36rem}.landing .brand-logo{gap:.03rem}.landing .brand-logo-mark{max-height:48px}.landing .brand-logo-wordmark{font-size:clamp(.78rem,3.4vw,.92rem);letter-spacing:.14em}.best-score-callout{font-size:.72rem}.profile-grid{gap:.34rem}.color-picker,.character-picker{padding:.4rem}.character-hint{margin-bottom:.16rem;font-size:.58rem}.character-option{min-height:42px;padding:.16rem .08rem}.character-icon{width:34px;height:28px}.character-name{font-size:.56rem}}@media(orientation:landscape)and (max-height:520px){.play-shell.mobile-layout,.play-shell.mobile-layout.action-phase{grid-template-rows:minmax(0,1fr) auto}.play-shell.mobile-layout .play-header,.play-shell.mobile-layout .leaderboard,.play-shell.mobile-layout .status-row{display:none}.play-shell.mobile-layout .top-panel{grid-row:1;height:100%;min-height:0}.play-shell.mobile-layout .flap-zone{grid-row:2}.play-shell.mobile-layout .rotate-device-overlay{display:grid;pointer-events:auto}.play-shell.mobile-layout .flap-zone.compact{position:absolute;left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:max(8px,var(--safe-bottom))}}@media(min-width:900px){.play-shell{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr) auto;column-gap:.7rem}.play-header{grid-column:1 / span 2;grid-template-columns:auto auto auto auto auto 1fr;align-items:center}.play-header-actions{grid-column:6;justify-self:end}.top-panel{grid-column:1;grid-row:2}.flap-zone{grid-column:1;grid-row:3;position:static;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.leaderboard{grid-column:2;grid-row:2 / span 2;max-height:calc(100dvh - 90px);padding:.76rem .65rem}.play-overlay-hud,.milestone-strip,.hype-strip{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.lb-card{max-width:720px;margin:0 auto;max-height:85dvh;overflow-y:auto}.lb-title{margin:0 0 .5rem;font-family:Orbitron,Rajdhani,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 16px rgb(0 240 255 / 50%);text-align:center}.lb-loading,.lb-empty{text-align:center;color:var(--muted);padding:2rem 0}.lb-table-wrap{overflow-x:auto}.lb-table{width:100%;border-collapse:collapse;font-size:.82rem}.lb-table th{text-align:left;padding:.4rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);border-bottom:1px solid rgb(0 240 255 / 30%)}.lb-table td{padding:.4rem .5rem;border-bottom:1px solid rgb(255 255 255 / 8%);white-space:nowrap}.lb-table tbody tr:hover{background:#00f0ff0f}.lb-rank{font-weight:900;color:var(--muted);text-align:center;width:2rem}.top-1 .lb-rank{color:gold;text-shadow:0 0 8px rgb(255 215 0 / 60%)}.top-2 .lb-rank{color:silver;text-shadow:0 0 8px rgb(192 192 192 / 50%)}.top-3 .lb-rank{color:#cd7f32;text-shadow:0 0 8px rgb(205 127 50 / 50%)}.top-1{background:#ffd70014}.top-2{background:#c0c0c00f}.top-3{background:#cd7f320f}.lb-char-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgb(255 255 255 / 20%);vertical-align:middle}.lb-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.lb-score{font-weight:900;color:var(--green);text-shadow:0 0 6px rgb(57 255 20 / 40%)}.medal-bronze{color:#cd7f32}.medal-silver{color:silver}.medal-gold{color:gold}.medal-platinum{color:#b9f2ff;text-shadow:0 0 8px rgb(185 242 255 / 60%)}.lb-date{color:var(--muted);font-size:.72rem}.lb-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;padding-top:.6rem;font-size:.78rem;color:var(--muted)}.lb-pagination button{min-height:32px;padding:.3rem .7rem;font-size:.74rem}.leaderboard-link{display:block;text-align:center;margin-top:.5rem;color:var(--cyan);text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-shadow:0 0 8px rgb(0 240 255 / 30%);transition:color .2s ease}.leaderboard-link:hover{color:#fff;text-shadow:0 0 12px rgb(0 240 255 / 60%)}