:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--bg: #13101f;--card: #241b35;--text: #f8f4ff;--muted: #d6cceb;--accent: #f9c74f;--danger: #ff6b6b;--info: #80ed99}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top,#2f2550 0%,var(--bg) 65%);color:var(--text)}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:14px;cursor:pointer;padding:.7rem 1rem;background:var(--accent);color:#1d1400;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}input,select{width:100%;border-radius:10px;border:1px solid #5f4f86;background:#1b1530;color:var(--text);min-height:44px;padding:.55rem .7rem}label{display:grid;gap:.35rem;color:var(--muted)}.landing{min-height:100dvh;display:grid;place-items:center;padding:1rem}.card{width:min(520px,100%);background:color-mix(in oklab,var(--card) 88%,black 12%);border:1px solid #5f4f86;border-radius:20px;padding:1rem;display:grid;gap:.85rem}.card h1{margin:0}.small{margin:0;color:var(--muted);font-size:.92rem}.profile-grid{display:grid;gap:.7rem}.character-picker{border:1px solid #5f4f86;border-radius:14px;padding:.7rem;margin:0}.character-picker legend{color:var(--muted);padding:0 .4rem;font-size:.92rem}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(max-width:400px){.character-grid{grid-template-columns:repeat(2,1fr)}}.character-option{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:transparent;border:2px solid transparent;border-radius:10px;padding:.4rem .2rem;cursor:pointer;min-height:auto;font-weight:400;color:var(--text);overflow:visible}.character-option:hover{border-color:#5f4f86;background:#ffffff0d}.character-option.selected{border-color:var(--accent);background:#f9c74f1a}.character-name{font-size:.72rem;color:var(--muted);white-space:nowrap}.bird-preview{width:52px;height:48px;position:relative;display:flex;align-items:center;justify-content:center;transform:scale(.65);transform-origin:center}.bird-preview .bird-body{background:#f9c74f}.character-icon{width:64px;height:56px;padding:2px;object-fit:contain;object-position:center;border-radius:0;display:block}.character-icon-queen{width:76px;height:64px;padding:4px 6px}.button-row{display:flex;gap:.6rem}.button-row button{flex:1}.inline-field{display:grid;gap:.35rem}.error-text{color:var(--danger);margin:0}.info-text{color:var(--info);margin:0}.play-shell{min-height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto minmax(36dvh,42dvh) 1fr auto auto;background:#1a1a2e;overflow:hidden}.play-header{display:flex;justify-content:space-between;gap:.6rem;padding:.75rem;font-size:.92rem}.play-header div{display:flex;flex-direction:column}.desktop-brand{display:none;align-items:center;gap:.45rem;margin-bottom:.25rem;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.desktop-brand-icon{width:20px;height:20px;border-radius:6px}.join-link-row{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.join-link-card{display:inline-flex;align-items:center;gap:.45rem;min-height:34px;max-width:min(100%,320px);padding:.35rem .6rem;border-radius:999px;border:1px solid #5f4f86;background:#ffffff0f;color:var(--muted);text-decoration:none}.join-link-card:hover{border-color:var(--accent);color:var(--text)}.join-link-icon{width:18px;height:18px;flex:0 0 auto}.join-link-text{font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-link-row button{min-height:34px;padding:.35rem .55rem;font-size:.78rem}.join-link-status{color:var(--info);font-size:.78rem}.top-panel{position:relative;min-height:0;padding-inline:.6rem;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-scene{position:relative;width:100%;height:100%;border:2px solid #558b2f;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#3ab4e8,#4ec5f1 20%,#87ceeb 50%,#a8d4a0 85%,#7cb342)}.game-scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 30px #00000026;pointer-events:none;z-index:25;border-radius:12px}.sky-layer{position:absolute;inset:0;background:radial-gradient(circle at 30% 18%,rgb(255 255 255 / 30%) 0%,transparent 50%)}.cloud{position:absolute;background:#ffffff8c;border-radius:20px;z-index:0}.cloud-1{width:80px;height:24px;top:12%;left:15%}.cloud-2{width:55px;height:18px;top:6%;left:55%}.cloud-3{width:65px;height:20px;top:25%;left:78%}.scene-playing .cloud{animation:drift-cloud 10s linear infinite}@keyframes drift-cloud{0%{transform:translate(0)}to{transform:translate(-120px)}}.ground{position:absolute;bottom:0;left:0;right:0;height:10%;background:linear-gradient(180deg,#7cb342 0%,#689f38 30%,transparent 30%),repeating-linear-gradient(90deg,#c8ad7f,#bfa273,#c8ad7f 48px);border-top:3px solid #558b2f;z-index:2}.scene-playing .ground{animation:scroll-ground .6s linear infinite}@keyframes scroll-ground{0%{background-position-x:0}to{background-position-x:-48px}}.pipe{position:absolute;left:117%;background:linear-gradient(90deg,#e8d5a3,#d4bc82,#c8ad6e 60%,#b89a5a);border:2px solid #8b7340;z-index:3;will-change:left}.top-pipe{top:0}.pipe-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);writing-mode:horizontal-tb;font-size:.6rem;font-weight:900;letter-spacing:2px;color:#b4281459;text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:1}.pipe-cap-bottom,.pipe-cap-top{position:absolute;left:-5px;width:calc(100% + 10px);height:24px;background:linear-gradient(90deg,#d4bc82,#c8ad6e,#b89a5a 60%,#a68944);border:2px solid #8b7340}.pipe-cap-bottom{bottom:0;border-radius:0 0 4px 4px}.pipe-cap-top{top:0;border-radius:4px 4px 0 0}.bird{position:absolute;left:23%;top:50%;width:80px;height:64px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;will-change:transform;transform:translate(-50%,-50%);overflow:visible}.bird-dead{animation:ice-deport 1.2s ease-in forwards}@keyframes ice-deport{0%{opacity:1;transform:translate(0)}25%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translate(-3px)}35%{opacity:1;transform:translate(3px)}40%{opacity:1;transform:translate(-2px)}42%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}.bird-dead .bird-body:before,.bird-dead .bird-body:after{content:"ICE";position:absolute;width:20px;height:34px;background:radial-gradient(circle at 50% 4px,#f0c8a0 5px,transparent 5px),linear-gradient(180deg,transparent 10px,#0a2240 10px 28px,#1a1a2e 28px);border-radius:6px 6px 2px 2px;font-size:4.5px;font-weight:900;color:gold;display:flex;align-items:center;justify-content:center;padding-top:8px;letter-spacing:.8px;text-shadow:0 0 2px rgb(0 0 0 / 60%);z-index:20;box-shadow:0 2px 6px #0000007f;border:1.5px solid #0a1628}.bird-dead .bird-body:before{top:50%;right:100%;margin-right:2px;transform:translateY(-50%) translate(-20px);animation:ice-officer-left .3s ease-out forwards}.bird-dead .bird-body:after{top:50%;left:100%;margin-left:2px;transform:translateY(-50%) translate(20px);animation:ice-officer-right .3s ease-out forwards}@keyframes ice-officer-left{0%{transform:translateY(-50%) translate(-20px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}@keyframes ice-officer-right{0%{transform:translateY(-50%) translate(20px);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.bird-body{width:52px;height:42px;border-radius:50%;position:relative;border:2px solid rgb(0 0 0 / 25%);box-shadow:inset -4px -4px 8px #0003,inset 3px 3px 6px #ffffff26,0 3px 12px #0000004d}.bird-hair{position:absolute;top:-8px;left:-2px;width:36px;height:15px;background:linear-gradient(135deg,gold,#ffec80,#daa520);border-radius:40% 70% 20% 30%;transform:skew(-8deg);border:1px solid rgb(180 140 0 / 50%);z-index:1}.bird-hair:after{content:"";position:absolute;top:2px;left:-8px;width:18px;height:12px;background:linear-gradient(180deg,#daa520,#b8860b);border-radius:50% 20% 40% 60%;transform:rotate(15deg)}.bird-brow{position:absolute;top:6px;right:6px;width:18px;height:4px;background:#3a2800;transform:rotate(-18deg);border-radius:2px 1px 1px 2px;z-index:3}.bird-eye{position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;top:10px;right:8px;border:1.5px solid #444;z-index:2}.bird-eye:before{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:1px;right:2px;z-index:1}.bird-eye:after{content:"";position:absolute;width:7px;height:7px;background:radial-gradient(circle at 40% 40%,#3a3a4e,#1a1a2e);border-radius:50%;top:3px;right:1.5px}.bird-beak{position:absolute;right:-11px;top:16px;width:15px;height:11px;background:linear-gradient(180deg,#ff9800,#e65100);border-radius:0 60% 60% 30%;border:1.5px solid #bf360c;z-index:2}.bird-beak:after{content:"";position:absolute;bottom:3px;left:2px;width:10px;height:1.5px;background:#bf360c;border-radius:1px}.bird-tie{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:14px;background:#d50000;clip-path:polygon(30% 0%,70% 0%,100% 100%,50% 85%,0% 100%);z-index:1}.bird-tie:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:6px;height:5px;background:#b71c1c;border-radius:2px}.bird-icon{width:80px;height:64px;padding:2px 3px;object-fit:contain;object-position:center;display:block;pointer-events:none;position:relative}.bird.bird-queen{width:96px;height:78px}.bird-icon-queen{width:96px;height:78px;padding:4px 8px}.bird-dead .bird-icon:before,.bird-dead .bird-icon:after{content:"ICE";position:absolute;width:20px;height:34px;background:radial-gradient(circle at 50% 4px,#f0c8a0 5px,transparent 5px),linear-gradient(180deg,transparent 10px,#0a2240 10px 28px,#1a1a2e 28px);border-radius:6px 6px 2px 2px;font-size:4.5px;font-weight:900;color:gold;display:flex;align-items:center;justify-content:center;padding-top:8px;letter-spacing:.8px;text-shadow:0 0 2px rgb(0 0 0 / 60%);z-index:20;box-shadow:0 2px 6px #0000007f;border:1.5px solid #0a1628}.bird-dead .bird-icon:before{top:50%;right:100%;margin-right:2px;transform:translateY(-50%) translate(-20px);animation:ice-officer-left .3s ease-out forwards}.bird-dead .bird-icon:after{top:50%;left:100%;margin-left:2px;transform:translateY(-50%) translate(20px);animation:ice-officer-right .3s ease-out forwards}.bird-dead.bird-taylor-swift .bird-icon:before,.bird-dead.bird-taylor-swift .bird-icon:after,.bird-dead.bird-taylor-swift .bird-body:before,.bird-dead.bird-taylor-swift .bird-body:after{content:"";background:url(/icons/travis-kelce.png) center / contain no-repeat;width:30px;height:30px;border-radius:50%;font-size:0;padding:0;border:2px solid #5a3a1a;box-shadow:0 2px 8px #0000007f}.bird-taylor-swift .bird-hair{background:linear-gradient(135deg,wheat,#ffe4b5,#d4a855);border-color:#b496507f;top:-6px;left:2px;width:32px;height:14px;border-radius:60% 40% 30% 20%;transform:skew(-5deg)}.bird-taylor-swift .bird-hair:after{background:linear-gradient(180deg,#d4a855,#c4943e);width:14px;height:10px;top:4px;left:-4px}.bird-taylor-swift .bird-beak{background:linear-gradient(180deg,#e53935,#c62828);border-color:#b71c1c;border-radius:0 50% 50%;height:8px;width:12px}.bird-taylor-swift .bird-beak:after{display:none}.bird-taylor-swift .bird-tie{display:none}.bird-kim-jong-un .bird-hair{background:#1a1a1a;border-color:#0006;top:-10px;left:2px;width:34px;height:14px;border-radius:2px 2px 0 0;transform:none}.bird-kim-jong-un .bird-hair:after{display:none}.bird-kim-jong-un .bird-tie{background:#2e4a1e;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);width:24px;height:10px;bottom:-5px;border-top:2px solid #c9a82e}.bird-kim-jong-un .bird-tie:before{display:none}.bird-putin .bird-hair{background:#b4b4b433;border-color:transparent;top:-4px;left:4px;width:28px;height:6px;border-radius:40% 40% 0 0;transform:none}.bird-putin .bird-hair:after{display:none}.bird-putin .bird-brow{height:5px;background:#4a3a2a}.bird-putin .bird-tie{background:#2a2a3e;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);width:24px;height:10px;bottom:-5px}.bird-putin .bird-tie:before{display:none}.bird-obama .bird-hair{background:linear-gradient(135deg,#2a1f1a,#3a2a1e);border-color:#0006;top:-6px;left:2px;width:32px;height:12px;border-radius:50% 50% 20% 20%;transform:none}.bird-obama .bird-hair:after{display:none}.bird-obama .bird-beak{position:absolute;right:-11px;top:16px;width:15px;height:11px;background:linear-gradient(180deg,#ff9800,#e65100);border-radius:0 60% 60% 30%;border:1.5px solid #bf360c}.bird-obama .bird-beak:after{content:"";position:absolute;bottom:-4px;left:2px;width:10px;height:5px;background:#fff;border-radius:0 0 50% 50%}.bird-obama .bird-tie{background:#1565c0}.bird-obama .bird-tie:before{background:#0d47a1}.bird-elon .bird-hair{background:linear-gradient(135deg,#2a1f1a,#3e2e22);border-color:#0006;top:-6px;left:4px;width:30px;height:11px;border-radius:40% 50% 20% 30%;transform:none}.bird-elon .bird-hair:after{display:none}.bird-elon .bird-tie{background:#1a1a1a;clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%);width:26px;height:12px;bottom:-6px;border-radius:0 0 6px 6px}.bird-elon .bird-tie:before{display:none}.bird-queen .bird-hair{background:linear-gradient(135deg,#f0f0f0,#e8e8e8,#d8d8d8);border-color:#b4b4b47f;top:-8px;left:-4px;width:40px;height:16px;border-radius:50% 50% 40% 40%;transform:none}.bird-queen .bird-hair:after{content:"";position:absolute;top:-10px;left:6px;width:28px;height:12px;background:gold;clip-path:polygon(0% 100%,10% 30%,20% 100%,30% 10%,40% 100%,50% 0%,60% 100%,70% 10%,80% 100%,90% 30%,100% 100%);border:none;border-radius:0;transform:none}.bird-queen .bird-tie{background:repeating-radial-gradient(circle,#e8e0d0 0px,#e8e0d0 2px,transparent 2px,transparent 5px);clip-path:none;width:30px;height:6px;bottom:-3px;border-radius:3px}.bird-queen .bird-tie:before{display:none}.bird-bernie .bird-hair{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#b4b4b47f;top:-10px;left:-6px;width:42px;height:16px;border-radius:30% 70% 10% 40%;transform:skew(-5deg) rotate(-3deg)}.bird-bernie .bird-hair:after{background:linear-gradient(180deg,#f0f0f0,#d0d0d0);width:20px;height:14px;top:0;left:-10px;border-radius:50% 10% 50% 60%;transform:rotate(10deg)}.bird-bernie .bird-brow{width:14px;height:14px;background:transparent;border:2px solid #555;border-radius:50%;transform:none;top:5px;right:4px}.bird-bernie .bird-tie{background:#2a2a3e;clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);width:24px;height:10px;bottom:-5px}.bird-bernie .bird-tie:before{display:none}.score-popup{position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:2rem;font-weight:900;color:var(--accent);text-shadow:0 2px 4px rgb(0 0 0 / 40%);pointer-events:none;z-index:21;animation:pop-up .8s ease-out forwards}@keyframes pop-up{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.3)}to{opacity:0;transform:translate(-50%) translateY(-40px) scale(1)}}.near-miss-flash{position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:clamp(1.2rem,5vw,2rem);font-weight:900;color:#ff6b6b;text-shadow:0 0 12px rgb(255 100 100 / 60%),0 2px 4px rgb(0 0 0 / 40%);pointer-events:none;z-index:21;animation:near-miss 1s ease-out forwards}@keyframes near-miss{0%{opacity:0;transform:translate(-50%) scale(.5)}15%{opacity:1;transform:translate(-50%) scale(1.2)}30%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.streak-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);font-size:clamp(1.5rem,6vw,2.5rem);font-weight:900;color:#fff;text-shadow:0 0 16px rgb(249 199 79 / 70%),0 2px 6px rgb(0 0 0 / 50%);pointer-events:none;z-index:22;animation:streak-in 1.5s ease-out forwards}@keyframes streak-in{0%{opacity:0;transform:translate(-50%) scale(.3)}20%{opacity:1;transform:translate(-50%) scale(1.15)}35%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0}}.kill-feed{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;pointer-events:none;z-index:21}.kill-feed-item{background:#0000008c;color:#ff6b6b;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:700;white-space:nowrap;animation:feed-in 3s ease-out forwards}@keyframes feed-in{0%{opacity:0;transform:translate(20px)}10%{opacity:1;transform:translate(0)}75%{opacity:1}to{opacity:0}}.pipe-steel{background:linear-gradient(90deg,#c0c0c8,#a8a8b0,#909098 60%,#787880);border-color:#606068}.pipe-steel .pipe-cap-bottom,.pipe-steel .pipe-cap-top{background:linear-gradient(90deg,#a8a8b0,#909098,#787880 60%,#686870);border-color:#606068}.pipe-steel .pipe-label{color:#c8281e40}.pipe-gold{background:linear-gradient(90deg,gold,#fc0,#daa520 60%,#b8860b);border-color:#8b6914}.pipe-gold .pipe-cap-bottom,.pipe-gold .pipe-cap-top{background:linear-gradient(90deg,#fc0,#daa520,#b8860b 60%,#996515);border-color:#8b6914}.pipe-gold .pipe-label{color:#783c004d}.death-feather{position:absolute;width:6px;height:10px;border-radius:50% 50% 50% 0;z-index:11;pointer-events:none;animation:feather-burst .8s ease-out forwards}@keyframes feather-burst{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(.3);opacity:0}}.scene-playing .bird:not(.bird-dead) .bird-body{box-shadow:inset -4px -4px 8px #0003,inset 3px 3px 6px #ffffff26,0 3px 12px #0000004d,-8px 0 6px -3px #ffffff1f,-16px 0 8px -4px #ffffff14,-24px 0 10px -5px #ffffff0a}.score-counter{position:absolute;top:8%;left:50%;transform:translate(-50%);font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;color:#fff;text-shadow:0 2px 0 #000,0 0 10px rgb(0 0 0 / 30%);pointer-events:none;z-index:20;letter-spacing:2px}.tap-hint{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.2rem,5vw,2rem);font-weight:900;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / 50%);pointer-events:none;z-index:15;animation:hint-fade 2.5s ease-out forwards}@keyframes hint-fade{0%,30%{opacity:1}to{opacity:0}}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2.2rem,12vw,5rem);font-weight:900;color:#fff;text-shadow:0 2px 14px rgb(0 0 0 / 60%)}.death-overlay{position:absolute;inset:0;background:#0000009e;display:grid;place-content:center;text-align:center;gap:.45rem;padding:.6rem}.death-overlay h2,.death-overlay p{margin:0}.flap-zone{min-height:0;padding:.7rem;border-top:1px solid #5f4f86;display:grid;align-content:start;gap:.85rem;touch-action:manipulation}.flap-zone.enabled{background:linear-gradient(180deg,#f9c74f1a,#f9c74f2e)}.flap-zone.disabled{background:#0000002e}.flap-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;text-align:center;color:var(--muted);font-size:.92rem}.phase-controls{display:grid;gap:.6rem}.phase-controls p,.phase-controls h2{margin:0}.reaction-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem}.reaction-row button{min-width:44px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.86rem;color:var(--muted)}.leaderboard{display:grid;gap:.45rem;padding:.5rem .75rem .8rem;max-height:22dvh;overflow:auto}.leader-item{display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:.5rem;align-items:center;border-radius:12px;background:#ffffff14;padding:.35rem .5rem;font-size:.84rem}.leader-item.eliminated{opacity:.6}.pill{min-width:28px;min-height:28px;border-radius:999px;display:grid;place-items:center;color:#0f0916;font-size:.74rem;font-weight:800}.spectator-shell{min-height:100dvh;display:grid;grid-template-rows:auto minmax(60dvh,1fr) auto;gap:.7rem;padding:.75rem}.spectator-header{display:flex;gap:.9rem;align-items:baseline}.spectator-header h1{margin:0}@media(min-width:900px){.desktop-brand{display:inline-flex}.play-shell{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto minmax(0,1fr) auto}.play-header{grid-column:1 / span 2}.top-panel{grid-column:1;grid-row:2;min-height:0}.flap-zone{grid-column:1;grid-row:3}.leaderboard{grid-column:2;grid-row:2 / span 2;max-height:calc(100dvh - 90px)}.status-row{display:none}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}