.reconnect-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:#0a0a1aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:reconnect-fade-in .3s ease-out}@keyframes reconnect-fade-in{0%{opacity:0}to{opacity:1}}.reconnect-overlay.dismissing{animation:reconnect-fade-out .4s ease-in forwards}@keyframes reconnect-fade-out{0%{opacity:1}to{opacity:0}}.reconnect-card{text-align:center;padding:2.5rem 2rem;max-width:380px;width:90%;border-radius:1.25rem;background:linear-gradient(145deg,#1e1e3cf2,#14142df2);border:1px solid rgba(0,217,255,.2);box-shadow:0 0 40px #00d9ff14,0 8px 32px #0006}.reconnect-icon{font-size:3rem;margin-bottom:1rem;animation:reconnect-pulse 2s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.reconnect-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;font-family:var(--font-title, "Orbitron", sans-serif)}.reconnect-phase{font-size:.875rem;color:#ffffff80;margin-bottom:1.5rem;text-transform:capitalize}.reconnect-players{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:.75rem;background:#00d9ff14;border:1px solid rgba(0,217,255,.15)}.reconnect-player-dots{display:flex;gap:.35rem}.reconnect-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:background .3s ease,box-shadow .3s ease}.reconnect-dot.connected{background:#00d9ff;box-shadow:0 0 6px #00d9ff80}.reconnect-count{font-size:.9rem;color:#ffffffb3;font-variant-numeric:tabular-nums}.reconnect-action{margin-top:.5rem}.reconnect-resume-btn{padding:.75rem 2rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#00d9ff,#0084ff);box-shadow:0 0 20px #00d9ff4d;transition:transform .15s ease,box-shadow .15s ease;font-family:var(--font-title, "Orbitron", sans-serif)}.reconnect-resume-btn:hover{transform:translateY(-1px);box-shadow:0 0 30px #00d9ff80}.reconnect-resume-btn:active{transform:translateY(0)}.reconnect-waiting{font-size:.9rem;color:#ffffff80;display:flex;align-items:center;justify-content:center;gap:.5rem}.reconnect-waiting-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:reconnect-spin .8s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reconnect-icon,.reconnect-waiting-spinner,.reconnect-overlay,.reconnect-overlay.dismissing{animation:none}}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#1a1a2e,#0f0f23,#1a1a2e);background-size:400% 400%;animation:gradientShift 8s ease infinite}.loading-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.loading-particle{position:absolute;width:6px;height:6px;border-radius:50%;bottom:-10%;opacity:0;will-change:transform,opacity;animation:particleFloat 4s ease-in-out infinite}.loading-particle:nth-child(1){left:10%;background:#ff6b9d;animation-delay:0s}.loading-particle:nth-child(2){left:25%;background:#c084fc;animation-delay:.5s}.loading-particle:nth-child(3){left:40%;background:#60a5fa;animation-delay:1s}.loading-particle:nth-child(4){left:55%;background:#4ade80;animation-delay:1.5s}.loading-particle:nth-child(5){left:70%;background:#facc15;animation-delay:2s}.loading-particle:nth-child(6){left:85%;background:#fb923c;animation-delay:2.5s}.loading-particle:nth-child(7){left:15%;background:#f472b6;animation-delay:3s}.loading-particle:nth-child(8){left:60%;background:#a78bfa;animation-delay:3.5s}.loading-content{position:relative;text-align:center;z-index:1}.loading-mascot-wrapper{position:relative;width:140px;height:140px;margin:0 auto 32px}.loading-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid transparent;will-change:transform}.loading-ring-1{width:160px;height:160px;border-top-color:#ff6b9d;border-right-color:#c084fc;animation:ringRotate 3s linear infinite}.loading-ring-2{width:180px;height:180px;border-bottom-color:#60a5fa;border-left-color:#4ade80;animation:ringRotate 4s linear infinite reverse}.loading-ring-3{width:200px;height:200px;border-top-color:#facc1580;border-right-color:#fb923c80;animation:ringRotate 5s linear infinite}.loading-mascot{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:relative;z-index:2;animation:mascotFloat 2s ease-in-out infinite;border-radius:20px;will-change:transform}.loading-mascot-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative;z-index:2;animation:mascotFloat 2s ease-in-out infinite}.loading-mascot-glow{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(139,92,246,.5) 0%,rgba(99,102,241,.3) 40%,transparent 70%);animation:glowPulse 2s ease-in-out infinite;z-index:1;will-change:transform,opacity}.loading-title{font-size:1.75rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#ff6b9d,#c084fc,#60a5fa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:titleShimmer 3s ease-in-out infinite;background-size:200% 200%}.loading-status{font-size:1rem;font-weight:500;color:#fffc;margin-bottom:24px;min-height:24px}.loading-status-text{display:inline-block;animation:textFadeIn .3s ease-out}.loading-progress-container{width:240px;margin:0 auto}.loading-progress-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;position:relative}.loading-progress-fill{height:100%;width:30%;border-radius:3px;background:linear-gradient(90deg,#ff6b9d,#c084fc,#60a5fa,#4ade80,#facc15);background-size:200% 100%;animation:progressSlide 2s ease-in-out infinite,progressGradient 2s linear infinite;position:relative}.loading-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.loading-hint{margin-top:32px;font-size:.875rem;color:#ffffff80;animation:hintFade 4s ease-in-out infinite}.loading-screen.fade-out{animation:fadeOut .4s ease-out forwards}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes particleFloat{0%{opacity:0;transform:translate(0) translateY(0) scale(.5)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translate(30px) translateY(-120vh) scale(1)}}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-8px) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}75%{transform:translateY(-12px) rotate(0)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes progressSlide{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(500%)}}@keyframes progressGradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes hintFade{0%,to{opacity:.5}50%{opacity:.8}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media(max-width:480px){.loading-mascot-wrapper{width:100px;height:100px;margin-bottom:24px}.loading-ring-1{width:120px;height:120px}.loading-ring-2{width:140px;height:140px}.loading-ring-3{width:160px;height:160px}.loading-mascot-glow{width:90px;height:90px}.loading-mascot-fallback{font-size:3rem}.loading-title{font-size:1.5rem}.loading-status{font-size:.875rem}.loading-progress-container{width:200px}.loading-hint{font-size:.75rem;padding:0 16px}}@media(prefers-reduced-motion:reduce){.loading-screen,.loading-particle,.loading-ring-1,.loading-ring-2,.loading-ring-3,.loading-mascot,.loading-mascot-fallback,.loading-mascot-glow,.loading-title,.loading-progress-fill,.loading-progress-fill:after,.loading-hint{animation:none}.loading-progress-fill{width:100%;transform:none}}.game-ad-container{display:flex;justify-content:center;align-items:center;margin:1.5rem auto;max-width:300px}.game-ad-placeholder{width:300px;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;box-shadow:0 4px 20px #0000004d}.game-ad-placeholder .ad-badge{background:#fff3;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.5px}.game-ad-placeholder .ad-text{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.game-ad-placeholder .ad-title{color:#fff;font-size:1.25rem;font-weight:700}.game-ad-placeholder .ad-subtitle{color:#fffc;font-size:.9rem}@media(max-width:480px){.game-ad-container{margin:1rem auto}.game-ad-placeholder{width:280px;height:230px}}.portal-overlay{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .4s ease-out;background:linear-gradient(135deg,#1a1a2ef7,#16213ef7,#1a1a2ef7,#0f0f23f7,#1a1a2ef7);background-size:400% 400%;animation:portalGradientShift 6s ease infinite}.portal-overlay.visible{opacity:1;pointer-events:all}.portal-overlay.collapsing{animation:portalVortex .5s ease-in forwards}@keyframes portalGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes portalVortex{0%{opacity:1}to{opacity:0}}.portal-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.portal-particle{position:absolute;border-radius:50%;opacity:0;animation:portalParticleConverge 3s ease-in-out infinite;will-change:transform,opacity}.portal-particle:nth-child(1){width:8px;height:8px;background:#ff6b9d;left:10%;top:20%;animation-delay:0s}.portal-particle:nth-child(2){width:6px;height:6px;background:#c084fc;left:85%;top:15%;animation-delay:.3s}.portal-particle:nth-child(3){width:10px;height:10px;background:#60a5fa;left:15%;top:75%;animation-delay:.6s}.portal-particle:nth-child(4){width:7px;height:7px;background:#4ade80;left:90%;top:70%;animation-delay:.9s}.portal-particle:nth-child(5){width:9px;height:9px;background:#facc15;left:5%;top:50%;animation-delay:1.2s}.portal-particle:nth-child(6){width:5px;height:5px;background:#fb923c;left:95%;top:45%;animation-delay:1.5s}.portal-particle:nth-child(7){width:8px;height:8px;background:#f472b6;left:25%;top:10%;animation-delay:1.8s}.portal-particle:nth-child(8){width:6px;height:6px;background:#a78bfa;left:75%;top:85%;animation-delay:2.1s}@keyframes portalParticleConverge{0%{opacity:0;transform:translate(0) scale(1)}20%{opacity:.9}to{opacity:0;transform:translate(calc(50vw - 100%),calc(50vh - 100%)) scale(0)}}.portal-ring-container{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.portal-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.4) 0%,rgba(96,165,250,.3) 30%,rgba(255,107,157,.2) 50%,transparent 70%);animation:portalGlowPulse 2s ease-in-out infinite;will-change:transform,opacity}.portal-glow:before{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.3) 0%,rgba(74,222,128,.2) 40%,transparent 60%);animation:portalGlowPulse 2s ease-in-out infinite reverse;will-change:transform,opacity}@keyframes portalGlowPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.portal-outer-ring{position:absolute;border-radius:50%;border:2px solid transparent;will-change:transform}.portal-outer-ring-1{width:200px;height:200px;border-top-color:#ff6b9d;border-right-color:#c084fc;animation:portalRingRotate 4s linear infinite}.portal-outer-ring-2{width:230px;height:230px;border-bottom-color:#60a5fa;border-left-color:#4ade80;animation:portalRingRotate 5s linear infinite reverse}.portal-outer-ring-3{width:260px;height:260px;border-top-color:#facc1580;border-right-color:#fb923c80;animation:portalRingRotate 6s linear infinite}@keyframes portalRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-ring{position:absolute;width:180px;height:180px;transform:rotate(-90deg)}.portal-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8}.portal-ring-progress{fill:none;stroke:url(#portalGradient);stroke-width:8;stroke-linecap:round;stroke-dasharray:502.65;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}.portal-logo{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;animation:portalLogoFloat 2s ease-in-out infinite;z-index:2;will-change:transform}.portal-logo img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(192,132,252,.5))}.portal-logo-fallback{font-size:52px;filter:drop-shadow(0 4px 20px rgba(192,132,252,.5))}@keyframes portalLogoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.05)}}.portal-countdown{position:absolute;bottom:-50px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#c084fc,#60a5fa);border-radius:50%;box-shadow:0 4px 20px #c084fc66,inset 0 -2px 4px #0003,inset 0 2px 4px #fff3;animation:countdownPop 1s ease-in-out infinite}@keyframes countdownPop{0%,to{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}}.portal-message{margin-top:48px;font-size:1.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#ff6b9d,#c084fc,#60a5fa);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:portalMessageShimmer 3s ease-in-out infinite}@keyframes portalMessageShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.portal-players{display:flex;gap:0;margin-top:24px;animation:portalPlayersAppear .5s ease-out forwards}@keyframes portalPlayersAppear{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.portal-player-avatar{width:44px;height:44px;border-radius:50%;border:3px solid;border-color:#c084fc;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;margin-left:-12px;box-shadow:0 4px 16px #c084fc4d;animation:playerAvatarBounce .5s ease-out backwards;transition:transform .2s ease,border-color .2s ease}.portal-player-avatar:nth-child(1){margin-left:0;border-color:#ff6b9d;animation-delay:0s}.portal-player-avatar:nth-child(2){border-color:#c084fc;animation-delay:.1s}.portal-player-avatar:nth-child(3){border-color:#60a5fa;animation-delay:.2s}.portal-player-avatar:nth-child(4){border-color:#4ade80;animation-delay:.3s}.portal-player-avatar:nth-child(5){border-color:#facc15;animation-delay:.4s}.portal-player-avatar:nth-child(6){border-color:#fb923c;animation-delay:.5s}@keyframes playerAvatarBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.portal-player-avatar:hover{transform:scale(1.1) translateY(-4px);z-index:10}.portal-player-avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.portal-subtitle{margin-top:16px;font-size:.875rem;color:#fff9;animation:portalSubtitleFade 2s ease-in-out infinite}@keyframes portalSubtitleFade{0%,to{opacity:.6}50%{opacity:.9}}@media(max-width:480px){.portal-ring-container{width:180px;height:180px}.portal-outer-ring-1{width:160px;height:160px}.portal-outer-ring-2{width:190px;height:190px}.portal-outer-ring-3{width:220px;height:220px}.portal-ring{width:140px;height:140px}.portal-ring-bg,.portal-ring-progress{stroke-width:6}.portal-ring-progress{stroke-dasharray:392.7}.portal-logo{width:80px;height:80px}.portal-logo img{width:60px;height:60px}.portal-logo-fallback{font-size:40px}.portal-countdown{width:48px;height:48px;font-size:1.5rem;bottom:-44px}.portal-message{font-size:1.25rem;margin-top:40px;padding:0 16px}.portal-player-avatar{width:36px;height:36px;margin-left:-10px;font-size:14px}}@media(prefers-reduced-motion:reduce){.portal-overlay{transition:opacity .15s;animation:none;background-size:100% 100%}.portal-overlay.collapsing{animation:simpleFade .2s ease-out forwards}@keyframes simpleFade{to{opacity:0}}.portal-glow,.portal-glow:before,.portal-logo,.portal-outer-ring-1,.portal-outer-ring-2,.portal-outer-ring-3,.portal-countdown,.portal-message,.portal-subtitle,.portal-particle{animation:none}.portal-ring-progress{transition:stroke-dashoffset .05s linear}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.streamer-broadcast-root{display:flex;height:100vh;width:100vw;overflow:hidden;background:#06080f;color:#e8ecf4;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.streamer-broadcast-root.setup-mode{flex-direction:row}.streamer-broadcast-root.stream-mode{flex-direction:row;position:relative}.streamer-broadcast-preview{flex:1;display:flex;flex-direction:column;position:relative;border:1px solid rgba(0,229,255,.12);margin:6px;border-radius:6px;overflow:hidden;background:#080b14;box-shadow:inset 0 0 40px #00e5ff08,0 0 1px #00e5ff33}.streamer-preview-label{position:absolute;top:6px;left:50%;transform:translate(-50%);background:#00e5ff1a;color:#00e5ff;font-size:9px;font-weight:700;letter-spacing:.15em;padding:2px 12px;border-radius:3px;border:1px solid rgba(0,229,255,.15);z-index:10;pointer-events:none;text-transform:uppercase}.streamer-settings-panel-container{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.streamer-settings-panel{width:100%;flex:1;min-height:0;background:#0a0d16;border-left:1px solid rgba(0,229,255,.08);display:flex;flex-direction:column;padding:14px 12px;gap:16px;overflow-y:auto;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,229,255,.008) 2px,rgba(0,229,255,.008) 4px)}.streamer-settings-panel::-webkit-scrollbar{width:4px}.streamer-settings-panel::-webkit-scrollbar-track{background:transparent}.streamer-settings-panel::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:2px}.streamer-settings-header{padding-bottom:10px;border-bottom:1px solid rgba(0,229,255,.08)}.streamer-settings-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:#00e5ff;text-transform:uppercase}.streamer-settings-section{display:flex;flex-direction:column;gap:8px}.streamer-settings-section-title{font-size:10px;font-weight:600;letter-spacing:.08em;color:#00e5ff73;text-transform:uppercase}.streamer-layout-cards{display:flex;gap:5px}.streamer-layout-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:5px;cursor:pointer;transition:all .15s ease;color:#e8ecf480}.streamer-layout-card:hover{background:#00e5ff0f;border-color:#00e5ff40;color:#00e5ff}.streamer-layout-card.active{background:#00e5ff1a;border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 8px #00e5ff26}.streamer-layout-card-icon{font-size:18px;line-height:1}.streamer-layout-card-label{font-size:10px;font-weight:600;letter-spacing:.04em}.streamer-overlay-toggles{display:flex;flex-direction:column;gap:5px}.streamer-overlay-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0}.streamer-overlay-toggle input[type=checkbox]{display:none}.streamer-toggle-track{width:30px;height:16px;border-radius:8px;background:#ffffff14;flex-shrink:0;position:relative;transition:background .2s;border:1px solid rgba(255,255,255,.06)}.streamer-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:transform .2s ease,background .2s}.streamer-overlay-toggle input:checked+.streamer-toggle-track{background:#00e5ff40;border-color:#00e5ff4d}.streamer-overlay-toggle input:checked+.streamer-toggle-track:after{transform:translate(14px);background:#00e5ff;box-shadow:0 0 6px #00e5ff66}.streamer-overlay-label{font-size:11px;color:#e8ecf4b3}.streamer-settings-controls{margin-top:auto;gap:6px}.streamer-lock-btn{width:100%;padding:8px 12px;background:#00e5ff14;border:1px solid rgba(0,229,255,.25);border-radius:5px;color:#00e5ff;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;letter-spacing:.03em}.streamer-lock-btn:hover{background:#00e5ff26;box-shadow:0 0 12px #00e5ff26}.streamer-close-btn{width:100%;padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#e8ecf466;font-size:10px;cursor:pointer;transition:all .15s;text-align:center}.streamer-close-btn:hover{border-color:#ff3c5066;color:#ff3c50}.streamer-settings-hint{font-size:9px;color:#e8ecf433;line-height:1.4;text-align:center}.streamer-broadcast-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.streamer-gear-strip{width:28px;flex-shrink:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;cursor:pointer;position:relative;border-left:1px solid rgba(255,255,255,.04)}.streamer-gear-icon{font-size:14px;color:#fff3;line-height:1;transition:color .15s}.streamer-gear-strip:hover .streamer-gear-icon{color:#00e5ff80}.streamer-gear-menu{position:absolute;right:28px;top:6px;background:#0c0f1a;border:1px solid rgba(0,229,255,.2);border-radius:5px;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:100;white-space:nowrap;box-shadow:0 4px 20px #0009}.streamer-gear-menu-btn{padding:6px 10px;background:transparent;border:none;color:#e8ecf4b3;font-size:11px;cursor:pointer;border-radius:3px;text-align:left;transition:all .1s}.streamer-gear-menu-btn:hover{background:#00e5ff14;color:#00e5ff}.streamer-broadcast-area{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;background:#080b14}.streamer-layout-grid-mode,.streamer-layout-spotlight-mode,.streamer-layout-stage-mode{flex-direction:column}.streamer-webcam-strip{display:flex;flex-direction:row;height:90px;flex-shrink:0;background:#0006;border-bottom:1px solid rgba(0,229,255,.06);overflow-x:auto;overflow-y:hidden;gap:2px;padding:2px}.sb-strip-tile{flex-shrink:0;height:calc(100% - 4px);position:relative;border-radius:4px;overflow:hidden;background:#0c0f1a;border:1px solid rgba(255,255,255,.04)}.sb-strip-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-strip-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:12px 6px 3px;font-size:10px;color:#e8ecf4d9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.8)}.streamer-webcam-grid{display:grid;gap:2px;padding:2px;background:#080b14}.streamer-webcam-grid.strip-mode{height:90px;grid-template-columns:repeat(auto-fill,120px);grid-template-rows:1fr}.streamer-webcam-grid.sb-grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.streamer-webcam-grid.sb-grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.streamer-webcam-grid.sb-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.streamer-webcam-grid.sb-grid-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.streamer-webcam-grid.sb-grid-9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.sb-webcam-tile{position:relative;overflow:hidden;border-radius:4px;background:#0c0f1a;border:1px solid rgba(255,255,255,.04);transition:border-color .3s ease}.sb-webcam-tile video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sb-webcam-tile video.mirrored{transform:scaleX(-1)}.sb-webcam-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:14px 8px 5px;font-size:11px;font-weight:500;color:#e8ecf4e6;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sb-you-tag{opacity:.5;font-size:9px}.sb-tile-inner{position:relative;width:100%;height:100%}.sb-no-video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c0f1a,#101425);pointer-events:none}.sb-no-video-overlay span{font-size:2em;font-weight:700;color:#00e5ff26;text-shadow:0 0 20px rgba(0,229,255,.08)}.streamer-spotlight-layout{display:flex;flex-direction:row;flex:1;overflow:hidden}.streamer-spotlight-main{flex:1;position:relative;overflow:hidden}.streamer-spotlight-sidebar{flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:2px;background:#0000004d;overflow-y:auto}.sb-spotlight-tile{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;background:#0c0f1a;border:1px solid rgba(255,255,255,.04);transition:border-color .2s}.sb-spotlight-tile:hover{border-color:#00e5ff33}.sb-spotlight-tile.large{width:100%;height:100%;border-radius:0;border:none}.sb-spotlight-tile.small{flex-shrink:0}.sb-spotlight-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sb-spotlight-tile video.mirrored{transform:scaleX(-1)}.sb-spotlight-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#e8ecf433;font-size:14px}.sb-spotlight-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:14px 8px 5px;font-size:11px;color:#e8ecf4e6;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8)}.sb-spotlight-tile.recording{border:2px solid #ff3c50;box-shadow:0 0 16px #ff3c504d}.sb-rec-overlay{position:absolute;top:8px;left:8px;background:#ff3c50;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.06em;animation:rec-blink 1s ease-in-out infinite}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.4}}.sb-inter-tile-handle-v{width:6px;min-width:6px;flex-shrink:0;align-self:stretch;position:relative;cursor:col-resize;z-index:10;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sb-inter-tile-handle-h{height:6px;min-height:6px;flex-shrink:0;position:relative;cursor:row-resize;z-index:10;-moz-user-select:none;user-select:none;-webkit-user-select:none}.sb-inter-tile-handle-v:before,.sb-inter-tile-handle-h:before{content:"";position:absolute;border-radius:1px;background:#ffffff0f;transition:background .15s,box-shadow .15s}.sb-inter-tile-handle-v:before{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.sb-inter-tile-handle-h:before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.sb-inter-tile-handle-v:hover:before,.sb-inter-tile-handle-v.dragging:before,.sb-inter-tile-handle-h:hover:before,.sb-inter-tile-handle-h.dragging:before{background:#00e5ff80;box-shadow:0 0 6px #00e5ff40}.streamer-resize-handle-v,.streamer-resize-handle-h{position:relative;flex-shrink:0;z-index:20;-moz-user-select:none;user-select:none;-webkit-user-select:none}.streamer-resize-handle-v{width:8px;cursor:col-resize}.streamer-resize-handle-h{height:8px;cursor:row-resize}.streamer-resize-handle-v:before,.streamer-resize-handle-h:before{content:"";position:absolute;border-radius:1px;background:#ffffff14;transition:background .15s,box-shadow .15s}.streamer-resize-handle-v:before{top:0;bottom:0;left:50%;width:2px;transform:translate(-50%)}.streamer-resize-handle-h:before{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.streamer-resize-handle-v:after,.streamer-resize-handle-h:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px;background:#ffffff1f;transition:background .15s,box-shadow .15s}.streamer-resize-handle-v:after{width:3px;height:18px}.streamer-resize-handle-h:after{width:18px;height:3px}.streamer-resize-handle-v:hover:before,.streamer-resize-handle-h:hover:before{background:#00e5ff66;box-shadow:0 0 6px #00e5ff33}.streamer-resize-handle-v:hover:after,.streamer-resize-handle-h:hover:after{background:#00e5ff99;box-shadow:0 0 8px #00e5ff4d}.streamer-resize-handle-v.dragging:before,.streamer-resize-handle-h.dragging:before{background:#00e5ff;box-shadow:0 0 12px #00e5ff80}.streamer-resize-handle-v.dragging:after,.streamer-resize-handle-h.dragging:after{background:#00e5ff;box-shadow:0 0 10px #00e5ff66}.streamer-game-stage{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#080b14,#0a0e19,#080b14);overflow:hidden;position:relative}.streamer-game-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,229,255,.008) 3px,rgba(0,229,255,.008) 4px);z-index:1}.streamer-stage-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0006;border-bottom:1px solid rgba(0,229,255,.06);flex-shrink:0;position:relative;z-index:2}.streamer-stage-header-left,.streamer-stage-header-right{display:flex;align-items:center;gap:10px}.streamer-game-title{font-size:14px;font-weight:700;color:#00e5ff;letter-spacing:.06em;text-shadow:0 0 12px rgba(0,229,255,.3)}.streamer-room-code{font-size:11px;color:#00e5ff66;font-weight:600;letter-spacing:.05em}.gb-phase-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.gb-phase-badge.phase-WAITING,.gb-phase-badge.phase-lobby{background:#ffffff0f;color:#e8ecf480}.gb-phase-badge.phase-PLAYING,.gb-phase-badge.phase-playing{background:#00e5ff1f;color:#00e5ff}.gb-phase-badge.phase-VOTING,.gb-phase-badge.phase-voting{background:#ff408126;color:#ff4081}.gb-phase-badge.phase-FINALE,.gb-phase-badge.phase-finale{background:#ffd70026;color:gold}.gb-phase-badge.phase-FINISHED,.gb-phase-badge.phase-finished{background:#4cff961f;color:#4cff96}.streamer-stage-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2}.streamer-stage-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.streamer-stage-inner.stage-waiting{opacity:.7}.streamer-stage-title{font-size:24px;font-weight:700;color:#e8ecf4;line-height:1.2}.streamer-stage-subtitle{font-size:14px;color:#e8ecf480}.lbs-stage-top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#00000040;gap:12px;border-bottom:1px solid rgba(0,229,255,.04)}.lbs-round-badge{background:#00e5ff;color:#06080f;font-family:Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:800;padding:3px 10px;border-radius:3px;text-transform:uppercase;white-space:nowrap;letter-spacing:.06em;box-shadow:0 0 8px #00e5ff40}.lbs-category-chip{background:#ffffff0f;color:#e8ecf4b3;font-size:10px;padding:3px 10px;border-radius:10px;white-space:nowrap;border:1px solid rgba(255,255,255,.06)}.lbs-timer-bar-container{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;min-width:80px}.lbs-timer-bar{height:100%;border-radius:2px;transition:width 1s linear,background-color .5s ease}.lbs-timer-bar.green{background:linear-gradient(90deg,#00e5ff,#00c4aa);box-shadow:0 0 6px #00e5ff4d}.lbs-timer-bar.yellow{background:linear-gradient(90deg,#ffb300,#ff8f00);box-shadow:0 0 6px #ffb3004d}.lbs-timer-bar.red{background:linear-gradient(90deg,#ff3c50,#ff1744);box-shadow:0 0 8px #ff3c5066;animation:lbs-timer-urgent .5s ease-in-out infinite}@keyframes lbs-timer-urgent{0%,to{opacity:1}50%{opacity:.5}}.lbs-question-ticker{padding:14px 24px;text-align:center;font-size:17px;font-weight:500;color:#e8ecf4;min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.4;animation:lbs-fade-in .3s ease}@keyframes lbs-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lbs-turn-banner{text-align:center;padding:6px 16px;font-size:14px;font-weight:700;color:#00e5ff;letter-spacing:.04em;text-shadow:0 0 16px rgba(0,229,255,.35)}.lbs-voting-banner{text-align:center;padding:20px 16px 8px;font-size:22px;font-weight:800;color:#ff4081;letter-spacing:.06em;text-shadow:0 0 20px rgba(255,64,129,.35)}.lbs-vote-progress{text-align:center;font-size:13px;color:#e8ecf480;padding:4px;letter-spacing:.02em}.lbs-text-answer-card{margin:.5rem 1rem;padding:.75rem 1rem;background:#00d9ff26;border:1px solid rgba(0,217,255,.4);border-radius:.75rem;text-align:center;animation:lbs-fade-in .3s ease}.lbs-text-answer-player{color:#67e8f9;font-size:.85rem}.lbs-text-answer-text{color:#e0f2fe;font-size:1rem;font-weight:500}.lbs-typing-indicator{margin:.5rem 1rem;text-align:center;color:#94a3b8;font-size:.85rem;font-style:italic;animation:lbs-fade-in .3s ease}.lbs-voting-recap{margin:.75rem 1rem 0;max-height:200px;overflow-y:auto;animation:lbs-fade-in .3s ease}.lbs-voting-recap-title{font-size:.7rem;color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem;font-weight:600}.lbs-recap-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.25rem 0;border-bottom:1px solid rgba(148,163,184,.1)}.lbs-recap-qnum{color:#a78bfa;font-family:monospace;font-size:.7rem}.lbs-recap-player{color:#cbd5e1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbs-recap-answer{color:#67e8f9;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lbs-recap-rating{font-size:.75rem}.lbs-finale-header{text-align:center;padding:14px;font-size:24px;font-weight:800;background:linear-gradient(135deg,gold,#ffab00,gold);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lbs-shimmer 4s linear infinite;letter-spacing:.08em}.lbs-finale-progress{display:flex;gap:20px;padding:10px 28px;justify-content:center}.lbs-finalist-bar{flex:1;max-width:280px}.lbs-finalist-name{font-size:12px;font-weight:600;color:#e8ecf4d9;margin-bottom:5px;text-align:center}.lbs-finalist-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.lbs-finalist-fill{height:100%;background:linear-gradient(90deg,gold,#ffab00);border-radius:3px;transition:width .5s ease;box-shadow:0 0 8px #ffd7004d}.lbs-finalist-score{font-size:10px;color:#e8ecf473;text-align:center;margin-top:3px}.lbs-winner-display{text-align:center;padding:20px}.lbs-winner-trophy{font-size:44px;margin-bottom:6px;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}.lbs-winner-name{font-size:28px;font-weight:800;background:linear-gradient(135deg,gold,#ffab00,gold);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lbs-shimmer 3s linear infinite;letter-spacing:.04em}@keyframes lbs-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.lbs-winner-subtitle{font-size:13px;color:#e8ecf480;margin-top:4px}.lbs-final-scores{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:10px 24px}.lbs-score-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:3px 10px;border-radius:4px;font-size:11px;color:#e8ecf4b3}.lbs-tile-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.lbs-lives-display{position:absolute;bottom:4px;left:4px;display:flex;gap:2px;z-index:6}.lbs-heart{font-size:13px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));transition:transform .3s ease,opacity .3s ease}.lbs-heart.lost{opacity:.2;transform:scale(.75)}.lbs-heart.popping{animation:lbs-heart-pop .4s ease-out}@keyframes lbs-heart-pop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.5)}60%{transform:scale(.65);opacity:.4}to{transform:scale(.75);opacity:.2}}.lbs-hot-seat-border{position:absolute;inset:0;border:2px solid #00e5ff;border-radius:inherit;z-index:4;animation:lbs-hot-seat-pulse 2s ease-in-out infinite;box-shadow:inset 0 0 10px #00e5ff33,0 0 14px #00e5ff4d}@keyframes lbs-hot-seat-pulse{0%,to{box-shadow:inset 0 0 10px #00e5ff33,0 0 14px #00e5ff4d}50%{box-shadow:inset 0 0 18px #00e5ff59,0 0 24px #00e5ff73}}.lbs-hot-seat-badge{position:absolute;top:3px;left:50%;transform:translate(-50%);background:#00e5ff;color:#06080f;font-size:9px;font-weight:800;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.06em;z-index:7;white-space:nowrap;box-shadow:0 2px 8px #00e5ff59}.lbs-up-next-badge{position:absolute;top:3px;right:3px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#e8ecf4b3;font-size:8px;font-weight:700;padding:2px 5px;border-radius:2px;z-index:6;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(255,255,255,.08)}.lbs-eliminated-overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center}.lbs-eliminated-filter{position:absolute;inset:0;background:#00000073;z-index:8}.lbs-eliminated-x{position:relative;z-index:9;color:#ff3c50;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.sb-webcam-tile.lbs-is-eliminated{filter:grayscale(1) brightness(.5);transform:scale(.95);transition:filter 1s ease,transform .5s ease}.lbs-elimination-flash{animation:lbs-elim-flash .3s ease-out}@keyframes lbs-elim-flash{0%{box-shadow:inset 0 0 #f000}50%{box-shadow:inset 0 0 40px 10px #ff3c5080}to{box-shadow:inset 0 0 #f000}}.lbs-vote-badge{position:absolute;bottom:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#ff4081;display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 1px 6px #ff408166}.lbs-vote-badge svg{width:10px;height:10px;color:#fff}.lbs-finalist-border{position:absolute;inset:0;border:2px solid #ffd700;border-radius:inherit;z-index:4;animation:lbs-gold-shimmer 3s linear infinite}@keyframes lbs-gold-shimmer{0%{border-color:gold;box-shadow:0 0 6px #ffd7004d}50%{border-color:#ffec8b;box-shadow:0 0 14px #ffd70080}to{border-color:gold;box-shadow:0 0 6px #ffd7004d}}.lbs-phase-banner{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:10px 24px;font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6);pointer-events:none}.lbs-phase-banner.phase-playing{background:linear-gradient(90deg,#00e5ffd9,#00b4e6d9);box-shadow:0 2px 20px #00e5ff4d}.lbs-phase-banner.phase-voting{background:linear-gradient(90deg,#ff4081d9,#c82864d9);box-shadow:0 2px 20px #ff40814d}.lbs-phase-banner.phase-finale{background:linear-gradient(90deg,#ffd700e6,#ffaa00e6);color:#1a1208;box-shadow:0 2px 20px #ffd7004d}.lbs-phase-banner.phase-finished{background:linear-gradient(90deg,#00c878d9,#00a05ad9);box-shadow:0 2px 20px #00c8784d}.lbs-phase-banner.slide-in{animation:lbs-banner-slide-in .35s cubic-bezier(.22,1,.36,1) forwards}.lbs-phase-banner.slide-out{animation:lbs-banner-slide-out .3s ease-in forwards}@keyframes lbs-banner-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lbs-banner-slide-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.lbs-vote-visualization{position:absolute;inset:0;z-index:15;pointer-events:none}.lbs-vote-visualization svg{width:100%;height:100%}.lbs-vote-arrow{fill:none;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor);opacity:.75}.lbs-vote-arrow.most-voted{stroke:#ff3c50;stroke-width:3;opacity:1;filter:drop-shadow(0 0 6px rgba(255,60,80,.5))}.lbs-vote-arrow-anim{stroke-dasharray:200;stroke-dashoffset:200;animation:lbs-arrow-draw .6s ease-out forwards}@keyframes lbs-arrow-draw{to{stroke-dashoffset:0}}.lbs-vote-arrowhead{fill:currentColor;opacity:.75}.lbs-vote-fade-out{animation:lbs-vote-fade .5s ease-in forwards}@keyframes lbs-vote-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.lbs-heart.popping,.lbs-hot-seat-border,.lbs-finalist-border,.lbs-phase-banner.slide-in,.lbs-phase-banner.slide-out,.lbs-vote-arrow-anim,.lbs-elimination-flash,.lbs-winner-name,.lbs-finale-header,.lbs-timer-bar.red,.sb-rec-overlay,.rec-blink{animation:none!important}.lbs-phase-banner.slide-in{opacity:1;transform:none}.lbs-vote-arrow-anim{stroke-dashoffset:0}}.streamer-broadcast-area.streamer-layout-grid-only{background:#080b14}.streamer-broadcast-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#00000059;border-bottom:1px solid rgba(0,229,255,.06);flex-shrink:0}.streamer-broadcast-header-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streamer-grid-status{font-size:11px;color:#e8ecf4ad;letter-spacing:.04em;text-transform:uppercase}.streamer-grid-stage{flex:1;min-height:0;display:flex}.streamer-grid-stage>div{flex:1;min-height:0}.streamer-settings-subcopy{margin:6px 0 0;font-size:11px;line-height:1.5;color:#e8ecf485}.streamer-settings-summary-list{display:flex;flex-direction:column;gap:6px}.streamer-settings-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#e8ecf4a3}.streamer-settings-summary-row strong{color:#e8ecf4e6;font-weight:600}.streamer-overlay-toggles.simplified{gap:8px}.streamer-overlay-toggles.simplified .streamer-overlay-toggle{justify-content:space-between;gap:10px}.streamer-lock-btn,.streamer-close-btn,.streamer-gear-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.streamer-gear-icon,.streamer-gear-menu-btn svg,.streamer-lock-btn svg,.streamer-close-btn svg{flex-shrink:0}.streamer-webcam-grid.responsive-grid{height:100%;min-height:0;gap:8px;padding:8px;overflow:hidden}.streamer-webcam-grid.responsive-grid.sb-grid-1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.streamer-webcam-grid.responsive-grid.sb-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.streamer-webcam-grid.responsive-grid.sb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid.sb-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid.sb-grid-9{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.streamer-webcam-grid.responsive-grid .sb-webcam-tile{display:flex;flex-direction:column;min-width:0;min-height:0}.streamer-webcam-grid.responsive-grid .sb-webcam-media{position:relative;flex:1;min-height:0;overflow:hidden}.streamer-webcam-grid.responsive-grid .sb-tile-inner{height:100%}.streamer-webcam-grid.responsive-grid .sb-webcam-namebar{padding:8px 10px 9px;border-top:1px solid rgba(255,255,255,.05);background:#080b14f2;flex-shrink:0}.streamer-webcam-grid.responsive-grid .sb-webcam-name{position:static;background:none;padding:0;font-size:11px;font-weight:600;color:#e8ecf4e0;text-align:left;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-webcam-grid.responsive-grid .sb-you-tag{opacity:.55}.streamer-webcam-grid.responsive-grid .sb-inter-tile-handle-v{display:none}.lbs-lives-display{top:6px;left:6px;bottom:auto;gap:3px}.lbs-heart{width:14px;height:14px;color:#ff617b;fill:#ff617b2e;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.lbs-heart.lost{color:#e8ecf438;fill:#e8ecf414;opacity:1;transform:none}.streamer-webcam-grid.responsive-grid .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;background:#0c0f1a}.streamer-broadcast-header.branded{padding:12px 16px}.streamer-lobby-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff9;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.streamer-lobby-status-dot{width:6px;height:6px;border-radius:50%;background:var(--gb-cyan, #00d9ff);animation:lobby-dot-pulse 2s ease-in-out infinite}@keyframes lobby-dot-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.streamer-lobby-status-dot{animation:none;opacity:.8}}.streamer-broadcast-branding{display:flex;align-items:center;gap:12px;min-width:0}.streamer-broadcast-mascot{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.streamer-broadcast-brandcopy{display:flex;flex-direction:column;min-width:0}.streamer-broadcast-title{font-size:18px;font-weight:700;line-height:1.05;color:var(--text-primary, #e8ecf4);letter-spacing:.01em}.streamer-broadcast-title-accent{background:linear-gradient(135deg,var(--gb-pink, #e94560) 0%,var(--gb-cyan, #00d9ff) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.streamer-broadcast-subbrand{display:flex;align-items:baseline;gap:0;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.streamer-broadcast-subbrand .brand-game{color:var(--gb-pink, #e94560)}.streamer-broadcast-subbrand .brand-buddies{color:var(--gb-cyan, #00d9ff)}.streamer-broadcast-subbrand .brand-io{color:#e8ecf480}.streamer-broadcast-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(180deg,#0a0d16f0,#080b14db);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.streamer-broadcast-pills{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.streamer-hud-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#e8ecf4;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.streamer-hud-pill.round{background:#ffc22e1f;border-color:#ffc22e47;color:#ffd76c}.streamer-hud-pill.phase.phase-playing{background:#00e5ff1f;border-color:#00e5ff47;color:#7ef6ff}.streamer-hud-pill.phase.phase-voting,.streamer-hud-pill.phase.phase-tie-breaking{background:#ff408124;border-color:#ff40814d;color:#ff8db4}.streamer-hud-pill.phase.phase-finale{background:#ffd15429;border-color:#ffd15452;color:#ffe082}.streamer-hud-pill.phase.phase-finished{background:#39d07a29;border-color:#39d07a47;color:#8bf0b2}.streamer-hud-pill.timer.is-live{background:#2cc57f24;border-color:#2cc57f52;color:#7ff2b2}.streamer-hud-pill.timer.is-warning{background:#ffbc3826;border-color:#ffbc384d;color:#ffd36b}.streamer-hud-pill.timer.is-critical{background:#ff5b5b29;border-color:#ff5b5b57;color:#ff9b9b;box-shadow:0 0 18px #ff5b5b29}.streamer-hud-pill.timer.is-idle{background:#ffffff0d;color:#e8ecf4b8}.streamer-broadcast-status-text{color:#e8ecf4b8;font-size:12px;font-weight:600;letter-spacing:.03em;text-align:right}.streamer-grid-stage{position:relative}.streamer-countdown-overlay{position:absolute;inset:0;z-index:18;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#ffffff14,#06080f0a 40%,#06080f00)}.streamer-countdown-badge{min-width:180px;padding:20px 28px;border-radius:28px;background:#080b14e0;border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px #00000061;color:#fff;font-size:76px;font-weight:900;line-height:1;letter-spacing:.04em;text-align:center;text-transform:uppercase;animation:streamer-countdown-pop .85s ease-out}@keyframes streamer-countdown-pop{0%{opacity:0;transform:scale(.78)}35%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.lbs-up-next-border{position:absolute;inset:0;border:2px solid rgba(255,193,68,.92);border-radius:inherit;z-index:4;box-shadow:inset 0 0 0 1px #ffe59b57,0 0 18px #ffc14447}.lbs-up-next-badge{top:8px;right:8px;padding:5px 10px;border-radius:999px;background:#ffc144f0;color:#261300;font-size:10px;font-weight:900;letter-spacing:.12em;border:none;box-shadow:0 10px 22px #ffc14447}.lbs-heart{width:15px;height:15px;color:#ff617b;fill:currentColor;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.lbs-heart.lost{color:#e8ecf43d;fill:#e8ecf424;opacity:1;transform:none}.streamer-webcam-grid.responsive-grid .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:#0c0f1a}@media(max-width:960px){.streamer-broadcast-hud{align-items:flex-start;flex-direction:column}.streamer-broadcast-status-text{text-align:left}.streamer-countdown-badge{min-width:150px;font-size:58px;padding:18px 24px}}.streamer-webcam-grid.responsive-grid .sb-webcam-tile.no-video{border-color:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff05}.streamer-webcam-grid.responsive-grid .sb-webcam-media.is-placeholder{background:radial-gradient(circle at top,rgba(0,229,255,.12),transparent 44%),linear-gradient(160deg,#121828fa,#080b14fa)}.streamer-webcam-grid.responsive-grid .sb-tile-inner{display:flex;align-items:center;justify-content:center}.streamer-webcam-grid.responsive-grid .sb-no-video-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:0}.streamer-webcam-grid.responsive-grid .sb-webcam-media.is-placeholder{background:none}.streamer-webcam-grid.responsive-grid .sb-no-video-overlay{padding:0;position:absolute;inset:0;overflow:hidden}.streamer-webcam-grid.responsive-grid .sb-no-video-overlay .sb-no-video-icon{position:absolute;bottom:8px;left:8px;width:16px;height:16px;color:#d8b4fe80;z-index:1}.streamer-webcam-grid.responsive-grid .sb-no-video-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#c084fc1f;border:1px solid rgba(192,132,252,.25);color:#d8b4fee6;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.streamer-webcam-grid.responsive-grid .sb-no-video-icon{width:14px;height:14px}.streamer-hud-pill.phase.phase-second-vote{background:#885cff2e;border-color:#885cff52;color:#c9b7ff}.streamer-hud-pill.phase.phase-gm{background:#ff8d382e;border-color:#ff8d3857;color:#ffc48a}.streamer-webcam-grid.responsive-grid .sb-webcam-media video,.streamer-webcam-grid.responsive-grid .sb-webcam-tile.local .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:transparent}.lbs-life-loss-flash{animation:lbs-life-loss-shake .58s cubic-bezier(.22,1,.36,1)}.lbs-life-loss-overlay{position:absolute;inset:0;z-index:5;border-radius:inherit;background:radial-gradient(circle at center,#ff6c8347,#ff6c8300 58%),linear-gradient(180deg,#ff486833,#ff486808);animation:lbs-life-loss-burst .72s ease-out forwards}@keyframes lbs-life-loss-shake{0%{transform:translateZ(0)}20%{transform:translate3d(-4px,0,0)}40%{transform:translate3d(4px,0,0)}60%{transform:translate3d(-3px,0,0)}80%{transform:translate3d(2px,0,0)}to{transform:translateZ(0)}}@keyframes lbs-life-loss-burst{0%{opacity:0;box-shadow:inset 0 0 #ff486800}25%{opacity:1;box-shadow:inset 0 0 40px #ff48683d,0 0 26px #ff486838}to{opacity:0;box-shadow:inset 0 0 #ff486800}}.lbs-phase-banner.phase-second-vote{background:linear-gradient(90deg,#885cffeb,#5e40d6eb);box-shadow:0 2px 20px #885cff4d}.lbs-phase-banner.phase-gm{background:linear-gradient(90deg,#ff8d38eb,#e0601ceb);box-shadow:0 2px 20px #ff8d3852}.lbs-life-loss-flash{animation:lbs-life-loss-shake .86s cubic-bezier(.22,1,.36,1)}.lbs-life-loss-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:linear-gradient(180deg,#46000a2e,#ff244a7a),radial-gradient(circle at center,#ff768c6b,#ff768c00 62%);box-shadow:inset 0 0 70px #ff2c4e42;animation:lbs-life-loss-screen 1.02s ease-out forwards}.lbs-life-loss-burst-card{position:relative;width:min(68%,220px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:radial-gradient(circle,#fffcfc2e,#fffcfc05 60%,#fffcfc00 72%);animation:lbs-life-loss-card 1.02s cubic-bezier(.2,1,.3,1) forwards}.lbs-life-loss-burst-card:before,.lbs-life-loss-burst-card:after{content:"";position:absolute;inset:10%;border-radius:999px;border:1px solid rgba(255,224,228,.22);opacity:0}.lbs-life-loss-burst-card:before{animation:lbs-life-loss-ring .92s ease-out .08s forwards}.lbs-life-loss-burst-card:after{animation:lbs-life-loss-ring .92s ease-out .18s forwards}.lbs-life-loss-icon{width:88px;height:88px;color:#fff4f6;filter:drop-shadow(0 10px 24px rgba(83,0,14,.48));animation:lbs-life-loss-icon 1.02s cubic-bezier(.22,1,.36,1) forwards}.lbs-life-loss-copy{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff6f8;text-transform:uppercase;text-align:center}.lbs-life-loss-kicker{font-size:11px;font-weight:800;letter-spacing:.22em;opacity:.92}.lbs-life-loss-value{font-size:32px;font-weight:900;letter-spacing:.04em;line-height:1}@keyframes lbs-life-loss-shake{0%{transform:translateZ(0) scale(1)}15%{transform:translate3d(-6px,0,0) scale(1.01)}30%{transform:translate3d(6px,0,0) scale(1.01)}45%{transform:translate3d(-5px,0,0) scale(1.02)}60%{transform:translate3d(4px,0,0) scale(1.01)}75%{transform:translate3d(-2px,0,0) scale(1.005)}to{transform:translateZ(0) scale(1)}}@keyframes lbs-life-loss-screen{0%{opacity:0}18%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes lbs-life-loss-card{0%{opacity:0;transform:scale(.52) rotate(-12deg)}24%{opacity:1;transform:scale(1.08) rotate(2deg)}62%{opacity:1;transform:scale(.98) rotate(-2deg)}to{opacity:0;transform:scale(1.18) rotate(6deg)}}@keyframes lbs-life-loss-icon{0%{opacity:0;transform:scale(.5) rotate(-18deg)}25%{opacity:1;transform:scale(1.14) rotate(8deg)}65%{opacity:1;transform:scale(.96) rotate(-6deg)}to{opacity:0;transform:scale(1.22) rotate(14deg)}}@keyframes lbs-life-loss-ring{0%{opacity:.32;transform:scale(.72)}to{opacity:0;transform:scale(1.18)}}.streamer-finale-showdown{display:flex;flex-direction:column;width:100%;height:100%;gap:12px;padding:10px 16px}.streamer-finale-stage-card{text-align:center;padding:10px 16px;background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border:1px solid rgba(251,191,36,.2);border-radius:10px;flex-shrink:0}.streamer-finale-showdown.eval-layout{flex-direction:column;gap:14px}.streamer-finale-eval-top-row{display:flex;flex-direction:row;gap:14px;align-items:stretch;flex-shrink:0}.streamer-finale-eval-top-row .streamer-finale-stage-card{flex:1;min-width:0}.streamer-finale-eval-cams{display:flex;flex-direction:row;gap:8px;flex-shrink:0}.streamer-finale-sidebar-cam{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0}.streamer-finale-sidebar-video{flex:1;min-height:0;border-radius:10px;overflow:hidden;border:2px solid rgba(251,191,36,.25);background:#0a0e1a;position:relative}.streamer-finale-sidebar-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.streamer-finale-sidebar-video video.mirrored{transform:scaleX(-1)}.streamer-finale-sidebar-video.no-video video{display:none}.streamer-finale-sidebar-label{font-size:10px;font-weight:700;color:#fef3c7b3;text-transform:uppercase;letter-spacing:.06em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-finale-stage-kicker{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fbbf24}.streamer-finale-stage-title{font-size:18px;font-weight:800;color:#fef3c7;margin-top:2px}.streamer-finale-stage-copy{font-size:12px;color:#fef3c799;margin-top:4px}.streamer-finale-question-card{margin-top:8px;padding:8px 14px;background:#00000059;border:1px solid rgba(251,191,36,.15);border-radius:8px;font-size:14px;font-weight:500;color:#e8ecf4;line-height:1.4}.streamer-finale-correct-answer{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.streamer-finale-correct-answer .label{color:#34d399b3;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.streamer-finale-correct-answer .value{color:#34d399;font-weight:700}.streamer-finale-players-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.streamer-finale-player-panel{display:flex;flex-direction:column;gap:8px;min-height:0}.streamer-finale-player-media{position:relative;flex:1;min-height:0;border-radius:10px;overflow:hidden;background:#0a0e1a;border:2px solid rgba(251,191,36,.25)}.streamer-finale-player-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.streamer-finale-player-media video.mirrored{transform:scaleX(-1)}.streamer-finale-player-media.no-video video{display:none}.streamer-finale-player-chrome{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px;background:linear-gradient(transparent,#000000b3)}.streamer-finale-player-name{font-size:14px;font-weight:700;color:#fef3c7}.streamer-finale-player-subtitle{font-size:10px;font-weight:600;color:#fbbf2499;text-transform:uppercase;letter-spacing:.08em}.streamer-finale-player-score{font-size:20px;font-weight:800;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.4)}.streamer-finale-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0e1225,#141a2e)}.streamer-finale-placeholder-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#1a1a2e}.streamer-finale-placeholder-copy{display:flex;align-items:center;gap:4px;font-size:11px;color:#fbbf2480}.streamer-finale-answer-card{padding:8px 12px;border-radius:8px;border:1px solid rgba(100,116,139,.3);background:#0f172ab3;flex-shrink:0}.streamer-finale-answer-card.correct{border-color:#34d39966;background:#064e3b40}.streamer-finale-answer-card.incorrect{border-color:#f8717166;background:#7f1d1d33}.streamer-finale-answer-card.locked{border-color:#fbbf244d;background:#78350f26}.streamer-finale-answer-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1b3;margin-bottom:2px}.streamer-finale-answer-value{font-size:13px;color:#e2e8f0;line-height:1.3}.streamer-finale-answer-badge{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.streamer-finale-answer-badge.correct{color:#34d399;background:#064e3b4d}.streamer-finale-answer-badge.incorrect{color:#f87171;background:#7f1d1d4d}.streamer-finale-answer-badge.pending{color:#fbbf24b3;background:#78350f33}.streamer-finale-eval-scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0}.streamer-finale-eval-score-card{text-align:center;padding:8px 12px;background:#78350f26;border:1px solid rgba(251,191,36,.25);border-radius:8px}.streamer-finale-eval-score-card .eval-player-name{font-size:13px;font-weight:600;color:#fef3c7}.streamer-finale-eval-score-card .eval-player-score{font-size:24px;font-weight:800;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.3)}.streamer-finale-eval-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.streamer-finale-eval-scroll::-webkit-scrollbar{width:4px}.streamer-finale-eval-scroll::-webkit-scrollbar-thumb{background:#fbbf2440;border-radius:2px}.streamer-finale-eval-question{background:#0f172a80;border:1px solid rgba(100,116,139,.25);border-radius:10px;padding:10px 14px}.streamer-finale-eval-question .eval-q-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a855f7cc}.streamer-finale-eval-question .eval-q-text{font-size:13px;font-weight:500;color:#e2e8f0;margin-top:2px;line-height:1.35}.streamer-finale-eval-question .eval-q-correct{font-size:11px;color:#34d399cc;margin-top:4px}.streamer-finale-eval-question .eval-q-correct strong{color:#34d399}.streamer-finale-eval-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.streamer-finale-eval-answer{padding:8px 10px;border-radius:6px;border:1px solid rgba(100,116,139,.3);background:#1e293b66}.streamer-finale-eval-answer.correct{border-color:#34d39966;background:#064e3b33}.streamer-finale-eval-answer.incorrect{border-color:#f8717166;background:#7f1d1d26}.streamer-finale-eval-answer .eval-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.streamer-finale-eval-answer .eval-answer-name{font-size:11px;font-weight:600;color:#cbd5e1cc}.streamer-finale-eval-answer .eval-answer-icon{width:16px;height:16px}.streamer-finale-eval-answer .eval-answer-icon.correct{color:#34d399;background:none;border:none}.streamer-finale-eval-answer .eval-answer-icon.incorrect{color:#f87171;background:none;border:none}.streamer-finale-eval-answer .eval-answer-text{font-size:12px;color:#e2e8f0;line-height:1.3}.lbs-bc-winner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at center,rgba(251,191,36,.06) 0%,transparent 70%),linear-gradient(180deg,#06080f,#0a0e1a)}.lbs-bc-winner-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lbs-bc-winner-particle{position:absolute;bottom:-12px;border-radius:50%;animation:lbs-winner-float linear infinite}@keyframes lbs-winner-float{0%{transform:translateY(0) rotate(0);opacity:.9}to{transform:translateY(-110vh) rotate(720deg);opacity:0}}.lbs-bc-winner-trophy{margin-bottom:8px;animation:lbs-winner-trophy-pulse 2s ease-in-out infinite}.lbs-bc-winner-trophy-icon{width:64px;height:64px;color:#fbbf24;filter:drop-shadow(0 0 16px rgba(251,191,36,.5))}@keyframes lbs-winner-trophy-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(251,191,36,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 28px rgba(251,191,36,.7))}}.lbs-bc-winner-title{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:#fbbf24b3;margin-bottom:4px}.lbs-bc-winner-name{font-size:42px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#fcd34d,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 8px rgba(251,191,36,.3));margin-bottom:20px;animation:lbs-winner-name-enter .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes lbs-winner-name-enter{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.lbs-bc-winner-scores{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.lbs-bc-winner-score-card{width:200px;padding:14px 16px;border-radius:12px;border:2px solid;text-align:center}.lbs-bc-winner-score-card.is-winner{background:#78350f33;border-color:#fbbf2480;box-shadow:0 0 24px #fbbf241a}.lbs-bc-winner-score-card.is-runner-up{background:#1e293b66;border-color:#64748b4d}.lbs-bc-winner-score-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.is-winner .lbs-bc-winner-score-label{color:#fbbf24}.is-runner-up .lbs-bc-winner-score-label{color:#94a3b8cc}.lbs-bc-winner-score-name{font-size:16px;font-weight:700;margin-bottom:4px}.is-winner .lbs-bc-winner-score-name{color:#fef3c7}.is-runner-up .lbs-bc-winner-score-name{color:#cbd5e1}.lbs-bc-winner-score-value{font-size:32px;font-weight:900;margin-bottom:8px}.is-winner .lbs-bc-winner-score-value{color:#fbbf24}.is-runner-up .lbs-bc-winner-score-value{color:#64748b}.lbs-bc-winner-score-bar{height:6px;background:#33415580;border-radius:3px;overflow:hidden}.lbs-bc-winner-score-fill{height:100%;border-radius:3px;transition:width .7s ease}.is-winner .lbs-bc-winner-score-fill{background:linear-gradient(90deg,#fbbf24,#fcd34d)}.is-runner-up .lbs-bc-winner-score-fill{background:#475569}.lbs-bc-winner-brand{display:flex;align-items:center;gap:10px;margin-top:8px}.lbs-bc-winner-mascot{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.lbs-bc-winner-brand-text{font-size:28px;font-weight:800;letter-spacing:.03em}.lbs-bc-winner-brand-text .brand-game{color:#fff}.lbs-bc-winner-brand-text .brand-buddies{color:var(--gb-pink, #e94560)}.lbs-bc-winner-brand-text .brand-io{color:var(--gb-cyan, #00d9ff)}.streamer-hud-pill.phase.phase-evaluation{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}@media(prefers-reduced-motion:reduce){.lbs-bc-winner-particle{animation:none;display:none}.lbs-bc-winner-trophy{animation:none}.lbs-bc-winner-name{animation:none;opacity:1}}.streamer-finale-showdown{display:flex;flex:1;min-height:0;padding:16px;gap:16px;background:radial-gradient(circle at top,rgba(255,209,84,.08),transparent 36%),linear-gradient(180deg,#080b14fa,#06080ffa)}.streamer-finale-showdown.empty{align-items:center;justify-content:center}.streamer-finale-stage-card{width:min(30%,340px);display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#18120af5,#0c0a12f5);box-shadow:0 22px 48px #00000052}.streamer-finale-stage-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffd76c}.streamer-finale-stage-title{font-size:28px;font-weight:900;line-height:1.05;color:#fff4d6}.streamer-finale-stage-copy{font-size:13px;line-height:1.5;color:#fff3d6c2}.streamer-finale-question-card{padding:16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f7fbff;font-size:19px;font-weight:700;line-height:1.35}.streamer-finale-correct-answer{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:#2ebe681f;border:1px solid rgba(46,190,104,.26)}.streamer-finale-correct-answer .label{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#9df0be}.streamer-finale-correct-answer .value{color:#e9fff1;font-size:14px;font-weight:700}.streamer-finale-players-grid{display:grid;flex:1;min-width:0;min-height:0;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.streamer-finale-player-panel{display:flex;flex-direction:column;min-width:0;min-height:0;gap:12px}.streamer-finale-player-media{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0c101cfa,#06080ffa)}.streamer-finale-player-media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#080b14}.streamer-finale-player-chrome{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#080b141a,#080b14d6)}.streamer-finale-player-name{font-size:18px;font-weight:800;color:#f7fbff}.streamer-finale-player-subtitle{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e8ecf4ad}.streamer-finale-player-score{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:8px 12px;border-radius:999px;background:#ffd15429;border:1px solid rgba(255,209,84,.26);color:#ffe082;font-size:16px;font-weight:900}.streamer-finale-answer-card{display:flex;flex-direction:column;gap:8px;min-height:118px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0a0d16e6}.streamer-finale-answer-card.locked{border-color:#ffd15442;background:#ffd1541f}.streamer-finale-answer-card.correct{border-color:#2ebe6857;background:#2ebe6824}.streamer-finale-answer-card.incorrect{border-color:#ff565657;background:#ff565624}.streamer-finale-answer-label{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#e8ecf4b8}.streamer-finale-answer-value{color:#f7fbff;font-size:18px;font-weight:700;line-height:1.3}.streamer-finale-answer-badge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.streamer-finale-answer-badge.correct{background:#2ebe682e;color:#9df0be}.streamer-finale-answer-badge.incorrect{background:#ff56562e;color:#ffb2b2}.streamer-finale-answer-badge.pending{background:#ffd15424;color:#ffe082}.streamer-finale-placeholder-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;z-index:0}.streamer-finale-placeholder{position:absolute;inset:0;overflow:hidden}.streamer-finale-placeholder>.streamer-finale-placeholder-icon{position:absolute;bottom:8px;left:8px;width:16px;height:16px;color:#d8b4fe80;z-index:1}.streamer-finale-placeholder-copy{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#c084fc1f;border:1px solid rgba(192,132,252,.25);color:#d8b4fee6;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}.streamer-finale-placeholder-icon{width:14px;height:14px}@media(max-width:1100px){.streamer-finale-showdown{flex-direction:column}.streamer-finale-stage-card{width:100%}}.team-broadcast-centered{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.team-broadcast-row{display:flex;justify-content:center;gap:.5rem;flex:1;min-height:0}.team-broadcast-host-row{display:flex;justify-content:center;flex:1.3;min-height:0}.team-broadcast-host-tile{width:38%;min-width:280px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.team-broadcast-host-tile>div{flex:1;min-height:0}.team-broadcast-host-tile .streamer-webcam-grid{height:100%}.team-broadcast-host-tile .sb-webcam-tile{height:100%;border:2px solid rgba(168,85,247,.5);border-radius:8px;box-shadow:0 0 12px #a855f733}.team-broadcast-host-tile .streamer-webcam-grid.responsive-grid .sb-webcam-media video,.team-broadcast-host-tile .streamer-webcam-grid .sb-webcam-tile video{-o-object-fit:cover!important;object-fit:cover!important}.team-broadcast-host-tile .streamer-webcam-grid .sb-webcam-namebar{position:absolute;top:0;left:0;right:0;z-index:5;padding:4px 8px;background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,transparent 100%);border-top:none}.team-broadcast-host-tile .streamer-webcam-grid .sb-webcam-name{position:static;background:none;padding:0;font-weight:700;font-size:.75rem;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.8);color:#c084fc}.sb-webcam-tile.team-tile{flex:1;min-width:0;min-height:0;max-width:33%;border:2px solid color-mix(in srgb,var(--team-color, #888) 40%,transparent);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.sb-webcam-tile.team-tile.team-active{border:3px solid #4ade80;box-shadow:0 0 16px #4ade8073,0 0 4px #4ade804d,inset 0 0 10px #4ade801a}.sb-webcam-tile.team-tile.team-eliminated{opacity:.35;filter:grayscale(.7);transition:opacity .5s ease,filter .5s ease}.sb-webcam-tile.team-tile.team-life-loss{animation:lbs-life-loss-shake .58s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 20px #ff486833,0 0 12px #ff486826}.sb-webcam-tile.team-tile.team-elim-flash{animation:lbs-elim-flash .3s ease-out}.sb-webcam-tile.team-tile>.sb-webcam-media{flex:1;min-height:0;position:relative}.team-tile-split{display:flex;width:100%;height:100%;position:absolute;inset:0}.team-tile-half{flex:1;position:relative;overflow:hidden;min-width:0}.team-tile-half+.team-tile-half{border-left:1px solid rgba(0,0,0,.4)}.team-tile-half video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.team-tile-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f1116cc;color:#e2e8f04d}.team-tile-placeholder-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.4}.team-tile-placeholder-icon{position:relative;z-index:1}.team-tile-turn-badge{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:8;padding:3px 12px;font-size:.6rem;font-weight:800;letter-spacing:.1em;color:#fff;background:#4ade80d9;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:team-turn-badge-pulse 2s ease-in-out infinite}@keyframes team-turn-badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.team-namebar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,transparent 100%)}.team-name-label{font-weight:700;font-size:.75rem;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.8)}.team-tile-hearts{display:flex;gap:2px;flex-shrink:0}.team-tile-heart{transition:all .3s ease}.team-tile-heart.lost{opacity:.3;transform:scale(.75)}.team-tile-burst{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;background:radial-gradient(circle at center,rgba(255,72,104,.3),transparent 65%);animation:team-burst-fade 1.05s ease-out forwards;pointer-events:none;color:#fff4f6}.team-tile-burst-value{font-size:1.5rem;font-weight:900;color:#ff6c83;text-shadow:0 2px 10px rgba(255,72,104,.6)}.team-tile-elim-overlay{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center}.team-tile-elim-filter{position:absolute;inset:0;background:#00000073;z-index:8}.team-tile-elim-x{position:relative;z-index:9;color:#ff3c50;filter:drop-shadow(0 2px 6px rgba(0,0,0,.9))}.team-lives-bar{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#00000059;border-radius:.625rem;border:1px solid color-mix(in srgb,var(--team-color) 30%,transparent);flex-shrink:0;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.team-lives-bar.life-loss{animation:team-bar-shake .58s cubic-bezier(.22,1,.36,1);border-color:#ff486899;box-shadow:inset 0 0 20px #ff486826,0 0 12px #ff486833}.team-lives-bar.eliminated{opacity:.35;filter:grayscale(.6)}.team-lives-bar.elim-flash{animation:team-elim-flash 1.6s ease-out}.team-lives-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:3.5rem}.team-lives-hearts{display:flex;gap:2px;flex-wrap:wrap;flex:1}.team-heart{transition:all .3s ease}.team-heart.lost{opacity:.25;transform:scale(.75)}.team-heart.popping{animation:lbs-heart-pop .56s cubic-bezier(.34,1.56,.64,1)}.team-lives-count{font-size:.65rem;font-weight:700;font-variant-numeric:tabular-nums;opacity:.7;white-space:nowrap}.team-burst-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:.5rem;background:radial-gradient(circle at center,rgba(255,72,104,.25),transparent 70%),linear-gradient(90deg,#ff48681f,#ff48680d);border-radius:inherit;animation:team-burst-fade 1.1s ease-out forwards;pointer-events:none}.team-burst-icon{width:24px;height:24px;color:#fff4f6;filter:drop-shadow(0 2px 8px rgba(255,72,104,.6));animation:team-burst-icon-pop .6s cubic-bezier(.22,1,.36,1)}.team-burst-value{font-size:1.25rem;font-weight:900;color:#ff6c83;text-shadow:0 2px 8px rgba(255,72,104,.5);animation:team-burst-icon-pop .6s cubic-bezier(.22,1,.36,1) .05s both}.team-elim-overlay{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0009;border-radius:inherit;animation:team-burst-fade 1.6s ease-out forwards;pointer-events:none}.team-elim-x{color:#ff3c50;filter:drop-shadow(0 2px 6px rgba(255,0,0,.7));animation:team-burst-icon-pop .5s cubic-bezier(.22,1,.36,1)}.team-elim-text{font-size:.7rem;font-weight:800;color:#ff3c50;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 2px 8px rgba(255,0,0,.5)}.lbs-team-badge{position:absolute;bottom:4px;left:4px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;color:#fff;z-index:5}@keyframes team-bar-shake{0%{transform:translateZ(0)}15%{transform:translate3d(-3px,0,0)}30%{transform:translate3d(3px,0,0)}45%{transform:translate3d(-2px,0,0)}60%{transform:translate3d(2px,0,0)}80%{transform:translate3d(-1px,0,0)}to{transform:translateZ(0)}}@keyframes team-burst-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes team-burst-icon-pop{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes team-elim-flash{0%{box-shadow:inset 0 0 #f000}15%{box-shadow:inset 0 0 30px 8px #ff3c5080}40%{box-shadow:inset 0 0 15px 4px #ff3c504d}to{box-shadow:inset 0 0 #f000}}@media(prefers-reduced-motion:reduce){.team-heart.popping,.team-burst-icon,.team-burst-value,.team-elim-x,.team-lives-bar.life-loss,.team-lives-bar.elim-flash{animation:none}.team-burst-overlay,.team-elim-overlay{animation:none;opacity:1}.streamer-team-column.eliminated{transition:none}}@font-face{font-family:Gloria Hallelujah;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/gloria-hallelujah-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/lastbrainstanding/fonts/inter-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/inter-400.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/lastbrainstanding/fonts/inter-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/lastbrainstanding/fonts/inter-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/lastbrainstanding/fonts/inter-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/lastbrainstanding/fonts/inter-800.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/lastbrainstanding/fonts/inter-900.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-400.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-500.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:600;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-600.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-700.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-800.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(/lastbrainstanding/fonts/orbitron-900.woff2) format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/oswald-400.woff2) format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/lastbrainstanding/fonts/oswald-500.woff2) format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(/lastbrainstanding/fonts/oswald-600.woff2) format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(/lastbrainstanding/fonts/oswald-700.woff2) format("woff2")}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/patrick-hand-400.woff2) format("woff2")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/lastbrainstanding/fonts/permanent-marker-400.woff2) format("woff2")}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Space Grotesk,Poppins,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{height:100%;background:var(--bg-primary);height:var(--viewport-height);min-height:100dvh;font-size:16px}body{font-family:Space Grotesk,Poppins,sans-serif;font-family:var(--font-body);background:var(--bg-primary);min-height:100dvh;overflow-x:hidden;overflow-y:auto;color:var(--text-primary);margin:0;padding:0}body:has(.game-page){height:100dvh;overflow:hidden}#root{min-height:100vh;background:var(--bg-primary)}*{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1));box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}p,label{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.btn{padding:.5rem 1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn{font-family:var(--font-marker);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);background:transparent;color:var(--text-primary);cursor:pointer}.btn:hover{border-color:var(--accent-color);transform:scale(1.02) rotate(-.5deg)}.btn:active{transform:scale(.98) rotate(.5deg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:var(--bg-primary);box-shadow:4px 4px 0 0 var(--accent-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);border:2px dashed var(--panel-border)}.btn-success{background:var(--success-500);border-color:var(--success-500);color:#fff}.btn-danger{background:var(--danger-500);border-color:var(--danger-500);color:#fff}.btn-warning{background:var(--warning-500);border-color:var(--warning-500);color:var(--bg-primary)}.btn-sm{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem;line-height:1.75rem}.input{width:100%;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;font-family:var(--font-hand);background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.input::-moz-placeholder{color:var(--text-secondary);font-style:italic}.input::placeholder{color:var(--text-secondary);font-style:italic}.card{padding:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card:hover{border-color:var(--accent-glow);transform:scale(1.005) rotate(.3deg)}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg)}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .5s ease-out}.slide-down{animation:slideDown .4s ease-out}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.max-h-48{max-height:12rem}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.max-w-\[min\(672px\,calc\(100vw-2rem\)\)\]{max-width:min(672px,calc(100vw - 2rem))}.max-w-lg{max-width:32rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-amber-400\/30{border-color:#fbbf244d}.border-amber-400\/50{border-color:#fbbf2480}.border-amber-400\/60{border-color:#fbbf2499}.border-amber-500\/30{border-color:#f59e0b4d}.border-amber-600\/50{border-color:#d9770680}.border-cyan-400\/40{border-color:#22d3ee66}.border-emerald-400{--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.border-emerald-400\/30{border-color:#34d3994d}.border-emerald-400\/50{border-color:#34d39980}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-purple-400\/50{border-color:#c084fc80}.border-purple-400\/60{border-color:#c084fc99}.border-purple-400\/80{border-color:#c084fccc}.border-purple-500\/30{border-color:#a855f74d}.border-purple-600\/50{border-color:#9333ea80}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-400\/30{border-color:#f871714d}.border-red-400\/50{border-color:#f8717180}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-600\/30{border-color:#4755694d}.border-slate-600\/40{border-color:#47556966}.border-slate-600\/50{border-color:#47556980}.border-slate-700\/50{border-color:#33415580}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-400\/50{border-color:#facc1580}.bg-amber-500\/20{background-color:#f59e0b33}.bg-amber-800\/30{background-color:#92400e4d}.bg-amber-900\/20{background-color:#78350f33}.bg-amber-900\/30{background-color:#78350f4d}.bg-amber-900\/50{background-color:#78350f80}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-cyan-900\/30{background-color:#164e634d}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-900\/20{background-color:#064e3b33}.bg-emerald-900\/30{background-color:#064e3b4d}.bg-emerald-900\/50{background-color:#064e3b80}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-900\/50{background-color:#7c2d1280}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-800\/30{background-color:#6b21a84d}.bg-purple-900\/30{background-color:#581c874d}.bg-purple-900\/50{background-color:#581c8780}.bg-purple-900\/60{background-color:#581c8799}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-800{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/50{background-color:#7f1d1d80}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-500\/20{background-color:#64748b33}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-700\/30{background-color:#3341554d}.bg-slate-700\/50{background-color:#33415580}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900\/95{background-color:#0f172af2}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/50{background-color:#713f1280}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500\/20{--tw-gradient-from: rgb(245 158 11 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-900\/30{--tw-gradient-from: rgb(120 53 15 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-900\/40{--tw-gradient-from: rgb(120 53 15 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900\/40{--tw-gradient-from: rgb(88 28 135 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-900\/30{--tw-gradient-from: rgb(127 29 29 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-900\/30{--tw-gradient-from: rgb(113 63 18 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-amber-900\/30{--tw-gradient-to: rgb(120 53 15 / .3) var(--tw-gradient-to-position)}.to-indigo-900\/40{--tw-gradient-to: rgb(49 46 129 / .4) var(--tw-gradient-to-position)}.to-orange-900\/40{--tw-gradient-to: rgb(124 45 18 / .4) var(--tw-gradient-to-position)}.to-rose-900\/30{--tw-gradient-to: rgb(136 19 55 / .3) var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to: #facc15 var(--tw-gradient-to-position)}.to-yellow-500\/20{--tw-gradient-to: rgb(234 179 8 / .2) var(--tw-gradient-to-position)}.to-yellow-900\/30{--tw-gradient-to: rgb(113 63 18 / .3) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-red-400{fill:#f87171}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-4{padding-left:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:JetBrains Mono,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-100{--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-purple-100{--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-100{--tw-text-opacity: 1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/40{--tw-shadow-color: rgb(16 185 129 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-orange-500\/40{--tw-shadow-color: rgb(249 115 22 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/40{--tw-shadow-color: rgb(239 68 68 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-yellow-500\/40{--tw-shadow-color: rgb(234 179 8 / .4);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-purple-400\/40{--tw-ring-color: rgb(192 132 252 / .4)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--z-background: -2;--z-background-grid: -1;--z-content: 1;--z-webcam: 10;--z-game: 20;--z-filmstrip: 100;--z-theme-toggle: 995;--z-settings-fab: 996;--z-chat-drawer-backdrop: 997;--z-mobile-drawer: 998;--z-mobile-fab-cluster: 999;--z-mobile-nav: 1000;--z-mobile-menu: 9000;--z-mobile-menu-backdrop: 8999;--z-orientation-prompt: 9997;--z-settings-modal-backdrop: 9998;--z-settings-modal: 9999;--z-round-start-overlay: 10000;--z-mobile-toast: 10001;--z-skip-link: 10002;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-fluid-xs: clamp(.125rem, .5vw, .25rem);--spacing-fluid-sm: clamp(.25rem, 1vw, .5rem);--spacing-fluid-md: clamp(.5rem, 2vw, 1rem);--spacing-fluid-lg: clamp(.75rem, 3vw, 1.5rem);--spacing-fluid-xl: clamp(1rem, 4vw, 2rem);--gap-xs: clamp(.25rem, .5vw, .5rem);--gap-sm: clamp(.5rem, 1vw, .75rem);--gap-md: clamp(.75rem, 1.5vw, 1rem);--gap-lg: clamp(1rem, 2vw, 1.5rem);--gap-xl: clamp(1.5rem, 3vw, 2rem);--padding-section: clamp(1rem, 4vw, 2.5rem);--padding-card: clamp(.75rem, 2vw, 1.5rem);--radius-sm: clamp(.25rem, .5vw, .5rem);--radius-md: clamp(.5rem, 1vw, .75rem);--radius-lg: clamp(.75rem, 1.5vw, 1rem);--radius-xl: clamp(1rem, 2vw, 1.5rem);--safe-bottom: max(var(--spacing-md), env(safe-area-inset-bottom));--safe-left: max(var(--spacing-md), env(safe-area-inset-left));--safe-right: max(var(--spacing-md), env(safe-area-inset-right));--safe-top: max(var(--spacing-md), env(safe-area-inset-top));--viewport-height: 100dvh;--viewport-width: 100dvw;--primary: #e94560;--primary-light: #f06292;--primary-dark: #c73e54;--primary-rgb: 233, 69, 96;--secondary: #00d9ff;--secondary-light: #33e0ff;--secondary-glow: rgba(0, 217, 255, .4);--secondary-rgb: 0, 217, 255;--gb-pink: #e94560;--gb-cyan: #00d9ff;--success-400: #4ADE80;--success-500: #22c55e;--success-600: #16a34a;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--warning-400: #FB923C;--warning-500: #f97316;--warning-600: #ea580c;--gold-400: #fbbf24;--gold-500: #f59e0b;--gold-600: #d97706;--bg-dark: #0d0f1a;--bg-darker: #0a0c14;--bg-card: rgba(21, 27, 48, .35);--bg-card-hover: rgba(30, 41, 59, .5);--panel-bg: rgba(13, 15, 26, .45);--panel-bg-hover: rgba(21, 27, 48, .6);--panel-border: rgba(255, 255, 255, .1);--panel-border-strong: rgba(0, 217, 255, .4);--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #1E293B;--bg-quaternary: #0F172A;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-accent: #00d9ff;--border-color: #334155;--card-bg: rgba(30, 41, 59, .8);--accent-color: #00d9ff;--accent-color-rgb: 0, 217, 255;--accent-hover: #00b8d9;--accent-glow: rgba(0, 217, 255, .4);--accent-primary: var(--accent-color);--accent-primary-rgb: var(--accent-color-rgb);--gradient-start: #e94560;--gradient-end: #00d9ff;--gradient-button: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));--border-wobbly-xs: 240px 12px 220px 12px / 12px 220px 12px 240px;--border-wobbly-sm: 255px 15px 225px 15px / 15px 225px 15px 255px;--border-wobbly-md: 265px 25px 235px 25px / 25px 235px 25px 265px;--border-wobbly-lg: 275px 35px 245px 35px / 35px 245px 35px 275px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-hand: "Patrick Hand", cursive;--font-title: "Gloria Hallelujah", cursive;--font-marker: "Permanent Marker", cursive;--font-heading: var(--font-title);--font-body: var(--font-hand);--header-height: 66px;--header-height-mobile: 48px;--sidebar-width: 320px;--sidebar-width-collapsed: 0px;--filmstrip-height: 120px;--filmstrip-height-collapsed: 40px}:root{--zoom-factor: 1;--vh-adjusted: 100vh;--dvh-adjusted: 100dvh}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,217,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(233,69,96,.05) 1px,transparent 1px);background-size:60px 60px;mix-blend-mode:screen;pointer-events:none;z-index:var(--z-background-grid)}*{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(15,23,42,.6)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f172a99;border-radius:8px;border:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary) 0%,#c73e9a 50%,var(--secondary) 100%);border-radius:8px;border:2px solid rgba(15,23,42,.8);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light) 0%,var(--primary) 40%,var(--secondary) 100%);box-shadow:0 0 12px #e9456080,0 0 20px #00d9ff4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--primary-dark) 0%,#a83070 50%,var(--accent-hover) 100%)}::-webkit-scrollbar-corner{background:#0f172a99}::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,var(--primary) 0%,#c73e9a 50%,var(--secondary) 100%)}::-webkit-scrollbar-thumb:horizontal:hover{background:linear-gradient(90deg,var(--primary-light) 0%,var(--primary) 40%,var(--secondary) 100%);box-shadow:0 0 12px #e9456080,0 0 20px #00d9ff4d}.font-hand{font-family:var(--font-hand)}.font-title{font-family:var(--font-title)}.font-marker{font-family:var(--font-marker)}.text-gradient{background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-gb .game{color:#fff;font-weight:700}.brand-gb .buddies{color:var(--gb-pink);font-weight:700}.brand-gb .io{color:var(--gb-cyan);font-weight:700}.app-root{min-height:100dvh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.app-root.in-room{display:flex!important;flex-direction:column!important;height:var(--vh-adjusted, 100vh)!important;height:var(--dvh-adjusted, 100dvh)!important;overflow:auto!important}.app-layout{display:flex;flex-direction:column;width:100%}.app-root:not(.in-room) .app-layout{min-height:100vh;min-height:100dvh}.app-root.in-room .app-layout{display:flex;flex-direction:column;flex:1!important;min-height:0!important;width:100%;overflow:hidden!important}@media(max-width:63.9375rem){html.has-filmstrip .app-layout{padding-bottom:calc(var(--bottom-tab-bar-height, 0px) + env(safe-area-inset-bottom,0px) + var(--filmstrip-safe-space, 0px))}html.has-filmstrip .app-root:not(.filmstrip-resizing) .app-layout{transition:padding-bottom .3s cubic-bezier(.4,0,.2,1)}}.app-content{flex:1;display:flex;overflow:auto;padding-top:var(--header-height)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md)}.sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--panel-bg);border-left:1px solid var(--panel-border);overflow:hidden}.sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-section.chat-section{flex:2;border-top:1px solid var(--panel-border)}.desktop-only{display:none}@media(min-width:1024px){.desktop-only{display:flex}}.mobile-only{display:flex}@media(min-width:1024px){.mobile-only{display:none}}.lobby-page,.game-page{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}@media(max-width:767px){.lobby-page{overflow-y:auto;-webkit-overflow-scrolling:touch}.app-root.in-room .app-layout:has(.lobby-page){overflow-y:auto!important}}.game-content-wrapper{display:flex;flex:1;min-height:0;overflow:hidden}.app-root.in-room .game-content-wrapper{display:flex!important;flex:1!important;min-height:0!important;overflow:auto!important;padding:0!important;margin:0!important;gap:0!important}.main-scroll-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md)}.app-root.in-room .main-scroll-area{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important}.lobby-content-wrapper{width:100%;display:flex;flex-direction:column;gap:clamp(.25rem,1dvh,1rem);padding:clamp(.5rem,1.5dvh,1rem)}.app-root.in-room .lobby-content-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.right-sidebar{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;background:var(--panel-bg);border-left:1px solid var(--panel-border);overflow:hidden}@media(min-width:1024px){.app-root.in-room .right-sidebar{width:var(--sidebar-width)!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;background:var(--panel-bg)!important;overflow:hidden!important;margin-left:auto!important}}.lobby-sidebar-section,.game-sidebar-section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-sm)}.lobby-sidebar-section.chat-section,.game-sidebar-section.chat-section{flex:2;border-top:1px solid var(--panel-border)}@media(min-width:64rem){.video-filmstrip{position:relative!important;bottom:auto;left:auto;right:auto;width:100%;flex-shrink:0!important;z-index:auto!important}body .video-filmstrip,html body .video-filmstrip{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;flex-shrink:0!important;width:100%!important}}@media(min-width:64rem){html.has-filmstrip .app-root.in-room .app-layout{max-height:calc(var(--vh-adjusted, 100vh) - var(--filmstrip-safe-space, 0px))!important;max-height:calc(var(--dvh-adjusted, 100dvh) - var(--filmstrip-safe-space, 0px))!important}html.has-filmstrip .app-root:not(.filmstrip-resizing) .app-layout{transition:max-height .3s cubic-bezier(.4,0,.2,1)}}.floating-label-container{width:100%}.floating-label-wrapper{position:relative;width:100%}.floating-label-input{width:100%;padding:1.25rem 1rem .75rem;font-size:1rem;font-family:var(--font-hand);border:2px solid var(--panel-border);border-radius:var(--border-wobbly-sm);background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease}.floating-label-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.floating-label-input::-moz-placeholder{color:var(--text-muted);opacity:0;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.floating-label-input::placeholder{color:var(--text-muted);opacity:0;transition:opacity .2s ease}.floating-label-wrapper.floating .floating-label-input::-moz-placeholder{opacity:1}.floating-label-wrapper.floating .floating-label-input::placeholder{opacity:1}.floating-label{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;font-family:var(--font-hand);color:var(--text-muted);pointer-events:none;transition:all .2s ease;background:transparent}.floating-label.floating{top:.25rem;transform:translateY(0);font-size:.75rem;color:var(--accent-color)}.floating-label-wrapper.focused .floating-label{color:var(--accent-color)}.floating-label-wrapper.error .floating-label-input{border-color:var(--danger-500)}.floating-label-wrapper.error .floating-label{color:var(--danger-500)}.floating-label-error{display:block;margin-top:.25rem;font-size:.875rem;color:var(--danger-500)}.required-asterisk{color:var(--danger-500);margin-left:.25rem}.game-header{width:100%;height:var(--header-height);box-sizing:border-box;background:#0d0f1af7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--gb-pink);position:relative;z-index:var(--z-mobile-nav)}.game-header-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1.5rem}.game-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.game-header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;transition:transform .2s ease}.game-header-logo:hover{transform:scale(1.02)}.game-header-logo-icon{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(233,69,96,.3))}.game-header-logo-text-container{display:flex;flex-direction:column;line-height:1.1}.game-header-logo-text{font-family:var(--font-title);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.game-header-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-header-gb-branding{display:flex;align-items:baseline;gap:.1em;font-family:var(--font-marker);font-size:.65rem;letter-spacing:.02em}.game-header-gb-by{color:var(--text-muted)}.game-header-gb-game{color:var(--gb-pink)}.game-header-gb-buddies{color:var(--gb-cyan)}.game-header-gb-io{color:var(--text-muted)}.game-header-divider{width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--panel-border),transparent)}.game-header-room-info{display:flex;align-items:center;gap:var(--spacing-md)}.game-header-room-code{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#e945601f;border:1.5px solid var(--gb-pink);border-radius:var(--radius-md)}.game-header-room-label{font-family:var(--font-hand);font-size:.85rem;color:var(--text-muted)}.game-header-room-value{font-family:var(--font-marker);font-size:1rem;color:var(--gb-pink);letter-spacing:.15em}.game-header-copy-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.game-header-copy-btn:hover{background:#00d9ff33;color:var(--gb-cyan)}.game-header-streamer-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;border:1.5px solid #8b5cf6;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.85rem;color:#a78bfa}.game-header-phase-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff1f;border:1.5px solid var(--gb-cyan);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.8rem;color:var(--gb-cyan)}.game-header-right{display:flex;align-items:center;gap:.75rem}@media(max-width:767px){.game-header-right{gap:.35rem}}@media(max-width:374px){.game-header-right{gap:.2rem}.game-header-player-info,.game-header-divider{display:none}.game-header-player-count{padding:2px 6px;font-size:.8rem}}.game-header-player-count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-secondary)}.game-header-player-count svg{color:var(--gb-cyan)}.game-header-player-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-primary)}.game-header-player-info.host{background:#facc1526;border:1.5px solid var(--gold-500)}.game-header-player-info.host svg{color:var(--gold-400)}.game-header-settings-btn,.game-header-leave-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:44px;min-height:44px;padding:var(--spacing-sm);background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:.9rem;cursor:pointer;transition:all .2s ease}.game-header-settings-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.game-header-leave-btn:hover{background:#ef444433;border-color:var(--danger);color:var(--danger)}.game-header-lobby-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:44px;min-height:44px;padding:var(--spacing-sm);background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.game-header-lobby-btn:hover{background:#ffb80033;border-color:var(--gb-cyan);color:var(--gb-cyan)}.game-header-copy-btn:active,.game-header-settings-btn:active,.game-header-leave-btn:active,.game-header-lobby-btn:active{transform:scale(.95)}.game-header-logo:active{transform:scale(.98)}.game-header-copy-btn:focus-visible,.game-header-settings-btn:focus-visible,.game-header-leave-btn:focus-visible,.game-header-lobby-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.game-header-logo:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:4px;border-radius:var(--radius-sm)}.game-header-copy-btn.copied,.game-header-copy-btn:has(svg.lucide-check){background:#22c55e40;border-color:var(--success);color:var(--success);animation:copyPop .3s ease}@keyframes copyPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@supports (padding-top: env(safe-area-inset-top)){.game-header{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}.desktop-only{display:flex}@media(max-width:1023px){.game-header{height:var(--header-height-mobile);padding:0 var(--spacing-sm)}.game-header-logo-icon{width:28px;height:28px}.game-header-logo-text{font-size:1rem}.game-header-gb-branding{display:none}.desktop-only{display:none!important}}@media(max-width:926px)and (orientation:landscape){.game-header{height:var(--header-height-mobile)}.game-header-logo-icon{width:24px;height:24px}.game-header-logo-text{font-size:.9rem}}@media(max-height:500px)and (orientation:landscape){.game-header{height:var(--header-height-mobile)}.game-header-logo-icon{width:22px;height:22px}}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title)}.header-room-info{display:flex;align-items:center;gap:var(--spacing-md)}.room-code{padding:.25rem .625rem;background:#e9456026;border:2px solid var(--gb-pink);border-radius:var(--radius-sm)}.player-count{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.header-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.header-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:#fff}.header-btn.active{background:#00d9ff4d;border-color:var(--gb-cyan);color:var(--gb-cyan)}.header-btn.danger:hover{background:#ef444433;border-color:var(--danger-500);color:var(--danger-400)}.video-filmstrip{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#0d0f1af2;border-top:2px solid var(--gb-cyan);z-index:var(--z-filmstrip)}.video-filmstrip.collapsed{height:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-filmstrip.expanded{height:var(--filmstrip-height)}.filmstrip-resize-handle{position:absolute;top:0;left:0;right:0;height:8px;cursor:row-resize;z-index:10}.filmstrip-resize-handle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:4px;background:#00d9ff4d;border-radius:2px;transition:background .2s}.filmstrip-resize-handle:hover:before{background:#00d9ff99}.app-root.filmstrip-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-root.filmstrip-resizing .video-filmstrip,.video-filmstrip.resizing{transition:none!important}.video-filmstrip.resizing *{pointer-events:none}.video-filmstrip.resizing .filmstrip-resize-handle{pointer-events:auto}.video-filmstrip-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn,.filmstrip-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#00d9ff26;border:1px solid var(--gb-cyan);border-radius:var(--radius-full);color:var(--gb-cyan);font-family:var(--font-hand);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.video-filmstrip-expand-btn:hover,.video-filmstrip-collapse-btn:hover,.filmstrip-toggle:hover{background:#00d9ff40;transform:scale(1.02)}.video-filmstrip-feeds,.filmstrip-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);padding-top:12px;height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gb-cyan) transparent}.video-filmstrip-feeds::-webkit-scrollbar{height:4px}.video-filmstrip-feeds::-webkit-scrollbar-track{background:transparent}.video-filmstrip-feeds::-webkit-scrollbar-thumb{background:var(--gb-cyan);border-radius:2px}.video-filmstrip-empty{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-secondary);font-family:var(--font-hand);font-style:italic}.video-filmstrip-expand-btn:focus-visible,.video-filmstrip-collapse-btn:focus-visible,.filmstrip-toggle:focus-visible{outline:2px solid var(--gb-pink);outline-offset:2px}.video-filmstrip-expand-btn:active,.video-filmstrip-collapse-btn:active,.filmstrip-toggle:active{transform:scale(.95);background:#00d9ff59}.video-filmstrip{box-shadow:0 -4px 16px #00d9ff26}.video-filmstrip-feeds{position:relative;mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%)}@keyframes videoFeedEnter{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-filmstrip-feeds>*{animation:videoFeedEnter .3s ease-out backwards}.video-filmstrip-feeds>*:nth-child(1){animation-delay:.05s}.video-filmstrip-feeds>*:nth-child(2){animation-delay:.1s}.video-filmstrip-feeds>*:nth-child(3){animation-delay:.15s}.video-filmstrip-feeds>*:nth-child(4){animation-delay:.2s}.video-filmstrip-feeds>*:nth-child(5){animation-delay:.25s}.video-filmstrip-feeds>*:nth-child(6){animation-delay:.3s}.video-filmstrip-feeds>*:nth-child(7){animation-delay:.35s}.video-filmstrip-feeds>*:nth-child(8){animation-delay:.4s}.video-filmstrip-collapse-btn svg,.video-filmstrip-expand-btn svg{transition:transform .2s ease}.video-filmstrip-collapse-btn:hover svg{transform:translateY(2px)}.video-filmstrip-expand-btn:hover svg{transform:translateY(-2px)}@media(min-width:768px)and (max-width:1023px){.video-filmstrip-header{padding:var(--spacing-xs) var(--spacing-sm)}.video-filmstrip-feeds{padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:4px var(--spacing-sm);font-size:.75rem}}@media(max-width:374px){.video-filmstrip-header{padding:4px var(--spacing-xs)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:3px 8px;font-size:.6875rem;gap:4px}.video-filmstrip-expand-btn svg,.video-filmstrip-collapse-btn svg{width:12px;height:12px}.video-filmstrip-feeds{padding:4px var(--spacing-xs);gap:6px}.video-filmstrip.collapsed{height:28px}}@media(min-width:1536px){.video-filmstrip-header{padding:var(--spacing-sm) var(--spacing-lg)}.video-filmstrip-expand-btn,.video-filmstrip-collapse-btn{padding:var(--spacing-xs) var(--spacing-lg);font-size:.9375rem}.video-filmstrip-feeds{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.video-filmstrip.expanded{height:140px}.video-filmstrip.collapsed{height:48px}}.video-control-cluster,.video-controls{display:flex;gap:.25rem;padding:.25rem;background:#33415580;border-radius:var(--radius-md);border:2px solid var(--panel-border)}.video-control-cluster.compact{padding:.125rem;gap:.125rem}.video-control-cluster.compact .video-control-btn{width:36px;height:36px;min-width:36px;min-height:36px}.video-control-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-hand);font-size:.75rem;cursor:pointer;transition:all .2s ease}.video-control-btn:hover{background:#00d9ff33;color:#fff}.video-control-btn.muted,.video-control-btn.off{background:#ef444433;color:var(--danger-400)}.video-control-btn.off:hover{background:#ef44444d}.video-control-btn.leave{background:#ef444433;color:var(--danger-400)}.video-control-btn.leave:hover{background:#ef44444d}.video-join-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#00d9ff33;border:1px solid rgba(0,217,255,.4);border-radius:.5rem;color:#00d9ff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.video-join-btn:hover{background:#00d9ff4d;border-color:#00d9ff99;transform:scale(1.02)}.video-join-btn:active{transform:scale(.98)}.video-join-text{display:none}@media(min-width:768px){.video-join-text{display:inline}}.video-preparing-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:.5rem;color:#fbbf24;font-size:.75rem;font-weight:500;animation:preparingPulse 2s infinite}@keyframes preparingPulse{0%,to{opacity:1}50%{opacity:.7}}.video-control-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff26}.video-control-btn.off:focus-visible{outline-color:var(--danger-400)}.video-control-btn:active{transform:scale(.9)}.video-control-btn:not(.off):not(.muted){color:var(--gb-cyan)}.video-control-btn:not(.off):not(.muted):hover{box-shadow:0 0 8px #00d9ff4d}.video-control-btn.off svg,.video-control-btn.muted svg{filter:drop-shadow(0 0 2px rgba(239,68,68,.5))}@keyframes mutedPulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 6px 2px #ef444400}}.video-control-btn.off,.video-control-btn.muted{animation:mutedPulse 3s ease-in-out infinite}.video-control-btn.off:hover,.video-control-btn.muted:hover{animation:none}.video-control-btn:has(svg.lucide-settings):hover svg{animation:settingsSpin 1s ease-in-out}@keyframes settingsSpin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@media(min-width:768px)and (max-width:1023px){.video-control-cluster{padding:.125rem;gap:.125rem}.video-control-btn{width:40px;height:40px;min-width:40px;min-height:40px}.video-control-cluster.compact .video-control-btn{width:32px;height:32px;min-width:32px;min-height:32px}}@media(max-width:374px){.video-control-cluster{padding:2px;gap:2px;border-radius:var(--radius-sm)}.video-control-btn{width:36px;height:36px;min-width:36px;min-height:36px}.video-control-btn svg{width:14px;height:14px}.video-control-cluster.compact .video-control-btn{width:28px;height:28px;min-width:28px;min-height:28px}.video-control-cluster.compact .video-control-btn svg{width:12px;height:12px}}@media(min-width:1536px){.video-control-cluster{padding:var(--spacing-xs);gap:var(--spacing-xs)}.video-control-btn{width:52px;height:52px;min-width:52px;min-height:52px}.video-control-btn svg{width:20px;height:20px}.video-control-cluster.compact .video-control-btn{width:44px;height:44px;min-width:44px;min-height:44px}}@media(max-width:926px)and (orientation:landscape){.video-control-cluster{padding:2px;gap:2px}.video-control-btn{width:32px;height:32px;min-width:32px;min-height:32px}.video-control-btn svg{width:14px;height:14px}}.webcam-display,.video-feed{position:relative;flex-shrink:0;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.webcam-display.small,.video-feed{width:120px;height:90px}.webcam-display.medium{width:180px;height:135px}.webcam-display.large{width:240px;height:180px}.webcam-display:hover,.video-feed:hover{border-color:var(--gb-cyan)}.webcam-display.is-turn,.video-feed.current-turn{border-color:var(--gb-pink);box-shadow:0 0 20px #e9456066}.video-feed.self{border-color:var(--gb-cyan);box-shadow:0 0 20px #00d9ff4d}.webcam-video-container{position:relative;width:100%;height:100%}.webcam-video,.video-feed video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.webcam-display .webcam-video{transform:scaleX(-1)}.webcam-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.webcam-avatar,.video-feed-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);font-weight:700;color:#fff;font-family:var(--font-title);overflow:hidden}.webcam-display.small .webcam-avatar{width:36px;height:36px;font-size:1rem}.webcam-display.large .webcam-avatar{width:64px;height:64px;font-size:1.5rem}.webcam-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.webcam-avatar-initial{font-size:1.25rem}.webcam-local-indicator{position:absolute;top:4px;left:4px;padding:2px 6px;background:var(--gb-cyan);border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;color:var(--bg-primary);text-transform:uppercase}.webcam-overlay{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000000d9);display:flex;align-items:center;justify-content:space-between}.webcam-name,.video-feed-name{display:flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;font-family:var(--font-hand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.webcam-host-icon{color:var(--gb-pink);flex-shrink:0}.webcam-you-tag{font-size:.5625rem;color:var(--gb-cyan);opacity:.9}.webcam-muted,.video-feed-status{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ef4444cc;border-radius:var(--radius-sm);color:#fff}.video-feed-status span{font-size:.75rem;background:#000000b3;padding:.125rem .25rem;border-radius:.25rem}.webcam-turn-indicator{position:absolute;top:0;left:0;right:0;padding:4px;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-pink-dark, #c13a52) 100%);text-align:center;font-size:.625rem;font-weight:700;font-family:var(--font-title);color:#fff;text-transform:uppercase;letter-spacing:.05em;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes turnGlow{0%,to{box-shadow:0 0 20px #e9456066}50%{box-shadow:0 0 30px #e9456099}}.webcam-display.is-turn,.video-feed.current-turn{animation:turnGlow 1.5s ease-in-out infinite}@keyframes hostCrownGlow{0%,to{filter:drop-shadow(0 0 2px rgba(233,69,96,.5))}50%{filter:drop-shadow(0 0 6px rgba(233,69,96,.9))}}.webcam-host-icon{animation:hostCrownGlow 2s ease-in-out infinite}.webcam-muted{animation:mutedPulse 2s ease-in-out infinite}@keyframes avatarFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.webcam-avatar{animation:avatarFadeIn .3s ease-out}@keyframes videoLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.webcam-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(0,217,255,.05) 50%,transparent 75%);background-size:200% 100%;animation:videoLoading 2s ease-in-out infinite;pointer-events:none}.webcam-local-indicator{box-shadow:0 0 8px #00d9ff80}.webcam-overlay{transition:all .2s ease}.webcam-display:hover .webcam-overlay{background:linear-gradient(transparent 0%,#000000e6);padding-bottom:8px}@media(min-width:768px)and (max-width:1023px){.webcam-display.small,.video-feed{width:100px;height:75px}.webcam-display.medium{width:150px;height:112px}.webcam-avatar,.video-feed-avatar{width:40px;height:40px}.webcam-display.small .webcam-avatar{width:32px;height:32px;font-size:.875rem}.webcam-name,.video-feed-name{font-size:.625rem}.webcam-local-indicator{padding:1px 4px;font-size:.5625rem}.webcam-muted,.video-feed-status{width:16px;height:16px}}@media(max-width:374px){.webcam-display.small,.video-feed{width:80px;height:60px}.webcam-display.medium{width:120px;height:90px}.webcam-avatar,.video-feed-avatar{width:32px;height:32px}.webcam-display.small .webcam-avatar{width:24px;height:24px;font-size:.75rem}.webcam-avatar-initial{font-size:.875rem}.webcam-overlay{padding:2px 4px}.webcam-name,.video-feed-name{font-size:.5625rem;gap:2px}.webcam-host-icon{width:10px;height:10px}.webcam-you-tag{font-size:.5rem}.webcam-local-indicator{padding:1px 3px;font-size:.5rem;top:2px;left:2px}.webcam-muted,.video-feed-status{width:14px;height:14px}.webcam-muted svg{width:10px;height:10px}.webcam-turn-indicator{padding:2px;font-size:.5rem}}@media(min-width:1536px){.webcam-display.small,.video-feed{width:140px;height:105px}.webcam-display.medium{width:220px;height:165px}.webcam-display.large{width:300px;height:225px}.webcam-avatar,.video-feed-avatar{width:56px;height:56px}.webcam-display.small .webcam-avatar{width:44px;height:44px;font-size:1.125rem}.webcam-display.large .webcam-avatar{width:80px;height:80px;font-size:2rem}.webcam-avatar-initial{font-size:1.5rem}.webcam-overlay{padding:6px 8px}.webcam-name,.video-feed-name{font-size:.8125rem;gap:6px}.webcam-host-icon{width:14px;height:14px}.webcam-you-tag{font-size:.6875rem}.webcam-local-indicator{padding:3px 8px;font-size:.6875rem;top:6px;left:6px}.webcam-muted,.video-feed-status{width:24px;height:24px}.webcam-turn-indicator{padding:6px;font-size:.75rem}}@media(max-width:926px)and (orientation:landscape){.webcam-display.small,.video-feed{width:90px;height:68px}.webcam-display.medium{width:120px;height:90px}.webcam-avatar,.video-feed-avatar{width:32px;height:32px}.webcam-overlay{padding:2px 4px}.webcam-name,.video-feed-name{font-size:.5625rem}.webcam-turn-indicator{padding:2px;font-size:.5rem}}.mobile-video-grid{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);height:100%;width:100%}.mobile-video-grid.grid-1{grid-template-columns:1fr;grid-template-rows:1fr}.mobile-video-grid.grid-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mobile-video-grid.grid-3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.mobile-video-grid.grid-3 .mobile-video-grid-item:first-child{grid-column:1 / -1}.mobile-video-grid.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mobile-video-grid.grid-5,.mobile-video-grid.grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.mobile-video-grid-item{position:relative;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden;min-height:0}.mobile-video-grid-item .webcam-display{width:100%!important;height:100%!important}.mobile-video-grid-item .webcam-video-container{width:100%;height:100%}.mobile-video-grid-item.self,.mobile-video-grid-item.local{border-color:var(--gb-cyan);box-shadow:0 0 10px #00d9ff4d}.mobile-video-grid-item.active-speaker,.mobile-video-grid-item.is-turn{border-color:var(--gb-pink);box-shadow:0 0 15px #e9456066}.mobile-video-grid-item video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-video-grid-item .video-overlay{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between}.mobile-video-grid-item .video-name{font-size:.75rem;font-family:var(--font-hand);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-video-grid-item .video-status{display:flex;gap:.25rem;font-size:.75rem}.mobile-video-grid-overflow{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px dashed var(--panel-border);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:1rem;color:var(--text-secondary)}.mobile-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#000c);z-index:10}.mobile-video-control-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-video-control-btn:active{transform:scale(.95)}.mobile-video-control-btn.off{background:#ffffff1a;color:var(--text-muted)}.mobile-video-control-btn.leave{background:var(--gb-pink);color:#fff}.mobile-video-control-btn.leave:active{background:#c73b53}@media(orientation:landscape)and (max-width:1023px){.mobile-video-grid.grid-2{grid-template-columns:1fr 1fr}.mobile-video-grid.grid-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.mobile-video-grid.grid-3 .mobile-video-grid-item:first-child{grid-column:auto}.mobile-video-grid.grid-4{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.mobile-video-grid.grid-5,.mobile-video-grid.grid-6{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr}}@keyframes gridItemEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mobile-video-grid-item{animation:gridItemEnter .3s ease-out backwards}.mobile-video-grid-item:nth-child(1){animation-delay:.05s}.mobile-video-grid-item:nth-child(2){animation-delay:.1s}.mobile-video-grid-item:nth-child(3){animation-delay:.15s}.mobile-video-grid-item:nth-child(4){animation-delay:.2s}.mobile-video-grid-item:nth-child(5){animation-delay:.25s}.mobile-video-grid-item:nth-child(6){animation-delay:.3s}.mobile-video-grid-item:active{transform:scale(.98);transition:transform .1s ease}.mobile-video-grid-item.local{animation:gridItemEnter .3s ease-out backwards,localGlow 3s ease-in-out .3s infinite}@keyframes localGlow{0%,to{box-shadow:0 0 10px #00d9ff4d}50%{box-shadow:0 0 18px #00d9ff80}}.mobile-video-grid-item.is-turn{animation:gridItemEnter .3s ease-out backwards,turnGlow 1.5s ease-in-out .3s infinite}.mobile-video-grid-overflow{transition:all .2s ease}.mobile-video-grid-overflow:hover{background:var(--bg-secondary);border-style:solid;border-color:var(--gb-cyan);color:var(--gb-cyan)}@keyframes overflowPulse{0%,to{opacity:.8}50%{opacity:1}}.mobile-video-grid-overflow span{animation:overflowPulse 2s ease-in-out infinite}@media(max-width:374px){.mobile-video-grid{gap:4px;padding:var(--spacing-xs)}.mobile-video-grid-item{border-radius:var(--radius-sm);border-width:1.5px}.mobile-video-grid-item .video-overlay{padding:2px 4px}.mobile-video-grid-item .video-name{font-size:.625rem}.mobile-video-grid-item .video-status{font-size:.625rem;gap:2px}.mobile-video-grid-overflow{font-size:.8125rem;border-radius:var(--radius-sm)}}@media(max-height:400px)and (orientation:landscape){.mobile-video-grid{gap:3px;padding:4px}.mobile-video-grid-item{border-radius:var(--radius-sm);border-width:1px}.mobile-video-grid-item .video-overlay{padding:1px 3px}.mobile-video-grid-item .video-name{font-size:.5625rem}.mobile-video-grid-overflow{font-size:.75rem}}.video-enhancements{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.enhancement-section{background:#3341554d;border:1px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden}.enhancement-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;min-height:44px}.enhancement-toggle:hover{background:#00d9ff1a}.enhancement-toggle.active{background:#00d9ff26}.enhancement-toggle svg{flex-shrink:0;color:var(--text-secondary)}.enhancement-toggle.active svg{color:var(--gb-cyan)}.enhancement-toggle span:first-of-type{flex:1}.enhancement-status{font-size:.75rem;font-weight:600;padding:2px 8px;background:#33415580;border-radius:var(--radius-full);color:var(--text-secondary)}.enhancement-toggle.active .enhancement-status{background:#00d9ff33;color:var(--gb-cyan)}.enhancement-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--panel-border);background:#0f172a4d}.background-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-sm)}.background-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:4/3;padding:var(--spacing-xs);background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.625rem;cursor:pointer;transition:all .2s ease;overflow:hidden}.background-option:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.background-option.selected{border-color:var(--gb-pink);background:#e9456026}.background-option.image{padding:0;background:#000}.background-option.image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.selected-indicator{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--gb-pink);border-radius:50%;color:#fff}@media(max-width:767px){.background-options{grid-template-columns:repeat(4,1fr)}}@media(max-width:374px){.background-options{grid-template-columns:repeat(3,1fr)}}.enhancement-toggle:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff26}.background-option:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.enhancement-toggle:active{transform:scale(.98)}.background-option:active{transform:scale(.95)}@keyframes enhancementExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.enhancement-content{animation:enhancementExpand .25s ease-out;overflow:hidden}.enhancement-section{animation:sectionSlideIn .2s ease-out backwards}.enhancement-section:nth-child(1){animation-delay:.05s}.enhancement-section:nth-child(2){animation-delay:.1s}.enhancement-section:nth-child(3){animation-delay:.15s}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes optionSelect{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.background-option.selected{animation:optionSelect .2s ease}@keyframes indicatorPop{0%{transform:scale(0)}to{transform:scale(1)}}.selected-indicator{animation:indicatorPop .2s ease-out}.enhancement-status{transition:all .2s ease}.enhancement-toggle svg:first-of-type{transition:transform .2s ease}.enhancement-toggle:hover svg:first-of-type{transform:scale(1.1)}.enhancement-toggle.active svg:first-of-type{transform:rotate(10deg)}@media(min-width:768px)and (max-width:1023px){.video-enhancements{padding:var(--spacing-sm);gap:var(--spacing-xs)}.enhancement-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;min-height:40px}.enhancement-content{padding:var(--spacing-xs) var(--spacing-sm)}.background-options{grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}}@media(min-width:1536px){.video-enhancements{padding:var(--spacing-lg);gap:var(--spacing-md)}.enhancement-toggle{padding:var(--spacing-md);font-size:1rem;min-height:52px}.enhancement-toggle svg{width:20px;height:20px}.enhancement-status{font-size:.8125rem;padding:3px 10px}.enhancement-content{padding:var(--spacing-md)}.background-options{grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}.background-option{font-size:.75rem;border-radius:var(--radius-lg)}.selected-indicator{width:24px;height:24px}}@media(max-width:926px)and (orientation:landscape){.video-enhancements{padding:var(--spacing-xs);gap:var(--spacing-xs)}.enhancement-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:36px}.enhancement-content{padding:var(--spacing-xs)}.background-options{grid-template-columns:repeat(6,1fr);gap:4px}.background-option{font-size:.5rem}}.chat-window{display:flex;flex-direction:column;height:100%;background:var(--panel-bg);border-radius:var(--radius-lg);overflow:hidden}.chat-window.sidebar{border-radius:0;background:transparent}.chat-window.sidebar .chat-input-container{background:transparent}.chat-window.floating{position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);width:320px;max-height:400px;background:var(--bg-secondary);border:2px solid var(--panel-border);box-shadow:0 8px 32px #0006;z-index:var(--z-modal)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d}.chat-title{font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--text-primary);margin:0}.chat-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.chat-close-btn:hover{background:#e9456033;color:var(--gb-pink)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-xs)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:var(--spacing-xl)}.chat-empty p{margin:0;font-family:var(--font-hand)}.chat-empty-hint{font-size:.875rem;opacity:.7;margin-top:var(--spacing-sm)!important}.chat-message{margin-bottom:var(--spacing-xs);max-width:85%}.chat-message.mine{align-self:flex-end}.chat-message.theirs{align-self:flex-start}.chat-message.system{align-self:center;max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:#00d9ff1a;border-left:3px solid var(--gb-cyan);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);text-align:center}.chat-message-sender{display:block;font-size:.75rem;font-weight:600;font-family:var(--font-hand);color:var(--gb-cyan);margin-bottom:.125rem}.chat-message-bubble{padding:var(--spacing-sm) var(--spacing-md);background:#3341554d;border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm)}.chat-message.mine .chat-message-bubble{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-pink-dark, #c13a52) 100%);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm)}.chat-message-text{font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary);word-wrap:break-word;line-height:1.4}.chat-message-time{display:block;font-size:.625rem;color:var(--text-secondary);margin-top:.25rem;opacity:.7}.chat-message.mine .chat-message-time{text-align:right;color:#ffffffb3}.chat-message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.25rem}.chat-message-author{font-weight:600;font-family:var(--font-hand);color:var(--gb-cyan)}.chat-message-content{font-family:var(--font-hand);color:var(--text-primary);word-wrap:break-word}.chat-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--panel-border);background:#0f172a80}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:16px;min-height:44px}.chat-input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.chat-input::placeholder{color:var(--text-secondary);opacity:.7}.chat-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 3px #00d9ff26}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--gb-cyan);border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-close-btn:focus-visible,.chat-send-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.chat-input:focus-visible{outline:none}@keyframes chatMessageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message{animation:chatMessageSlideIn .2s ease-out}.chat-message.system{animation:chatMessageSlideIn .3s ease-out}.chat-typing-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--text-secondary);font-style:italic}.chat-typing-dots{display:flex;gap:3px}.chat-typing-dots span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.chat-typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media(max-width:374px){.chat-header{padding:var(--spacing-xs) var(--spacing-sm)}.chat-title{font-size:.95rem}.chat-message-bubble{padding:var(--spacing-xs) var(--spacing-sm)}.chat-message-text{font-size:.875rem}.chat-input-container{padding:var(--spacing-xs);gap:var(--spacing-xs)}.chat-send-btn{width:40px;height:40px;min-width:40px;min-height:40px}}@media(min-width:768px)and (max-width:1023px){.chat-window.sidebar{max-height:300px}.chat-messages{max-height:200px}}@media(min-width:1536px){.chat-header{padding:var(--spacing-md) var(--spacing-lg)}.chat-title{font-size:1.15rem}.chat-messages{padding:var(--spacing-md) var(--spacing-lg)}.chat-message-bubble{padding:var(--spacing-sm) var(--spacing-lg)}.chat-message-text{font-size:1rem}.chat-input-container{padding:var(--spacing-md) var(--spacing-lg)}.chat-input{padding:var(--spacing-md);font-size:1rem}.chat-send-btn{width:48px;height:48px}}.player-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.player-list.compact{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs);height:auto;overflow:visible;justify-content:center}.player-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d;flex-shrink:0}.player-list-title{font-family:var(--font-title);font-weight:600;font-size:1rem;color:var(--text-primary);margin:0}.player-list-count{font-family:var(--font-hand);font-size:.875rem;color:var(--text-secondary);padding:.125rem .5rem;background:#00d9ff26;border-radius:var(--radius-full)}.player-list-items{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0;list-style:none}.player-list-item,.player-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#3341554d;border-radius:var(--radius-md);border:2px solid transparent;transition:all .2s ease}.player-list-item:hover,.player-item:hover{background:#33415580}.player-list-item.is-me,.player-item.self,.player-item.is-me{border-color:var(--gb-cyan);background:#00d9ff1a}.player-list-item.disconnected,.player-item.disconnected{opacity:.5}.player-list.compact .player-list-item,.player-list-item.compact{padding:var(--spacing-xs) var(--spacing-sm);background:#33415580;gap:var(--spacing-xs)}.player-avatar-container{position:relative;flex-shrink:0}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-title);font-size:1rem;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar.placeholder{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-secondary)}.player-avatar.compact,.player-list.compact .player-avatar{width:24px;height:24px;font-size:.625rem}.player-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center}.player-status.online{background:var(--success-500);color:#fff}.player-status.offline,.player-status.disconnected{background:var(--danger-500);color:#fff}.player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.player-name{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-me-tag{font-size:.75rem;font-weight:400;color:var(--gb-cyan);opacity:.8}.player-host-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#e945604d,#e9456026);border:1px solid var(--gb-pink);border-radius:var(--radius-full);font-size:.625rem;font-weight:700;font-family:var(--font-title);color:var(--gb-pink);text-transform:uppercase;letter-spacing:.05em}.host-icon{color:var(--gb-pink);flex-shrink:0}.player-badges{display:flex;gap:.25rem;margin-top:.125rem}.player-badge{padding:.125rem .375rem;background:#e9456033;border:1px solid var(--gb-pink);border-radius:.25rem;font-size:.625rem;font-weight:700;color:var(--gb-pink)}.player-badge.host{background:#e9456033;border-color:var(--gb-pink);color:var(--gb-pink)}.player-badge.you{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}@media(max-width:767px){.chat-window.floating{right:var(--spacing-sm);left:var(--spacing-sm);bottom:var(--spacing-sm);width:auto;max-height:50vh}.chat-input{font-size:16px}.player-avatar{width:36px;height:36px;font-size:.875rem}}@media(max-width:1023px)and (orientation:landscape){.chat-window.floating{max-height:40vh;width:280px}.chat-messages{max-height:30vh}.player-list-items{max-height:25vh}.player-avatar{width:32px;height:32px;font-size:.75rem}.player-list-item,.player-item{padding:var(--spacing-xs) var(--spacing-sm)}}@keyframes playerEnter{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.player-list-item,.player-item{animation:playerEnter .25s ease-out backwards}.player-list-item:nth-child(1){animation-delay:.05s}.player-list-item:nth-child(2){animation-delay:.1s}.player-list-item:nth-child(3){animation-delay:.15s}.player-list-item:nth-child(4){animation-delay:.2s}.player-list-item:nth-child(5){animation-delay:.25s}.player-list-item:nth-child(6){animation-delay:.3s}.player-list-item:nth-child(7){animation-delay:.35s}.player-list-item:nth-child(8){animation-delay:.4s}.player-list-item:focus-visible,.player-item:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff26}.player-list-item:active,.player-item:active{transform:scale(.98);background:#33415599}.player-list-item.is-me,.player-item.is-me{box-shadow:0 0 12px #00d9ff40,inset 0 1px #00d9ff26}.player-list-item.eliminated{opacity:.45}.player-list-item.eliminated .player-name{text-decoration:line-through}.player-lives{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.player-hearts{display:flex;gap:1px}.player-eliminated-tag{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--gb-pink, #ff4081);letter-spacing:.05em}.player-list-item.disconnected,.player-item.disconnected{filter:grayscale(.5)}.player-list-item.disconnected .player-avatar,.player-item.disconnected .player-avatar{border-color:#ef44444d}@keyframes statusPulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 4px #22c55e00}}.player-status.online{animation:statusPulse 2s ease-in-out infinite}.player-status.offline{animation:none}@keyframes hostCrownShimmer{0%,to{filter:drop-shadow(0 0 2px rgba(233,69,96,.4))}50%{filter:drop-shadow(0 0 6px rgba(233,69,96,.8))}}.player-host-badge{animation:hostCrownShimmer 2.5s ease-in-out infinite}.player-host-badge svg,.host-icon{animation:hostCrownShimmer 2s ease-in-out infinite}.player-list-item:hover .player-host-badge{background:linear-gradient(135deg,#e9456066,#e9456033);transform:scale(1.05);transition:all .2s ease}@media(min-width:768px)and (max-width:1023px){.player-list-header{padding:var(--spacing-sm)}.player-list-title{font-size:.9375rem}.player-list-items{padding:var(--spacing-xs);gap:var(--spacing-xs)}.player-list-item,.player-item{padding:var(--spacing-xs) var(--spacing-sm)}.player-avatar{width:36px;height:36px;font-size:.875rem}.player-name{font-size:.875rem}.player-host-badge{padding:.1rem .375rem;font-size:.5625rem}}@media(max-width:374px){.player-list-header{padding:var(--spacing-xs) var(--spacing-sm)}.player-list-title{font-size:.8125rem}.player-list-count{font-size:.75rem;padding:.1rem .375rem}.player-list-items{padding:var(--spacing-xs);gap:6px}.player-list-item,.player-item{padding:6px 8px;gap:6px}.player-avatar{width:32px;height:32px;font-size:.75rem;border-width:1px}.player-status{width:10px;height:10px;border-width:1.5px}.player-name{font-size:.8125rem}.player-me-tag{font-size:.625rem}.player-host-badge{padding:.1rem .25rem;font-size:.5rem;gap:.125rem}.player-host-badge svg{width:8px;height:8px}.player-list.compact .player-avatar,.player-avatar.compact{width:20px;height:20px;font-size:.5rem}}@media(min-width:1536px){.player-list-header{padding:var(--spacing-md)}.player-list-title{font-size:1.125rem}.player-list-count{font-size:1rem;padding:.25rem .625rem}.player-list-items{padding:var(--spacing-md);gap:var(--spacing-md)}.player-list-item,.player-item{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md)}.player-avatar{width:48px;height:48px;font-size:1.125rem;border-width:3px}.player-status{width:14px;height:14px;border-width:2.5px}.player-status svg{width:8px;height:8px}.player-name{font-size:1.0625rem}.player-me-tag{font-size:.875rem}.player-host-badge{padding:.25rem .625rem;font-size:.6875rem;gap:.375rem}.player-host-badge svg{width:14px;height:14px}}@media(max-width:926px)and (orientation:landscape){.player-list{max-height:100%}.player-list-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.player-list-title{font-size:.8125rem}.player-list-items{padding:var(--spacing-xs);gap:4px}.player-list-item,.player-item{padding:4px 8px;gap:6px}.player-avatar{width:28px;height:28px;font-size:.6875rem}.player-status{width:8px;height:8px;border-width:1px}.player-name{font-size:.75rem}.player-host-badge{padding:.05rem .25rem;font-size:.5rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.mobile-drawer .player-list-items{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan)}@media(max-width:1023px){.mobile-menu-btn{display:flex}}.mobile-menu-overlay{position:fixed;inset:0;background:#000000b3;z-index:var(--z-mobile-menu-backdrop);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:0;width:280px;max-width:80vw;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-secondary);border-left:2px solid var(--gb-pink);z-index:var(--z-mobile-menu);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.mobile-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:1rem;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.mobile-menu-item:hover{background:#00d9ff1a}.mobile-menu-item.danger{color:var(--danger-400)}.mobile-menu-item.danger:hover{background:#ef44441a}.mobile-menu-badge{margin-left:auto;padding:.125rem .5rem;background:var(--gb-pink);border-radius:1rem;font-size:.75rem;font-weight:700;color:#fff}.mobile-game-menu-trigger{position:relative;display:flex;align-items:center}.mobile-game-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.mobile-game-menu-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan)}.mobile-game-menu-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--gb-pink);border-radius:9px;font-size:.625rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-game-menu-backdrop{position:fixed;inset:0;background:#0009;z-index:var(--z-mobile-menu-backdrop)}.mobile-game-menu-panel{position:fixed;top:calc(var(--header-height-mobile) + 8px);right:12px;width:min(240px,calc(100vw - 24px));max-height:calc(100dvh - var(--header-height-mobile) - 24px);padding-right:env(safe-area-inset-right,0px);background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column;z-index:var(--z-mobile-menu)}.mobile-game-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--panel-border)}.mobile-game-menu-title{font-family:var(--font-title);font-weight:600;font-size:.875rem;color:var(--text-primary)}.mobile-game-menu-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-game-menu-close:hover{background:#ef444433;color:var(--danger-400)}.mobile-game-menu-items{flex:1;overflow-y:auto;padding:var(--spacing-xs);-webkit-overflow-scrolling:touch}.mobile-game-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease}.mobile-game-menu-item:hover{background:#00d9ff1a}.mobile-game-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-game-menu-item.danger:hover{background:#ef44441a}.mobile-game-menu-item.highlight{background:#e945601a}.mobile-game-menu-item.highlight:hover{background:#e9456033}.mobile-game-menu-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#33415580;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.mobile-game-menu-item-icon.highlight{background:#e9456033;color:var(--gb-pink)}.mobile-game-menu-item-icon.danger{background:#ef444433;color:var(--danger-400)}.mobile-game-menu-item-content{flex:1;min-width:0}.mobile-game-menu-item-label{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-hand);font-size:.875rem;font-weight:600;color:var(--text-primary)}.mobile-game-menu-item .danger .mobile-game-menu-item-label{color:var(--danger-400)}.mobile-game-menu-item-badge{padding:0 6px;height:16px;background:var(--gb-pink);border-radius:8px;font-size:.625rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mobile-game-menu-item-sublabel{font-family:var(--font-hand);font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(orientation:landscape)and (max-width:1023px){.mobile-game-menu-panel{top:calc(var(--header-height-mobile) + 4px);max-height:calc(100dvh - var(--header-height-mobile) - 16px)}.mobile-game-menu-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs);padding:var(--spacing-xs)}.mobile-game-menu-item{padding:var(--spacing-xs);font-size:.75rem}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-sublabel{display:none}}.mobile-game-menu-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-game-menu-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-game-menu-item:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff26}.mobile-game-menu-btn:active{transform:scale(.95);background:#00d9ff4d}.mobile-game-menu-close:active{transform:scale(.9);background:#ef44444d}.mobile-game-menu-item:active:not(:disabled){transform:scale(.98);background:#00d9ff33}.mobile-game-menu-item.danger:active{background:#ef444440}.mobile-game-menu-item.highlight:active{background:#e945604d}@keyframes menuBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #e9456080}50%{transform:scale(1.1);box-shadow:0 0 8px 2px #e9456000}}.mobile-game-menu-badge{animation:menuBadgePulse 2s ease-in-out infinite}.mobile-game-menu-item-badge{animation:menuBadgePulse 2s ease-in-out infinite;animation-delay:.5s}@keyframes menuItemSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mobile-game-menu-item{animation:menuItemSlideIn .2s ease-out backwards}.mobile-game-menu-item:nth-child(1){animation-delay:.02s}.mobile-game-menu-item:nth-child(2){animation-delay:.04s}.mobile-game-menu-item:nth-child(3){animation-delay:.06s}.mobile-game-menu-item:nth-child(4){animation-delay:.08s}.mobile-game-menu-item:nth-child(5){animation-delay:.1s}.mobile-game-menu-item:nth-child(6){animation-delay:.12s}.mobile-game-menu-item:nth-child(7){animation-delay:.14s}.mobile-game-menu-item:nth-child(8){animation-delay:.16s}.mobile-game-menu-item:hover .mobile-game-menu-item-icon{background:#00d9ff40;color:var(--gb-cyan);transition:all .2s ease}.mobile-game-menu-item.danger:hover .mobile-game-menu-item-icon{background:#ef44444d;color:var(--danger-400)}.mobile-game-menu-item.highlight:hover .mobile-game-menu-item-icon{background:#e945604d;color:var(--gb-pink)}@media(max-width:374px){.mobile-game-menu-btn{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-game-menu-badge{min-width:16px;height:16px;font-size:.5625rem;top:-3px;right:-3px}.mobile-game-menu-panel{width:calc(100vw - 16px);right:8px;max-height:calc(100dvh - var(--header-height-mobile) - 16px)}.mobile-game-menu-header{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-game-menu-title{font-size:.75rem}.mobile-game-menu-close{width:28px;height:28px}.mobile-game-menu-items{padding:4px}.mobile-game-menu-item{padding:6px 8px;gap:6px}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-icon svg{width:12px;height:12px}.mobile-game-menu-item-label{font-size:.75rem}.mobile-game-menu-item-badge{height:14px;padding:0 4px;font-size:.5625rem}.mobile-game-menu-item-sublabel{font-size:.625rem}}@supports (padding-right: env(safe-area-inset-right)){.mobile-game-menu-panel{padding-right:max(0px,env(safe-area-inset-right))}.mobile-game-menu-items{padding-bottom:max(var(--spacing-xs),env(safe-area-inset-bottom))}}.mobile-drawer-backdrop,.mobile-drawer-overlay{position:fixed;inset:0;background:#000000b3;z-index:var(--z-chat-drawer-backdrop)}.mobile-drawer-overlay{opacity:0;visibility:hidden;transition:all .3s ease}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);max-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px);background:var(--bg-secondary);border-left:2px solid var(--gb-cyan);box-shadow:-8px 0 32px #0006;z-index:var(--z-mobile-drawer);display:flex;flex-direction:column}.mobile-drawer:not([style*=transform]){transform:translate(100%);transition:transform .3s ease}.mobile-drawer.open:not([style*=transform]){transform:translate(0)}.mobile-drawer-handle{display:flex;justify-content:center;padding:var(--spacing-sm)}.mobile-drawer-handle-bar{width:40px;height:4px;background:var(--text-secondary);border-radius:2px}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d;flex-shrink:0}.mobile-drawer-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title);font-weight:600;font-size:1.125rem;color:var(--text-primary)}.mobile-drawer-title svg{color:var(--gb-cyan)}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-drawer-close:hover{background:#e9456033;color:var(--gb-pink)}.mobile-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-drawer-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-drawer-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff1a}.mobile-drawer-close:active{transform:scale(.9);background:#e945604d}.mobile-drawer-title svg{filter:drop-shadow(0 0 4px rgba(0,217,255,.4))}.mobile-drawer-handle-bar{transition:all .2s ease}.mobile-drawer:hover .mobile-drawer-handle-bar{background:var(--gb-cyan);width:60px}@keyframes drawerContentFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.mobile-drawer-content>*{animation:drawerContentFadeIn .25s ease-out .1s backwards}.mobile-drawer{box-shadow:-8px 0 32px #0006,-2px 0 8px #00d9ff26}@media(max-width:374px){.mobile-drawer{width:100vw;border-left:none;border-radius:0}.mobile-drawer-header{padding:var(--spacing-sm)}.mobile-drawer-title{font-size:1rem;gap:var(--spacing-xs)}.mobile-drawer-title svg{width:18px;height:18px}.mobile-drawer-close{width:40px;height:40px;min-width:40px;min-height:40px}}@media(max-height:500px)and (orientation:landscape){.mobile-drawer{width:min(240px,60vw)}.mobile-drawer-header{padding:var(--spacing-xs) var(--spacing-sm);min-height:40px}.mobile-drawer-title{font-size:.875rem}.mobile-drawer-title svg{width:16px;height:16px}.mobile-drawer-close{width:36px;height:36px;min-width:36px;min-height:36px}}@supports (padding-top: env(safe-area-inset-top)){.mobile-drawer{padding-top:env(safe-area-inset-top)}.mobile-drawer-header{padding-top:max(var(--spacing-md),env(safe-area-inset-top))}}.mobile-overlay-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9997}.mobile-overlay-modal{position:fixed;inset:0;background:var(--bg-primary);z-index:9998;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.mobile-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--panel-border);background:var(--bg-secondary);flex-shrink:0;min-height:56px}.mobile-overlay-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-title);font-weight:600;font-size:1.25rem;color:var(--text-primary)}.mobile-overlay-title svg{color:var(--gb-cyan);filter:drop-shadow(0 0 4px rgba(0,217,255,.4))}.mobile-overlay-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:var(--radius-md);color:var(--gb-pink);cursor:pointer;transition:all .2s ease}.mobile-overlay-close:hover{background:#e9456033;border-color:var(--gb-pink)}.mobile-overlay-close:active{transform:scale(.95);background:#e945604d}.mobile-overlay-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.mobile-overlay-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.mobile-overlay-content>*{flex:1;min-height:0}.mobile-overlay-content .chat-container{height:100%;max-height:none}.mobile-overlay-content .chat-window{width:100%;height:100%;max-height:none}.mobile-overlay-content .chat-messages{max-height:none}.mobile-overlay-content .player-list{padding:var(--spacing-md)}.mobile-overlay-content .player-list-items{gap:var(--spacing-sm)}.mobile-overlay-content .mobile-video-grid{height:100%;padding:var(--spacing-md)}@keyframes overlayContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-overlay-content>*{animation:overlayContentFadeIn .2s ease-out}@media(max-width:374px){.mobile-overlay-header{padding:var(--spacing-sm) var(--spacing-md);min-height:48px}.mobile-overlay-title{font-size:1.125rem;gap:var(--spacing-xs)}.mobile-overlay-title svg{width:18px;height:18px}.mobile-overlay-close{width:44px;height:44px;min-width:44px;min-height:44px}}@media(max-height:500px)and (orientation:landscape){.mobile-overlay-header{padding:var(--spacing-xs) var(--spacing-md);min-height:44px}.mobile-overlay-title{font-size:1rem}.mobile-overlay-close{width:40px;height:40px;min-width:40px;min-height:40px}.mobile-overlay-content .player-list{padding:var(--spacing-sm)}}@media(max-width:767px){:root{--header-height: var(--header-height-mobile)}.lobby-content,.game-content{flex-direction:column}.lobby-sidebar,.game-sidebar{display:none}.main-content,.lobby-main,.game-main{padding:var(--spacing-sm)}.card{padding:1rem}.video-filmstrip{--filmstrip-height: 100px}.video-feed{width:100px}}@media(min-width:768px)and (max-width:1023px){:root{--sidebar-width: 280px}.lobby-sidebar,.game-sidebar{display:none}}@media(min-width:1024px){.mobile-menu-btn{display:none}.lobby-sidebar,.game-sidebar{display:flex}}@media(min-width:1536px){:root{--sidebar-width: 384px}.video-feed{width:180px}}@media(max-width:1023px)and (orientation:landscape){:root{--filmstrip-height: 60px;--filmstrip-height-collapsed: 32px}.game-header{height:var(--header-height-mobile);padding:0 var(--spacing-sm)}.header-logo{font-size:.875rem}.video-filmstrip.expanded{height:60px}.video-filmstrip.collapsed{height:32px}.video-feed{width:80px}.mobile-drawer{width:min(280px,70vw)}.mobile-drawer-content{max-height:calc(100dvh - 80px)}.mobile-game-menu-panel{max-height:calc(100dvh - 60px);width:min(280px,calc(100vw - 24px))}.mobile-game-menu-items{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.mobile-game-menu-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}.mobile-game-menu-item-icon{width:24px;height:24px}.mobile-game-menu-item-sublabel{display:none}.mobile-menu-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mobile-menu-item{padding:var(--spacing-sm);font-size:.875rem}}@media(max-height:500px)and (orientation:landscape){:root{--filmstrip-height: 50px}.game-header{height:var(--header-height-mobile)}.video-filmstrip.expanded{height:50px}.video-feed{width:70px}.settings-modal{max-height:95vh;max-width:calc(100vw - 2 * var(--spacing-md))}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.lobby-content,.game-content{flex-direction:row}.mobile-drawer{max-height:60vh}}@media(max-width:374px){:root{--spacing-md: .75rem;--spacing-lg: 1rem}.player-avatar{width:36px;height:36px}.card{min-width:260px;padding:var(--spacing-sm)}.home-card{min-width:260px;padding:var(--spacing-md)}.input,input,select,textarea{font-size:16px}.chat-message{padding:var(--spacing-xs)}.player-name,.header-logo{font-size:.875rem}.video-feed{width:70px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d9ff66}50%{box-shadow:0 0 40px #00d9ffcc}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.home-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-border);z-index:var(--z-mobile-nav)}.home-header-logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit}.home-header-mascot{width:36px;height:36px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(233,69,96,.3))}.home-header-text{display:flex;flex-direction:column;gap:0;line-height:1.1}.home-header-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary)}.home-header-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-header-branding{display:flex;align-items:baseline;gap:.1em;font-family:var(--font-marker);font-size:.7rem;letter-spacing:.02em}.home-header-by{color:var(--text-muted);font-size:.9em}.home-header-game{color:var(--gb-pink)}.home-header-buddies{color:var(--gb-cyan)}.home-header-io{color:var(--text-muted);font-size:.9em}.home-header-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-header-settings-btn:hover{border-color:var(--gb-cyan);color:var(--gb-cyan);background:#00d9ff1a}.home-header-hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.home-header-hamburger:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.home-header-menu-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-mobile-menu-backdrop)}.home-header-menu{position:fixed;top:var(--spacing-md);right:var(--spacing-md);width:min(280px,calc(100vw - var(--spacing-xl)));background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;z-index:var(--z-mobile-menu);overflow:hidden}.home-header-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border)}.home-header-menu-title{font-family:var(--font-title);font-size:1.1rem;color:var(--text-primary)}.home-header-menu-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-header-menu-close:hover{background:#ffffff26;color:var(--text-primary)}.home-header-menu-items{padding:var(--spacing-sm)}.home-header-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.home-header-menu-item:hover{background:#00d9ff1a}.home-header-menu-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--gb-cyan)}.home-header-menu-content{display:flex;flex-direction:column;gap:2px}.home-header-menu-label{font-family:var(--font-hand);font-size:1rem;color:var(--text-primary)}.home-header-menu-sublabel{font-family:var(--font-hand);font-size:.8rem;color:var(--text-muted)}.home-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--bg-primary);border:2px solid var(--panel-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0}.home-checkbox:checked{background:var(--gb-cyan);border-color:var(--gb-cyan)}.home-checkbox:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--bg-primary);font-size:14px;font-weight:700}.home-checkbox:focus{outline:none;box-shadow:0 0 0 3px #00d9ff33}.home-checkbox-text{font-family:var(--font-hand);font-size:.9rem;color:var(--text-secondary)}.home-tip-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-full);color:var(--gb-cyan);font-family:var(--font-hand);font-size:.9rem;animation:fadeInUp .6s ease-out .4s backwards}.home-tip-banner svg{flex-shrink:0;opacity:.8}.home-gb-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:calc(var(--header-height) + var(--spacing-md));margin-bottom:calc(-1 * var(--spacing-lg));padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#e9456026,#00d9ff26);border:1px solid rgba(233,69,96,.3);border-radius:var(--radius-full);font-family:var(--font-hand);font-size:.85rem;animation:fadeInUp .4s ease-out}.home-gb-banner svg{flex-shrink:0;color:var(--gb-pink)}.home-gb-banner span{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media(max-width:767px){.home-header{height:var(--header-height-mobile);padding:0 var(--spacing-md)}.home-header-mascot{width:28px;height:28px}.home-header-title{font-size:1rem}.home-header-branding{font-size:.6rem}.home-tip-banner{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.home-gb-banner{margin-top:calc(var(--header-height-mobile) + var(--spacing-sm));font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.home-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,3dvh,2.5rem);padding-top:calc(var(--header-height) + clamp(.75rem,2dvh,2rem));padding-bottom:max(clamp(1rem,3dvh,2.5rem),env(safe-area-inset-bottom));overflow-y:auto}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.25rem,1dvh,.5rem);margin-bottom:clamp(.5rem,2dvh,2rem);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-mascot{width:clamp(50px,min(12vw,10dvh),100px);height:auto;filter:drop-shadow(0 8px 24px rgba(233,69,96,.3));animation:mascotBounce 3s ease-in-out infinite}@keyframes mascotBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.home-title{font-family:var(--font-title);font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:var(--text-primary);line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.3)}.home-title-accent{background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-tagline{font-family:var(--font-hand);font-size:clamp(1rem,3vw,1.35rem);color:var(--text-secondary);max-width:400px;line-height:1.4}.home-gb-branding{display:flex;align-items:baseline;gap:.15em;font-family:var(--font-marker);font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:.02em}.home-gb-by{color:var(--text-muted);font-size:.85em}.home-gb-game{color:var(--gb-pink)}.home-gb-buddies{color:var(--gb-cyan)}.home-gb-io{color:var(--text-muted);font-size:.85em}.home-mp-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-full);font-family:var(--font-hand);font-size:.9rem;margin-bottom:var(--spacing-sm);animation:fadeInUp .6s ease-out .15s backwards}.home-mp-badge svg{color:var(--accent-color);flex-shrink:0}.home-mp-badge-count{color:var(--accent-color);font-weight:600}.home-mp-badge-sep{color:var(--panel-border)}.home-mp-badge-category{color:var(--text-secondary)}.home-steps{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);animation:fadeInUp .6s ease-out .25s backwards}.home-step{display:flex;align-items:center;gap:var(--spacing-xs)}.home-step-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(var(--accent-color-rgb),.15);border-radius:var(--radius-sm);color:var(--accent-color);flex-shrink:0}.home-step-text{font-family:var(--font-hand);font-size:.85rem;color:var(--text-secondary);white-space:nowrap}.home-step-arrow{color:var(--panel-border);font-size:1rem;flex-shrink:0}.home-error{width:100%;max-width:400px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#ef444426;border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--danger);text-align:center;font-family:var(--font-hand);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.home-tabs{display:none;width:100%;max-width:400px;margin-bottom:var(--spacing-lg);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--spacing-xs);gap:var(--spacing-xs)}.home-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:1rem;cursor:pointer;transition:all .2s ease}.home-tab:hover{color:var(--text-primary);background:#ffffff0d}.home-tab.active{background:var(--gb-cyan);color:var(--bg-primary);font-weight:600;box-shadow:0 2px 8px #00d9ff4d}.home-cards-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;position:relative}.home-cards-wrapper .tutorial-sidebar{position:fixed;right:2rem;top:calc(var(--tutorial-top, 50%) - 2rem);transform:translateY(0)}@media(max-width:1400px){.home-cards-wrapper .tutorial-sidebar{display:none}}.home-cards{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;max-width:800px;width:100%}.home-card{flex:1;min-width:280px;max-width:360px;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center;transition:all .3s ease;animation:fadeInUp .6s ease-out backwards}.home-card:nth-child(1){animation-delay:.1s}.home-card:nth-child(2){animation-delay:.2s}.home-card:hover{border-color:var(--gb-cyan);transform:translateY(-4px);box-shadow:0 12px 32px #00d9ff26}.home-card .card-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.home-card .card-header h2{font-family:var(--font-title);font-size:1.5rem;color:var(--text-primary);margin:0}.home-card .card-header svg{color:var(--gb-cyan)}.home-card .card-description{font-family:var(--font-hand);font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.4}.home-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.home-input{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:16px;text-align:center;transition:all .2s ease}.home-input::-moz-placeholder{color:var(--text-muted)}.home-input::placeholder{color:var(--text-muted)}.home-input:focus{outline:none;border-color:var(--gb-cyan);box-shadow:0 0 0 3px #00d9ff33}.home-btn{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-marker);font-size:1.1rem;cursor:pointer;transition:all .2s ease}.home-btn.primary{background:linear-gradient(135deg,var(--gb-pink) 0%,#d63d56 100%);color:#fff;box-shadow:0 4px 12px #e945604d}.home-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456066}.home-btn.secondary{background:linear-gradient(135deg,var(--gb-cyan) 0%,#00a8c8 100%);color:var(--bg-primary);box-shadow:0 4px 12px #00d9ff4d}.home-btn.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.home-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.home-how-to-play{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;background:transparent;border:2px solid var(--panel-border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-hand);font-size:1rem;cursor:pointer;transition:all .2s ease}.home-how-to-play:hover{border-color:var(--gb-cyan);color:var(--gb-cyan);background:#00d9ff1a}@media(min-width:1280px){.home-how-to-play{display:none}}.mobile-hidden{display:block}@media(max-width:767px){.home-page{padding:var(--spacing-md);padding-top:calc(var(--header-height-mobile) + var(--spacing-md))}.home-hero{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.home-mascot{width:80px}.home-tabs{display:flex}.home-cards{flex-direction:column;align-items:center}.home-card{max-width:100%;padding:var(--spacing-lg)}.home-steps,.home-tagline,.home-gb-branding{display:none}.home-mascot{width:60px}.home-title{font-size:clamp(1.5rem,6vw,2rem)}.home-mp-badge{padding:4px 12px;font-size:.8rem;margin-bottom:8px}.home-hero{gap:6px;margin-bottom:8px}.home-cards-wrapper{margin-top:0}.home-card{padding:12px 16px}.home-form .form-group{margin-bottom:8px}.mobile-hidden{display:none!important}}@media(max-width:926px)and (orientation:landscape){.home-page{padding:var(--spacing-sm);padding-top:calc(var(--header-height-mobile) + var(--spacing-md));flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--spacing-md)}.home-hero{flex-direction:row;gap:var(--spacing-md);margin-bottom:0;width:100%;justify-content:center}.home-mascot{width:50px}.home-title{font-size:1.5rem}.home-tagline,.home-gb-branding{display:none}.home-tabs{display:flex;max-width:300px}.home-cards{flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-md)}.home-card{min-width:240px;max-width:300px;padding:var(--spacing-md)}.home-card .card-description,.home-how-to-play{display:none}}@media(max-width:374px){.home-page{padding:var(--spacing-sm);padding-top:calc(var(--header-height-mobile) + var(--spacing-md))}.home-mascot{width:60px}.home-title{font-size:1.75rem}.home-card{padding:var(--spacing-md)}.home-btn{font-size:1rem}}@media(min-width:768px)and (max-width:1023px){.home-cards{flex-direction:row;max-width:700px}.home-card{min-width:300px;max-width:340px}}@media(min-width:1536px){.home-mascot{animation:mascotFloat 3s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-cards{gap:var(--spacing-xl);max-width:900px}.home-card{min-width:380px}}.home-btn:active:not(:disabled){transform:translateY(1px)}.home-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.home-tab:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px}.home-tab:active{transform:scale(.98)}.home-input:focus-visible{outline:none}.home-how-to-play:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.home-how-to-play:active{transform:scale(.98)}.home-btn.loading{position:relative;color:transparent}.home-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.lobby-waiting-card{position:relative;max-width:480px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center;overflow:hidden}@media(max-width:767px){.lobby-waiting-card{padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-lg)}}.lobby-waiting-header{margin-bottom:clamp(.25rem,1dvh,1rem)}@media(max-width:767px){.lobby-waiting-header{margin-bottom:var(--spacing-sm)}}.lobby-waiting-header h2{font-family:var(--font-title);font-size:1.5rem;margin-bottom:var(--spacing-sm)}.lobby-player-count{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);font-family:var(--font-hand)}.lobby-room-code-section{margin-bottom:var(--spacing-lg)}.lobby-room-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.lobby-room-code-box{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#e945601a;border:2px solid var(--gb-pink);border-radius:var(--radius-lg)}.lobby-room-code{font-family:"Orbitron",var(--font-marker),monospace;font-size:2.25rem;color:var(--gb-pink);letter-spacing:.3em;font-weight:700}.lobby-copy-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.lobby-copy-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-start-section{margin-top:var(--spacing-lg)}$STICKY_CSS @media (max-width: 767px){.lobby-start-section{position:sticky;bottom:0;margin-top:var(--spacing-sm);padding:var(--spacing-sm) 0;background:var(--bg-primary);z-index:10}.lobby-start-btn{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.lobby-start-hint{font-size:.75rem}}.lobby-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-button);border:none;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-marker);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.lobby-start-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px var(--accent-glow)}.lobby-start-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-start-hint{margin-top:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem}.lobby-waiting-host{margin-top:var(--spacing-lg);color:var(--text-secondary);font-family:var(--font-hand)}.lobby-players-compact{margin:var(--spacing-lg) 0}.lobby-game-area{margin-top:clamp(.25rem,1.5dvh,1.5rem)}.lobby-copy-btn:active{transform:scale(.95)}.lobby-start-btn:active:not(:disabled){transform:scale(.98)}.lobby-copy-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.lobby-start-btn:focus-visible{outline:2px solid white;outline-offset:2px}.lobby-copy-btn.copied,.lobby-copy-btn:has(svg.lucide-check){background:#22c55e40;border-color:var(--success);color:var(--success);animation:lobbyPop .3s ease}@keyframes lobbyPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.lobby-start-btn:not(:disabled){animation:startPulse 2s ease-in-out infinite}@keyframes startPulse{0%,to{box-shadow:0 0 #e9456066}50%{box-shadow:0 0 20px 4px #e945604d}}.lobby-start-btn:hover:not(:disabled){animation:none}@media(max-width:767px){.lobby-waiting-card{padding:var(--spacing-lg);margin:0 var(--spacing-sm)}.lobby-room-code{font-size:1.5rem;letter-spacing:.2em}.lobby-start-btn{font-size:1.125rem;padding:var(--spacing-md);min-height:52px}}@media(max-width:374px){.lobby-waiting-card{padding:var(--spacing-md)}.lobby-room-code,.lobby-waiting-header h2{font-size:1.25rem}}@media(max-width:926px)and (orientation:landscape){.lobby-waiting-card{max-width:380px;padding:var(--spacing-md)}.lobby-waiting-header{margin-bottom:var(--spacing-sm)}.lobby-waiting-header h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.lobby-room-code-section{margin-bottom:var(--spacing-sm)}.lobby-room-code-box{padding:var(--spacing-sm)}.lobby-room-code{font-size:1.25rem}.lobby-start-section{margin-top:var(--spacing-sm)}.lobby-start-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;min-height:44px}.lobby-players-compact{display:none}}@media(min-width:768px)and (max-width:1023px){.lobby-waiting-card{max-width:420px}}@media(min-width:1536px){.lobby-waiting-card{max-width:560px}}.lobby-qr-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.lobby-qr-btn:hover{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-qr-btn.active{background:#00d9ff26;border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-qr-container{margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0a0a1499;border:1px solid var(--panel-border);border-radius:var(--radius-lg);animation:qrFadeIn .3s ease-out}@keyframes qrFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lobby-qr-image{width:180px;height:180px;border-radius:var(--radius-md)}.lobby-qr-hint{color:var(--text-secondary);font-size:.8rem;font-family:var(--font-hand)}.host-settings-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100%}.host-settings-section{background:#0f162999;border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.host-settings-section-header{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm);-webkit-user-select:none;-moz-user-select:none;user-select:none}.host-settings-count{margin-left:auto;font-size:.75rem;color:var(--text-secondary);font-weight:400}.host-settings-badge{font-size:.65rem;padding:2px 6px;border-radius:999px;margin-left:var(--spacing-xs)}.host-settings-badge.hidden-badge{background:#9333ea4d;color:#c084fc}.host-settings-badge.tap-badge{background:#3b82f633;color:#93c5fd;animation:pulse 1s infinite}.host-settings-actions{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.host-settings-action-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.host-settings-action-btn:hover{border-color:var(--gb-cyan);color:var(--gb-cyan)}.host-settings-apply{margin-top:var(--spacing-sm);display:flex;justify-content:flex-end}.host-settings-apply-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:none;background:var(--gb-cyan);color:#000;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.host-settings-apply-btn:hover{filter:brightness(1.15)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer}.settings-toggle-label{font-size:.85rem;color:var(--text-primary)}.settings-toggle-checkbox{width:18px;height:18px;accent-color:var(--gb-cyan);cursor:pointer}.host-settings-hint{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.4}.host-settings-premium-label{font-size:.7rem;color:var(--gb-cyan);opacity:.6}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}@media(min-width:768px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 10px;border-radius:var(--radius-md);border:1.5px solid var(--panel-border);background:#1e263c80;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease;text-align:left}.category-item:hover{border-color:#00d9ff66;background:#1e263ccc}.category-item.selected{border-color:#10b98199;background:#10b9811a;color:#6ee7b7}.category-item.hidden-cat{border-color:#9333ea80}.category-item.hidden-cat.selected{border-color:#9333ea99;background:#9333ea1a;color:#c084fc}.category-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-item-count{font-size:.7rem;opacity:.6}.category-item-check{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--panel-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-item-check.checked{background:#10b981cc;border-color:#10b981cc;color:#fff}.category-item.hidden-cat .category-item-check.checked{background:#9333eacc;border-color:#9333eacc}.custom-content-locked{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);opacity:.5;font-size:.8rem;padding:var(--spacing-sm) 0}.custom-content-panel{display:flex;flex-direction:column;gap:var(--spacing-sm)}.custom-content-modes{display:flex;gap:var(--spacing-xs)}.custom-content-mode-btn{flex:1;padding:6px 8px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-content-mode-btn.active{border-color:var(--gb-cyan);background:#00d9ff1a;color:var(--gb-cyan)}.custom-content-mode-btn:hover{border-color:#00d9ff80}.custom-content-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.custom-content-error p{color:#fca5a5;font-size:.75rem}.custom-content-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.custom-content-empty{text-align:center;color:var(--text-secondary);font-size:.75rem;padding:var(--spacing-md) 0;opacity:.6}.custom-content-item{display:flex;align-items:center;justify-content:space-between;background:#1e263c80;border-radius:var(--radius-md);padding:6px 10px}.custom-content-item-text{flex:1;min-width:0;margin-right:var(--spacing-sm)}.custom-content-item-text span:first-child{display:block;color:var(--text-primary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-content-item-cat{font-size:.65rem;color:var(--text-secondary);opacity:.6}.custom-content-delete-btn{background:none;border:none;color:#ef444480;cursor:pointer;padding:4px;transition:color .2s ease}.custom-content-delete-btn:hover{color:#ef4444}.custom-content-add-form{background:#1e263c80;border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.custom-content-input{width:100%;padding:8px 12px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.4);background:#0f1629e6;color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .2s ease}.custom-content-input:focus{border-color:var(--gb-cyan)}.custom-content-form-actions{display:flex;gap:var(--spacing-xs)}.custom-content-submit-btn{flex:1;padding:6px 12px;border-radius:var(--radius-md);border:none;background:var(--gb-cyan);color:#000;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.custom-content-submit-btn:disabled{opacity:.4;cursor:not-allowed}.custom-content-submit-btn:hover:not(:disabled){filter:brightness(1.15)}.custom-content-cancel-btn{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.custom-content-cancel-btn:hover{border-color:var(--text-secondary)}.custom-content-actions{display:flex;gap:var(--spacing-xs)}.custom-content-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-content-action-btn:hover{border-color:var(--gb-cyan);color:var(--gb-cyan)}.hidden-input{display:none}.question-browser{margin-top:var(--spacing-sm);background:#0f162999;border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden;width:100%}.question-browser-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.question-browser-header:hover{background:#ffffff08}.question-browser-title{display:flex;align-items:center;gap:var(--spacing-sm)}.question-browser-count{font-size:.75rem;color:var(--text-secondary);font-weight:400}.question-browser-content{padding:0 var(--spacing-md) var(--spacing-md)}.question-browser-filters{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.question-browser-search{flex:1;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:#0f1629cc;color:var(--text-secondary)}.question-browser-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.8rem}.question-browser-search-input::-moz-placeholder{color:var(--text-secondary);opacity:.5}.question-browser-search-input::placeholder{color:var(--text-secondary);opacity:.5}.question-browser-category-select{padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:#0f1629cc;color:var(--text-primary);font-size:.8rem;outline:none;cursor:pointer;max-width:140px}.question-browser-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.question-browser-empty{text-align:center;color:var(--text-secondary);font-size:.8rem;padding:var(--spacing-lg) 0;opacity:.6}.question-browser-item{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 10px;background:#1e263c66;border-radius:var(--radius-md);gap:var(--spacing-xs)}.question-browser-item-main{display:flex;gap:6px;flex:1;min-width:0}.question-browser-item-num{color:var(--text-secondary);font-size:.75rem;opacity:.5;flex-shrink:0;padding-top:1px}.question-browser-item-content{flex:1;min-width:0}.question-browser-item-text{color:var(--text-primary);font-size:.8rem;margin:0;word-break:break-word}.question-browser-item-answer{color:#6ee7b7;font-size:.75rem;margin:2px 0 0;font-style:italic}.question-browser-item-category{font-size:.65rem;color:var(--text-secondary);opacity:.5}.question-browser-item-actions{display:flex;gap:2px;flex-shrink:0}.question-browser-icon-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;opacity:.6}.question-browser-icon-btn:hover:not(:disabled){background:#ffffff0f;color:var(--gb-cyan);opacity:1}.question-browser-icon-btn:disabled{opacity:.2;cursor:not-allowed}.question-browser-remove-btn:hover:not(:disabled){color:#ef4444;background:#ef44441a}@media(prefers-reduced-motion:reduce){.host-settings-badge.tap-badge{animation:none}}.player-entering{animation:playerJoinPop .6s ease-out!important}@keyframes playerJoinPop{0%{opacity:0;transform:translate(-20px) scale(.9)}50%{opacity:1;transform:translate(4px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}.avatar-strip{display:flex;align-items:center;justify-content:center}.avatar-strip-item{position:relative;width:36px;height:36px;border-radius:50%;margin-left:-10px;border:2px solid var(--bg-primary, #0a0a14);overflow:visible;flex-shrink:0}.avatar-strip-item:first-child{margin-left:0}.avatar-strip-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-strip-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--gb-pink) 0%,var(--gb-cyan) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.avatar-strip-crown{position:absolute;top:-6px;right:-4px;width:14px!important;height:14px!important;color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.avatar-strip-more{width:36px;height:36px;border-radius:50%;margin-left:-10px;background:#ffffff1a;border:2px solid var(--bg-primary, #0a0a14);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.7rem;font-weight:600;flex-shrink:0}.lobby-mini-chat-wrapper{max-width:480px;margin:var(--spacing-lg) auto 0}.lobby-mini-chat{background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--spacing-md);max-height:220px;display:flex;flex-direction:column;gap:var(--spacing-sm)}.mini-chat-messages{display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:60px}.mini-chat-empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.85rem;opacity:.6;padding:var(--spacing-sm) 0}.mini-chat-msg{font-size:.85rem;line-height:1.4;display:flex;align-items:baseline;gap:.3rem;flex-wrap:wrap}.mini-chat-msg.system{color:var(--text-secondary);font-style:italic;font-size:.8rem;opacity:.7}.mini-chat-msg.mine{justify-content:flex-end}.mini-chat-sender{font-weight:600;color:var(--gb-cyan);font-size:.8rem}.mini-chat-text{color:var(--text-primary)}.mini-chat-msg.mine .mini-chat-text{color:var(--gb-pink)}.mini-chat-time{color:var(--text-secondary);font-size:.7rem;opacity:.5}.mini-chat-input-row{display:flex;gap:var(--spacing-xs)}.mini-chat-input{flex:1;padding:.4rem .75rem;background:#ffffff0f;border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;transition:border-color .2s ease}.mini-chat-input:focus{outline:none;border-color:var(--gb-cyan)}.mini-chat-input::-moz-placeholder{color:var(--text-secondary);opacity:.5}.mini-chat-input::placeholder{color:var(--text-secondary);opacity:.5}.mini-chat-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--gb-pink);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:opacity .2s;flex-shrink:0}.mini-chat-send:disabled{opacity:.4;cursor:not-allowed}.mini-chat-expand{background:none;border:none;color:var(--gb-cyan);font-size:.8rem;cursor:pointer;text-align:center;opacity:.7;transition:opacity .2s;padding:var(--spacing-xs) 0 0}.mini-chat-expand:hover{opacity:1;text-decoration:underline}.lobby-waiting-host-section{margin-top:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.nudge-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.5rem 1.25rem;background:transparent;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-hand)}.nudge-btn:hover:not(:disabled){border-color:var(--gb-cyan);color:var(--gb-cyan);background:#00d9ff14}.nudge-btn:disabled{opacity:.4;cursor:not-allowed}.nudge-btn:active:not(:disabled){transform:scale(.97)}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a14d9;border-radius:inherit;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-number{font-family:var(--font-title, "Orbitron", sans-serif);font-size:5rem;font-weight:900;color:var(--gb-cyan);text-shadow:0 0 40px rgba(0,217,255,.6);animation:countdownPulse 1s ease-out}@keyframes countdownPulse{0%{transform:scale(1.5);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}.game-countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#060610f2;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-countdown-number{font-family:var(--font-title, "Orbitron", sans-serif);font-size:10rem;font-weight:900;color:var(--gb-cyan, #00d9ff);text-shadow:0 0 60px rgba(0,217,255,.7),0 0 120px rgba(0,217,255,.3);animation:gameCountdownPulse 1s ease-out}@keyframes gameCountdownPulse{0%{transform:scale(2);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}@media(max-width:767px){.game-countdown-number{font-size:7rem}}@media(prefers-reduced-motion:reduce){.game-countdown-number{animation:none}}@media(max-width:767px){.lobby-qr-container{padding:var(--spacing-sm)}.lobby-qr-image{width:140px;height:140px}.countdown-number{font-size:4rem}}@media(max-width:926px)and (orientation:landscape){.lobby-qr-container,.lobby-mini-chat-wrapper{display:none}}@media(prefers-reduced-motion:reduce){.player-entering{animation:none!important}.countdown-number,.lobby-qr-container{animation:none}}.game-placeholder{display:flex;align-items:center;justify-content:center;min-height:clamp(250px,50dvh,500px);padding:var(--spacing-xl)}.game-placeholder-card{max-width:480px;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid var(--panel-border);border-radius:var(--radius-xl);text-align:center}.game-placeholder-title{font-family:var(--font-title);font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--gb-cyan)}.game-placeholder-info{margin-bottom:var(--spacing-lg);font-family:var(--font-hand);color:var(--text-secondary)}.game-placeholder-content{margin-bottom:var(--spacing-lg)}.game-placeholder-hint{padding:var(--spacing-md);background:#e945601a;border:1px dashed var(--gb-pink);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic}.game-placeholder-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.game-placeholder-btn{padding:var(--spacing-sm) var(--spacing-lg);min-height:44px;min-width:44px;background:var(--gb-cyan);border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:var(--font-hand);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.game-placeholder-btn:hover{background:var(--accent-hover);transform:scale(1.02)}.game-placeholder-btn:active{transform:scale(.98)}.game-placeholder-btn.danger{background:var(--danger-500);color:#fff}.game-placeholder-btn.danger:hover{background:var(--danger-400)}@media(max-width:767px){.game-placeholder{min-height:clamp(200px,40dvh,300px);padding:var(--spacing-md)}.game-placeholder-card{width:100%;max-width:none;padding:var(--spacing-md)}.game-placeholder-title{font-size:1.25rem}.game-placeholder-actions{flex-direction:column;gap:var(--spacing-sm)}.game-placeholder-btn{width:100%;justify-content:center}}@media(max-width:1023px)and (orientation:landscape){.game-placeholder{min-height:clamp(180px,35dvh,250px);padding:var(--spacing-sm)}.game-placeholder-card{padding:var(--spacing-sm) var(--spacing-md)}.game-placeholder-info{margin-bottom:var(--spacing-sm)}}.game-placeholder-debug{margin-top:var(--spacing-lg);text-align:left}.game-placeholder-debug summary{cursor:pointer;color:var(--text-secondary);font-size:.875rem}.game-placeholder-debug pre{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;overflow-x:auto}@keyframes placeholderCardEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes placeholderHintPulse{0%,to{border-color:var(--gb-pink);background:#e945601a}50%{border-color:#e9456099;background:#e9456026}}@keyframes debugPanelExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.game-placeholder-card{animation:placeholderCardEnter .4s ease-out}.game-placeholder-hint{animation:placeholderHintPulse 3s ease-in-out infinite}.game-placeholder-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.game-placeholder-btn.danger:focus-visible{outline-color:var(--danger-400);box-shadow:0 0 0 4px #ef444433}.game-placeholder-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.game-placeholder-btn:disabled:hover{background:var(--gb-cyan);transform:none!important}.game-placeholder-btn.danger:disabled:hover{background:var(--danger-500)}.game-placeholder-debug summary{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s ease,color .2s ease}.game-placeholder-debug summary:hover{background:#ffffff0d;color:var(--text-primary)}.game-placeholder-debug summary:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.game-placeholder-debug[open] summary{color:var(--gb-cyan);margin-bottom:var(--spacing-sm)}.game-placeholder-debug[open] pre{animation:debugPanelExpand .3s ease-out}.game-placeholder-debug pre::-webkit-scrollbar{height:6px}.game-placeholder-debug pre::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.game-placeholder-debug pre::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}.game-placeholder-debug pre::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(min-width:768px)and (max-width:1023px){.game-placeholder{min-height:clamp(220px,45dvh,350px);padding:var(--spacing-lg)}.game-placeholder-card{max-width:420px;padding:var(--spacing-lg)}.game-placeholder-title{font-size:1.375rem}}@media(min-width:1536px){.game-placeholder-card{max-width:560px}}@media(max-width:374px){.game-placeholder{min-height:clamp(180px,35dvh,260px);padding:var(--spacing-sm)}.game-placeholder-card{padding:var(--spacing-sm)}.game-placeholder-title{font-size:1.125rem;margin-bottom:var(--spacing-md)}.game-placeholder-info{font-size:.875rem;margin-bottom:var(--spacing-md)}.game-placeholder-hint{padding:var(--spacing-sm);font-size:.8125rem}.game-placeholder-btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}.game-placeholder-debug summary{font-size:.8125rem}.game-placeholder-debug pre{font-size:.6875rem;max-height:150px}}@media(max-height:500px)and (orientation:landscape){.game-placeholder{min-height:200px;padding:var(--spacing-xs)}.game-placeholder-card{padding:var(--spacing-xs) var(--spacing-sm)}.game-placeholder-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.game-placeholder-info,.game-placeholder-content{margin-bottom:var(--spacing-xs)}.game-placeholder-hint{padding:var(--spacing-xs);font-size:.75rem}.game-placeholder-actions{margin-top:var(--spacing-sm);flex-direction:row;flex-wrap:wrap}.game-placeholder-btn{min-height:36px;font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}.game-placeholder-debug{margin-top:var(--spacing-sm)}}.settings-modal-backdrop{position:fixed;inset:0;background:#000000b3;z-index:var(--z-settings-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));padding-left:max(var(--spacing-md),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-md),env(safe-area-inset-right,0px))}.settings-modal{width:100%;max-width:480px;max-height:80vh;background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-xl);z-index:var(--z-settings-modal);display:flex;flex-direction:column;overflow:hidden}.settings-modal-header,.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);background:#3341554d}.settings-modal-title,.settings-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary);margin:0}.settings-modal-close,.settings-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.settings-modal-close:hover,.settings-close:hover{background:#e9456033;color:var(--gb-pink)}.settings-modal-tabs,.settings-tabs{display:flex;border-bottom:1px solid var(--panel-border)}.settings-modal-tab,.settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-modal-tab:hover,.settings-tab:hover{color:var(--text-primary);background:#00d9ff0d}.settings-modal-tab.active,.settings-tab.active{color:var(--gb-cyan);border-bottom-color:var(--gb-cyan);background:#00d9ff1a}.settings-modal-content,.settings-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section-title{font-family:var(--font-title);font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.settings-row{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--panel-border)}.settings-row:last-child{border-bottom:none}.settings-row-header{display:flex;align-items:center;justify-content:space-between;width:100%}.settings-row-label,.settings-label{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-hand);font-size:.9375rem;color:var(--text-primary)}.settings-row-label svg{color:var(--text-secondary)}.settings-description,.settings-info{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.settings-toggle-btn{padding:var(--spacing-xs) var(--spacing-md);min-height:36px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-toggle-btn:hover{border-color:var(--gb-cyan);background:#00d9ff1a}.settings-language-btns{display:flex;gap:var(--spacing-xs)}.settings-lang-btn{padding:var(--spacing-xs) var(--spacing-md);min-height:36px;background:#33415580;border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-hand);font-size:.875rem;cursor:pointer;transition:all .2s ease}.settings-lang-btn:hover{border-color:var(--gb-cyan);color:var(--text-primary)}.settings-lang-btn.active{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.settings-toggle,.toggle-switch{padding:var(--spacing-xs) var(--spacing-sm);min-width:48px;min-height:32px;background:var(--bg-tertiary);border:2px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-title);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.settings-toggle.on,.toggle-switch.active{background:#00d9ff33;border-color:var(--gb-cyan);color:var(--gb-cyan)}.settings-toggle.off{background:#ef444433;border-color:var(--danger-500);color:var(--danger-400)}.settings-slider,.range-slider{flex:1;max-width:200px;height:8px;background:var(--bg-tertiary);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb,.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--gb-cyan);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00d9ff66}.settings-slider::-moz-range-thumb,.range-slider::-moz-range-thumb{width:20px;height:20px;background:var(--gb-cyan);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #00d9ff66}.settings-slider:disabled{opacity:.5;cursor:not-allowed}.settings-volume-value{font-family:var(--font-title);font-size:.875rem;font-weight:600;color:var(--gb-cyan);min-width:40px;text-align:right}@media(max-width:767px){.settings-modal{max-width:100%;max-height:90vh;margin:var(--spacing-sm)}.settings-modal-tabs,.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-modal-tab,.settings-tab{min-width:80px;flex-shrink:0}.settings-language-btns{flex-wrap:wrap}}@media(max-width:1023px)and (orientation:landscape){.settings-modal{max-height:90vh}.settings-modal-content,.settings-content{max-height:50vh}}.settings-modal-close:focus-visible,.settings-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:#00d9ff1a}.settings-modal-tab:focus-visible,.settings-tab:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:-2px;background:#00d9ff1a}.settings-toggle-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.settings-lang-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;box-shadow:0 0 0 4px #00d9ff33}.settings-toggle:focus-visible,.toggle-switch:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.settings-slider:focus-visible,.range-slider:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:4px}.settings-modal-close:active,.settings-close:active{transform:scale(.95)}.settings-modal-tab:active,.settings-tab:active{background:#00d9ff26}.settings-toggle-btn:active,.settings-lang-btn:active{transform:scale(.98)}.settings-toggle:active,.toggle-switch:active{transform:scale(.95)}.settings-modal-tab.active,.settings-tab.active{position:relative}.settings-modal-tab.active:after,.settings-tab.active:after{content:"";position:absolute;bottom:-2px;left:50%;width:60%;height:2px;background:var(--gb-cyan);transform:translate(-50%);animation:tabIndicatorExpand .25s ease-out}@keyframes tabIndicatorExpand{0%{width:0%;opacity:0}to{width:60%;opacity:1}}.settings-slider:not(:disabled):hover::-webkit-slider-thumb,.range-slider:not(:disabled):hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 12px #00d9ff99}.settings-slider:not(:disabled):hover::-moz-range-thumb,.range-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 2px 12px #00d9ff99}.settings-slider:disabled::-webkit-slider-thumb,.range-slider:disabled::-webkit-slider-thumb{background:var(--text-secondary);box-shadow:none}.settings-slider:disabled::-moz-range-thumb,.range-slider:disabled::-moz-range-thumb{background:var(--text-secondary);box-shadow:none}.settings-section{animation:settingsSectionFadeIn .3s ease-out}@keyframes settingsSectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-row{transition:background .2s ease;border-radius:var(--radius-sm);margin:0 calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.settings-row:hover{background:#ffffff05}@media(min-width:768px)and (max-width:1023px){.settings-modal{max-width:420px;max-height:75vh}.settings-modal-tabs,.settings-tabs{overflow-x:visible}.settings-modal-content,.settings-content{padding:var(--spacing-lg)}}@media(min-width:1536px){.settings-modal{max-width:560px;max-height:70vh;border-width:3px}.settings-modal-header,.settings-header{padding:var(--spacing-lg)}.settings-modal-title,.settings-title{font-size:1.5rem}.settings-modal-tab,.settings-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.settings-modal-content,.settings-content{padding:var(--spacing-lg)}.settings-row-label,.settings-label{font-size:1rem}.settings-slider,.range-slider{max-width:250px;height:10px}.settings-slider::-webkit-slider-thumb,.range-slider::-webkit-slider-thumb{width:24px;height:24px}.settings-slider::-moz-range-thumb,.range-slider::-moz-range-thumb{width:24px;height:24px}}@media(max-width:374px){.settings-modal{margin:var(--spacing-xs);max-height:95vh;border-radius:var(--radius-lg)}.settings-modal-header,.settings-header{padding:var(--spacing-sm)}.settings-modal-title,.settings-title{font-size:1rem}.settings-modal-close,.settings-close{width:40px;height:40px;min-width:40px;min-height:40px}.settings-modal-tabs,.settings-tabs{gap:0}.settings-modal-tab,.settings-tab{min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.settings-modal-tab span,.settings-tab span{display:none}.settings-modal-tab svg,.settings-tab svg{width:18px;height:18px}.settings-modal-content,.settings-content{padding:var(--spacing-sm)}.settings-row-label,.settings-label{font-size:.875rem}.settings-toggle-btn,.settings-lang-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:32px}.settings-toggle,.toggle-switch{min-width:40px;min-height:28px;font-size:.625rem}.settings-slider,.range-slider{max-width:140px}.settings-volume-value{font-size:.75rem;min-width:32px}}@media(max-height:500px)and (orientation:landscape){.settings-modal{max-height:95vh;max-width:500px}.settings-modal-header,.settings-header{padding:var(--spacing-xs) var(--spacing-sm)}.settings-modal-title,.settings-title{font-size:1rem}.settings-modal-tabs,.settings-tabs{min-height:0}.settings-modal-tab,.settings-tab{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.settings-modal-content,.settings-content{padding:var(--spacing-sm);max-height:45vh}.settings-row{padding:var(--spacing-xs) var(--spacing-sm)}}.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a0a10 50%,var(--bg-dark) 100%);z-index:var(--z-modal);padding:var(--spacing-md);overflow:auto}.error-boundary:before{content:"";position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 30%,rgba(233,69,96,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,217,255,.1) 0%,transparent 50%);pointer-events:none}.error-boundary-content{position:relative;background:var(--bg-card);border:2px solid var(--gb-pink);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:480px;width:100%;text-align:center;box-shadow:0 0 40px #e9456033,0 20px 60px #00000080;animation:errorBounce .5s ease-out,errorPulse 3s ease-in-out .5s infinite}@keyframes errorBounce{0%{opacity:0;transform:scale(.9) translateY(-20px)}50%{transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes errorPulse{0%,to{box-shadow:0 0 40px #e9456033,0 20px 60px #00000080}50%{box-shadow:0 0 60px #e9456059,0 0 100px #e9456026,0 20px 60px #00000080}}@keyframes glitchFlicker{0%,92%,to{opacity:1}93%{opacity:.8;transform:translate(-2px)}94%{opacity:1;transform:translate(2px)}95%{opacity:.9;transform:translate(0)}}.error-boundary-title{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--gb-pink);margin:0 0 var(--spacing-md);text-shadow:0 0 20px rgba(233,69,96,.4);letter-spacing:-.02em;animation:glitchFlicker 8s ease-in-out infinite}.error-boundary-title:hover{text-shadow:-2px 0 rgba(0,217,255,.6),2px 0 rgba(233,69,96,.6),0 0 20px rgba(233,69,96,.4)}.error-boundary-message{font-family:var(--font-body);font-size:1.125rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.5}.error-boundary-details{background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin:0 0 var(--spacing-lg);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875rem;color:var(--gb-pink);text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.error-boundary-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.error-boundary-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);min-height:48px;min-width:140px;font-family:var(--font-title);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.error-boundary-btn.primary{background:var(--gb-pink);color:#fff;border-color:var(--gb-pink);box-shadow:0 4px 20px #e9456066}.error-boundary-btn.primary:hover{background:var(--gb-pink-light);border-color:var(--gb-pink-light);transform:translateY(-2px);box-shadow:0 6px 24px #e9456080}.error-boundary-btn.primary:active{transform:translateY(0)}.error-boundary-btn.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.error-boundary-btn.secondary:hover{background:var(--bg-overlay);border-color:var(--gb-cyan);color:var(--gb-cyan)}.error-boundary-btn.secondary:active{transform:scale(.98);background:#00d9ff1a}.error-boundary-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.error-boundary-btn.primary:focus-visible{box-shadow:0 4px 20px #e9456066,0 0 0 4px #e9456033}.error-boundary-btn.secondary:focus-visible{box-shadow:0 0 0 4px #00d9ff33}.error-boundary-details::-webkit-scrollbar{width:6px;height:6px}.error-boundary-details::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.error-boundary-details::-webkit-scrollbar-thumb{background:var(--gb-pink);border-radius:3px;opacity:.6}.error-boundary-details::-webkit-scrollbar-thumb:hover{opacity:1}@media(max-width:767px){.error-boundary{padding:var(--spacing-md);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.error-boundary-content{padding:var(--spacing-lg)}.error-boundary-title{font-size:1.5rem}.error-boundary-message{font-size:1rem}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%;min-height:52px}}@media(max-width:1023px)and (orientation:landscape){.error-boundary-content{max-height:90vh;overflow-y:auto;padding:var(--spacing-md)}.error-boundary-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.error-boundary-message{font-size:.875rem;margin-bottom:var(--spacing-sm)}.error-boundary-details{max-height:80px;margin-bottom:var(--spacing-sm)}.error-boundary-actions{flex-direction:row}.error-boundary-btn{min-height:44px;padding:var(--spacing-xs) var(--spacing-md)}}@media(min-width:768px)and (max-width:1023px){.error-boundary-content{max-width:440px;padding:var(--spacing-lg)}.error-boundary-title{font-size:1.75rem}.error-boundary-message{font-size:1rem}}@media(min-width:1536px){.error-boundary-content{max-width:560px;padding:var(--spacing-2xl);border-width:3px}.error-boundary-title{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.error-boundary-message{font-size:1.25rem;margin-bottom:var(--spacing-xl)}.error-boundary-details{font-size:.9375rem;padding:var(--spacing-lg);max-height:200px;margin-bottom:var(--spacing-xl)}.error-boundary-actions{gap:var(--spacing-lg)}.error-boundary-btn{min-height:56px;min-width:160px;font-size:1.125rem;padding:var(--spacing-md) var(--spacing-xl)}}@media(max-width:374px){.error-boundary{padding:var(--spacing-sm)}.error-boundary-content{padding:var(--spacing-md);border-radius:var(--radius-md)}.error-boundary-title{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.error-boundary-message{font-size:.875rem;margin-bottom:var(--spacing-md)}.error-boundary-details{font-size:.75rem;padding:var(--spacing-sm);max-height:100px;margin-bottom:var(--spacing-md)}.error-boundary-actions{gap:var(--spacing-sm)}.error-boundary-btn{min-height:48px;min-width:0;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}@media(max-height:400px)and (orientation:landscape){.error-boundary-content{max-height:95vh;padding:var(--spacing-sm) var(--spacing-md)}.error-boundary-title{font-size:1rem;margin-bottom:var(--spacing-xs)}.error-boundary-message{font-size:.75rem;margin-bottom:var(--spacing-xs)}.error-boundary-details{max-height:50px;font-size:.6875rem;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs)}.error-boundary-btn{min-height:36px;font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}.gamebuddies-return-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-family:var(--font-title);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.gamebuddies-return-btn svg{flex-shrink:0}.gamebuddies-return-btn.inline{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.875rem;color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm)}.gamebuddies-return-btn.inline:hover{color:var(--gb-cyan);background:var(--bg-overlay)}.gamebuddies-return-btn.inline:active{transform:scale(.98)}@keyframes returnBtnPulse{0%,to{box-shadow:0 4px 16px #e9456066,0 2px 4px #0003}50%{box-shadow:0 4px 24px #e9456099,0 0 40px #e9456033,0 2px 4px #0003}}.gamebuddies-return-btn.floating{position:fixed;bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-lg) + env(safe-area-inset-left,0px));z-index:var(--z-floating);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;font-size:.875rem;color:#fff;background:linear-gradient(135deg,var(--gb-pink) 0%,#c93a52 100%);border-radius:var(--radius-full);box-shadow:0 4px 16px #e9456066,0 2px 4px #0003;animation:returnBtnPulse 4s ease-in-out infinite}.gamebuddies-return-btn.floating:hover{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 6px 24px #e9456080,0 4px 8px #0000004d}.gamebuddies-return-btn.floating:active{transform:translateY(0)}@media(max-width:767px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-md) + env(safe-area-inset-left,0px));padding:var(--spacing-sm) var(--spacing-md);min-height:48px;font-size:.8125rem}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating{padding:var(--spacing-sm);width:48px;border-radius:50%}.gamebuddies-return-btn.inline{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:375px)and (max-width:767px){.gamebuddies-return-btn.floating span{display:inline}.gamebuddies-return-btn.floating{width:auto;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:1023px)and (orientation:landscape){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px));min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}}.gb-return-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.gb-return-main{font-size:inherit}.gb-return-sub{font-size:.65rem;opacity:.6}.gamebuddies-return-btn.inline:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:var(--bg-overlay);color:var(--gb-cyan)}.gamebuddies-return-btn.floating:focus-visible{outline:2px solid white;outline-offset:2px;animation-play-state:paused;box-shadow:0 0 0 4px #e945604d,0 6px 24px #e9456080}@keyframes floatingBtnEnter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.gamebuddies-return-btn.floating{animation:floatingBtnEnter .4s ease-out,returnBtnPulse 4s ease-in-out .4s infinite}.gamebuddies-return-btn.inline svg{transition:transform .3s ease}.gamebuddies-return-btn.inline:hover svg{transform:translate(-2px)}.gamebuddies-return-btn.floating svg{transition:transform .2s ease}.gamebuddies-return-btn.floating:hover svg{transform:translate(-3px)}@media(min-width:768px)and (max-width:1023px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-md) + env(safe-area-inset-left,0px));padding:var(--spacing-sm) var(--spacing-lg)}.gamebuddies-return-btn.inline{padding:var(--spacing-xs) var(--spacing-md)}}@media(min-width:1536px){.gamebuddies-return-btn.floating{bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-xl) + env(safe-area-inset-left,0px));padding:var(--spacing-md) var(--spacing-lg);min-height:52px;font-size:1rem}.gamebuddies-return-btn.floating svg{width:18px;height:18px}.gamebuddies-return-btn.inline{padding:var(--spacing-sm) var(--spacing-md);font-size:.9375rem;min-height:40px}}@media(max-width:374px){.gamebuddies-return-btn.floating{width:44px;height:44px;padding:0;border-radius:50%;bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-sm) + env(safe-area-inset-left,0px))}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating svg{width:18px;height:18px}.gamebuddies-return-btn.inline{min-height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}@media(max-height:400px)and (orientation:landscape){.gamebuddies-return-btn.floating{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom,0px));left:calc(var(--spacing-xs) + env(safe-area-inset-left,0px))}.gamebuddies-return-btn.floating span{display:none}.gamebuddies-return-btn.floating svg{width:16px;height:16px}.gamebuddies-return-btn.inline{min-height:32px;font-size:.75rem}}.game-header-mute-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:44px;min-height:44px}.game-header-mute-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);background:var(--bg-overlay)}.game-header-mute-btn.muted{color:var(--gb-pink);border-color:var(--gb-pink);opacity:.8}.game-header-mute-btn.muted:hover{opacity:1}.home-header-mobile-controls{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:767px){.game-header-mute-btn{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.game-header-mute-btn{transition:none}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.focus-visible:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes gameMainFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gameSidebarSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes sidebarSectionReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-main{animation:gameMainFadeIn .4s ease-out;position:relative;z-index:1}.game-sidebar{animation:gameSidebarSlideIn .4s ease-out .15s both;position:relative;z-index:1;transition:width .3s ease,opacity .3s ease}.game-sidebar-section{animation:sidebarSectionReveal .35s ease-out both}.game-sidebar-section:first-child{animation-delay:.25s}.game-sidebar-section:nth-child(2){animation-delay:.35s}.game-sidebar-section.chat-section{animation-delay:.4s}.game-sidebar-section:focus-within{background:#ffffff05}.game-content{position:relative;z-index:1}@media(min-width:1024px){.game-sidebar{transition:box-shadow .3s ease}.game-sidebar:hover{box-shadow:-4px 0 20px #00000026}.game-sidebar-section:focus-within{border-left:2px solid var(--gb-cyan);margin-left:-1px}}@media(min-width:1536px){.game-sidebar{border-left-width:2px}.game-sidebar-section{padding:var(--spacing-md)}.game-main{padding:var(--spacing-lg)}}@media(min-width:768px)and (max-width:1023px){.game-main{padding:var(--spacing-md);animation:gameMainFadeIn .35s ease-out}}@media(max-width:767px){.game-page:before{background:radial-gradient(ellipse at 50% 20%,rgba(233,69,96,.04) 0%,transparent 60%)}.game-main{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom));animation:gameMainFadeIn .3s ease-out}.game-content{gap:0}}@media(max-width:374px){.game-main{padding:var(--spacing-xs);padding-bottom:calc(var(--spacing-xs) + env(safe-area-inset-bottom))}.game-page:before{opacity:.7}}@media(max-width:1023px)and (orientation:landscape){.game-page:before{background:radial-gradient(ellipse at 10% 50%,rgba(233,69,96,.03) 0%,transparent 40%),radial-gradient(ellipse at 90% 50%,rgba(0,217,255,.03) 0%,transparent 40%)}.game-main{padding:var(--spacing-xs) var(--spacing-sm);animation-duration:.25s}.game-content{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media(max-height:500px)and (orientation:landscape){.game-main{padding:var(--spacing-xs)}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.game-main{padding:var(--spacing-sm) var(--spacing-md)}}.invite-modal-backdrop{position:fixed;inset:0;background:#000000d9;z-index:var(--z-settings-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);padding-top:max(var(--spacing-md),env(safe-area-inset-top,0px));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom,0px));padding-left:max(var(--spacing-md),env(safe-area-inset-left,0px));padding-right:max(var(--spacing-md),env(safe-area-inset-right,0px))}.invite-modal{position:relative;width:100%;max-width:380px;background:var(--bg-secondary);border:2px solid var(--gb-pink);border-radius:var(--radius-xl);z-index:var(--z-settings-modal);display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.invite-modal-close{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.invite-modal-close:hover{background:#e9456033;color:var(--gb-pink)}.invite-modal-mascot{width:100px;height:auto;margin-bottom:var(--spacing-md);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.invite-modal-title{font-family:var(--font-title);font-size:1.75rem;color:var(--gb-cyan);margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 8px rgba(0,217,255,.3)}.invite-modal-subtitle{font-family:var(--font-hand);font-size:1rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.invite-modal-error{width:100%;background:#e9456026;border:1px solid var(--gb-pink);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.invite-modal-error p{margin:0;color:var(--gb-pink);font-size:.875rem}.invite-modal-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md)}.invite-modal-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--gb-cyan),var(--gb-pink));border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-title);font-size:1.125rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #00d9ff4d;min-height:48px}.invite-modal-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.invite-modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.invite-modal{max-width:100%;margin:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}.invite-modal-mascot{width:80px}.invite-modal-title{font-size:1.5rem}}.device-settings-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-settings-modal-backdrop);padding:var(--spacing-md);animation:fadeIn .2s ease-out}.device-settings-modal{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;z-index:var(--z-settings-modal);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.device-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--panel-border)}.device-settings-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.device-settings-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.device-settings-close:hover{background:var(--hover-bg);color:var(--text-primary)}.device-settings-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.device-settings-preview{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#0a0a12,#1a1a2e);margin:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;border:2px solid rgba(var(--accent-primary-rgb),.3);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.15),inset 0 0 30px #0000004d}.device-settings-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.device-settings-preview video.camera-off{opacity:.3}.camera-off-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);background:#00000080}.camera-off-overlay svg{width:2rem;height:2rem}.camera-off-overlay span{font-size:.875rem}.device-settings-devices{padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.device-setting-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.device-setting-row label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.device-setting-row select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#1e293b;border:1px solid #475569;border-radius:var(--radius-md);color:#e2e8f0;font-size:.875rem;cursor:pointer;transition:border-color .15s ease}.device-setting-row select:hover{border-color:var(--accent-primary)}.device-setting-row select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2)}.device-setting-row select option{background:#1e293b;color:#e2e8f0}.audio-meter-row{margin-top:var(--spacing-sm)}.audio-meter{width:100%;height:8px;background:var(--input-bg);border-radius:4px;overflow:hidden}.audio-meter-fill{height:100%;background:linear-gradient(90deg,var(--accent-success),var(--accent-primary));border-radius:4px;transition:width .05s ease-out}.audio-meter-bars{display:flex;gap:3px;height:24px;align-items:flex-end;padding:var(--spacing-xs) var(--spacing-sm);background:var(--input-bg);border-radius:var(--radius-md)}.audio-bar{flex:1;min-height:4px;background:rgba(var(--accent-primary-rgb),.15);border-radius:2px;transition:all .08s ease-out}.audio-bar.active{min-height:100%}.audio-bar.active.green{background:linear-gradient(to top,#059669,#10b981);box-shadow:0 0 6px #10b98166}.audio-bar.active.yellow{background:linear-gradient(to top,#d97706,#f59e0b);box-shadow:0 0 6px #f59e0b66}.audio-bar.active.red{background:linear-gradient(to top,#dc2626,#ef4444);box-shadow:0 0 6px #ef444480}.device-settings-privacy{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border);margin-top:var(--spacing-md)}.privacy-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.privacy-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:40px;height:22px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:11px;transition:all .2s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.privacy-toggle input:checked+.toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.4)}.privacy-toggle input:checked+.toggle-slider:before{transform:translate(18px);background:#fff;box-shadow:0 2px 4px #0003}.privacy-toggle:hover .toggle-slider{border-color:rgba(var(--accent-primary-rgb),.5)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary);transition:color .15s ease}.privacy-toggle input:checked~.toggle-label{color:var(--text-primary)}.privacy-toggle input:checked~.toggle-label svg{color:var(--accent-primary)}.device-settings-actions{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border)}.device-settings-cancel{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.device-settings-cancel:hover{background:var(--hover-bg);border-color:var(--text-muted)}.device-settings-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.device-settings-confirm:hover{background:var(--accent-hover);transform:translateY(-1px)}.device-settings-confirm:active{transform:translateY(0)}@media(max-width:767px){.device-settings-modal-overlay{padding:0}.device-settings-modal{position:fixed;inset:0;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column}.device-settings-preview{flex-shrink:0}.device-settings-devices{flex:1;overflow-y:auto;padding-bottom:var(--spacing-md)}.device-settings-actions{flex-shrink:0;padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}}.device-settings-tabs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-md);border-bottom:1px solid var(--panel-border);background:var(--panel-bg)}.device-settings-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.device-settings-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.device-settings-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.device-settings-tab svg{flex-shrink:0}.device-settings-content{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.virtual-bg-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(var(--accent-primary-rgb),.9);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:500}.virtual-bg-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:var(--text-primary);gap:var(--spacing-sm);font-size:.75rem;z-index:5}.vb-loading-spinner{width:24px;height:24px;border:2px solid var(--panel-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feature-toggle{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm)}.background-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.background-option{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .15s ease;background:var(--panel-bg)}.background-option:hover{border-color:var(--text-muted);transform:scale(1.02)}.background-option.active{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.3),0 0 15px rgba(var(--accent-primary-rgb),.2)}.background-option.active:after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #0000004d;z-index:1}.background-option:has(img){background:#000}.background-option img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.background-option span{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs);background:linear-gradient(transparent,#000c);color:#fff;font-size:.75rem;text-align:center}.blur-option .blur-preview{width:100%;height:100%;background:linear-gradient(135deg,var(--panel-bg) 25%,var(--hover-bg) 25%,var(--hover-bg) 50%,var(--panel-bg) 50%,var(--panel-bg) 75%,var(--hover-bg) 75%);background-size:20px 20px;filter:blur(4px)}.background-info{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:rgba(var(--accent-primary-rgb),.08);border-left:3px solid rgba(var(--accent-primary-rgb),.5)}.background-info p{font-size:.8rem;color:var(--text-muted);line-height:1.5;margin:0}.background-info.info{background:#0ea5e91a;border-left-color:#0ea5e9}.background-info.success{background:#10b9811a;border-left-color:#10b981}.background-info.warning{background:#f59e0b1a;border-left-color:#f59e0b}.background-info.experimental{background:#8b5cf61a;border-left-color:#8b5cf6}.slider-setting{padding:0 var(--spacing-lg);margin-top:var(--spacing-md)}.slider-setting label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:.875rem;color:var(--text-secondary)}.slider-setting .slider-value{font-weight:600;color:var(--accent-primary)}.slider-setting input[type=range]{width:100%;height:8px;background:var(--input-bg);border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-setting input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--value, 30%),var(--input-bg) var(--value, 30%),var(--input-bg) 100%)}.slider-setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:2px solid white;border-radius:50%;cursor:pointer;margin-top:-6px;-webkit-transition:all .15s ease;transition:all .15s ease;box-shadow:0 2px 6px #0000004d,0 0 10px rgba(var(--accent-primary-rgb),.3)}.slider-setting input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0006,0 0 15px rgba(var(--accent-primary-rgb),.5)}.slider-setting input[type=range]:active::-webkit-slider-thumb{transform:scale(1.05)}.slider-setting input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:var(--input-bg)}.slider-setting input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d,0 0 10px rgba(var(--accent-primary-rgb),.3)}.slider-setting input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.slider-setting .slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--panel-bg);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.avatar-option:hover:not(.disabled){border-color:var(--text-muted);transform:translateY(-2px)}.avatar-option.active{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.avatar-option.disabled{opacity:.5;cursor:not-allowed}.avatar-emoji{font-size:2rem}.avatar-label{font-size:.75rem;color:var(--text-secondary)}.soon-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:2px 6px;background:var(--accent-warning);border-radius:var(--radius-sm);font-size:.6rem;font-weight:600;color:#000;text-transform:uppercase}.device-settings-background,.device-settings-audio,.device-settings-avatar{display:flex;flex-direction:column}.device-settings-background .feature-toggle,.device-settings-audio .feature-toggle,.device-settings-avatar .feature-toggle{padding:var(--spacing-sm) var(--spacing-lg)}@media(max-width:767px){.device-settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.device-settings-tabs::-webkit-scrollbar{display:none}.device-settings-tab{white-space:nowrap;padding:var(--spacing-sm)}.device-settings-tab span{display:none}.background-options,.avatar-options{grid-template-columns:repeat(2,1fr)}}.tutorial-overlay{position:fixed;inset:0;z-index:var(--z-modal, 9999);display:flex;align-items:center;justify-content:center;padding:20px;background:#000c;animation:tutorialFadeIn .2s ease-out}.tutorial-modal{position:relative;width:100%;max-width:420px;padding:2.5rem 2rem 1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 15px #0009;animation:tutorialScaleIn .25s ease-out}.tutorial-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.tutorial-close:hover{background:#fff3;color:#fff}.tutorial-content{text-align:center;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorial-icon{font-size:4rem;margin-bottom:1rem;line-height:1;animation:tutorialBounce .4s ease-out}.tutorial-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .75rem}.tutorial-description{font-size:1rem;color:#ffffffbf;line-height:1.6;margin:0;max-width:340px}.tutorial-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.tutorial-nav-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-nav-btn:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.tutorial-nav-btn:disabled{opacity:.3;cursor:not-allowed}.tutorial-dots{display:flex;gap:8px}.tutorial-dot{width:8px;height:8px;padding:0;background:#ffffff4d;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.tutorial-dot:hover{background:#ffffff80}.tutorial-dot.active{width:12px;height:12px;background:var(--gb-cyan);box-shadow:0 0 8px #00d9ff99}.tutorial-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-trigger-btn:hover{background:#ffffff26;color:#fff}.tutorial-sidebar{background:#0c0e1c73;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(0,217,255,.2);border-radius:18px;padding:1rem 1.25rem 1.25rem;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;width:280px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:calc(100dvh - 6rem);overflow:hidden}.tutorial-sidebar-image-container{width:100%;display:flex;justify-content:center;margin-bottom:.75rem;flex-shrink:0}.tutorial-sidebar-image{width:100%;max-height:120px;-o-object-fit:contain;object-fit:contain;border-radius:12px}.tutorial-sidebar-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gb-cyan);margin-bottom:.5rem}.tutorial-progress{height:3px;background:#ffffff1a;border-radius:2px;margin-bottom:1.25rem;overflow:hidden}.tutorial-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--gb-pink),var(--gb-cyan));border-radius:2px;transform-origin:left;animation:progressFill linear forwards}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tutorial-sidebar-content{text-align:center;min-height:200px;display:flex;flex-direction:column}.tutorial-sidebar-icon{font-size:3.5rem;line-height:1;margin-bottom:1rem;flex-shrink:0}.tutorial-sidebar-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .5rem;flex-shrink:0}.tutorial-sidebar-description{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0;flex:1}.tutorial-sidebar-dots{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.tutorial-sidebar-dots button.tutorial-dot-wrapper{position:relative;padding:8px;background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible}.tutorial-sidebar-dots button.tutorial-dot-wrapper:before{display:none}.tutorial-sidebar-dots button.tutorial-dot-wrapper .tutorial-dot{width:8px;height:8px;background:#fff3;border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tutorial-sidebar-dots button.tutorial-dot-wrapper:hover .tutorial-dot{background:#fff6}.tutorial-sidebar-dots button.tutorial-dot-wrapper.active .tutorial-dot{width:14px;height:14px;background:var(--gb-cyan);animation:dotPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes dotPop{0%{transform:scale(.6);opacity:.5}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.tutorial-dot-progress{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%) rotate(-90deg);filter:drop-shadow(0 0 6px rgba(233,69,96,.9))}.tutorial-dot-progress-ring{fill:none;stroke:var(--gb-pink);stroke-width:2;stroke-linecap:round;stroke-dasharray:106.81;stroke-dashoffset:106.81;animation:circularProgress 5s linear forwards}@keyframes circularProgress{0%{stroke-dashoffset:106.81}to{stroke-dashoffset:0}}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialScaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tutorialBounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media(max-width:480px){.tutorial-modal{padding:2rem 1.5rem 1.25rem;margin:10px;max-width:calc(100% - 20px)}.tutorial-icon{font-size:3rem}.tutorial-title{font-size:1.25rem}.tutorial-description{font-size:.9rem}.tutorial-content{min-height:150px}}@media(prefers-reduced-motion:reduce){.tutorial-overlay,.tutorial-modal,.tutorial-icon{animation:none}.tutorial-nav-btn:hover:not(:disabled){transform:none}}.sidebar-tabs-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:2px solid var(--panel-border);background:var(--panel-bg);flex-shrink:0}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-tab:hover{color:var(--text-primary);background:var(--hover-bg)}.sidebar-tab.active{color:var(--accent-primary)}.sidebar-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-primary)}.sidebar-tab .tab-icon{font-size:1rem}.sidebar-tab .tab-label{font-weight:500}.sidebar-tab .tab-count{font-size:.75rem;opacity:.7}.sidebar-tab .tab-badge{background:var(--accent-primary);color:#fff;font-size:.65rem;padding:.125rem .375rem;border-radius:999px;font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-tabs-container .sidebar-content{flex:1;min-height:0;overflow:hidden}@media(min-width:64rem){html.has-filmstrip .app-root.in-room{--zoom-threshold: 200px;--zoom-divisor: 1000px;--zoom-min: .7;--zoom-excess: max(0px, calc(var(--filmstrip-safe-space, 0px) - var(--zoom-threshold)))}html.has-filmstrip .app-root.in-room .lobby-content-wrapper,html.has-filmstrip .app-root.in-room .game-page .main-scroll-area{zoom:clamp(var(--zoom-min),calc(1 - var(--zoom-excess) / var(--zoom-divisor)),1);transition:zoom .15s ease-out}}.language-selector{position:relative;z-index:var(--z-round-start-overlay, 1000)}.language-selector-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;pointer-events:auto;position:relative}.language-selector-button:hover{background:#00d9ff33;border-color:#00d9ff80}.language-selector-button .language-flag{font-size:1.25rem;line-height:1}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#1a1a2efa;border:1px solid rgba(0,217,255,.3);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 15px #00d9ff33;z-index:var(--z-mobile-toast, 9999);overflow:visible;animation:dropdownFadeIn .2s ease;pointer-events:auto}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-dropdown-header{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#00d9ff;border-bottom:1px solid rgba(255,255,255,.1);background:#00d9ff0d}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;pointer-events:auto}.language-option:hover{background:#00d9ff1a}.language-option.active{background:#00d9ff26;color:#00d9ff}.language-option .language-flag{font-size:1.2rem;line-height:1}.language-option .language-label{flex:1}.language-option .language-check{color:#00d9ff;font-weight:700}@media(max-width:479px){.language-dropdown{right:0;max-width:250px}}.home-header-controls{display:flex;align-items:center;gap:.5rem}.home-header-menu-language{display:flex;align-items:center;justify-content:space-between}.home-header-menu-language .language-selector{margin-left:auto}.home-header-menu-language .language-selector-button{width:36px;height:36px}[data-theme=lbs]{--primary: #c084fc;--primary-light: #d8b4fe;--primary-dark: #7c3aed;--primary-rgb: 192, 132, 252;--secondary: #fbbf24;--secondary-light: #fcd34d;--secondary-glow: rgba(251, 191, 36, .4);--secondary-rgb: 251, 191, 36;--gb-pink: #c084fc;--gb-cyan: #fbbf24;--bg-dark: #0c0a1a;--bg-darker: #080614;--bg-card: rgba(21, 15, 46, .45);--bg-card-hover: rgba(38, 29, 72, .6);--panel-bg: rgba(12, 10, 26, .55);--panel-bg-hover: rgba(21, 15, 46, .7);--panel-border: rgba(192, 132, 252, .15);--panel-border-strong: rgba(192, 132, 252, .5);--bg-primary: #0c0a1a;--bg-secondary: #150f2e;--bg-tertiary: #1e1545;--bg-quaternary: #271d52;--text-primary: #f5f0ff;--text-secondary: rgba(203, 178, 255, .8);--text-accent: #fbbf24;--border-color: rgba(124, 58, 237, .3);--card-bg: rgba(30, 21, 69, .8);--accent-color: #c084fc;--accent-color-rgb: 192, 132, 252;--accent-hover: #d8b4fe;--accent-glow: rgba(192, 132, 252, .4);--accent-primary: #c084fc;--accent-primary-rgb: 192, 132, 252;--gradient-start: #7c3aed;--gradient-end: #fbbf24;--gradient-button: linear-gradient(135deg, #7c3aed, #c084fc);--border-wobbly-xs: 12px;--border-wobbly-sm: 12px;--border-wobbly-md: 14px;--border-wobbly-lg: 16px;--font-hand: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Oswald", "Inter", sans-serif;--font-marker: "Orbitron", "Inter", monospace;--font-heading: "Oswald", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;scrollbar-color:#7c3aed rgba(12,10,26,.6)}[data-theme=lbs] body{background:radial-gradient(ellipse 600px 400px at 50% 0%,rgba(251,191,36,.06) 0%,transparent 70%),radial-gradient(ellipse 400px 600px at 0% 50%,rgba(124,58,237,.05) 0%,transparent 70%),radial-gradient(ellipse 400px 600px at 100% 50%,rgba(124,58,237,.05) 0%,transparent 70%),linear-gradient(180deg,#0c0a1a,#150f2e,#0c0a1a)}[data-theme=lbs] body:before{background-image:repeating-linear-gradient(90deg,rgba(192,132,252,.02) 0px,transparent 1px,transparent 120px),repeating-linear-gradient(0deg,rgba(251,191,36,.015) 0px,transparent 1px,transparent 80px);background-size:120px 80px}[data-theme=lbs] ::-webkit-scrollbar-track{background:#0c0a1acc}[data-theme=lbs] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#c084fc);border-radius:5px}[data-theme=lbs] .video-join-btn{background:#c084fc33;border-color:#c084fc66;color:#c084fc}[data-theme=lbs] .video-join-btn:hover{background:#c084fc4d;border-color:#c084fc99}[data-theme=lbs] .language-selector-button{background:#c084fc1a;border-color:#c084fc4d}[data-theme=lbs] .language-selector-button:hover{background:#c084fc33;border-color:#c084fc80}[data-theme=lbs] .language-dropdown{border-color:#c084fc4d}[data-theme=lbs] h1,[data-theme=lbs] h2,[data-theme=lbs] h3,[data-theme=lbs] h4{font-family:Oswald,Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}[data-theme=lbs] .font-heading{font-family:Oswald,Inter,sans-serif!important}[data-theme=lbs] .font-display{font-family:Orbitron,Inter,monospace!important}[data-theme=lbs] .card,[data-theme=lbs] .lbs-card{background:linear-gradient(135deg,#150f2ecc,#0c0a1ae6);border:1px solid rgba(124,58,237,.2);border-top:3px solid rgba(251,191,36,.5);border-radius:12px;box-shadow:0 4px 24px #0000004d,inset 0 1px #c084fc0d}[data-theme=lbs] .lbs-card-accent{border-top:3px solid rgba(251,191,36,.6)}[data-theme=lbs] .btn-primary{background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;border:none;border-radius:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;box-shadow:0 4px #5b21b6,0 6px 20px #7c3aed4d;transition:all .15s ease}[data-theme=lbs] .btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#d8b4fe);transform:translateY(-1px);box-shadow:0 5px #5b21b6,0 8px 25px #7c3aed66}[data-theme=lbs] .btn-primary:active{transform:translateY(2px);box-shadow:0 2px #5b21b6,0 3px 10px #7c3aed33}[data-theme=lbs] .btn-success{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px #15803d,0 6px 20px #22c55e4d;border-radius:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}[data-theme=lbs] .btn-success:active{transform:translateY(2px);box-shadow:0 2px #15803d}[data-theme=lbs] .btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px #b91c1c,0 6px 20px #ef44444d;border-radius:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}[data-theme=lbs] .btn-danger:active{transform:translateY(2px);box-shadow:0 2px #b91c1c}[data-theme=lbs] .btn-warning{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px #b45309,0 6px 20px #f59e0b4d;border-radius:10px;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}[data-theme=lbs] .btn-secondary{background:#1e1545cc;border:1px solid rgba(192,132,252,.3);border-radius:10px;color:#d8b4fe;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em}[data-theme=lbs] .btn-secondary:hover{background:#2d205ae6;border-color:#c084fc80}[data-theme=lbs] .game-header{background:linear-gradient(180deg,#0c0a1af2,#150f2ee6);border-bottom:1px solid rgba(124,58,237,.2)}[data-theme=lbs] .game-header-logo-name{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em}[data-theme=lbs] .game-header-logo-prefix{color:#d8b4fe}[data-theme=lbs] .game-header-logo-accent{color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.4)}[data-theme=lbs] .right-sidebar{background:linear-gradient(180deg,#150f2e99,#0c0a1ab3);border-left:1px solid rgba(124,58,237,.15)}[data-theme=lbs] .sidebar-tabs-header{border-bottom:1px solid rgba(124,58,237,.2)}[data-theme=lbs] .sidebar-tab-active{color:#fbbf24;border-bottom-color:#fbbf24}[data-theme=lbs] .lbs-gradient-text{background:linear-gradient(135deg,#d8b4fe,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=lbs] .lbs-gold-shimmer{background:linear-gradient(90deg,#fbbf24,#fcd34d,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=lbs] .lbs-hot-seat{box-shadow:0 0 20px 6px #fbbf2440;border-color:#fbbf2480}[data-theme=lbs] .lbs-spotlight-reveal{animation:spotlightReveal .4s ease-out}[data-theme=lbs] .lbs-winner-card{border:2px solid rgba(251,191,36,.5);box-shadow:0 0 40px #fbbf2426,inset 0 0 20px #fbbf240d}[data-theme=lbs] .lbs-vote-btn:hover{transform:translate(4px)}[data-theme=lbs] .lbs-finale-badge{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.15em}[data-theme=lbs] .lbs-modal-card{border-top:3px solid rgba(251,191,36,.5);border-radius:16px}[data-theme=lbs] .lbs-timer-container{font-family:Orbitron,monospace}[data-theme=lbs] .lbs-game-container{width:100%;max-width:100%}[data-theme=lbs] .lbs-your-turn{text-align:center;padding:3rem 2.5rem;border:3px solid rgba(251,191,36,.5);border-radius:16px;background:linear-gradient(135deg,#fbbf241f,#150f2ef2);box-shadow:0 0 30px 8px #fbbf244d}[data-theme=lbs] .lbs-your-turn-heading{font-family:var(--font-heading, "Oswald", sans-serif);font-size:3rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}[data-theme=lbs] .lbs-your-turn .lbs-timer-container{margin:0 auto 1.5rem;justify-content:center}[data-theme=lbs] .lbs-watching{text-align:center;padding:2rem 1.5rem;border:1px solid rgba(124,58,237,.3);border-radius:16px;background:linear-gradient(135deg,#7c3aed0f,#0c0a1ae6)}[data-theme=lbs] .lbs-watching .lbs-timer-container{margin:0 auto 1.5rem;justify-content:center}[data-theme=lbs] .lbs-watching-speaker{font-family:var(--font-heading, "Oswald", sans-serif);font-size:2.5rem;font-weight:700;color:#c084fc;text-transform:uppercase}[data-theme=lbs] .lbs-watching-subtitle{font-size:1.1rem;color:#94a3b8;margin-bottom:1.5rem}[data-theme=lbs] .lbs-get-ready{font-family:var(--font-heading, "Oswald", sans-serif);font-size:1.25rem;font-weight:700;color:#6ee7b7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;animation:getReadyPulse 1.5s ease-in-out infinite}@keyframes getReadyPulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=lbs] .lbs-turn-order{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;background:#0f0c1e80;border-radius:12px;border:1px solid rgba(124,58,237,.15)}[data-theme=lbs] .lbs-turn-chip{padding:.625rem 1.25rem;font-size:1.05rem;border-radius:9999px;font-weight:600;white-space:nowrap}[data-theme=lbs] .lbs-turn-chip.is-current{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}[data-theme=lbs] .lbs-turn-chip.is-next{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}[data-theme=lbs] .lbs-turn-chip.is-me{background:#c084fc33;color:#d8b4fe;border:1px solid rgba(192,132,252,.4)}[data-theme=lbs] .lbs-turn-chip.is-default{background:#33415580;color:#94a3b8}[data-theme=lbs] .lbs-turn-arrow{color:#475569;font-size:1rem}[data-theme=lbs] .lbs-up-next{margin-top:1.5rem;font-size:1rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}[data-theme=lbs] .lbs-up-next-name{color:#6ee7b7;font-weight:700;font-size:1.15rem}[data-theme=lbs] .lbs-playing-question{margin:1.5rem auto;text-align:center}[data-theme=lbs] .lbs-question-card{background:linear-gradient(135deg,#581c8780,#7c3aed4d);border:1px solid rgba(192,132,252,.35);border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 0 20px #8b5cf626}[data-theme=lbs] .lbs-question-card h3{font-size:.75rem;letter-spacing:.08em;color:#c4b5fd;margin-bottom:.5rem}[data-theme=lbs] .lbs-question-card p{font-size:1.35rem;line-height:1.4;color:#ede9fe;font-weight:500}[data-theme=lbs] .lbs-text-input-area{display:flex;gap:.625rem;margin-top:1rem}[data-theme=lbs] .lbs-text-input-area input{flex:1;padding:.875rem 1.125rem;background:#0f172ab3;border:2px solid rgba(139,92,246,.4);border-radius:.875rem;color:#e2e8f0;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}[data-theme=lbs] .lbs-text-input-area input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 12px #8b5cf64d}[data-theme=lbs] .lbs-text-input-area input::-moz-placeholder{color:#94a3b8}[data-theme=lbs] .lbs-text-input-area input::placeholder{color:#94a3b8}[data-theme=lbs] .lbs-text-input-area button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600}[data-theme=lbs] .player-list-item.is-answering{border-left:3px solid #fbbf24;background:#fbbf2414}[data-theme=lbs] .player-list-item.is-next{border-left:3px solid #c084fc;background:#c084fc0f}.lbs-answering-badge{font-size:.625rem;padding:.125rem .5rem;background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4);border-radius:9999px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;white-space:nowrap}.lbs-next-badge{font-size:.625rem;padding:.125rem .5rem;background:#c084fc33;color:#c084fc;border:1px solid rgba(192,132,252,.4);border-radius:9999px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;white-space:nowrap}@media(max-width:767px){[data-theme=lbs] .lbs-your-turn{padding:2rem 1.25rem}[data-theme=lbs] .lbs-your-turn-heading{font-size:2rem}[data-theme=lbs] .lbs-watching{padding:1.5rem 1.25rem}[data-theme=lbs] .lbs-watching-speaker{font-size:1.75rem}[data-theme=lbs] .lbs-turn-chip{font-size:.85rem;padding:.5rem 1rem}}@keyframes spotlightReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[data-theme=lbs] .lbs-your-turn,[data-theme=lbs] .lbs-spotlight-reveal,[data-theme=lbs] .lbs-get-ready{animation:none}[data-theme=lbs] .lbs-vote-btn:hover{transform:none}}[data-theme=lbs] .home-page{background:transparent}[data-theme=lbs] .home-page .home-hero-title .home-title-prefix{color:#d8b4fe}[data-theme=lbs] .home-page .home-hero-title .home-title-accent{color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.4)}[data-theme=lbs] .lobby-page .lobby-start-btn{background:linear-gradient(135deg,#7c3aed,#fbbf24);box-shadow:0 4px #5b21b6,0 6px 24px #7c3aed66;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-radius:12px}[data-theme=lbs] .lobby-page .lobby-start-btn:hover{background:linear-gradient(135deg,#8b5cf6,#fcd34d);transform:translateY(-1px);box-shadow:0 5px #5b21b6,0 8px 30px #7c3aed80}[data-theme=lbs] .lobby-page .lobby-start-btn:active{transform:translateY(2px);box-shadow:0 2px #5b21b6}[data-theme=lbs] input[type=text],[data-theme=lbs] input[type=number],[data-theme=lbs] input[type=password],[data-theme=lbs] textarea{background:#0c0a1a99;border:1px solid rgba(124,58,237,.3);border-radius:10px;color:#f5f0ff;font-family:Inter,sans-serif}[data-theme=lbs] input:focus,[data-theme=lbs] textarea:focus{border-color:#c084fc99;box-shadow:0 0 0 3px #c084fc26}[data-theme=lbs] .chat-input-wrapper input{border-color:#7c3aed4d}[data-theme=lbs] .chat-send-button{background:linear-gradient(135deg,#7c3aed,#c084fc)}[data-theme=lbs] .player-list-item-host-badge{background:#7c3aed33;color:#d8b4fe;border-color:#7c3aed4d}[data-theme=lbs] .game-page .main-scroll-area{background:transparent}[data-theme=lbs] .slide-down{animation:lbsSlideDown .4s ease-out}[data-theme=lbs] .slide-up{animation:lbsSlideUp .5s ease-out}[data-theme=lbs] .fade-in{animation:lbsFadeIn .3s ease-out}@keyframes lbsSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes lbsSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes lbsFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){[data-theme=lbs] .slide-down,[data-theme=lbs] .slide-up,[data-theme=lbs] .fade-in{animation:none}}.pp-toggle-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);width:100%;max-width:480px;margin-inline:auto}.pp-toggle-buttons{display:flex;gap:2px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2px;border:1px solid var(--panel-border)}.pp-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:calc(var(--radius-lg) - 2px);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.pp-toggle-btn.active{background:var(--gb-cyan);color:#000}.pp-toggle-btn:not(.active):hover{background:#ffffff0f}.pp-mode-label{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;color:var(--gb-cyan);background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md)}.pp-player-management{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pp-add-player{display:flex;gap:6px}.pp-player-input{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .2s}.pp-player-input:focus{border-color:var(--gb-cyan)}.pp-player-input::-moz-placeholder{color:var(--text-secondary);opacity:.6}.pp-player-input::placeholder{color:var(--text-secondary);opacity:.6}.pp-add-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;border-radius:var(--radius-md);background:var(--gb-cyan);color:#000;cursor:pointer;transition:opacity .2s;flex-shrink:0}.pp-add-btn:disabled{opacity:.4;cursor:not-allowed}.pp-error{color:#ff4757;font-size:.75rem;margin:0}.pp-player-count{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);margin:0}.pp-player-list{display:flex;flex-direction:column;gap:4px}.pp-player-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-md)}.pp-player-name{font-size:.82rem;color:var(--text-primary);font-weight:500}.pp-remove-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:#ff475726;color:#ff4757;cursor:pointer;transition:background .2s}.pp-remove-btn:hover{background:#ff47574d}.pp-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000eb;animation:pp-fade-in .3s ease}.pp-screen-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px 24px;text-align:center;max-width:420px;width:100%}.pp-pass-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0}.pp-player-name-display{font-size:clamp(24px,7vw,42px);font-weight:800;color:var(--gb-cyan);text-shadow:0 0 20px rgba(0,217,255,.4);margin:0;letter-spacing:.04em}.pp-privacy-card{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:var(--radius-lg);max-width:300px}.pp-privacy-icon{font-size:1.4rem}.pp-privacy-text{font-size:.82rem;color:var(--text-secondary);text-align:left}.pp-reveal-btn{display:flex;align-items:center;gap:10px;padding:16px 40px;border:none;border-radius:var(--radius-xl);background:var(--gb-cyan);color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #00d9ff4d}.pp-reveal-btn:active{transform:scale(.96)}.pp-done-btn{display:flex;align-items:center;gap:10px;padding:16px 40px;border:none;border-radius:var(--radius-xl);background:var(--gb-pink);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 0 20px #ff00884d}.pp-done-btn:active{transform:scale(.96)}.pp-done-btn--disabled,.pp-done-btn:disabled{opacity:.4;cursor:not-allowed}.pp-reveal-content{width:100%;max-height:60vh;overflow-y:auto}.pp-default-reveal{padding:16px;background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-lg);text-align:left}.pp-default-reveal pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.82rem;color:var(--text-primary)}.pp-progress{display:flex;gap:clamp(6px,1.5vw,10px);align-items:center;flex-wrap:wrap;justify-content:center}.pp-progress-dot{width:12px;height:12px;border-radius:50%;background:var(--panel-border);transition:background .3s,box-shadow .3s}.pp-progress-dot.done{background:#2ed573}.pp-progress-dot.current{background:var(--gb-cyan);box-shadow:0 0 8px #00d9ff80}@keyframes pp-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pp-screen{animation:none}.pp-reveal-btn,.pp-done-btn,.pp-progress-dot{transition:none}}.pp-game-reveal{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;text-align:center}.pp-reveal-confirmation{display:flex;flex-direction:column;align-items:center;gap:8px}.pp-reveal-check{font-size:2rem;color:#2ed573}.pp-reveal-instruction{font-size:1rem;color:var(--text-primary);margin:0}.pp-reveal-subtext{font-size:.85rem;color:var(--text-secondary);margin:0}.pp-reveal-category{padding:4px 14px;background:#ffffff0f;border:1px solid var(--panel-border);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.pp-reveal-question{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.pp-reveal-expected{padding:12px 16px;background:#2ed5731a;border:1px solid rgba(46,213,115,.2);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);margin:0}.pp-reveal-expected-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.pp-round-summary{display:flex;flex-direction:column;gap:6px;width:100%;max-width:320px}.pp-answer-summary-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--panel-border);border-radius:var(--radius-md)}.pp-answer-player-name{font-size:.85rem;color:var(--text-primary);font-weight:500}.pp-answer-rating{font-size:1rem;font-weight:700}.pp-answer-rating--correct{color:#2ed573}.pp-answer-rating--incorrect,.pp-answer-rating--no-answer,.pp-answer-rating--too-late{color:#ff4757}.pp-answer-grid{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px}.pp-answer-btn{padding:12px 16px;border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.pp-answer-btn:hover{background:#ffffff14}.pp-answer-btn.selected{background:var(--gb-cyan);color:#000;border-color:var(--gb-cyan)}.pp-skip-vote-btn{padding:8px 20px;border:1px solid var(--panel-border);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:background .2s}.pp-skip-vote-btn:hover{background:#ffffff0f}.twitch-connect-panel{display:flex;flex-direction:column;gap:.5rem}.twitch-connect-status-row{display:flex;align-items:center;gap:.5rem}.twitch-connect-input-group{display:flex;flex:1;gap:.5rem}.twitch-connect-input-group input{flex:1;min-width:0}.twitch-connect-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.twitch-connect-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e80}.twitch-connect-dot.disconnected{background:#6b7280}.twitch-vote-graph{background:#9146ff14;border:1px solid rgba(145,70,255,.25);border-radius:.75rem;padding:.75rem 1rem}.twitch-vote-graph.compact{padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.twitch-vote-graph-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#c084fc}.twitch-vote-graph-title{font-weight:600;font-size:.875rem}.compact .twitch-vote-graph-title{font-size:.75rem}.twitch-vote-graph-count{margin-left:auto;font-size:.75rem;color:#a78bfa;opacity:.8}.twitch-vote-graph-bars{display:flex;flex-direction:column;gap:.35rem}.twitch-vote-bar-row{display:flex;align-items:center;gap:.5rem}.twitch-vote-bar-label{min-width:100px;font-size:.8rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact .twitch-vote-bar-label{min-width:80px;font-size:.7rem}.twitch-vote-bar-track{flex:1;height:14px;background:#643cb433;border-radius:7px;overflow:hidden}.compact .twitch-vote-bar-track{height:10px}.twitch-vote-bar-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:7px;transition:width .3s ease;min-width:0}.twitch-vote-bar-count{min-width:24px;text-align:right;font-size:.8rem;font-weight:600;color:#c084fc}.compact .twitch-vote-bar-count{font-size:.7rem;min-width:18px}.twitch-voting-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#9146ff1f;border:1px solid rgba(145,70,255,.3);border-radius:.5rem;margin-bottom:.75rem;font-size:.85rem;color:#c084fc}.twitch-indicator{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;color:#a78bfa;padding:.25rem .5rem;background:#9146ff1a;border-radius:.375rem;border:1px solid rgba(145,70,255,.2)}.twitch-indicator .twitch-indicator-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 4px #22c55e80}.twitch-player-map{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.twitch-player-map-item{font-size:.75rem;color:#c084fc;background:#9146ff1a;padding:.15rem .5rem;border-radius:.25rem;border:1px solid rgba(145,70,255,.2)}.solo-invite-panel{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,#e9456014,rgba(var(--accent-color-rgb),.08));border:2px solid rgba(var(--accent-color-rgb),.25);border-radius:var(--radius-xl);text-align:center;animation:fadeInUp .4s ease-out}.solo-invite-title{font-family:var(--font-title);font-size:1.1rem;color:var(--accent-color);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.solo-invite-code-tiles{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.solo-invite-tile{display:flex;align-items:center;justify-content:center;width:44px;height:52px;background:#e9456026;border:2px solid var(--gb-pink);border-radius:var(--radius-md);font-family:"Orbitron",var(--font-marker),monospace;font-size:1.5rem;font-weight:700;color:var(--gb-pink)}.solo-invite-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.solo-invite-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:44px;border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.95rem;cursor:pointer;transition:all .2s ease}.solo-invite-btn-copy{background:rgba(var(--accent-color-rgb),.15);border:2px solid rgba(var(--accent-color-rgb),.3);color:var(--accent-color);width:100%}.solo-invite-btn-copy:hover{background:rgba(var(--accent-color-rgb),.25);border-color:var(--accent-color)}.solo-invite-btn-share{background:rgba(var(--accent-color-rgb),.1);border:2px solid rgba(var(--accent-color-rgb),.2);color:var(--accent-color);width:100%}.solo-invite-btn-share:hover{background:rgba(var(--accent-color-rgb),.2);border-color:var(--accent-color)}.solo-invite-hint{font-family:var(--font-hand);font-size:.9rem;color:var(--accent-color);margin-bottom:var(--spacing-xs)}.solo-invite-subtext{font-family:var(--font-hand);font-size:.8rem;color:var(--text-muted)}@media(max-width:767px){.solo-invite-panel{padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}.solo-invite-title{font-size:.9rem;margin-bottom:var(--spacing-xs)}.solo-invite-code-tiles{gap:3px;margin-bottom:var(--spacing-sm)}.solo-invite-tile{width:32px;height:38px;font-size:1.1rem}.solo-invite-actions{flex-direction:row;margin-bottom:var(--spacing-xs)}.solo-invite-btn{padding:var(--spacing-xs) var(--spacing-sm);min-height:36px;font-size:.85rem}.solo-invite-hint{font-size:.8rem;margin-bottom:2px}.solo-invite-subtext{font-size:.75rem}}@media(max-width:374px){.solo-invite-tile{width:28px;height:34px;font-size:1rem}.solo-invite-btn span{display:none}.solo-invite-btn{min-height:32px;padding:var(--spacing-xs)}}@media(prefers-reduced-motion:reduce){.solo-invite-panel{animation:none}}.hover\:border-purple-400\/50:hover{border-color:#c084fc80}.hover\:bg-amber-700\/50:hover{background-color:#b4530980}.hover\:bg-emerald-800:hover{--tw-bg-opacity: 1;background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-500:hover{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-900\/40:hover{background-color:#581c8766}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-800:hover{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/50:hover{background-color:#33415580}.hover\:text-slate-300:hover{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.active\:border-purple-400\/50:active{border-color:#c084fc80}.active\:bg-purple-900\/40:active{background-color:#581c8766}.group:hover .group-hover\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}