.kick-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-16px);display:flex;align-items:center;gap:12px;width:min(380px,92vw);padding:12px 14px;background:var(--bg-secondary);border:2px solid var(--gb-lie);border-radius:0;box-shadow:4px 4px 0 var(--px-border-dark);color:var(--text-primary);z-index:var(--z-mobile-toast, 10001);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s var(--ease-out-expo)}.kick-toast.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.kick-toast-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:color-mix(in srgb,var(--gb-lie) 18%,var(--bg-darker));border:1px solid var(--gb-lie);color:var(--gb-lie);box-shadow:1px 1px 0 var(--px-border-dark)}.kick-toast-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.kick-toast-title{font-family:var(--font-title);font-size:.9rem;letter-spacing:.04em;color:var(--gb-lie)}.kick-toast-message{font-family:var(--font-hand);font-size:.85rem;color:var(--text-secondary);overflow-wrap:anywhere}.kick-toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:transparent;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background .15s ease}.kick-toast-close:hover{background:var(--panel-bg-hover);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.kick-toast{transition:opacity .3s ease}}.gb-admsg{position:fixed;top:20px;right:20px;width:min(360px,92vw);background:var(--bg-secondary, #1e293b);border:2px solid var(--px-border, rgba(255, 255, 255, .12));border-radius:0;box-shadow:4px 4px 0 var(--px-border-dark, rgba(0, 0, 0, .5));z-index:var(--z-mobile-toast, 10001);color:var(--text-primary, #f8fafc);font-family:var(--font-hand, inherit);overflow:hidden;animation:gb-admsg-in .25s ease}@keyframes gb-admsg-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.gb-admsg{animation:none}}.gb-admsg-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--panel-border, rgba(255, 255, 255, .08));background:color-mix(in srgb,var(--gb-cyan, #00d9ff) 10%,transparent)}.gb-admsg-icon{color:var(--gb-cyan, #00d9ff);flex-shrink:0}.gb-admsg-from{font-size:.95rem;flex:1;min-width:0;font-family:var(--font-title, inherit)}.gb-admsg-close{background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;display:flex;padding:2px}.gb-admsg-close:hover{color:var(--text-primary, #fff)}.gb-admsg-body{padding:12px 14px}.gb-admsg-text{margin:0 0 12px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;color:var(--text-primary, #f8fafc)}.gb-admsg-sent{margin:0;font-size:.85rem;color:var(--gb-cyan, #3fb950)}.gb-admsg-composer{display:flex;gap:8px}.gb-admsg-composer textarea{flex:1;resize:none;background:var(--bg-primary, #0d0f1a);border:2px solid var(--px-border, rgba(255, 255, 255, .12));border-radius:0;color:var(--text-primary, #e2e8f0);padding:8px 10px;font-size:.85rem;font-family:inherit}.gb-admsg-composer textarea:focus{outline:none;border-color:var(--gb-cyan, rgba(0, 217, 255, .5))}.gb-admsg-send{background:var(--primary, #00d9ff);border:none;color:var(--bg-darker, #06121a);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark, rgba(0, 0, 0, .5));padding:0 12px;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.gb-admsg-send:disabled{opacity:.5;cursor:not-allowed}.loading-screen{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary)}.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:0;bottom:-10%;opacity:0;will-change:transform,opacity;animation:particleFloat 4s linear infinite}.loading-particle:nth-child(1){left:10%;background:var(--primary);animation-delay:0s}.loading-particle:nth-child(2){left:25%;background:var(--secondary);animation-delay:.5s}.loading-particle:nth-child(3){left:40%;background:var(--secondary-light);animation-delay:1s}.loading-particle:nth-child(4){left:55%;background:var(--success-400);animation-delay:1.5s}.loading-particle:nth-child(5){left:70%;background:var(--gold-400);animation-delay:2s}.loading-particle:nth-child(6){left:85%;background:var(--primary-dark);animation-delay:2.5s}.loading-particle:nth-child(7){left:15%;background:var(--primary-light);animation-delay:3s}.loading-particle:nth-child(8){left:60%;background:var(--secondary-light);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:0;border:3px solid transparent;will-change:transform}.loading-ring-1{width:160px;height:160px;border-top-color:var(--primary);border-right-color:var(--primary);animation:ringRotate 3.2s steps(8) infinite}.loading-ring-2{width:188px;height:188px;border-bottom-color:var(--secondary);border-left-color:var(--secondary);animation:ringRotate 4.8s steps(8) infinite reverse}.loading-ring-3{display:none}.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:0;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 var(--px-border-dark));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{display:none}.loading-title{font-family:var(--font-title);font-size:1.75rem;letter-spacing:.06em;margin-bottom:8px;color:var(--primary);text-shadow:3px 3px 0 var(--px-border-dark)}.loading-status{font-size:1rem;font-weight:500;color:var(--text-primary);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:16px;background:var(--bg-darker);border:2px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark),inset 2px 2px 0 0 var(--px-bevel-dark);overflow:hidden;position:relative}.loading-progress-fill{height:100%;width:30%;border-radius:0;background:repeating-linear-gradient(90deg,var(--primary) 0px,var(--primary) 10px,var(--primary-dark) 10px,var(--primary-dark) 12px);animation:progressSlide 2s steps(12) infinite;position:relative}.loading-hint{margin-top:32px;font-size:.875rem;color:var(--text-secondary);animation:hintFade 4s ease-in-out infinite}.loading-screen.fade-out{animation:fadeOut .4s ease-out forwards}@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 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 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}}.reconnect-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:var(--bg-darker);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:0;background:var(--panel-bg);border:2px solid var(--px-border);box-shadow:6px 6px 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--primary)}.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:var(--text-primary);margin-bottom:.5rem;font-family:var(--font-title, "Orbitron", sans-serif)}.reconnect-phase{font-size:.875rem;color:var(--text-secondary);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:0;background:var(--bg-darker);border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark)}.reconnect-player-dots{display:flex;gap:.35rem}.reconnect-dot{width:10px;height:10px;border-radius:0;background:var(--panel-bg-hover);transition:background .3s ease}.reconnect-dot.connected{background:var(--gb-truth)}.reconnect-count{font-size:.9rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.reconnect-action{margin-top:.5rem}.reconnect-resume-btn{padding:.75rem 2rem;border:none;border-radius:0;font-size:1rem;letter-spacing:.05em;cursor:pointer;color:var(--bg-darker);background:var(--btn-face);box-shadow:2px 2px 0 var(--px-border-dark);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;font-family:var(--font-title, "Pixelify Sans", sans-serif)}.reconnect-resume-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.reconnect-resume-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--px-border-dark)}.reconnect-waiting{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem}.reconnect-waiting-spinner{width:16px;height:16px;border:2px solid rgba(247,231,197,.2);border-top-color:var(--primary);border-radius:50%;animation:reconnect-spin .8s steps(8) 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}}.player-card-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200;animation:player-card-fade-in .15s ease}@keyframes player-card-fade-in{0%{opacity:0}to{opacity:1}}.player-card{background:#1a1d2e;color:#e7e9f1;border:3px solid #00d9ff;border-radius:20px;width:min(95vw,480px);max-height:90vh;overflow-y:auto;overflow-x:hidden;position:relative;box-shadow:8px 8px #05020e,0 0 0 6px #05020e}.player-card-close{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#1c2240;border:2px solid #05020e;border-radius:9px;box-shadow:3px 3px #05020e;color:#e7e9f1;font-size:1.5rem;cursor:pointer;z-index:1;line-height:1;transition:background .15s,transform .15s,box-shadow .15s}.player-card-close:hover{background:#e94560;transform:translate(-1px,-1px);box-shadow:4px 4px #05020e}.player-card-close:active{transform:translate(2px,2px);box-shadow:1px 1px #05020e}.player-card-banner{height:140px;border:none;border-radius:0;box-shadow:none;position:relative}.player-card-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(26,29,46,.4) 80%,#1a1d2e 100%)}.player-card-identity{position:relative;text-align:center;margin-top:-52px;padding:0 16px 8px}.player-card-avatar{margin:0 auto;width:96px;height:96px;background:#1a1d2e}.player-card-avatar.avatar-frame-wrap,.player-card-avatar[class*=" frame-"]{border-radius:50%}.player-card-avatar-img{width:96px;height:96px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:50%}.player-card-name-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.player-card-username{font-family:Fredoka One,Arial Black,system-ui,sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;text-shadow:3px 3px 0 #05020e}.player-card-username[class*=flair-]{text-shadow:none}.player-card-meta{font-size:.85rem;opacity:.6;margin-top:4px}.player-card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.player-card-stat{text-align:center;min-width:0}.player-card-stat-value{font-size:1.4rem;font-weight:700;color:#00d9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card-stat-label{font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-card-achievements{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.player-card-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:8px;text-align:left}.player-card-achievement-row{display:flex;gap:8px}.player-card-achievement{flex:1;min-width:0;padding:8px;border:2px solid #05020e;border-radius:8px;box-shadow:3px 3px #05020e;text-align:center;background:#151b30}.player-card-achievement img{width:32px;height:32px;display:block;margin:0 auto 4px}.player-card-achievement-fallback{font-size:1.5rem;display:block}.player-card-achievement-name{font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-broadcast-root{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--str-bg-root, #06080f);color:var(--str-text, #e8ecf4);font-family:var(--str-font, "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(var(--str-accent-rgb, 0, 229, 255),.12);margin:6px;border-radius:var(--str-radius, 6px);overflow:hidden;background:var(--str-bg-panel, #080b14);box-shadow:inset 0 0 40px rgba(var(--str-accent-rgb, 0, 229, 255),.03),0 0 1px rgba(var(--str-accent-rgb, 0, 229, 255),.2)}.streamer-preview-label{position:absolute;top:6px;left:50%;transform:translate(-50%);background:rgba(var(--str-accent-rgb, 0, 229, 255),.1);color:var(--str-accent, #00e5ff);font-size:9px;font-weight:700;letter-spacing:.15em;padding:2px 12px;border-radius:var(--str-radius, 3px);border:1px solid rgba(var(--str-accent-rgb, 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:var(--str-bg-panel, #0a0d16);border-left:1px solid rgba(var(--str-accent-rgb, 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(var(--str-accent-rgb, 0, 229, 255),.008) 2px,rgba(var(--str-accent-rgb, 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:rgba(var(--str-accent-rgb, 0, 229, 255),.15);border-radius:var(--str-radius, 2px)}.streamer-settings-header{padding-bottom:10px;border-bottom:1px solid rgba(var(--str-accent-rgb, 0, 229, 255),.08)}.streamer-settings-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--str-accent, #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:rgba(var(--str-accent-rgb, 0, 229, 255),.45);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:var(--str-radius, 5px);cursor:pointer;transition:all .15s ease;color:rgba(var(--str-text-rgb, 232, 236, 244),.5)}.streamer-layout-card:hover{background:rgba(var(--str-accent-rgb, 0, 229, 255),.06);border-color:rgba(var(--str-accent-rgb, 0, 229, 255),.25);color:var(--str-accent, #00e5ff)}.streamer-layout-card.active{background:rgba(var(--str-accent-rgb, 0, 229, 255),.1);border-color:var(--str-accent, #00e5ff);color:var(--str-accent, #00e5ff);box-shadow:0 0 8px rgba(var(--str-accent-rgb, 0, 229, 255),.15)}.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:var(--str-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:rgba(var(--str-accent-rgb, 0, 229, 255),.25);border-color:rgba(var(--str-accent-rgb, 0, 229, 255),.3)}.streamer-overlay-toggle input:checked+.streamer-toggle-track:after{transform:translate(14px);background:var(--str-accent, #00e5ff);box-shadow:0 0 6px rgba(var(--str-accent-rgb, 0, 229, 255),.4)}.streamer-overlay-label{font-size:11px;color:rgba(var(--str-text-rgb, 232, 236, 244),.7)}.streamer-settings-controls{margin-top:auto;gap:6px}.streamer-lock-btn{width:100%;padding:8px 12px;background:rgba(var(--str-accent-rgb, 0, 229, 255),.08);border:1px solid rgba(var(--str-accent-rgb, 0, 229, 255),.25);border-radius:var(--str-radius, 5px);color:var(--str-accent, #00e5ff);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;letter-spacing:.03em}.streamer-lock-btn:hover{background:rgba(var(--str-accent-rgb, 0, 229, 255),.15);box-shadow:0 0 12px rgba(var(--str-accent-rgb, 0, 229, 255),.15)}.streamer-close-btn{width:100%;padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:var(--str-radius, 5px);color:rgba(var(--str-text-rgb, 232, 236, 244),.4);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:rgba(var(--str-text-rgb, 232, 236, 244),.2);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:rgba(var(--str-accent-rgb, 0, 229, 255),.5)}.streamer-gear-menu{position:absolute;right:28px;top:6px;background:var(--str-bg-elev, #0c0f1a);border:1px solid rgba(var(--str-accent-rgb, 0, 229, 255),.2);border-radius:var(--str-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:rgba(var(--str-text-rgb, 232, 236, 244),.7);font-size:11px;cursor:pointer;border-radius:var(--str-radius, 3px);text-align:left;transition:all .1s}.streamer-gear-menu-btn:hover{background:rgba(var(--str-accent-rgb, 0, 229, 255),.08);color:var(--str-accent, #00e5ff)}.streamer-broadcast-area{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;background:var(--str-bg-panel, #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(var(--str-accent-rgb, 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:var(--str-radius, 4px);overflow:hidden;background:var(--str-bg-elev, #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:rgba(var(--str-text-rgb, 232, 236, 244),.85);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:var(--str-bg-panel, #080b14)}.streamer-webcam-grid.strip-mode{height:auto;grid-template-columns:1fr;grid-auto-rows:auto;overflow-y:auto;gap:6px;padding:6px}.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:var(--str-radius, 4px);background:var(--str-bg-elev, #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:cover;object-fit:cover}.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:rgba(var(--str-text-rgb, 232, 236, 244),.9);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,var(--str-bg-elev, #0c0f1a) 0%,var(--str-bg-elev, #101425) 100%);pointer-events:none}.sb-no-video-overlay span{font-size:2em;font-weight:700;color:rgba(var(--str-accent-rgb, 0, 229, 255),.15);text-shadow:0 0 20px rgba(var(--str-accent-rgb, 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:var(--str-radius, 4px);cursor:pointer;background:var(--str-bg-elev, #0c0f1a);border:1px solid rgba(255,255,255,.04);transition:border-color .2s}.sb-spotlight-tile:hover{border-color:rgba(var(--str-accent-rgb, 0, 229, 255),.2)}.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:rgba(var(--str-text-rgb, 232, 236, 244),.2);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:rgba(var(--str-text-rgb, 232, 236, 244),.9);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:var(--str-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:var(--str-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:rgba(var(--str-accent-rgb, 0, 229, 255),.5);box-shadow:0 0 6px rgba(var(--str-accent-rgb, 0, 229, 255),.25)}.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:var(--str-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:var(--str-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:rgba(var(--str-accent-rgb, 0, 229, 255),.4);box-shadow:0 0 6px rgba(var(--str-accent-rgb, 0, 229, 255),.2)}.streamer-resize-handle-v:hover:after,.streamer-resize-handle-h:hover:after{background:rgba(var(--str-accent-rgb, 0, 229, 255),.6);box-shadow:0 0 8px rgba(var(--str-accent-rgb, 0, 229, 255),.3)}.streamer-resize-handle-v.dragging:before,.streamer-resize-handle-h.dragging:before{background:var(--str-accent, #00e5ff);box-shadow:0 0 12px rgba(var(--str-accent-rgb, 0, 229, 255),.5)}.streamer-resize-handle-v.dragging:after,.streamer-resize-handle-h.dragging:after{background:var(--str-accent, #00e5ff);box-shadow:0 0 10px rgba(var(--str-accent-rgb, 0, 229, 255),.4)}.streamer-game-stage{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--str-bg-panel, #080b14) 0%,var(--str-bg-panel, #0a0e19) 50%,var(--str-bg-panel, #080b14) 100%);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(var(--str-accent-rgb, 0, 229, 255),.008) 3px,rgba(var(--str-accent-rgb, 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(var(--str-accent-rgb, 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:var(--str-accent, #00e5ff);letter-spacing:.06em;text-shadow:0 0 12px rgba(var(--str-accent-rgb, 0, 229, 255),.3)}.streamer-room-code{font-size:11px;color:rgba(var(--str-accent-rgb, 0, 229, 255),.4);font-weight:600;letter-spacing:.05em}.gb-phase-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--str-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:rgba(var(--str-text-rgb, 232, 236, 244),.5)}.gb-phase-badge.phase-PLAYING,.gb-phase-badge.phase-playing{background:rgba(var(--str-accent-rgb, 0, 229, 255),.12);color:var(--str-accent, #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:var(--str-text, #e8ecf4);line-height:1.2}.streamer-stage-subtitle{font-size:14px;color:rgba(var(--str-text-rgb, 232, 236, 244),.5)}.streamer-broadcast-area.streamer-layout-grid-only{background:var(--str-bg-panel, #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(var(--str-accent-rgb, 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:rgba(var(--str-text-rgb, 232, 236, 244),.68);letter-spacing:.04em;text-transform:uppercase}.streamer-grid-stage{flex:1;min-height:0;display:flex;position:relative}.streamer-grid-stage>div{flex:1;min-height:0}.streamer-settings-subcopy{margin:6px 0 0;font-size:11px;line-height:1.5;color:rgba(var(--str-text-rgb, 232, 236, 244),.52)}.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:rgba(var(--str-text-rgb, 232, 236, 244),.64)}.streamer-settings-summary-row strong{color:rgba(var(--str-text-rgb, 232, 236, 244),.9);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%;display:flex;align-items:center;justify-content:center}.streamer-webcam-grid.responsive-grid .sb-webcam-namebar{padding:8px 10px 9px;border-top:1px solid rgba(255,255,255,.05);background:rgba(var(--str-bg-panel-rgb, 8, 11, 20),.95);flex-shrink:0}.streamer-webcam-grid.responsive-grid .sb-webcam-name{position:static;background:none;padding:0;font-size:11px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.88);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}.streamer-webcam-grid.responsive-grid .sb-webcam-media video{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background:var(--str-bg-elev, #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:var(--str-radius-pill, 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, var(--str-text, #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:rgba(var(--str-text-rgb, 232, 236, 244),.5)}.streamer-broadcast-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(180deg,rgba(var(--str-bg-panel-rgb, 10, 13, 22),.94),rgba(var(--str-bg-panel-rgb, 8, 11, 20),.86));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:var(--str-radius-pill, 999px);border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:var(--str-text, #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:rgba(var(--str-accent-rgb, 0, 229, 255),.12);border-color:rgba(var(--str-accent-rgb, 0, 229, 255),.28);color:var(--str-accent-bright, #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:rgba(var(--str-text-rgb, 232, 236, 244),.72)}.streamer-broadcast-status-text{color:rgba(var(--str-text-rgb, 232, 236, 244),.72);font-size:12px;font-weight:600;letter-spacing:.03em;text-align:right}.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,rgba(var(--str-bg-root-rgb, 6, 8, 15),.04) 40%,rgba(var(--str-bg-root-rgb, 6, 8, 15),0))}.streamer-countdown-badge{min-width:180px;padding:20px 28px;border-radius:var(--str-radius-pill, 28px);background:rgba(var(--str-bg-panel-rgb, 8, 11, 20),.88);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)}}@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:none}.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-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:var(--str-radius-pill, 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:var(--str-bg-elev, #0c0f1a)}.streamer-webcam-grid.responsive-grid .sb-webcam-media{aspect-ratio:16 / 9;flex:none}.streamer-webcam-grid.responsive-grid.strip-mode,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-1,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-2,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-4,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-6,.streamer-webcam-grid.responsive-grid.strip-mode.sb-grid-9{grid-template-columns:1fr;grid-template-rows:none}.streamer-webcam-grid.responsive-grid.strip-mode::-webkit-scrollbar{width:3px}.streamer-webcam-grid.responsive-grid.strip-mode::-webkit-scrollbar-thumb{background:rgba(var(--str-accent-rgb, 0, 229, 255),.15);border-radius:var(--str-radius, 2px)}.streamer-stage-inner.stage-drawing{display:flex;flex-direction:column;flex:1;min-height:0}.streamer-live-canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;min-height:0;overflow:hidden}.streamer-live-canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--str-radius, 6px);border:1px solid rgba(var(--str-accent-rgb, 0, 229, 255),.12);box-shadow:0 0 20px rgba(var(--str-accent-rgb, 0, 229, 255),.05)}.streamer-drawing-info{padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);background:#0003}.streamer-prompt-text{font-size:15px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.9);font-style:italic}.streamer-artist-name{font-size:13px;font-weight:700;color:var(--str-accent, #00e5ff);letter-spacing:.02em}.streamer-round-info{font-size:12px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.5);letter-spacing:.04em;text-transform:uppercase}.streamer-stage-inner.stage-gallery{display:flex;flex-direction:column;flex:1;min-height:0;align-items:stretch;justify-content:stretch;padding:0}.streamer-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));grid-auto-rows:1fr;gap:10px;padding:12px 16px;flex:1;min-height:0;overflow-y:auto;align-content:stretch}.streamer-gallery-item{position:relative;border-radius:var(--str-radius, 8px);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--str-bg-elev, #0c0f1a);box-shadow:0 2px 12px #0000004d;display:flex;flex-direction:column}.streamer-gallery-item img{width:100%;flex:1;min-height:0;-o-object-fit:contain;object-fit:contain;background:var(--str-bg-elev, #0f0f1a);display:block}.streamer-gallery-name{position:absolute;bottom:0;left:0;right:0;padding:8px 10px 6px;background:linear-gradient(transparent,#000000d9);font-size:12px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.9);text-align:center;letter-spacing:.02em}.streamer-gallery-rating-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#0009;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.streamer-gallery-name-inline{font-size:12px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-gallery-stars{font-size:16px;letter-spacing:1px;color:gold;flex-shrink:0;display:flex;align-items:center;gap:4px}.streamer-gallery-stars.unrated{color:#ffffff26}.streamer-gallery-avg{font-size:12px;font-weight:700;color:rgba(var(--str-text-rgb, 232, 236, 244),.8);margin-left:4px}.streamer-gallery-item.winner{border-color:#facc1566;box-shadow:0 0 16px #facc151f}.streamer-winner-artwork{max-width:280px;margin:0 auto 12px}.streamer-winner-artwork .streamer-live-canvas{width:100%;border-color:#facc1540;box-shadow:0 0 24px #facc1514}.streamer-leaderboard{display:flex;flex-direction:column;gap:4px;width:100%;max-width:360px}.streamer-leaderboard-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-radius:var(--str-radius, 6px);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:14px}.streamer-leaderboard-row.first{background:#facc1526;border-color:#facc154d}.streamer-leaderboard-name{color:#fff}.streamer-leaderboard-row.first .streamer-leaderboard-name{color:#facc15}.streamer-leaderboard-score{font-weight:700;color:var(--str-text-muted, #94a3b8)}.streamer-leaderboard-row.first .streamer-leaderboard-score{color:#facc15}.streamer-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:16px 12px 0;flex:1;min-height:0}.streamer-podium-slot{display:flex;flex-direction:column;align-items:center;position:relative;animation:streamer-podium-rise .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes streamer-podium-rise{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.streamer-podium-crown{font-size:1.6rem;animation:streamer-crown-bounce 1s ease-in-out infinite alternate;margin-bottom:-4px}@keyframes streamer-crown-bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.streamer-podium-medal{font-size:2rem;margin-bottom:.4rem}.streamer-podium-art{border-radius:var(--str-radius, 10px);overflow:hidden;border:2px solid rgba(255,255,255,.15)}.streamer-podium-slot.gold .streamer-podium-art{width:240px;border-color:gold;box-shadow:0 0 20px #ffd70033}.streamer-podium-slot.silver .streamer-podium-art{width:190px;border-color:silver;box-shadow:0 0 14px #c0c0c026}.streamer-podium-slot.bronze .streamer-podium-art{width:190px;border-color:#cd7f32;box-shadow:0 0 14px #cd7f3226}.streamer-podium-art img{width:100%;aspect-ratio:4 / 3;-o-object-fit:contain;object-fit:contain;background:var(--str-bg-elev, #0f0f1a);display:block}.streamer-podium-info{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:2px}.streamer-podium-name{font-size:14px;font-weight:700;color:var(--str-text, #e8ecf4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.streamer-podium-stars{font-size:16px;letter-spacing:1px;color:gold;display:flex;align-items:center;gap:4px}.streamer-podium-avg{font-size:12px;font-weight:700;color:rgba(var(--str-text-rgb, 232, 236, 244),.8);margin-left:4px}.streamer-podium-block{margin-top:.4rem;padding:.3rem 1rem;border-radius:var(--str-radius-pill, 20px);font-weight:700;font-size:14px}.streamer-podium-slot.gold .streamer-podium-block{background:#ffd70026;color:gold}.streamer-podium-slot.silver .streamer-podium-block{background:#c0c0c01f;color:silver}.streamer-podium-slot.bronze .streamer-podium-block{background:#cd7f321f;color:#cd7f32}.streamer-podium-rest{display:flex;flex-direction:column;gap:4px;padding:8px 16px;max-width:460px;width:100%;margin:0 auto}.streamer-podium-rest-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--str-radius, 8px);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);animation:streamer-podium-rise .5s cubic-bezier(.34,1.56,.64,1) both}.streamer-podium-rest-rank{font-size:13px;font-weight:700;color:var(--str-text-muted, #94a3b8);min-width:28px}.streamer-podium-rest-thumb{width:40px;height:30px;-o-object-fit:contain;object-fit:contain;border-radius:var(--str-radius, 4px);background:var(--str-bg-elev, #0f0f1a);border:1px solid rgba(255,255,255,.1);flex-shrink:0}.streamer-podium-rest-name{font-size:13px;font-weight:600;color:var(--str-text, #e8ecf4);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamer-podium-rest-row .streamer-podium-stars{font-size:14px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.streamer-podium-slot,.streamer-podium-rest-row,.streamer-podium-crown{animation:none}}.streamer-timer.prompt-timer{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums;color:rgba(var(--str-text-rgb, 232, 236, 244),.9);letter-spacing:.04em}.streamer-timer.prompt-timer.urgent{color:#ff5b5b;text-shadow:0 0 16px rgba(255,91,91,.4)}.streamer-live-typing{font-size:22px;font-weight:600;color:rgba(var(--str-text-rgb, 232, 236, 244),.85);font-style:italic;max-width:80%;word-break:break-word;line-height:1.4}.typing-cursor{animation:blink-cursor .8s step-end infinite;font-style:normal;color:var(--str-accent, #00e5ff)}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.streamer-submitted-names{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:80%}.streamer-submitted-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--str-radius-pill, 999px);background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:rgba(var(--str-text-rgb, 232, 236, 244),.85);font-size:12px;font-weight:600;letter-spacing:.02em}.submitted-check{color:#10b981;font-size:11px}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none;opacity:.7}}.streamer-game-over{position:relative;overflow:hidden}.streamer-confetti{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.streamer-confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:streamer-confetti-fall 3s ease-out infinite}.streamer-confetti-piece:nth-child(odd){border-radius:50%}.streamer-confetti-piece:nth-child(2n){transform:rotate(45deg)}@keyframes streamer-confetti-fall{0%{top:-20px;opacity:1;transform:translate(0) rotate(0)}to{top:110%;opacity:0;transform:translate(80px) rotate(720deg)}}.streamer-gameover-mascot{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;animation:streamer-mascot-bounce 1.5s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 0 20px rgba(var(--str-accent-rgb, 0, 229, 255),.3))}@keyframes streamer-mascot-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.streamer-gameover-title{position:relative;z-index:1;text-shadow:0 0 20px rgba(var(--str-accent-rgb, 0, 229, 255),.4)}.streamer-game-over .streamer-leaderboard{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.streamer-confetti-piece{animation:none;display:none}.streamer-gameover-mascot{animation:none}}.bluffalo-broadcast{--str-bg-root: #1d1009;--str-bg-root-rgb: 29, 16, 9;--str-bg-panel: #2a1a10;--str-bg-panel-rgb: 42, 26, 16;--str-bg-elev: #3b2417;--str-accent: #ffb648;--str-accent-rgb: 255, 182, 72;--str-accent-bright: #ffd084;--str-text: #f7e7c5;--str-text-rgb: 247, 231, 197;--str-text-muted: #cda57e;--str-font: "Nunito", system-ui, sans-serif;--str-radius: 0;--str-radius-pill: 0}.bluffalo-broadcast.streamer-broadcast-root,.bluffalo-broadcast .streamer-broadcast-area{background:transparent}.bluffalo-broadcast .streamer-broadcast-title,.bluffalo-broadcast .streamer-settings-title,.bluffalo-broadcast .streamer-settings-section-title,.bluffalo-broadcast .streamer-stage-title,.bluffalo-broadcast .streamer-game-title,.bluffalo-broadcast .streamer-gameover-title,.bluffalo-broadcast .streamer-preview-label,.bluffalo-broadcast .streamer-overlay-label,.bluffalo-broadcast .streamer-countdown-badge,.bluffalo-broadcast .streamer-hud-pill,.bluffalo-broadcast .gb-phase-badge{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;letter-spacing:.04em}.bluffalo-broadcast .streamer-broadcast-title-accent{background:none;-webkit-text-fill-color:currentColor;color:var(--str-accent)}.bluffalo-broadcast .streamer-broadcast-preview{border:2px solid #6b4226;box-shadow:4px 4px #140a048c;background:transparent}.bluffalo-broadcast .streamer-settings-panel{border-color:#6b4226}.bluffalo-broadcast .sb-webcam-tile{border:2px solid #6b4226;box-shadow:2px 2px #140a048c}.bluffalo-broadcast .sb-webcam-tile.is-speaking{border-color:var(--gb-cream, #f7e7c5)}.bluffalo-broadcast .streamer-preview-label{display:inline-flex;align-items:center;gap:8px;background:#ffb6481f;color:#ffb648}.bluffalo-broadcast .streamer-preview-tag{padding:1px 6px;background:#ffb648;color:#1d1009;font-size:9px;letter-spacing:.14em;text-transform:uppercase;box-shadow:1px 1px #160b04}.bluffalo-broadcast .streamer-broadcast-header.branded{border-bottom:2px solid #6b4226;background:#140a049e}.bluffalo-broadcast .streamer-broadcast-header-group{justify-content:flex-end;min-width:0}.bluffalo-broadcast .streamer-broadcast-status-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bluffalo-broadcast .streamer-grid-stage{border-top:2px solid var(--str-accent, #ffb648)}.bluffalo-broadcast .streamer-countdown-badge{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;border:2px solid #ffb648;box-shadow:6px 6px #140a048c;color:#ffb648}.bluffalo-broadcast .streamer-lobby-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.bluffalo-broadcast .streamer-lobby-waiting-mascot{width:110px;height:110px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 rgba(20,10,4,.55))}.bluffalo-broadcast .streamer-lobby-waiting-title{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:22px;color:var(--str-text, #f7e7c5);letter-spacing:.05em;animation:bluffaloWaitingBlink 2.4s steps(2) infinite}@keyframes bluffaloWaitingBlink{50%{opacity:.65}}.bluffalo-broadcast .streamer-lobby-waiting-code{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:15px;padding:4px 12px;color:#1d1009;background:#ffb648;box-shadow:2px 2px #160b04;letter-spacing:.12em}@media(prefers-reduced-motion:reduce){.bluffalo-broadcast .streamer-lobby-waiting-title{animation:none}}.bluffalo-broadcast .streamer-lock-btn{background:#ffb648;border:none;color:#1d1009;font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 2px #160b04}.bluffalo-broadcast .streamer-lock-btn:hover{background:#ffd084;box-shadow:2px 2px #160b04}.bluffalo-broadcast .streamer-gear-strip{background:#1d1009;border-left:2px solid #6b4226}.bluffalo-broadcast .streamer-gear-icon{color:#ffb64873}.bluffalo-broadcast .streamer-gear-strip:hover .streamer-gear-icon{color:#ffb648}.bluffalo-broadcast .sb-webcam-name,.bluffalo-broadcast .sb-strip-name,.bluffalo-broadcast .sb-spotlight-name{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;letter-spacing:.04em}.bluffalo-broadcast .sbx-stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px 20px;overflow:hidden}.bluffalo-broadcast .sbx-center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.bluffalo-broadcast .sbx-question-card{flex-shrink:0;width:100%}.bluffalo-broadcast .sbx-question-cat{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffb648;margin-bottom:6px}.bluffalo-broadcast .sbx-status-row{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#cda57e;flex-shrink:0}.bluffalo-broadcast .sbx-progress-chips{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;overflow:hidden}.bluffalo-broadcast .sbx-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#3b2417;border:1px solid #6b4226;box-shadow:2px 2px #140a048c;font-size:13px;font-weight:700;color:#f7e7c5}.bluffalo-broadcast .sbx-chip-state{font-family:monospace}.bluffalo-broadcast .sbx-chip.done .sbx-chip-state{color:#4cc66a}.bluffalo-broadcast .sbx-chip.waiting .sbx-chip-state{color:#cda57e;animation:sbxBlink 1.2s steps(2) infinite}@keyframes sbxBlink{50%{opacity:.3}}.bluffalo-broadcast .sbx-options-flow{flex:1;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:stretch;gap:10px;overflow:hidden}.bluffalo-broadcast .sbx-options-flow>*{width:auto;flex:0 1 auto;min-width:200px;max-width:460px}.bluffalo-broadcast .sbx-static{cursor:default;pointer-events:none}.bluffalo-broadcast .sbx-board-width{width:min(560px,92%);flex:0 1 auto}.bluffalo-broadcast .sbx-winner{text-align:center;padding:16px 32px;background:#ffb6481f;border:2px solid #ffb648;box-shadow:4px 4px #140a048c}.bluffalo-broadcast .sbx-winner-label{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#cda57e}.bluffalo-broadcast .sbx-winner-name{font-family:Pixelify Sans,Fredoka One,Trebuchet MS,sans-serif;font-size:clamp(22px,3vw,32px);color:#ffb648;margin:4px 0}.bluffalo-broadcast .sbx-winner-score{font-size:16px;font-weight:800;color:#f7e7c5}@media(prefers-reduced-motion:reduce){.bluffalo-broadcast .sbx-chip.waiting .sbx-chip-state{animation:none}}.game-explainer-help-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:0;background:var(--bg-darker);border:1px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark);color:var(--secondary-light);cursor:pointer;transition:background .15s ease,transform .15s ease;padding:0;position:relative}.game-explainer-help-button:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.game-explainer-help-button:hover{background:var(--panel-bg-hover);border-color:var(--primary);transform:translateY(-1px)}.game-explainer-help-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.game-explainer-overlay{position:fixed;inset:0;background:#140a04eb;display:flex;align-items:center;justify-content:center;z-index:var(--z-game-explainer, 10000);padding:24px;animation:gex-fade-in .2s ease}@keyframes gex-fade-in{0%{opacity:0}to{opacity:1}}.game-explainer-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:720px;width:100%;max-height:92vh;padding:32px 24px;background:var(--bg-secondary);border:2px solid transparent;border-radius:0;color:var(--gb-cream);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark)}.game-explainer-close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:var(--text-secondary, #c5cce0);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.game-explainer-close:hover{color:var(--gb-pink, #e94560);background:var(--bg-card)}.game-explainer-close:focus-visible,.game-explainer-skip:focus-visible{outline:2px solid var(--gb-cyan, #00d9ff);outline-offset:2px}.game-explainer-stage{width:100%;max-width:640px;position:relative}.game-explainer-stage>svg{width:100%;height:100%;display:block}.game-explainer-caption-strip{min-height:80px;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;padding:0 8px}.game-explainer-caption{margin:0;font-family:var(--font-hand, "Patrick Hand", system-ui),sans-serif;font-size:clamp(20px,3.5vw,28px);font-weight:700;color:var(--text-primary, #fff);line-height:1.3}.game-explainer-captions-list{list-style:disc inside;text-align:left;margin:0;padding:0;font-size:16px;color:var(--text-secondary, #c5cce0)}.game-explainer-captions-list li{margin:4px 0}.game-explainer-skip{position:absolute;bottom:12px;right:16px;background:transparent;border:0;color:var(--text-secondary, #c5cce0);font-size:12px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:var(--radius-sm)}.game-explainer-skip:hover{color:var(--gb-cyan, #00d9ff);background:var(--bg-card)}@media(max-width:640px){.game-explainer-overlay{padding:12px}.game-explainer-modal{padding:24px 16px;gap:16px}.game-explainer-caption{font-size:clamp(18px,5vw,24px)}}.game-explainer-sidebar{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:0;background:var(--bg-darker);border:1px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark);cursor:pointer;transition:background .15s ease,border-color .15s ease}.game-explainer-sidebar:hover{background:var(--panel-bg-hover);border-color:var(--primary)}.game-explainer-sidebar:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.game-explainer-sidebar-stage{width:100%;max-width:320px;margin:0 auto;position:relative}.game-explainer-sidebar-stage>svg{width:100%;height:100%;display:block}.gs-pane .gs-collapse-short,.gs-pane .game-explainer-sidebar{flex:0 0 auto;width:100%;display:flex;flex-direction:column}.gs-pane .game-explainer-sidebar-stage{flex:none;width:100%;max-width:420px;margin:0 auto}.gs-pane .game-explainer-sidebar-caption{flex-shrink:0}.game-explainer-sidebar-caption{margin:0;font-family:var(--font-hand, "Patrick Hand", system-ui),sans-serif;font-size:13px;color:var(--text-primary, #fff);text-align:center;line-height:1.4;min-height:32px}@media(prefers-reduced-motion:reduce){.game-explainer-help-button{transition:none}.game-explainer-help-button:hover{transform:none}.game-explainer-sidebar{transition:none}.game-explainer-overlay{animation:none}}.game-explainer-stage{padding-top:4px;padding-right:28px;box-sizing:border-box}.game-explainer-close{z-index:2;background:#0f172a8c;border:1px solid var(--px-bevel-light)}.game-explainer-close:hover{background:#0f172ac7}@media(max-width:640px){.game-explainer-stage{padding-right:36px;padding-top:8px}}.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:var(--panel-bg);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;box-shadow:var(--shadow-md)}.game-ad-placeholder .ad-badge{background:var(--bg-card-hover);color:var(--text-primary);font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);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:var(--text-primary);font-size:1.25rem;font-weight:700}.game-ad-placeholder .ad-subtitle{color:var(--text-secondary);font-size:.9rem}.game-rewarded-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:.75rem auto 0;padding:.6rem 1.1rem;border:none;border-radius:var(--radius-md);background:var(--bg-card-hover);color:var(--text-primary);font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .12s ease,filter .12s ease}.game-rewarded-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.game-rewarded-button:disabled{opacity:.6;cursor:default;transform:none}.game-rewarded-button--signup{background:transparent;border:1px dashed var(--text-secondary)}.game-rewarded-earned{margin:.75rem auto 0;text-align:center;color:var(--text-primary);font-weight:800}@media(max-width:480px){.game-ad-container{margin:1rem auto}.game-ad-placeholder{width:280px;height:230px}}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/parkour/fonts/pixelify-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/parkour/fonts/pixelify-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;font-display:swap;src:url(/parkour/fonts/fredoka-one-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/parkour/fonts/nunito-400.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(/parkour/fonts/nunito-600.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/parkour/fonts/nunito-700.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(/parkour/fonts/nunito-800.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/parkour/fonts/nunito-900.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:Nunito,system-ui,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{background:var(--bg-primary);height:100dvh;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:transparent;height:100dvh;overflow:hidden;color:var(--text-primary)}#root{min-height:100vh;background:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--accent-hover)}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!input,.input{width:100%;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.\!input{font-family:var(--font-hand)!important;background:var(--bg-tertiary)!important;border:2px solid var(--panel-border)!important;border-radius:var(--border-wobbly-sm)!important;color:var(--text-primary)!important}.input{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!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.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)!important;font-style:italic!important}.\!input::placeholder{color:var(--text-secondary)!important;font-style:italic!important}.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(--panel-bg);border:2px solid var(--px-border);border-radius:0;box-shadow:3px 3px 0 var(--px-border-dark)}.card:hover{border-color:var(--primary)}.panel{background:var(--panel-bg);border:1px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark)}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-10{top:2.5rem}.top-4{top:1rem}.isolate{isolation:isolate}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.shrink{flex-shrink:1}.grow{flex-grow:1}.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))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-width:1px}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.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)}.invert{--tw-invert: invert(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-filter{-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}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[action\:rejected\]{action:rejected}: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: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--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;--ink: #080b18;--ink-soft: #0e1428;--primary: #33e6ff;--primary-light: #7ff2ff;--primary-dark: #1aa9c4;--primary-rgb: 51, 230, 255;--secondary: #ff3df0;--secondary-light: #ff86f5;--secondary-glow: rgba(255, 61, 240, .4);--secondary-rgb: 255, 61, 240;--gb-pink: #ff2e88;--gb-cyan: #00d9ff;--gb-gold: #ffd94a;--gb-mint: #46ffd7;--gb-deep-orange: #ff8c2e;--gb-lavender: #b98bff;--gb-purple: #1a2450;--gb-purple-deep: #0f1838;--gb-truth: #46ffd7;--gb-lie: #ff5566;--gb-cream: #eaf2ff;--success-400: #7cffb2;--success-500: #34d399;--success-600: #10b981;--danger-400: #ff6b8a;--danger-500: #ff5252;--danger-600: #e11d48;--warning-400: #ffd94a;--warning-500: #f59e0b;--warning-600: #d97706;--gold-400: #ffd94a;--gold-500: #f5b60b;--gold-600: #d97706;--bg-dark: #0a0e20;--bg-darker: #070a18;--bg-card: rgba(51, 230, 255, .05);--bg-card-hover: rgba(51, 230, 255, .1);--panel-bg: #111a38;--panel-bg-hover: #182348;--panel-border: #080b18;--panel-border-strong: #33e6ff;--bg-primary: #0a0e20;--bg-secondary: #111a38;--bg-tertiary: #0d1430;--bg-quaternary: #0a0e20;--text-primary: #eaf2ff;--text-secondary: #9fb0e6;--text-accent: #33e6ff;--border-color: #080b18;--card-bg: #111a38;--accent-color: #33e6ff;--accent-color-rgb: 51, 230, 255;--accent-hover: #7ff2ff;--accent-glow: rgba(51, 230, 255, .4);--accent-primary: var(--accent-color);--accent-primary-rgb: var(--accent-color-rgb);--gradient-start: #33e6ff;--gradient-end: #ff3df0;--gradient-button: #33e6ff;--gradient-spotlight: radial-gradient(ellipse at 50% 0%, rgba(138, 63, 184, .18), transparent 55%);--shadow-sm: 0 0 0 1.5px var(--ink), 0 0 8px rgba(51, 230, 255, .18);--shadow-md: 0 0 0 2px var(--ink), 0 0 14px rgba(51, 230, 255, .28);--shadow-lg: 0 0 0 2px var(--ink), 0 0 22px rgba(51, 230, 255, .32);--shadow-glow-gold: 0 0 0 2px rgba(255, 217, 74, .4), 0 0 14px rgba(255, 217, 74, .3);--shadow-glow-truth: 0 0 0 2px rgba(70, 255, 215, .4), 0 0 14px rgba(70, 255, 215, .3);--shadow-glow-lie: 0 0 0 2px rgba(255, 85, 102, .4), 0 0 14px rgba(255, 85, 102, .28);--ease-out-expo: cubic-bezier(.23, 1, .32, 1);--ease-in-out-expo: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out-expo);--transition: .28s var(--ease-out-expo);--transition-slow: .5s var(--ease-drawer);--font-title: "Fredoka One", "Trebuchet MS", sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-heading: var(--font-title);--font-hand: var(--font-body);--font-marker: var(--font-title);--text-muted: #9fb0e6;--input-bg: #0a0f22;--input-border: #26305a;--hover-bg: #182348;--bg-overlay: rgba(7, 10, 24, .72);--danger: #ff5566;--success: #46ffd7;--header-height: 66px;--header-height-mobile: 48px;--sidebar-width: 320px;--sidebar-width-collapsed: 0px;--filmstrip-height: 120px;--filmstrip-height-collapsed: 40px;--px: 2px;--px-border: #080b18;--px-border-dark: #04060f;--px-bevel-light: rgba(51, 230, 255, .12);--px-bevel-dark: rgba(4, 6, 16, .5);--sky-teal: #33e6ff;--sky-amber: #ff3df0;--sky-orange: #8a3fb8;--stage-backdrop: radial-gradient(ellipse at 50% 0%, #17224c 0%, #0f1838 45%, #070a18 100%);--mesa-far: #17224c;--mesa-near: #0f1838;--sun-core: #7ff2ff;--sun-ring: #33e6ff;--btn-face: #33e6ff;--btn-shadow: rgba(4, 6, 16, .5)}:root{--zoom-factor: 1;--vh-adjusted: 100vh;--dvh-adjusted: 100dvh}body:before{content:"";position:fixed;inset:0;background:var(--gradient-spotlight);pointer-events:none;z-index:var(--z-background-grid)}*{scrollbar-width:thin;scrollbar-color:var(--panel-border) var(--bg-darker)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-darker);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:var(--radius-md);border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:var(--shadow-glow-gold)}::-webkit-scrollbar-corner{background:var(--bg-darker)}.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)}}.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}.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:var(--spacing-md);padding:var(--spacing-md)}.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}}@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(--px-border);border-radius:0;background:var(--bg-darker);box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark);color:var(--text-primary);transition:all .2s ease}.floating-label-input:focus{outline:none;border-color:var(--accent-color);box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark),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:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;background:var(--panel-bg);border-bottom:2px solid var(--px-border-dark);box-shadow:0 2px 0 0 var(--px-border-dark);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;image-rendering:pixelated;filter:drop-shadow(2px 2px 0 var(--px-border-dark))}.game-header-logo-text-container{display:flex;flex-direction:column;line-height:1.1}.game-header-logotype{display:flex;flex-direction:column;line-height:.95}.game-header-logotype-prefix{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:.52rem;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--gb-cream);-webkit-text-fill-color:var(--gb-cream);text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink)}.game-header-logotype-main{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:1.15rem;letter-spacing:.01em;text-transform:uppercase;color:#33e6ff;-webkit-text-fill-color:#33e6ff;text-shadow:-1.5px -1.5px 0 var(--ink),1.5px -1.5px 0 var(--ink),-1.5px 1.5px 0 var(--ink),1.5px 1.5px 0 var(--ink),0 -1.5px 0 var(--ink),0 1.5px 0 var(--ink),-1.5px 0 0 var(--ink),1.5px 0 0 var(--ink),2px 2px 0 rgba(4,16,24,.9)}.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:var(--px-border)}.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:var(--bg-darker);border:1.5px solid transparent;border-radius:var(--radius-md);box-shadow:0 -2px 0 0 var(--px-border),0 2px 0 0 var(--px-border),-2px 0 0 0 var(--px-border),2px 0 0 0 var(--px-border),var(--px) var(--px) 0 0 var(--px-border-dark)}.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;text-shadow:2px 2px 0 var(--px-border-dark)}.game-header-copy-btn{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;width:36px;height:36px;position:relative;background:transparent;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.game-header-copy-btn:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.game-header-copy-btn:hover{background:var(--panel-bg-hover);color:var(--primary);transform:translateY(-2px)}.game-header-streamer-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-darker);border:2px solid var(--secondary);border-radius:0;font-family:var(--font-title);font-size:.8rem;letter-spacing:.04em;color:var(--secondary-light);box-shadow:2px 2px 0 0 var(--px-border-dark)}.game-header-phase-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-darker);border:1.5px solid var(--px-border);border-radius:0;font-family:var(--font-title);font-size:.8rem;letter-spacing:.04em;color:var(--primary);box-shadow:2px 2px 0 0 var(--px-border-dark)}.game-header-right{display:flex;align-items:center;gap:.75rem}.game-header-player-count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-darker);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-secondary);box-shadow:0 -2px 0 0 var(--px-border),0 2px 0 0 var(--px-border),-2px 0 0 0 var(--px-border),2px 0 0 0 var(--px-border),var(--px) var(--px) 0 0 var(--px-border-dark)}.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:var(--bg-darker);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:.9rem;color:var(--text-primary);box-shadow:0 -2px 0 0 var(--px-border),0 2px 0 0 var(--px-border),-2px 0 0 0 var(--px-border),2px 0 0 0 var(--px-border),var(--px) var(--px) 0 0 var(--px-border-dark)}.game-header-player-info.host{background:var(--bg-darker);border:2px solid var(--primary)}.game-header-player-info.host svg{color:var(--primary)}.game-header-gp{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-darker);border-radius:var(--radius-md);font-family:var(--font-hand);font-size:1rem;font-weight:800;color:#ffd94a;text-shadow:0 0 10px rgba(255,217,74,.45);white-space:nowrap;box-shadow:0 -2px 0 0 var(--px-border),0 2px 0 0 var(--px-border),-2px 0 0 0 var(--px-border),2px 0 0 0 var(--px-border),var(--px) var(--px) 0 0 var(--px-border-dark)}.game-header-settings-btn,.game-header-leave-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:40px;min-height:40px;padding:var(--spacing-sm);background:var(--bg-darker);border:2px solid var(--px-border);border-radius:0;color:var(--text-secondary);font-family:var(--font-hand);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0 0 var(--px-border-dark)}.game-header-settings-btn:hover{background:var(--panel-bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.game-header-leave-btn:hover{background:var(--panel-bg-hover);border-color:var(--gb-lie);color:var(--gb-lie);transform:translateY(-2px)}.game-header-lobby-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:40px;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);background:var(--btn-face);border:none;border-radius:0;color:var(--bg-darker);font-family:var(--font-title);font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);box-shadow:2px 2px 0 0 var(--px-border-dark)}.game-header-lobby-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.game-header-copy-btn:active,.game-header-settings-btn:active,.game-header-leave-btn:active,.game-header-lobby-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--px-border-dark)}.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,.game-header-logo:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.game-header-copy-btn.copied,.game-header-copy-btn:has(svg.lucide-check){background:color-mix(in srgb,var(--gb-truth) 22%,var(--bg-darker));color:var(--gb-truth);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:calc(var(--header-height-mobile) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--spacing-sm) 0}.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:rgba(var(--primary-rgb),.15);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.danger:hover{background:color-mix(in srgb,var(--danger-500) 20%,transparent);border-color:var(--danger-500);color:var(--danger-400)}.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 transparent;border-radius:0;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark);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:2px solid var(--px-border-dark);background:var(--bg-card)}.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:rgba(var(--primary-rgb),.2);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:rgba(var(--secondary-rgb),.05)}.settings-modal-tab.active,.settings-tab.active{color:var(--bg-darker);border-bottom-color:var(--primary);background:var(--primary);font-weight:700}.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:var(--bg-card);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(--primary);background:var(--panel-bg-hover)}.settings-language-btns{display:flex;gap:var(--spacing-xs)}.settings-lang-btn{padding:var(--spacing-xs) var(--spacing-md);min-height:36px;background:var(--bg-card);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(--primary);color:var(--text-primary)}.settings-lang-btn.active{background:var(--primary);border-color:var(--px-border-dark);color:var(--bg-darker);font-weight:700;box-shadow:2px 2px 0 var(--px-border-dark)}.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:var(--gb-truth);border-color:var(--px-border-dark);color:#0c2412;box-shadow:2px 2px 0 var(--px-border-dark)}.settings-toggle.off{background:color-mix(in srgb,var(--danger-500) 20%,transparent);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:var(--radius-sm);-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(--primary);border-radius:0;cursor:pointer;box-shadow:2px 2px 0 var(--px-border-dark)}.settings-slider::-moz-range-thumb,.range-slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border-radius:0;cursor:pointer;border:none;box-shadow:2px 2px 0 var(--px-border-dark)}.settings-slider:disabled{opacity:.5;cursor:not-allowed}.settings-volume-value{font-family:var(--font-title);font-size:.875rem;font-weight:600;color:var(--secondary-light);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(--primary);outline-offset:2px;background:rgba(var(--secondary-rgb),.1)}.settings-modal-tab:focus-visible,.settings-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;background:rgba(var(--secondary-rgb),.1)}.settings-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--secondary-rgb),.2)}.settings-lang-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--secondary-rgb),.2)}.settings-toggle:focus-visible,.toggle-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.settings-slider:focus-visible,.range-slider:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.settings-modal-close:active,.settings-close:active{transform:scale(.95)}.settings-modal-tab:active,.settings-tab:active{background:rgba(var(--secondary-rgb),.15)}.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(--primary);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 rgba(var(--secondary-rgb),.6)}.settings-slider:not(:disabled):hover::-moz-range-thumb,.range-slider:not(:disabled):hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 2px rgba(var(--secondary-rgb),.6)}.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:var(--bg-card)}@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)}}.auth-modal{max-width:400px}.auth-modal-content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);overflow-y:auto}.auth-modal-benefits{margin:0;font-size:.85rem;color:var(--text-secondary);text-align:center}.auth-modal-tabs{display:flex;gap:var(--spacing-xs)}.auth-modal-tab{flex:1;padding:var(--spacing-sm);background:var(--bg-card);border:2px solid var(--px-border-dark);color:var(--text-secondary);font-family:var(--font-title);font-size:.85rem;cursor:pointer;transition:all .15s ease}.auth-modal-tab.active{background:rgba(var(--primary-rgb),.2);border-color:var(--gb-pink);color:var(--text-primary)}.auth-modal-tab:disabled{opacity:.6;cursor:default}.auth-modal-oauth{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-modal-oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:2px solid var(--px-border-dark);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .15s ease}.auth-modal-oauth-btn:hover:not(:disabled){border-color:var(--gb-cyan);background:rgba(var(--secondary-rgb),.1)}.auth-modal-oauth-btn:disabled{opacity:.6;cursor:default}.auth-modal-divider{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-modal-divider:before,.auth-modal-divider:after{content:"";flex:1;height:2px;background:var(--px-border-dark)}.auth-modal-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-modal-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:2px solid var(--px-border-dark);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s ease}.auth-modal-input:focus{border-color:var(--gb-pink)}.auth-modal-check{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer}.auth-modal-check input{margin-top:2px;accent-color:var(--gb-pink)}.auth-modal-error{padding:var(--spacing-sm);background:#e9456026;border:2px solid var(--gb-pink);color:var(--text-primary);font-size:.8rem}.auth-modal-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--gb-pink);border:2px solid var(--px-border-dark);color:#fff;font-family:var(--font-title);font-size:.9rem;cursor:pointer;transition:filter .15s ease}.auth-modal-submit:hover:not(:disabled){filter:brightness(1.15)}.auth-modal-submit:disabled{opacity:.6;cursor:default}.auth-modal-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--text-primary)}.auth-modal-status-icon{width:40px;height:40px;color:var(--gb-cyan)}.auth-modal-status-title{margin:0;font-family:var(--font-title)}.auth-modal-status-body{margin:0;font-size:.85rem;color:var(--text-secondary)}.game-header-account{position:relative;display:flex;align-items:center}.game-header-account-chip{display:flex;align-items:center;gap:var(--spacing-xs, 4px);min-height:40px;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:var(--btn-face, var(--gb-pink, #e94560));border:none;border-radius:0;color:var(--home-primary-btn-text, var(--bg-darker, #0d0f1a));font-family:var(--font-title, inherit);font-size:.85rem;letter-spacing:.03em;cursor:pointer;box-shadow:2px 2px 0 0 var(--px-border-dark, rgba(0, 0, 0, .4));transition:var(--transition-fast, all .15s ease);max-width:180px}.game-header-account-chip:hover{background:var(--accent-hover, var(--gb-pink, #e94560));transform:translateY(-2px);filter:brightness(1.08)}.game-header-account-chip:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--px-border-dark, rgba(0, 0, 0, .4))}.game-header-account-chip.is-premium svg{color:#ffcf33;filter:drop-shadow(0 0 1px rgba(0,0,0,.85)) drop-shadow(0 1px 1px rgba(0,0,0,.45))}.game-header-account-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-header-account-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:60;min-width:150px;background:var(--panel-bg, var(--bg-card, #1a1a2e));box-shadow:2px 2px 0 0 var(--px-border-dark, rgba(0, 0, 0, .4))}.game-header-account-menu-item{display:flex;align-items:center;gap:var(--spacing-xs, 4px);width:100%;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);background:transparent;border:none;color:var(--text-primary, #e4e6f0);font-family:var(--font-title, inherit);font-size:.85rem;cursor:pointer;text-align:left}.game-header-account-menu-item:hover{background:var(--bg-card-hover, rgba(255, 255, 255, .08))}.feedback-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))}.feedback-modal{width:100%;max-width:480px;max-height:85vh;background:var(--bg-secondary);border:2px solid transparent;border-radius:0;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark);z-index:var(--z-settings-modal);display:flex;flex-direction:column;overflow:hidden}.feedback-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:2px solid var(--px-border-dark);background:var(--bg-card)}.feedback-modal-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary);margin:0}.feedback-modal-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}.feedback-modal-close:hover{background:rgba(var(--primary-rgb),.2);color:var(--gb-pink)}.feedback-modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.feedback-modal-close:active{transform:scale(.95)}.feedback-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-sm)}.feedback-modal-intro{margin:0;font-family:var(--font-hand);font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.feedback-type-row{display:flex;gap:var(--spacing-sm)}.feedback-type-chip{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs);min-height:44px;background:var(--bg-card);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 .15s ease}.feedback-type-chip:hover{border-color:var(--primary);color:var(--text-primary)}.feedback-type-chip.active{color:var(--bg-darker);border-color:var(--px-border-dark);font-weight:700;box-shadow:2px 2px 0 var(--px-border-dark)}.feedback-type-chip.active.bug{background:var(--gb-pink, #e94560);color:#fff}.feedback-type-chip.active.idea{background:var(--gb-gold, #FFD700);color:#2a2200}.feedback-type-chip.active.other{background:var(--gb-cyan, #00d9ff);color:#04121a}.feedback-type-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.feedback-type-chip:active{transform:scale(.97)}.feedback-modal-textarea{width:100%;padding:var(--spacing-sm);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:.9375rem;line-height:1.5;resize:vertical;min-height:120px;transition:border-color .2s ease}.feedback-modal-textarea::-moz-placeholder{color:var(--text-secondary)}.feedback-modal-textarea::placeholder{color:var(--text-secondary)}.feedback-modal-textarea:focus{outline:none;border-color:var(--primary)}.feedback-modal-charcount{align-self:flex-end;font-size:.75rem;color:var(--text-secondary);margin-top:calc(-1 * var(--spacing-xs))}.feedback-modal-context{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-card);border:1px dashed var(--panel-border);border-radius:var(--radius-md)}.feedback-modal-room{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-title);font-size:.8125rem;color:var(--text-primary);letter-spacing:.03em}.feedback-modal-note{flex:1;min-width:0;font-size:.75rem;font-style:italic;color:var(--text-secondary);line-height:1.4}.feedback-modal-error{font-size:.8125rem;color:var(--danger-400, #ff6b6b);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--danger-500, #e53935);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger-500, #e53935) 12%,transparent)}.feedback-modal-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);min-height:48px;margin-top:var(--spacing-xs);background:var(--primary);border:2px solid var(--px-border-dark);border-radius:var(--radius-md);color:var(--bg-darker);font-family:var(--font-title);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 var(--px-border-dark);transition:transform .12s ease,box-shadow .12s ease}.feedback-modal-submit:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--px-border-dark)}.feedback-modal-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--px-border-dark)}.feedback-modal-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.feedback-modal-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-md)}.feedback-modal-success-icon{width:56px;height:56px;color:var(--gb-truth, #4caf50)}.feedback-modal-success-title{font-family:var(--font-title);font-size:1.25rem;color:var(--text-primary)}.feedback-modal-success-body{font-family:var(--font-hand);font-size:.9375rem;color:var(--text-secondary)}.feedback-spin{animation:feedbackSpin .8s linear infinite}@keyframes feedbackSpin{to{transform:rotate(360deg)}}@media(max-width:767px){.feedback-modal-backdrop{padding:0}.feedback-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}}@media(max-height:500px)and (orientation:landscape){.feedback-modal-backdrop{padding:0}.feedback-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.feedback-modal-textarea{min-height:80px}.feedback-modal-success{padding:var(--spacing-md)}}@media(prefers-reduced-motion:reduce){.feedback-spin{animation:none}.feedback-modal-submit{transition:none}}.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);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(var(--primary-rgb),.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(var(--secondary-rgb),.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:var(--shadow-glow-gold),var(--shadow-lg);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:var(--shadow-glow-gold),var(--shadow-lg)}50%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),.3),var(--shadow-lg)}}@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-title);font-size:2rem;font-weight:700;color:var(--gb-pink);margin:0 0 var(--spacing-md);text-shadow:2px 2px 0 rgba(var(--primary-rgb),.4);letter-spacing:-.02em;animation:glitchFlicker 8s ease-in-out infinite}.error-boundary-title:hover{text-shadow:-2px 0 rgba(var(--secondary-rgb),.6),2px 0 rgba(var(--primary-rgb),.6),2px 2px 0 rgba(var(--primary-rgb),.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:var(--bg-darker);border-color:var(--gb-pink);box-shadow:var(--shadow-glow-gold),var(--shadow-sm)}.error-boundary-btn.primary:hover{background:var(--gb-pink-light);border-color:var(--gb-pink-light);transform:translateY(-2px);box-shadow:0 0 0 6px rgba(var(--primary-rgb),.3),var(--shadow-md)}.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:rgba(var(--secondary-rgb),.1)}.error-boundary-btn:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px}.error-boundary-btn.primary:focus-visible{box-shadow:var(--shadow-glow-gold),0 0 0 8px rgba(var(--primary-rgb),.2)}.error-boundary-btn.secondary:focus-visible{box-shadow:0 0 0 4px rgba(var(--secondary-rgb),.2)}.error-boundary-details::-webkit-scrollbar{width:6px;height:6px}.error-boundary-details::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.error-boundary-details::-webkit-scrollbar-thumb{background:var(--gb-pink);border-radius:var(--radius-sm);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:var(--shadow-glow-gold),var(--shadow-sm)}50%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),.35),var(--shadow-sm)}}.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:var(--bg-darker);background:var(--gradient-button);border-radius:0;box-shadow:var(--shadow-glow-gold),var(--shadow-sm);animation:returnBtnPulse 4s ease-in-out infinite}.gamebuddies-return-btn.floating:hover{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 0 0 6px rgba(var(--primary-rgb),.35),var(--shadow-md)}.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:0;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:.7rem;opacity:.85}.bluffalo-gameover-actions .gamebuddies-return-btn.inline{color:var(--text-primary);background:var(--panel-bg);border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark)}.bluffalo-gameover-actions .gamebuddies-return-btn.inline:hover{color:var(--primary);border-color:var(--primary);background:var(--panel-bg-hover)}.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 var(--gb-cream);outline-offset:2px;animation-play-state:paused;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.3),var(--shadow-md)}@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:var(--bg-darker);border:2px solid var(--px-border);border-radius:0;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:40px;min-height:40px;box-shadow:2px 2px 0 0 var(--px-border-dark)}.game-header-mute-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--panel-bg-hover);transform:translateY(-2px)}.game-header-mute-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--px-border-dark)}.game-header-mute-btn.muted{color:var(--gb-lie);border-color:var(--gb-lie)}.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}}.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}.legal-footer{margin-top:auto;flex-shrink:0;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .9rem;padding:.9rem 1rem calc(.45rem + env(safe-area-inset-bottom,0px));font-family:var(--font-body, system-ui, sans-serif);font-size:.72rem;color:var(--text-muted, #9fb0ff)}.legal-footer__brand{letter-spacing:.03em;opacity:.75}.legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem}.legal-link{font-family:var(--font-body, system-ui, sans-serif);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--primary-light, var(--accent-hover, #7fe9ff));text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:color .14s ease,text-shadow .14s ease,text-decoration-color .14s ease}.legal-link:hover,.legal-link:focus-visible{color:var(--accent-hover, var(--primary, #00d9ff));text-decoration-color:currentColor;text-shadow:0 0 10px var(--accent-glow, rgba(0, 217, 255, .4));outline:none}.settings-row .legal-links{gap:.3rem .8rem}.px-panel{background:var(--panel-bg);border-radius:0;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),inset 0 var(--px) 0 0 var(--px-bevel-light),inset 0 calc(-1 * var(--px)) 0 0 var(--px-bevel-dark)}.px-panel2{background:var(--panel-bg);border-radius:0;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--px-bevel-light),inset 0 calc(-1 * var(--px)) 0 0 var(--px-bevel-dark)}.px-panel.is-accent,.px-panel2.is-accent{--px-border: var(--primary)}.px-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--btn-face);color:var(--bg-darker);font-family:var(--font-title);font-weight:400;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:0;padding:.85rem 2.2rem;font-size:1.05rem;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border-dark),0 var(--px) 0 0 var(--px-border-dark),calc(-1 * var(--px)) 0 0 0 var(--px-border-dark),var(--px) 0 0 0 var(--px-border-dark),0 calc(3 * var(--px)) 0 calc(-1 * var(--px)) var(--btn-shadow),inset 0 var(--px) 0 0 #ffffff61,inset 0 calc(-1 * var(--px)) 0 0 #140a0447}.px-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.px-btn:active{transform:translateY(3px)}.px-btn.secondary{background:var(--secondary);color:var(--gb-cream)}.px-btn.secondary:hover{background:var(--secondary-light)}.on-sky,.on-sky-strong{color:var(--gb-cream);text-shadow:2px 2px 0 rgba(20,10,4,.45)}.on-sky-strong{font-family:var(--font-title);text-shadow:4px 4px 0 var(--px-border-dark)}.px-art{image-rendering:pixelated}.prairie-sky{position:fixed;inset:0;background:var(--stage-backdrop);z-index:-3;pointer-events:none}.prairie-sun{position:fixed;top:7vh;right:12vw;width:230px;height:230px;z-index:var(--z-background);pointer-events:none;animation:bluffaloSunBreath 7s var(--ease-in-out-expo) infinite}@keyframes bluffaloSunBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.prairie-sun .rays{animation:bluffaloRayFlicker 2.8s steps(2,end) infinite}@keyframes bluffaloRayFlicker{0%,to{opacity:.85}50%{opacity:.55}}.prairie-cloud{position:fixed;z-index:var(--z-background);pointer-events:none;opacity:.55}.prairie-cloud.c1{top:9vh;width:180px;animation:bluffaloCloudDrift 95s cubic-bezier(.37,0,.63,1) infinite}.prairie-cloud.c2{top:22vh;width:130px;animation:bluffaloCloudDrift 130s cubic-bezier(.37,0,.63,1) infinite;animation-delay:-40s;opacity:.4}.prairie-cloud.c3{top:33vh;width:220px;animation:bluffaloCloudDrift 110s cubic-bezier(.37,0,.63,1) infinite;animation-delay:-75s;opacity:.3}@keyframes bluffaloCloudDrift{0%{transform:translate(-260px);left:0%}to{transform:translate(260px);left:100%}}.prairie-horizon{position:fixed;left:0;right:0;bottom:0;height:30vh;z-index:var(--z-background-grid);pointer-events:none}.prairie-horizon svg{width:100%;height:100%;display:block}.prairie-scanlines{position:fixed;inset:0;z-index:50;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(10,5,2,.045) 0px,rgba(10,5,2,.045) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}@media(max-width:768px){.prairie-sun{width:120px;height:120px;right:8vw;top:5vh}.prairie-cloud.c1{width:120px}.prairie-cloud.c2{width:90px}.prairie-cloud.c3{width:140px}}@media(prefers-reduced-motion:reduce){.prairie-sun,.prairie-sun .rays,.prairie-cloud{animation:none}}[class*=flair-]{paint-order:stroke fill;-webkit-text-stroke:1px #000}.flair-red{color:#ff4d6d!important}.flair-blue{color:#4d8fff!important}.flair-green{color:#2ecc71!important}.flair-gold{color:#ffd166!important}.flair-shimmer{background:linear-gradient(90deg,#b8b8b8,#fff,#b8b8b8);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-shimmer-shift 2.5s linear infinite}@keyframes flair-shimmer-shift{0%{background-position:0% 0%}to{background-position:-200% 0%}}.flair-pulse{color:#00d9ff!important;animation:flair-pulse-glow 1.6s ease-in-out infinite}@keyframes flair-pulse-glow{0%,to{text-shadow:0 0 4px #00d9ff66}50%{text-shadow:0 0 12px #00d9ffcc,0 0 20px #00d9ff66}}.flair-neon{color:#0ff!important;text-shadow:0 0 4px #00ffff,0 0 8px #00ffffaa,0 0 16px #00ffff66}.flair-rainbow{background:linear-gradient(90deg,#ff0080,#ff8c00,gold,#00ff7f,#00bfff,#8a2be2,#ff0080);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-rainbow-shift 4s linear infinite}@keyframes flair-rainbow-shift{0%{background-position:0% 0%}to{background-position:-300% 0%}}.flair-fire{background:linear-gradient(180deg,#ffe066,#ff6b35,#c9184a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-fire-flicker 1.4s ease-in-out infinite;filter:drop-shadow(0 0 4px #ff6b35aa)}@keyframes flair-fire-flicker{0%,to{filter:drop-shadow(0 0 4px #ff6b35aa)}50%{filter:drop-shadow(0 0 8px #ffe066cc)}}.flair-electric{color:#66e0ff!important;text-shadow:0 0 6px #66e0ff,0 0 12px #1f8fff,0 0 18px #1f8fff77;animation:flair-electric-flicker 1.1s steps(2,end) infinite}@keyframes flair-electric-flicker{0%,to{text-shadow:0 0 6px #66e0ff,0 0 12px #1f8fff,0 0 18px #1f8fff77}50%{text-shadow:0 0 4px #66e0ff,0 0 8px #1f8fff,0 0 12px #1f8fff55}}.flair-frost{background:linear-gradient(90deg,#a8d8ff,#e8f7ff 45%,#7fc8f8 55%,#a8d8ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-frost-shift 3.2s ease-in-out infinite;filter:drop-shadow(0 0 4px #a8d8ff66)}@keyframes flair-frost-shift{0%,to{background-position:0% 0%}50%{background-position:-100% 0%}}.flair-toxic{color:#7cfc00!important;animation:flair-toxic-pulse 1.8s ease-in-out infinite}@keyframes flair-toxic-pulse{0%,to{text-shadow:0 0 4px #7CFC0066}50%{text-shadow:0 0 12px #7CFC00cc,0 0 20px #39ff1466}}.flair-galaxy{background:linear-gradient(90deg,#8a2be2,#4d8fff,#00d9ff,#b388ff,#8a2be2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-galaxy-drift 5s linear infinite;filter:drop-shadow(0 0 4px #8a2be266)}@keyframes flair-galaxy-drift{0%{background-position:0% 0%}to{background-position:-300% 0%}}.flair-royal{background:linear-gradient(110deg,gold,#f3c14b 35%,#9d4edd 65%,gold);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-royal-sheen 4.5s ease-in-out infinite;filter:drop-shadow(0 0 4px #ffd70055)}@keyframes flair-royal-sheen{0%,to{background-position:0% 0%}50%{background-position:-150% 0%}}.flair-premium-aura{background:linear-gradient(100deg,#fff4c2,gold 30%,#ffb347,gold 80%,#fff4c2);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-premium-aura-glow 3.5s ease-in-out infinite;filter:drop-shadow(0 0 6px #ffd70088)}@keyframes flair-premium-aura-glow{0%,to{background-position:0% 0%;filter:drop-shadow(0 0 5px #ffd70077)}50%{background-position:-150% 0%;filter:drop-shadow(0 0 9px #ffe680cc)}}.flair-chrome{background:linear-gradient(100deg,#e8eef5,#b8c2cc,#fff,#9aa7b4,#dfe7ee,#b8c2cc);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-chrome-flow 4s linear infinite;filter:drop-shadow(0 1px 1px #00000066)}@keyframes flair-chrome-flow{0%{background-position:0% 0%}to{background-position:-280% 0%}}.flair-holographic{background:linear-gradient(100deg,#ff6ec7,#ffd86e,#6effa6,#6ec7ff,#b388ff,#ff6ec7);background-size:350% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-holographic-shift 5s linear infinite;filter:drop-shadow(0 0 5px #ffffff44)}@keyframes flair-holographic-shift{0%{background-position:0% 0%}to{background-position:-350% 0%}}.flair-molten{background:linear-gradient(100deg,#ffe680,#ffb347 35%,#ff5e3a 60%,#ffb347,#ffe680);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:flair-molten-flow 3.8s ease-in-out infinite;filter:drop-shadow(0 0 6px #ff5e3a66)}@keyframes flair-molten-flow{0%,to{background-position:0% 0%;filter:drop-shadow(0 0 5px #ff5e3a55)}50%{background-position:-160% 0%;filter:drop-shadow(0 0 10px #ffb347aa)}}.avatar-frame-wrap{position:relative;display:inline-flex;border-radius:0}[class*=" frame-"],[class^=frame-]{border-radius:0}.frame-bronze{box-shadow:0 0 0 var(--frame-ring, 2px) #cd7f32,0 0 6px #cd7f3266}.frame-silver{box-shadow:0 0 0 var(--frame-ring, 2px) silver,0 0 6px #c0c0c066}.frame-gold{box-shadow:0 0 0 var(--frame-ring, 2px) gold,0 0 8px #ffd70077}.frame-sapphire{box-shadow:0 0 0 var(--frame-ring, 2px) #1e88e5,0 0 12px #1e88e588}.frame-ruby{box-shadow:0 0 0 var(--frame-ring, 2px) #e53935,0 0 12px #e5393588}.frame-emerald{box-shadow:0 0 0 var(--frame-ring, 2px) #2ecc71,0 0 12px #2ecc7188}.frame-flame{box-shadow:0 0 0 var(--frame-ring, 2px) #ff6b35,0 0 16px #ff6b35bb,0 0 24px #ffe06699;animation:frame-flame-flicker 1.2s ease-in-out infinite}@keyframes frame-flame-flicker{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #ff6b35,0 0 16px #ff6b35bb,0 0 24px #ffe06699}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #ff8c5a,0 0 24px #fa5c,0 0 32px #ffe066bb}}.frame-ice{box-shadow:0 0 0 var(--frame-ring, 2px) #aee0ff,0 0 14px #aee0ffaa,0 0 22px #66c0ff77;animation:frame-ice-shimmer 3s ease-in-out infinite}@keyframes frame-ice-shimmer{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #aee0ff,0 0 14px #aee0ffaa,0 0 22px #66c0ff77}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #d8f0ff,0 0 18px #c0e8ffcc,0 0 28px #88d0ff99}}.frame-lightning{box-shadow:0 0 0 var(--frame-ring, 2px) #ffe066,0 0 16px #ffe066bb,0 0 22px #66e0ff66;animation:frame-lightning-flicker .6s steps(2,end) infinite}@keyframes frame-lightning-flicker{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #ffe066,0 0 16px #ffe066bb,0 0 22px #66e0ff66}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #fff5b8,0 0 22px #fff5b8dd,0 0 30px #66e0ff99}}.frame-rosegold{box-shadow:0 0 0 var(--frame-ring, 2px) #e8a89b,0 0 12px #e8a89b88}.frame-obsidian{box-shadow:0 0 0 var(--frame-ring, 2px) #1c1c28,0 0 12px #9d4edd66}.frame-galaxy{box-shadow:0 0 0 var(--frame-ring, 2px) #8a2be2,0 0 14px #8a2be2aa,0 0 22px #00d9ff55;animation:frame-galaxy-drift 6s ease-in-out infinite}@keyframes frame-galaxy-drift{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #8a2be2,0 0 14px #8a2be2aa,0 0 22px #00d9ff55}33%{box-shadow:0 0 0 var(--frame-ring, 2px) #4d8fff,0 0 16px #4d8fffaa,0 0 24px #b388ff66}66%{box-shadow:0 0 0 var(--frame-ring, 2px) #00d9ff,0 0 14px #00d9ffaa,0 0 22px #8a2be255}}.frame-prismatic{box-shadow:0 0 0 var(--frame-ring, 2px) gold,0 0 16px #ffd700aa,0 0 26px #ff6ec766;animation:frame-prismatic-shift 4.5s linear infinite}@keyframes frame-prismatic-shift{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) gold,0 0 16px #ffd700aa,0 0 26px #ff6ec766}25%{box-shadow:0 0 0 var(--frame-ring, 2px) #ff6ec7,0 0 16px #ff6ec7aa,0 0 26px #00d9ff66}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #00d9ff,0 0 16px #00d9ffaa,0 0 26px #7cff6b66}75%{box-shadow:0 0 0 var(--frame-ring, 2px) #b388ff,0 0 16px #b388ffaa,0 0 26px #ffd70066}}.frame-diamond{box-shadow:0 0 0 var(--frame-ring, 2px) #fff,0 0 12px #cfefff,0 0 22px #9fd8ff88;animation:frame-diamond-sparkle 2.6s ease-in-out infinite}@keyframes frame-diamond-sparkle{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #fff,0 0 10px #cfefff,0 0 18px #9fd8ff66}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #fff,0 0 18px #fff,0 0 30px #bfeaffaa}}.frame-phoenix{box-shadow:0 0 0 var(--frame-ring, 2px) #ffc04d,0 0 16px #ff8a1eaa,0 0 26px #ff3d0066;animation:frame-phoenix-flare 2.8s ease-in-out infinite}@keyframes frame-phoenix-flare{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #ffc04d,0 0 14px #ff8a1eaa,0 0 22px #ff3d0055}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #ffe08a,0 0 20px #ffae3ecc,0 0 34px #ff5e1a88}}.frame-aurora{box-shadow:0 0 0 var(--frame-ring, 2px) #7cffc4,0 0 16px #56e0a0aa,0 0 26px #6ec7ff66;animation:frame-aurora-drift 6s ease-in-out infinite}@keyframes frame-aurora-drift{0%,to{box-shadow:0 0 0 var(--frame-ring, 2px) #7cffc4,0 0 16px #56e0a0aa,0 0 26px #6ec7ff55}50%{box-shadow:0 0 0 var(--frame-ring, 2px) #b388ff,0 0 18px #8a9bffaa,0 0 30px #7cffc466}}.profile-banner{width:100%;border-radius:12px;overflow:hidden;position:relative;border:var(--border-chunky, 2px) solid var(--ink-deep, #05020e);box-shadow:var(--shadow-hard-sm, 3px 3px 0 #05020e)}.banner-default{background:linear-gradient(135deg,#1a1d2e,#2d3148)}.banner-dawn{background:linear-gradient(135deg,#ff9a8b,#ff6a88,#ff99ac)}.banner-ocean{background:linear-gradient(135deg,#013a63,#2a6f97,#61a5c2)}.banner-forest{background:linear-gradient(135deg,#1b4332,#2d6a4f,#74c69d)}.banner-pixel{background-color:#2d3148;background-image:linear-gradient(#3d4060 1px,transparent 1px),linear-gradient(90deg,#3d4060 1px,transparent 1px);background-size:16px 16px}.banner-neoncity{background:linear-gradient(180deg,#0d0f1a,#1a1240 60%,#4a1a5e);position:relative}.banner-neoncity:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 24%,#ff00aa44 25%,transparent 26%,transparent 49%,#00d9ff44 50%,transparent 51%,transparent 74%,#ff00aa44 75%,transparent 76%);background-size:80px 100%;pointer-events:none}.banner-retro{background:linear-gradient(180deg,#2d1b69,#ff006e);position:relative}.banner-retro:after{content:"";position:absolute;inset:50% 0 0;background-image:linear-gradient(0deg,#ffd60a 1px,transparent 1px),linear-gradient(90deg,#ffd60a 1px,transparent 1px);background-size:20px 12px;opacity:.6;transform:perspective(40px) rotateX(40deg);transform-origin:top center;pointer-events:none}.banner-aurora{background:linear-gradient(135deg,#0d0f1a,#1a1240);position:relative;overflow:hidden}.banner-aurora:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 30% 50%,#00ff9477 0%,transparent 35%),radial-gradient(circle at 70% 50%,#ff00aa55 0%,transparent 35%),radial-gradient(circle at 50% 50%,#00d9ff66 0%,transparent 35%);filter:blur(20px);animation:banner-aurora-drift 12s ease-in-out infinite;pointer-events:none}@keyframes banner-aurora-drift{0%,to{transform:translate(-10%) translateY(0)}50%{transform:translate(10%) translateY(-5%)}}.banner-starfield{background:radial-gradient(ellipse at center,#1a1d3a,#0d0f1a);position:relative;overflow:hidden}.banner-starfield:before,.banner-starfield:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 50% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 60%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80% 10%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 90% 80%,#fff 50%,transparent 51%);background-size:200px 200px;pointer-events:none;animation:banner-starfield-twinkle 6s ease-in-out infinite alternate}.banner-starfield:after{background-size:350px 350px;opacity:.6;animation-duration:10s}@keyframes banner-starfield-twinkle{0%{opacity:.55}to{opacity:1}}.banner-midnight{background:linear-gradient(180deg,#16213e,#0d1126 55%,#05060f)}.banner-matrix{background:linear-gradient(180deg,#04140a,#020a06);position:relative;overflow:hidden}.banner-matrix:before{content:"";position:absolute;inset:-100% 0 0;background-image:repeating-linear-gradient(180deg,transparent 0 6px,#2eff7144 6px 10px,transparent 10px 26px),repeating-linear-gradient(180deg,transparent 0 14px,#2eff7122 14px 17px,transparent 17px 38px);background-size:14px 64px,22px 90px;animation:banner-matrix-rain 7s linear infinite;pointer-events:none}@keyframes banner-matrix-rain{0%{transform:translateY(0)}to{transform:translateY(50%)}}.banner-lava{background:linear-gradient(180deg,#1a0a06,#2b0d05);position:relative;overflow:hidden}.banner-lava:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 25% 70%,#ff6b3588 0%,transparent 35%),radial-gradient(circle at 65% 40%,#c9184a66 0%,transparent 35%),radial-gradient(circle at 80% 75%,#ffe06655 0%,transparent 30%);filter:blur(18px);animation:banner-lava-drift 10s ease-in-out infinite;pointer-events:none}@keyframes banner-lava-drift{0%,to{transform:translate(-8%) translateY(0)}50%{transform:translate(8%) translateY(-6%)}}.banner-premium-gold{background:linear-gradient(115deg,#3a2a05,#8a6a12 30%,#ffe680,#8a6a12 70%,#3a2a05);background-size:250% 100%;animation:banner-premium-gold-sweep 6s linear infinite}@keyframes banner-premium-gold-sweep{0%{background-position:0% 0%}to{background-position:-250% 0%}}.banner-premium-nebula{background:radial-gradient(circle at 30% 40%,#b388ff66 0%,transparent 45%),radial-gradient(circle at 75% 65%,#ffd70044 0%,transparent 40%),linear-gradient(160deg,#1a0d3a,#2a1158 55%,#0d0720);position:relative;overflow:hidden}.banner-premium-nebula:after{content:"";position:absolute;inset:-40%;background:radial-gradient(1px 1px at 20% 30%,#ffe680 50%,transparent 51%),radial-gradient(1px 1px at 55% 60%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 80% 25%,#ffd700 50%,transparent 51%),radial-gradient(1px 1px at 40% 80%,#fff 50%,transparent 51%);background-size:180px 180px;animation:banner-premium-nebula-drift 14s ease-in-out infinite alternate;pointer-events:none}@keyframes banner-premium-nebula-drift{0%{transform:translate(-4%) translateY(0);opacity:.7}to{transform:translate(4%) translateY(-4%);opacity:1}}.banner-premium-circuit{background-color:#15100a;background-image:linear-gradient(#ffd70022 1px,transparent 1px),linear-gradient(90deg,#ffd70022 1px,transparent 1px),radial-gradient(circle at 20% 30%,#ffd70033 0%,transparent 25%),radial-gradient(circle at 80% 70%,#ffae3e33 0%,transparent 25%);background-size:22px 22px,22px 22px,100% 100%,100% 100%;animation:banner-premium-circuit-pan 8s linear infinite}@keyframes banner-premium-circuit-pan{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:44px 0,0 44px,0 0,0 0}}@media(prefers-reduced-motion:reduce){.banner-premium-gold,.banner-premium-circuit,.banner-premium-nebula:after,.flair-chrome,.flair-holographic,.flair-molten,.frame-diamond,.frame-phoenix,.frame-aurora{animation:none}}.lr-cardstyle-neon{box-shadow:inset 0 0 0 2px #00b8d9,inset 0 0 10px #00b8d947}.lr-cardstyle-gold{box-shadow:inset 0 0 0 2px #d4a017,inset 0 0 10px #d4a0174d}.lr-cardstyle-holo{box-shadow:inset 0 0 0 2px #ff6ec7,inset 0 0 12px #ff6ec738;animation:lr-holo-shift 4.5s linear infinite}@keyframes lr-holo-shift{0%,to{box-shadow:inset 0 0 0 2px #ff6ec7,inset 0 0 12px #ff6ec738}25%{box-shadow:inset 0 0 0 2px #ffd86e,inset 0 0 12px #ffd86e38}50%{box-shadow:inset 0 0 0 2px #6effa6,inset 0 0 12px #6effa638}75%{box-shadow:inset 0 0 0 2px #6ec7ff,inset 0 0 12px #6ec7ff38}}.lr-cardstyle-ink{box-shadow:inset 0 0 0 1px var(--text-primary, #eaf2ff),inset 0 0 0 3px var(--panel-bg-hover, #1a2342),inset 0 0 0 4px var(--text-primary, #eaf2ff)}@media(prefers-reduced-motion:reduce){.lr-cardstyle-holo{animation:none}}.player-list-item.has-cardstyle-picker{flex-wrap:wrap}.lr-cardstyle-picker{flex-basis:100%;display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:6px;border-top:1px dashed rgba(159,176,255,.3)}.lr-cardstyle-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:1px 0;background:transparent;border:0;cursor:pointer;color:inherit;text-align:left}.lr-cardstyle-current{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.72rem;color:var(--text-primary, #eaf2ff)}.lr-cardstyle-swatch{width:18px;height:13px;flex-shrink:0;background:var(--panel-bg-hover, #1a2342);border:1px solid rgba(159,176,255,.3)}.lr-cardstyle-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary, #9fb0ff)}.lr-cardstyle-label{font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #9fb0ff)}.lr-cardstyle-hint{font-weight:600;letter-spacing:0;text-transform:none;opacity:.7}.lr-cardstyle-chips{display:flex;flex-wrap:wrap;gap:4px}.lr-cardstyle-chip{font-size:.7rem;font-weight:700;padding:3px 8px;background:var(--panel-bg-hover, #1a2342);color:var(--text-primary, #eaf2ff);border:2px solid transparent;border-radius:0;cursor:pointer;transition:transform .15s cubic-bezier(.23,1,.32,1)}.lr-cardstyle-chip:active{transform:scale(.95)}.lr-cardstyle-chip.selected{border-color:var(--primary, #00d9ff)}.lr-cardstyle-chip.locked{cursor:not-allowed;opacity:.55;filter:grayscale(.35)}.lr-cardstyle-preview-row{display:flex;align-items:center;gap:8px;margin-top:6px}.lr-cardstyle-preview-caption{flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary, #9fb0ff)}.lr-cardstyle-preview{flex:1;min-width:0;padding:6px 10px;background:var(--panel-bg-hover, #1a2342);color:var(--text-primary, #eaf2ff);font-weight:700;font-size:.85rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:box-shadow .2s cubic-bezier(.23,1,.32,1)}.player-list-items .player-list-item.lr-cardstyle-neon{border-color:#00b8d9;box-shadow:2px 2px 0 var(--px-border-dark)}.player-list-items .player-list-item.lr-cardstyle-gold{border-color:#d4a017;box-shadow:2px 2px 0 var(--px-border-dark)}.player-list-items .player-list-item.lr-cardstyle-ink{border-color:var(--text-primary, #eaf2ff);box-shadow:2px 2px 0 var(--px-border-dark)}.player-list-items .player-list-item.lr-cardstyle-holo{border-color:#ff6ec7;box-shadow:2px 2px 0 var(--px-border-dark);animation:lr-holo-border 4.5s linear infinite}@keyframes lr-holo-border{0%,to{border-color:#ff6ec7}25%{border-color:#ffd86e}50%{border-color:#6effa6}75%{border-color:#6ec7ff}}@media(prefers-reduced-motion:reduce){.player-list-items .player-list-item.lr-cardstyle-holo{animation:none}}.gs-chip.lr-cardstyle-neon,.gs-chip.is-me.lr-cardstyle-neon{box-shadow:0 0 0 2px #00b8d9,4px 4px 0 var(--px-border-dark)}.gs-chip.lr-cardstyle-gold,.gs-chip.is-me.lr-cardstyle-gold{box-shadow:0 0 0 2px #d4a017,4px 4px 0 var(--px-border-dark)}.gs-chip.lr-cardstyle-ink,.gs-chip.is-me.lr-cardstyle-ink{box-shadow:2px 2px 0 var(--px-border-dark),inset 0 0 0 2px var(--text-primary, #eaf2ff)}.gs-chip.lr-cardstyle-holo{animation:lr-holo-chip 4.5s linear infinite}@keyframes lr-holo-chip{0%,to{box-shadow:0 0 0 2px #ff6ec7,4px 4px 0 var(--px-border-dark)}25%{box-shadow:0 0 0 2px #ffd86e,4px 4px 0 var(--px-border-dark)}50%{box-shadow:0 0 0 2px #6effa6,4px 4px 0 var(--px-border-dark)}75%{box-shadow:0 0 0 2px #6ec7ff,4px 4px 0 var(--px-border-dark)}}@media(prefers-reduced-motion:reduce){.gs-chip.lr-cardstyle-holo,.gs-chip.is-me.lr-cardstyle-holo{animation:none;box-shadow:0 0 0 2px #ff6ec7,4px 4px 0 var(--px-border-dark)}}:root{--gs-rail-w: 320px;--gs-dock-h: 60px;--gs-rail-breakpoint: 1024px}.gs-shell{flex:1;min-height:0;min-width:0;position:relative;display:grid;grid-template-areas:"hud   hud" "stage rail" "dock  rail";grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) var(--gs-rail-w);overflow:hidden}.gs-shell.gs-rail-collapsed{grid-template-columns:minmax(0,1fr) 0px}.gs-shell.gs-kb-open{margin-bottom:var(--gs-keyboard-inset, 0px)}.gs-shell.gs-kb-open .gs-dock{display:none}.gs-hud-wrap{grid-area:hud;min-width:0;overflow:visible;z-index:5}@media(display-mode:fullscreen){.gs-hud-wrap{position:absolute;top:0;left:0;right:0;z-index:7;overflow:visible;transform:translateY(calc(-100% + 8px));transition:transform .25s var(--ease-out-expo)}.gs-hud-wrap:hover,.gs-hud-wrap:focus-within{transform:translateY(0)}.gs-hud-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:rgba(var(--primary-rgb),.35);border-bottom:2px solid var(--px-border-dark);transition:background .2s;pointer-events:none}.gs-hud-wrap:hover:after,.gs-hud-wrap:focus-within:after{background:transparent;border-bottom-color:transparent}}.gs-stage{grid-area:stage;position:relative;min-height:0;min-width:0;overflow:hidden;container:stage / size}.gs-stage-inner{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.gs-rail{grid-area:rail;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--panel-bg);border-left:4px solid var(--px-border-dark);overflow:hidden;z-index:4}.gs-rail-collapsed .gs-rail{display:none}.gs-shell.gs-theater{grid-template-columns:minmax(0,1fr) 0px}.gs-theater .gs-rail,.gs-theater .gs-rail-collapse-btn,.gs-theater .gs-dock{display:none!important}.gs-rail-collapse-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);display:none;writing-mode:vertical-rl;padding:.8rem .3rem;background:var(--primary);color:var(--bg-darker);font-family:var(--font-title);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;box-shadow:-2px 2px 0 var(--px-border-dark);z-index:6}.gs-rail-collapsed .gs-rail-collapse-btn{display:block}.gs-rail-collapse-btn .gs-unread{display:inline-block;margin-top:.4rem;background:var(--gb-lie);color:var(--gb-cream);font-size:.7rem;padding:.1rem .25rem}.gs-rail-hide-btn{flex-shrink:0;width:100%;height:20px;background:var(--bg-darker);border:none;border-bottom:2px solid var(--px-border-dark);color:var(--text-secondary);cursor:pointer;font-size:.7rem;line-height:1}.gs-rail-hide-btn:hover{color:var(--primary);background:var(--panel-bg-hover)}@media(max-width:1023.98px){.gs-shell{grid-template-columns:minmax(0,1fr) 0px}.gs-rail,.gs-rail-collapse-btn{display:none!important}}.gs-dock{grid-area:dock;display:flex;align-items:center;gap:.5rem;height:calc(var(--gs-dock-h) + env(safe-area-inset-bottom,0px));padding:0 .6rem env(safe-area-inset-bottom,0px);background:var(--bg-darker);border-top:4px solid var(--px-border-dark);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;z-index:3}.gs-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .55rem .3rem .3rem;background:var(--panel-bg);box-shadow:2px 2px 0 var(--px-border-dark);flex-shrink:0;font-size:.8rem;color:var(--text-primary)}.gs-chip.is-me{box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 2px var(--primary)}.gs-chip.is-disconnected{opacity:.45}.gs-chip-av{width:30px;height:30px;display:grid;place-items:center;background:var(--bg-dark);font-family:var(--font-title);font-size:.8rem;overflow:hidden;flex-shrink:0}.gs-chip-av img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gs-chip-name{font-weight:700;max-width:9ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-chip-score{font-family:var(--font-title);color:var(--primary);font-size:.8rem}.gs-chip-status{width:14px;height:14px;display:grid;place-items:center;font-size:.7rem}.gs-chip-status.done{color:var(--gb-truth)}.gs-chip-status.waiting{color:var(--text-secondary);animation:gsChipBlink 1.2s steps(2) infinite}@keyframes gsChipBlink{50%{opacity:.25}}.gs-chip-host{color:var(--primary);font-size:.7rem}@media(max-width:520px){.gs-chip-name,.gs-chip-score{display:none}.gs-chip{padding:.3rem}:root{--gs-dock-h: 52px}}@media(max-height:500px)and (orientation:landscape){.gs-chip-name,.gs-chip-score{display:none}.gs-chip{padding:.25rem}:root{--gs-dock-h: 44px}.gs-chip-av{width:26px;height:26px}}@media(prefers-reduced-motion:reduce){.gs-chip-status.waiting{animation:none}}.gs-shell.gs-immersive .gs-hud-wrap,.gs-shell.gs-immersive .gs-dock{display:none}.gs-chrome-toggle{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 10px;border:2px solid var(--px-border-dark, rgba(0, 0, 0, .45));border-top:none;border-radius:0 0 10px 10px;background:rgba(var(--primary-rgb, 233, 69, 96),.82);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.gs-chrome-toggle:hover,.gs-chrome-toggle:focus-visible{background:rgba(var(--primary-rgb, 233, 69, 96),.96)}.gs-chrome-toggle-icon{font-size:13px;line-height:1}@media(prefers-reduced-motion:reduce){.gs-chrome-toggle{transition:none}}.gs-chrome-toggle{min-height:36px;top:max(0px,env(safe-area-inset-top,0px));background:rgba(var(--primary-rgb, 233, 69, 96),.95);border-color:var(--px-border-dark, rgba(0, 0, 0, .55));box-shadow:0 2px 8px #00000073}.gs-chrome-toggle-icon{font-size:15px}@media(max-width:1024px){.settings-modal-close,.settings-close,.device-settings-close,.game-explainer-close,.mobile-game-menu-close,.mobile-drawer-close,.mobile-overlay-close,.mobile-menu-close,.invite-modal-close,.popup-close-btn,.tutorial-close,.chat-close-btn,.home-header-menu-close{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.settings-modal *,.device-settings-modal *,.game-explainer-modal *,.mobile-drawer *,.mobile-game-menu-panel *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:1024px){.gs-stage-inner:has(.gs-lobby-scene){overflow-y:auto;overflow-x:hidden}.gs-lobby-scene{flex:none!important;min-height:100%!important;height:auto!important}.gs-lobby-scene .gs-scroll-hint{display:none!important}.gs-lobby-panes{grid-template-columns:1fr!important;align-content:start!important;gap:clamp(.75rem,3cqb,1.25rem)!important}.lobby-waiting-card{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;overflow:visible!important;align-items:stretch!important;justify-content:flex-start!important}.lobby-mascot{display:none!important}.gs-lobby-scene .gs-scene-actions{position:sticky;bottom:0;z-index:3;background:var(--bg-secondary, var(--bg-darker, #15131f));padding-top:.5rem;padding-bottom:max(.25rem,env(safe-area-inset-bottom,0px))}.lobby-start-section,.lobby-start-btn{width:100%}}.gs-stage{--gs-pad-block: clamp(.5rem, 2cqb, 1.5rem);--gs-pad-inline: clamp(.75rem, 3cqi, 2.5rem);--gs-gap: clamp(.4rem, 1.5cqb, 1rem);--gs-text-sm: clamp(.7rem, 1.8cqb, .9rem);--gs-text-md: clamp(.8rem, 2.4cqb, 1.15rem);--gs-text-lg: clamp(.95rem, 3.4cqb, 1.7rem);--gs-text-xl: clamp(1.1rem, 4.5cqb, 2.1rem)}.gs-scene{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--gs-pad-block) var(--gs-pad-inline);gap:var(--gs-gap)}.gs-scene-header{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:clamp(.3rem,1cqb,.7rem);min-width:0}.gs-scene-body{flex:1;min-height:0;display:flex;flex-direction:column;min-width:0}.gs-scene-body.is-centered{align-items:center;justify-content:center}.gs-scene-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0}.gs-option-grid{flex:1;min-height:0;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));grid-auto-rows:minmax(clamp(48px,10cqb,84px),auto);gap:var(--gs-gap);align-content:center;padding:var(--px)}.gs-option-grid>*{min-height:0;min-width:0}.gs-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gs-lobby-panes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(.6rem,2cqi,1.4rem);align-content:center}.gs-pane{min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.4rem,1.6cqb,.9rem)}.gs-scroll-hint{position:sticky;bottom:0;flex-shrink:0;width:100%;height:40px;margin-top:-40px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(transparent,var(--bg-secondary) 70%);opacity:0;pointer-events:none;transition:opacity .2s;z-index:2}.gs-scroll-hint.is-visible{opacity:1}.gs-scroll-hint-chevron{display:flex;align-items:center;justify-content:center;min-width:34px;height:20px;background:var(--primary);color:var(--bg-darker);font-size:15px;font-weight:700;line-height:1;box-shadow:2px 2px 0 var(--px-border-dark);animation:gsScrollHintBob 1.1s steps(2) infinite}@keyframes gsScrollHintBob{50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.gs-scroll-hint-chevron{animation:none}}@container stage (max-height: 600px){.gs-hide-short{display:none!important}.gs-pane{overflow-y:auto;overflow-x:hidden;justify-content:flex-start;scrollbar-width:thin}}@container stage (max-height: 540px){.gs-scene{gap:.35rem}.gs-lobby-panes{align-content:start}}@container stage (max-height: 420px){.gs-stage-inner{overflow-y:auto}.gs-scene{flex:none;min-height:100%;height:auto}.gs-option-grid{flex:none;grid-auto-rows:minmax(44px,auto)}}.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:var(--bg-darker);border-top:4px solid var(--px-border-dark);box-shadow:inset 0 2px 0 var(--px-bevel-light);z-index:var(--z-filmstrip)}.video-filmstrip.collapsed{height:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-filmstrip.collapsed:hover .filmstrip-resize-handle:before{background:var(--primary)}.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:48px;height:4px;background:rgba(var(--primary-rgb),.45);box-shadow:1px 1px 0 var(--px-border-dark);transition:background .2s}.filmstrip-resize-handle:hover:before{background:var(--primary)}.filmstrip-popout-btn{position:absolute;top:2px;right:12px;z-index:11;display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--panel-bg);border:1px solid var(--px-border);border-radius:0;box-shadow:1px 1px 0 var(--px-border-dark);color:var(--text-secondary);font-family:var(--font-title);font-size:11px;cursor:pointer;transition:all .2s}.filmstrip-popout-btn:hover{border-color:var(--primary);color:var(--primary)}.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 var(--px-bevel-light)}.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:var(--panel-bg);border:1px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--primary);font-family:var(--font-title);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{border-color:var(--primary);background:var(--panel-bg-hover)}.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(--primary) transparent}.video-filmstrip-feeds::-webkit-scrollbar{height:4px}.video-filmstrip-feeds::-webkit-scrollbar-track{background:transparent}.video-filmstrip-feeds::-webkit-scrollbar-thumb{background:var(--primary);border-radius:0}.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:rgba(var(--secondary-rgb),.35)}.video-filmstrip{box-shadow:0 -4px 16px rgba(var(--secondary-rgb),.15)}.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:var(--bg-darker);border-radius:0;border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark)}.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:36px;height:36px;min-width:36px;min-height:36px;position:relative;background:transparent;border:none;border-radius:0;color:var(--text-secondary);font-family:var(--font-hand);font-size:.75rem;cursor:pointer;transition:all .15s ease}.video-control-btn:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.video-control-btn:hover{background:var(--panel-bg-hover);color:var(--primary)}.video-control-btn:active{transform:translateY(1px)}.video-control-btn.muted,.video-control-btn.off{background:color-mix(in srgb,var(--gb-lie) 20%,var(--bg-darker));color:var(--gb-lie)}.video-control-btn.off:hover{background:color-mix(in srgb,var(--gb-lie) 32%,var(--bg-darker))}.video-control-btn.leave{background:color-mix(in srgb,var(--gb-lie) 20%,var(--bg-darker));color:var(--gb-lie)}.video-control-btn.leave:hover{background:color-mix(in srgb,var(--gb-lie) 32%,var(--bg-darker))}.video-join-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--secondary);border:none;border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--gb-cream);font-family:var(--font-title);font-size:.85rem;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.video-join-btn:hover{background:var(--secondary-light);transform:translateY(-1px)}.video-join-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--px-border-dark)}.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:var(--bg-darker);border:2px solid var(--primary);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--primary);font-family:var(--font-title);font-size:.75rem;letter-spacing:.04em;animation:preparingPulse 2s steps(2) infinite}@keyframes preparingPulse{0%,to{opacity:1}50%{opacity:.7}}.video-control-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.video-control-btn.off:focus-visible{outline-color:var(--gb-lie)}.video-control-btn:not(.off):not(.muted){color:var(--gb-cream)}@keyframes mutedPulse{0%,to{opacity:1}50%{opacity:.65}}.video-control-btn.off,.video-control-btn.muted{animation:mutedPulse 3s steps(2) 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);box-shadow:2px 2px 0 var(--px-border-dark);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(--primary);box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 2px var(--primary)}.video-feed.self{border-color:var(--gb-cyan);box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 2px rgba(var(--secondary-rgb),.45)}.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:var(--bg-secondary)}.webcam-avatar,.video-feed-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--secondary);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-away-badge{position:absolute;top:6px;left:6px;z-index:4;padding:2px 8px;border-radius:var(--radius-sm);background:#000000b3;color:#ffffffeb;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;pointer-events:none}.sb-webcam-tile.is-speaking{border-color:var(--gb-cream, #f7e7c5);box-shadow:0 0 0 2px var(--gb-cream, #f7e7c5),0 0 16px #f7e7c580;animation:speakingPulse 1.1s ease-in-out infinite}.sb-webcam-tile:not(.is-speaking){transition:box-shadow .28s ease-in,border-color .28s ease-in}@keyframes speakingPulse{0%,to{box-shadow:0 0 0 2px var(--gb-cream, #f7e7c5),0 0 12px #f7e7c573}50%{box-shadow:0 0 0 3px var(--gb-cream, #f7e7c5),0 0 22px #f7e7c5c7}}.webcam-speaking-ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 2px var(--gb-cream, #f7e7c5),inset 0 0 14px #f7e7c58c;opacity:0;transition:opacity .25s ease}.webcam-speaking-ring.active{opacity:1;animation:speakingRingPulse 1.1s ease-in-out infinite}@keyframes speakingRingPulse{0%,to{opacity:.6}50%{opacity:1}}.webcam-connecting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0a08188c;z-index:3}.webcam-connecting-spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(247,231,197,.25);border-top-color:var(--gb-cream, #f7e7c5);animation:webcamSpin .8s linear infinite}.webcam-connecting-label{font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffd9;font-family:var(--font-hand, inherit)}.webcam-display.small .webcam-connecting-label{font-size:.5625rem}.webcam-display.small .webcam-connecting-spinner{width:18px;height:18px}@keyframes webcamSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sb-webcam-tile.is-speaking{animation:none;box-shadow:0 0 0 2px var(--gb-cream, #f7e7c5),0 0 16px #f7e7c599}.webcam-speaking-ring.active{animation:none;opacity:1}.webcam-connecting-spinner{animation:none;border-top-color:#f7e7c599}.video-control-btn.off,.video-control-btn.muted,.webcam-muted,.webcam-host-icon,.mobile-video-grid-item,.mobile-video-grid-item.local,.mobile-video-grid-item.is-turn{animation:none}}.webcam-quality{position:absolute;top:6px;right:6px;z-index:4;display:flex;align-items:flex-end;gap:2px;height:14px;padding:2px 3px;border-radius:var(--radius-sm);background:#00000073;pointer-events:none}.webcam-quality .q-bar{width:3px;border-radius:var(--radius-sm);background:currentColor;opacity:.3}.webcam-quality .q1{height:33%}.webcam-quality .q2{height:66%}.webcam-quality .q3{height:100%}.webcam-quality.is-good{color:var(--success-500)}.webcam-quality.is-ok{color:var(--gold-400)}.webcam-quality.is-poor{color:var(--danger-400)}.webcam-quality.is-good .q-bar,.webcam-quality.is-ok .q1,.webcam-quality.is-ok .q2,.webcam-quality.is-poor .q1{opacity:1}.webcam-display.small .webcam-quality{height:11px;padding:1px 2px;top:4px;right:4px}.webcam-display.small .webcam-quality .q-bar{width:2px}.webcam-audio-control{position:absolute;left:6px;bottom:26px;z-index:5;display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:var(--radius-sm);background:#0000008c;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.webcam-display:hover .webcam-audio-control,.webcam-audio-control.is-muted{opacity:1;transform:translateY(0);pointer-events:auto}.webcam-audio-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;flex-shrink:0}.webcam-audio-btn.muted{color:var(--danger-400, #f87171)}.webcam-volume-slider{width:56px;height:4px;accent-color:var(--primary, #ffb648);cursor:pointer}.webcam-volume-slider:disabled{opacity:.4;cursor:default}.webcam-display.small .webcam-audio-control{bottom:22px}.webcam-display.small .webcam-volume-slider{width:42px}@media(hover:none){.webcam-audio-control{opacity:1;transform:none;pointer-events:auto}.webcam-volume-slider{display:none}}.webcam-reaction{position:absolute;left:50%;bottom:28px;z-index:6;font-size:2rem;pointer-events:none;transform:translate(-50%);animation:webcamReactionFloat 4s ease-out forwards;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes webcamReactionFloat{0%{opacity:0;transform:translate(-50%,8px) scale(.5)}12%{opacity:1;transform:translate(-50%) scale(1.15)}25%{transform:translate(-50%,-6px) scale(1)}80%{opacity:1;transform:translate(-50%,-40px) scale(1)}to{opacity:0;transform:translate(-50%,-64px) scale(.9)}}@media(prefers-reduced-motion:reduce){.webcam-reaction{animation:webcamReactionFade 4s ease-out forwards}@keyframes webcamReactionFade{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}}.video-reactions-wrap{position:relative;display:inline-flex}.video-reactions-popover{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:1001;display:flex;flex-direction:column;gap:2px;padding:6px;border-radius:var(--radius-md, 10px);background:var(--bg-secondary, #1b1040);border:1px solid var(--panel-border, rgba(255, 255, 255, .12));box-shadow:var(--shadow-lg)}.video-reactions-row{display:flex;gap:2px}.video-reaction-emoji{border:none;background:transparent;font-size:1.25rem;line-height:1;padding:4px;border-radius:var(--radius-md);cursor:pointer;transition:transform .1s ease,background .1s ease}.video-reaction-emoji:hover{transform:scale(1.25);background:var(--bg-card-hover)}.video-reactions-pack-label{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, rgba(255, 255, 255, .5));white-space:nowrap}.video-reactions-pack-label:before,.video-reactions-pack-label:after{content:"";flex:1;height:1px;background:var(--panel-border, rgba(255, 255, 255, .12))}.video-reaction-emoji.locked{position:relative;opacity:.45;filter:grayscale(.6);cursor:not-allowed}.video-reaction-emoji.locked:hover{transform:none;background:transparent}.video-reaction-lock{position:absolute;right:-1px;bottom:-1px;font-size:.55rem;line-height:1;filter:none;pointer-events:none}.video-ptt-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);background:#34d3992e;color:var(--success-500);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;animation:pttPulse 1s ease-in-out infinite}@keyframes pttPulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.video-ptt-indicator{animation:none}}.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:var(--radius-sm)}.webcam-turn-indicator{position:absolute;top:0;left:0;right:0;padding:4px;background:var(--primary);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:2px 2px 0 var(--px-border-dark),0 0 0 2px var(--primary)}50%{box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 3px var(--primary-light)}}.webcam-display.is-turn,.video-feed.current-turn{animation:turnGlow 1.2s steps(2) infinite}@keyframes hostCrownGlow{0%,to{filter:drop-shadow(0 0 2px rgba(var(--primary-rgb),.5))}50%{filter:drop-shadow(0 0 6px rgba(var(--primary-rgb),.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(var(--secondary-rgb),.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 rgba(var(--secondary-rgb),.5)}.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.grid-scroll{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:minmax(130px,24vh);align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--spacing-md) * 2 + 48px + env(safe-area-inset-bottom,0px))}.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 rgba(var(--secondary-rgb),.3)}.mobile-video-grid-item.active-speaker,.mobile-video-grid-item.is-turn{border-color:var(--gb-pink);box-shadow:0 0 15px rgba(var(--primary-rgb),.4)}.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:var(--primary-dark)}@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 rgba(var(--secondary-rgb),.3)}50%{box-shadow:0 0 18px rgba(var(--secondary-rgb),.5)}}.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:var(--bg-card);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:rgba(var(--secondary-rgb),.1)}.enhancement-toggle.active{background:rgba(var(--secondary-rgb),.15)}.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:var(--bg-card-hover);border-radius:var(--radius-full);color:var(--text-secondary)}.enhancement-toggle.active .enhancement-status{background:rgba(var(--secondary-rgb),.2);color:var(--gb-cyan)}.enhancement-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--panel-border);background:var(--bg-card)}.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:var(--bg-card-hover);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:rgba(var(--secondary-rgb),.1)}.background-option.selected{border-color:var(--gb-pink);background:rgba(var(--primary-rgb),.15)}.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:rgba(var(--secondary-rgb),.15)}.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:var(--shadow-lg);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:var(--bg-card)}.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:rgba(var(--primary-rgb),.2);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:rgba(var(--secondary-rgb),.1);border:1px solid rgba(var(--secondary-rgb),.35);border-radius:0;font-size:.75rem;font-style:italic;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:var(--panel-bg);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark)}.chat-message.mine .chat-message-bubble{background:var(--primary);border-radius:0}.chat-message.mine .chat-message-text{color:var(--bg-darker);font-weight:600}.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:#140a0499}.chat-input-container{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);border-top:1px solid var(--panel-border);background:var(--bg-card)}.chat-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-darker);border:2px solid var(--px-border);border-radius:0;box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark);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 rgba(var(--secondary-rgb),.15)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:var(--btn-face);border:none;border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--bg-darker);cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat-send-btn:active:not(:disabled){transform:translateY(2px)}.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}@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:var(--bg-card);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-title);font-size:.875rem;color:var(--text-secondary);padding:.125rem .5rem;background:var(--bg-darker);border:1px solid var(--px-border);border-radius:0;box-shadow:1px 1px 0 var(--px-border-dark)}.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:var(--panel-bg);border-radius:0;border:2px solid transparent;box-shadow:2px 2px 0 var(--px-border-dark);transition:all .2s ease}.player-list-item:hover,.player-item:hover{background:var(--panel-bg-hover)}.player-list-item.is-me,.player-item.self,.player-item.is-me{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--panel-bg))}.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:var(--bg-card-hover);gap:var(--spacing-xs)}.player-avatar-container{position:relative;flex-shrink:0}.player-avatar{width:40px;height:40px;border-radius:0;background:var(--secondary);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 var(--px-border);box-shadow:1px 1px 0 var(--px-border-dark)}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-avatar.placeholder{background:var(--bg-secondary);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:0;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:rgba(var(--primary-rgb),.2);border:1px solid var(--gb-pink);border-radius:0;box-shadow:1px 1px 0 var(--px-border-dark);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-badge.host{background:rgba(var(--primary-rgb),.2);border-color:var(--gb-pink);color:var(--gb-pink)}.player-badge.you{background:rgba(var(--secondary-rgb),.2);border-color:var(--gb-cyan);color:var(--gb-cyan)}.player-score-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.125rem .5rem;background:var(--bg-darker);border:1px solid var(--px-border);box-shadow:1px 1px 0 var(--px-border-dark);font-family:var(--font-title);font-size:.6875rem;font-weight:700;color:var(--primary);letter-spacing:.03em}.player-premium-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.125rem .5rem;border:1px solid;box-shadow:1px 1px 0 var(--px-border-dark);font-family:var(--font-title);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.player-premium-badge.premium{background:#ffd7001f;border-color:var(--gold-400);color:var(--gold-400)}.player-premium-badge.pro{background:rgba(var(--secondary-rgb),.15);border-color:var(--gb-cyan);color:var(--gb-cyan)}.player-premium-badge.compact{padding:.0625rem .3125rem;font-size:.5rem}.player-spectator-badge{display:inline-flex;align-items:center;gap:.25rem;width:-moz-fit-content;width:fit-content;padding:.125rem .5rem;background:rgba(var(--secondary-rgb),.15);border:1px solid var(--gb-cyan);box-shadow:1px 1px 0 var(--px-border-dark);font-family:var(--font-title);font-size:.625rem;font-weight:700;color:var(--gb-cyan);text-transform:uppercase;letter-spacing:.05em}.player-team-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.125rem .5rem;border:1px solid var(--px-border-dark);box-shadow:1px 1px 0 var(--px-border-dark);font-family:var(--font-title);font-size:.5625rem;font-weight:700;color:var(--bg-darker);text-transform:uppercase;letter-spacing:.04em}.player-team-badge.compact{padding:.0625rem .3125rem;font-size:.5rem}.kick-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:transparent;border:1px solid transparent;color:var(--text-secondary);opacity:.55;cursor:pointer;transition:all .15s ease}.kick-button:hover{opacity:1;color:var(--gb-lie);border-color:var(--gb-lie);background:#e052521f;box-shadow:1px 1px 0 var(--px-border-dark)}.kick-confirm-buttons{display:flex;gap:.25rem;flex-shrink:0}.kick-confirm-btn{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;border:1px solid var(--px-border);box-shadow:1px 1px 0 var(--px-border-dark);font-family:var(--font-title);font-size:.625rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.kick-confirm-btn.confirm{background:var(--gb-lie);border-color:var(--gb-lie);color:var(--gb-cream)}.kick-confirm-btn.confirm:hover{filter:brightness(1.15)}.kick-confirm-btn.cancel{background:var(--bg-darker);color:var(--text-secondary)}.kick-confirm-btn.cancel:hover{color:var(--text-primary)}.spectator-player-clickable{cursor:pointer}.spectator-player-clickable:hover{box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 1px var(--gb-cyan)}.spectator-player-active{border-color:var(--gb-cyan);background:rgba(var(--secondary-rgb),.12);box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 1px 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:rgba(var(--secondary-rgb),.15)}.player-list-item:active,.player-item:active{transform:scale(.98);background:var(--bg-card-hover)}.player-list-item.is-me,.player-item.is-me{box-shadow:2px 2px 0 var(--px-border-dark),0 0 0 1px var(--primary)}.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{opacity:1}50%{opacity:.55}}.player-status.online{animation:statusPulse 2s steps(2) infinite}.player-status.offline{animation:none}@keyframes hostCrownShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.player-host-badge svg,.host-icon{animation:hostCrownShimmer 2s steps(2) infinite}.player-list-item:hover .player-host-badge{background:rgba(var(--primary-rgb),.3);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:var(--bg-card-hover);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:rgba(var(--secondary-rgb),.2);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:4px solid var(--px-border-dark);box-shadow:inset 4px 0 0 0 var(--px-border);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:2px solid var(--px-border-dark)}.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:rgba(var(--secondary-rgb),.1)}.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:var(--radius-lg);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:var(--bg-card-hover);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:rgba(var(--secondary-rgb),.2);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:var(--radius-md);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) + env(safe-area-inset-top,0px) + 8px);right:12px;width:min(240px,calc(100vw - 24px));max-height:calc(100dvh - var(--header-height-mobile) - env(safe-area-inset-top,0px) - 24px);padding-right:env(safe-area-inset-right,0px);background:var(--bg-secondary);border:2px solid var(--px-border);border-radius:0;box-shadow:4px 4px 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--primary);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:2px solid var(--px-border-dark);background:var(--bg-darker)}.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:44px;height:44px;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:color-mix(in srgb,var(--gb-lie) 20%,var(--bg-darker));color:var(--gb-lie)}.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:rgba(var(--secondary-rgb),.1)}.mobile-game-menu-item:disabled{opacity:.5;cursor:not-allowed}.mobile-game-menu-item.danger:hover{background:#ef44441a}.mobile-game-menu-item.highlight{background:rgba(var(--primary-rgb),.1)}.mobile-game-menu-item.highlight:hover{background:rgba(var(--primary-rgb),.2)}.mobile-game-menu-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card-hover);border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.mobile-game-menu-item-icon.highlight{background:rgba(var(--primary-rgb),.2);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:var(--radius-md);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) - env(safe-area-inset-top,0px) - 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:rgba(var(--secondary-rgb),.15)}.mobile-game-menu-btn:active{transform:scale(.95);background:rgba(var(--secondary-rgb),.3)}.mobile-game-menu-close:active{transform:scale(.9);background:#ef44444d}.mobile-game-menu-item:active:not(:disabled){transform:scale(.98);background:rgba(var(--secondary-rgb),.2)}.mobile-game-menu-item.danger:active{background:#ef444440}.mobile-game-menu-item.highlight:active{background:rgba(var(--primary-rgb),.3)}@keyframes menuBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mobile-game-menu-badge{animation:menuBadgePulse 2s steps(2) 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:rgba(var(--secondary-rgb),.25);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:rgba(var(--primary-rgb),.3);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) - env(safe-area-inset-top,0px) - 16px)}.mobile-game-menu-header{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-game-menu-title{font-size:.75rem}.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:var(--shadow-lg);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:var(--radius-sm)}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--panel-border);background:var(--bg-card);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:rgba(var(--primary-rgb),.2);color:var(--gb-pink)}.mobile-drawer-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-drawer-close:focus-visible{outline:2px solid var(--gb-cyan);outline-offset:2px;background:rgba(var(--secondary-rgb),.1)}.mobile-drawer-close:active{transform:scale(.9);background:rgba(var(--primary-rgb),.3)}.mobile-drawer-title svg{color:var(--primary)}.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:var(--shadow-lg),-2px 0 8px rgba(var(--secondary-rgb),.15)}@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;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(--primary)}.mobile-overlay-close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-md);color:var(--gb-pink);cursor:pointer;transition:all .2s ease}.mobile-overlay-close:hover{background:rgba(var(--primary-rgb),.2);border-color:var(--gb-pink)}.mobile-overlay-close:active{transform:scale(.95);background:rgba(var(--primary-rgb),.3)}.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(prefers-reduced-motion:reduce){.mobile-game-menu-badge,.mobile-game-menu-item-badge,.mobile-game-menu-item,.mobile-drawer-content>*,.mobile-overlay-content>*{animation:none}}.qr-scanner-overlay{position:fixed;inset:0;z-index:var(--z-settings-modal, 9999);background:#000;display:flex;align-items:center;justify-content:center}.qr-scanner-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qr-scanner-frame{position:relative;width:min(68vw,46vh,320px);aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 100vmax #00000073;pointer-events:none}.qr-scanner-frame-reject{border-color:#ef4444;animation:qr-frame-shake .35s ease-in-out}@keyframes qr-frame-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.qr-scanner-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000008c;border:2px solid rgba(255,255,255,.7);border-radius:50%;color:#fff;cursor:pointer}.qr-scanner-caption{position:absolute;left:0;right:0;bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 1.5rem;text-align:center}.qr-scanner-hint{margin:0;color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.8)}.qr-scanner-error{color:#fca5a5}.qr-scanner-fallback-btn{min-height:44px;padding:.6rem 1.5rem;background:var(--primary, #00d9ff);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.qr-scanner-file-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.qr-scanner-library-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.4rem 1.25rem;background:#0000008c;color:#fff;border:2px solid rgba(255,255,255,.7);border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.qr-scanner-photo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.05rem;padding:.85rem 1.75rem;margin-bottom:.5rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.qr-scanner-photo-btn svg{width:1.25em;height:1.25em}.invite-modal-roomcode{font-size:2rem;font-weight:800;letter-spacing:.25em;text-align:center;margin:.25rem 0 .75rem;color:var(--primary, #00d9ff)}.home-scan-qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:44px;padding:.6rem 1rem;background:transparent;color:var(--text-secondary);border:2px dashed var(--panel-border);border-radius:10px;font-weight:700;cursor:pointer}.home-scan-qr-btn:hover{border-color:var(--primary);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.qr-scanner-frame-reject{animation:none}}.home-page{height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,3dvh,2.5rem);padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px) + clamp(.75rem,2dvh,2rem));padding-bottom:max(clamp(1rem,3dvh,2.5rem),env(safe-area-inset-bottom));overflow-y:auto;background:transparent;isolation:isolate;position:relative}.home-page:after{content:"";position:fixed;inset:0;background:var(--gradient-spotlight);pointer-events:none;z-index:0}.home-header{position:fixed;top:0;left:0;right:0;height:calc(var(--header-height) + env(safe-area-inset-top,0px));display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) var(--spacing-lg) 0;background:var(--panel-bg);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(var(--primary-rgb),.3))}.home-header-text{display:flex;flex-direction:column;gap:0;line-height:1.1}.home-header-logotype{display:flex;flex-direction:column;line-height:.95}.home-header-logotype-prefix{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:.55rem;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;color:var(--gb-cream);-webkit-text-fill-color:var(--gb-cream);text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink)}.home-header-logotype-main{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:1.2rem;letter-spacing:.01em;text-transform:uppercase;color:#33e6ff;-webkit-text-fill-color:#33e6ff;text-shadow:-1.5px -1.5px 0 var(--ink),1.5px -1.5px 0 var(--ink),-1.5px 1.5px 0 var(--ink),1.5px 1.5px 0 var(--ink),0 -1.5px 0 var(--ink),0 1.5px 0 var(--ink),-1.5px 0 0 var(--ink),1.5px 0 0 var(--ink),2px 2px 0 rgba(4,16,24,.9)}.home-header-branding{display:flex;align-items:baseline;gap:.1em;font-family:var(--font-title);font-size:.7rem;letter-spacing:.02em}.home-header-by{color:var(--text-secondary);font-size:.9em}.home-header-game{color:var(--gb-gold)}.home-header-buddies{color:var(--gb-lavender)}.home-header-io{color:var(--text-secondary);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-gold);color:var(--gb-gold);background:rgba(var(--primary-rgb),.1)}.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-gold);background:rgba(var(--primary-rgb),.1)}.home-header-menu-backdrop{position:fixed;inset:0;background:#0009;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:var(--shadow-lg);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(--gb-gold)}.home-header-menu-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card-hover);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-header-menu-close:hover{background:var(--panel-bg-hover);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:rgba(var(--primary-rgb),.1)}.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-gold)}.home-header-menu-content{display:flex;flex-direction:column;gap:2px}.home-header-menu-label{font-family:var(--font-body);font-size:1rem;color:var(--text-primary)}.home-header-menu-sublabel{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary)}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(.25rem,1dvh,1rem);margin-bottom:clamp(.5rem,2dvh,1.5rem);animation:fadeInUp .6s ease-out;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-mascot{width:clamp(72px,14vw,120px);height:auto;filter:drop-shadow(4px 5px 0 rgba(6,9,20,.45));animation:pkMascotBob 3s ease-in-out infinite;position:relative;z-index:1}@keyframes pkMascotBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.home-logotype{display:flex;flex-direction:column;align-items:center;gap:0;margin:0;line-height:.92;position:relative;z-index:1}.home-logotype-prefix{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:clamp(.9rem,3.2vw,1.4rem);letter-spacing:.45em;text-indent:.45em;text-transform:uppercase;color:var(--gb-cream);-webkit-text-fill-color:var(--gb-cream);text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink)}.home-logotype-main{font-family:var(--font-title);font-style:normal;font-weight:400;font-size:clamp(2.75rem,12vw,5.25rem);letter-spacing:.01em;text-transform:uppercase;color:#33e6ff;-webkit-text-fill-color:#33e6ff;text-shadow:-3px -3px 0 var(--ink),3px -3px 0 var(--ink),-3px 3px 0 var(--ink),3px 3px 0 var(--ink),0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink),4px 4px 0 rgba(4,16,24,.9)}.home-tagline{font-family:var(--font-body);font-size:clamp(1rem,3vw,1.35rem);color:var(--gb-cream);font-weight:700;text-shadow:0 1px 12px rgba(0,0,0,.55);max-width:400px;line-height:1.4}.home-gb-branding{display:flex;align-items:baseline;gap:.15em;font-family:var(--font-title);font-size:clamp(.9rem,2.5vw,1.1rem);letter-spacing:.02em;text-shadow:0 1px 10px rgba(0,0,0,.5)}.home-gb-by{color:var(--gb-cream);font-size:.85em}.home-gb-game{color:var(--gb-gold)}.home-gb-buddies{color:var(--gb-lavender)}.home-gb-io{color:var(--gb-cream);font-size:.85em}.home-mp-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--panel-bg);border:1px solid transparent;border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);font-family:var(--font-body);font-size:.9rem;animation:fadeInUp .6s ease-out .15s backwards;position:relative;z-index:1}.home-mp-badge svg{color:var(--gb-gold);flex-shrink:0}.home-mp-badge-count{color:var(--gb-gold);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:clamp(.5rem,2dvh,1.5rem);animation:fadeInUp .6s ease-out .25s backwards;position:relative;z-index:1}.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:var(--panel-bg);border-radius:var(--radius-sm);color:var(--gb-gold);flex-shrink:0;box-shadow:2px 2px 0 var(--px-border-dark)}.home-step-text{font-family:var(--font-body);font-size:.85rem;font-weight:700;color:var(--gb-cream);text-shadow:0 1px 10px rgba(0,0,0,.5);white-space:nowrap}.home-step-arrow{color:var(--gb-cream);text-shadow:0 1px 8px rgba(0,0,0,.5);font-size:1rem;flex-shrink:0}.home-cards-wrapper{display:flex;justify-content:center;align-items:flex-start;width:100%;position:relative;z-index:1}.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:clamp(1rem,3dvh,2rem);background:var(--panel-bg);border:1px solid transparent;border-radius:0;text-align:center;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--px-bevel-light),inset 0 calc(-1 * var(--px)) 0 0 var(--px-bevel-dark);transition:border-color .28s var(--ease-out-expo);animation:fadeInUp .28s var(--ease-out-expo) backwards}.home-card:nth-child(1){animation-delay:.1s}.home-card:nth-child(2){animation-delay:.2s}.home-card:hover{border-color:rgba(var(--primary-rgb),.35)}.home-card .card-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:clamp(.25rem,1dvh,.75rem)}.home-card .card-header h2{font-family:var(--font-title);font-size:clamp(1.2rem,3dvh,1.5rem);color:var(--gb-gold);margin:0}.home-card .card-header svg{color:var(--gb-gold)}.home-card .card-description{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);margin-bottom:clamp(.5rem,1.5dvh,1.5rem);line-height:1.4}.home-form{display:flex;flex-direction:column;gap:clamp(.5rem,1.5dvh,1rem)}.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-darker);border:2px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);cursor:pointer;transition:all .2s ease;flex-shrink:0}.home-checkbox:checked{background:var(--gb-gold);border-color:var(--px-border-dark)}.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:var(--shadow-glow-gold)}.home-checkbox-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary)}.home-btn{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:0;font-family:var(--font-title);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1),background .16s cubic-bezier(.23,1,.32,1)}.home-btn.primary{background:var(--btn-face);color:var(--bg-darker);font-weight:700;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border-dark),0 var(--px) 0 0 var(--px-border-dark),calc(-1 * var(--px)) 0 0 0 var(--px-border-dark),var(--px) 0 0 0 var(--px-border-dark),0 calc(3 * var(--px)) 0 calc(-1 * var(--px)) var(--btn-shadow),inset 0 var(--px) 0 0 #ffffff61,inset 0 calc(-1 * var(--px)) 0 0 #140a0447}.home-btn.primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.home-btn.primary:active:not(:disabled){transform:translateY(3px)}.home-btn.secondary{background:var(--secondary);color:#0d2a2b;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border-dark),0 var(--px) 0 0 var(--px-border-dark),calc(-1 * var(--px)) 0 0 0 var(--px-border-dark),var(--px) 0 0 0 var(--px-border-dark),0 calc(3 * var(--px)) 0 calc(-1 * var(--px)) var(--btn-shadow),inset 0 var(--px) 0 0 #ffffff4d,inset 0 calc(-1 * var(--px)) 0 0 #140a0447}.home-btn.secondary:hover:not(:disabled){background:var(--secondary-light);transform:translateY(-2px)}.home-btn.secondary:active:not(:disabled){transform:translateY(3px)}.home-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.home-btn:active:not(:disabled){transform:translateY(1px)}.home-btn:focus-visible{outline:2px solid var(--gb-gold);outline-offset:2px}.home-tip-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:clamp(.5rem,2dvh,1.5rem);padding:var(--spacing-xs) var(--spacing-lg);background:var(--bg-darker);border:1px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--primary-light);font-family:var(--font-body);font-weight:600;font-size:.9rem;animation:fadeInUp .6s ease-out .4s backwards;position:relative;z-index:1}.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:rgba(var(--primary-rgb),.15);border:1px solid rgba(var(--primary-rgb),.3);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;animation:fadeInUp .4s ease-out;position:relative;z-index:1}.home-gb-banner svg{flex-shrink:0;color:var(--gb-gold)}.home-gb-banner span{background:linear-gradient(135deg,var(--gb-gold) 0%,var(--gb-lavender) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.home-error{width:100%;max-width:400px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:color-mix(in srgb,var(--gb-lie) 12%,transparent);border:2px solid var(--gb-lie);border-radius:var(--radius-lg);color:var(--gb-lie);text-align:center;font-family:var(--font-body);animation:shake .4s ease-in-out;position:relative;z-index:1}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.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:var(--bg-primary);border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}@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-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-emoji{font-size:3rem}.home-cards{flex-direction:column;align-items:center}.home-card{max-width:100%;padding:var(--spacing-lg)}.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-mp-badge{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md)}.home-steps{flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.home-step-arrow{transform:rotate(90deg);font-size:.8rem}.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-emoji{font-size:2.5rem}.home-title{font-size:1.5rem}.home-tagline,.home-gb-branding{display:none}.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{display:none}}@media(max-width:374px){.home-page{padding:var(--spacing-sm);padding-top:calc(var(--header-height-mobile) + var(--spacing-md))}.home-mascot-emoji{font-size:2.5rem}.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-cards{max-width:900px}.home-card{min-width:380px}}@media(prefers-reduced-motion:reduce){.home-mascot-emoji,.home-mascot,.home-hero,.home-mp-badge,.home-steps,.home-tip-banner,.home-gb-banner,.home-card{animation:none}}.mobile-hidden{display:block}.lobby-waiting-card{position:relative;max-width:520px;margin:0 auto;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px solid transparent;border-radius:0;text-align:center;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--primary);overflow:hidden}.gs-pane.lobby-waiting-card{max-width:none;margin:0;justify-content:flex-start;overflow:visible}.gs-pane-scroll{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(.4rem,1.6cqb,.9rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.gs-pane-scroll::-webkit-scrollbar{display:none}.gs-pane.lobby-waiting-card>.gs-scroll-hint{position:absolute;left:50%;right:auto;bottom:-10px;transform:translate(-50%);width:auto;height:auto;margin:0;background:none;z-index:3}.gs-pane.lobby-waiting-card>.gs-scroll-hint.gs-scroll-hint-up{bottom:auto;top:-10px;align-items:flex-start}.gs-scroll-hint-up .gs-scroll-hint-chevron{animation-name:gsScrollHintBobUp}@keyframes gsScrollHintBobUp{50%{transform:translateY(-4px)}}.gs-pane .bluffalo-host-settings,.gs-pane .solo-invite-panel{flex-shrink:0;width:100%}.gs-pane .solo-invite-panel{margin:0}.lobby-mascot{width:88px;height:88px;-o-object-fit:contain;object-fit:contain;margin:calc(var(--px) + .25rem) auto .5rem;display:block;animation:bluffaloIdleBob 3s var(--ease-in-out-expo) infinite}.lobby-waiting-header{margin-bottom:var(--spacing-lg);padding-top:var(--px)}.lobby-waiting-header h2{font-family:var(--font-title);font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--gb-cream);text-shadow:2px 2px 0 var(--px-border-dark)}.lobby-player-count{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);font-family:var(--font-hand)}@media(max-width:1023px){.lobby-player-count{display:none}}@media(max-width:767px){.gs-pane.lobby-waiting-card{background:transparent;box-shadow:none;border:none;padding:var(--spacing-sm) var(--spacing-xs)}.gs-pane.lobby-waiting-card>.gs-scroll-hint{bottom:0}.gs-pane.lobby-waiting-card>.gs-scroll-hint.gs-scroll-hint-up{bottom:auto;top:0}}.collapsible-section{width:100%;background:var(--bg-secondary);border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark)}.collapsible-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-darker);border:none;color:var(--text-primary);cursor:pointer}.collapsible-section-title{font-family:var(--font-title);font-size:1rem;letter-spacing:.04em}.collapsible-section-chevron{width:20px;height:20px;color:var(--text-secondary);transition:transform var(--transition-fast)}.collapsible-section.is-open .collapsible-section-chevron{transform:rotate(180deg)}.collapsible-section-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.collapsible-section .bluffalo-settings-title{display:none}@media(prefers-reduced-motion:reduce){.collapsible-section-chevron{transition:none}}.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:rgba(var(--primary-rgb),.1);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:rgba(var(--secondary-rgb),.2);border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-start-section{margin-top:var(--spacing-lg)}.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(--btn-face);border:none;border-radius:0;color:var(--bg-darker);font-family:var(--font-marker);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-out-expo),background .16s var(--ease-out-expo);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border-dark),0 var(--px) 0 0 var(--px-border-dark),calc(-1 * var(--px)) 0 0 0 var(--px-border-dark),var(--px) 0 0 0 var(--px-border-dark),0 calc(3 * var(--px)) 0 calc(-1 * var(--px)) var(--btn-shadow),inset 0 var(--px) 0 0 #ffffff61,inset 0 calc(-1 * var(--px)) 0 0 #140a0447}.lobby-start-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.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:var(--spacing-xl)}.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 var(--text-primary);outline-offset:2px}.lobby-copy-btn.copied,.lobby-copy-btn:has(svg.lucide-check){background:color-mix(in srgb,var(--gb-truth) 25%,transparent);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 var(--ease-in-out-expo) infinite}@keyframes startPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.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;padding:var(--spacing-2xl)}.lobby-waiting-header h2{font-size:1.75rem}.lobby-room-code{font-size:2.5rem}.lobby-start-btn{font-size:1.5rem;padding:var(--spacing-lg) var(--spacing-2xl)}}.solo-invite-panel{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--panel-bg);border:2px solid var(--px-border);border-radius:0;box-shadow:3px 3px 0 var(--px-border-dark);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:var(--primary);border:2px solid transparent;border-radius:0;box-shadow:3px 3px 0 var(--px-border-dark),inset 0 2px #ffffff59;font-family:var(--font-marker),monospace;font-size:1.5rem;font-weight:700;color:var(--bg-darker)}.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:var(--bg-darker);border:2px solid var(--primary);box-shadow:2px 2px 0 var(--px-border-dark);color:var(--primary);font-weight:700;width:100%}.solo-invite-btn-copy:hover{background:var(--primary);color:var(--bg-darker);transform:translateY(-1px)}.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)}.solo-invite-qr{display:flex;justify-content:center;margin:var(--spacing-sm) 0}.solo-invite-qr svg{border-radius:8px}.invite-friends{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid rgba(255,255,255,.1);text-align:left}.invite-friends-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:6px}.invite-friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}.invite-friends-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;background:#ffffff0a}.invite-friend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.invite-friend-dot.online{background:#2ecc71;box-shadow:0 0 6px #2ecc7188}.invite-friend-dot.offline{background:#ffffff40}.invite-friend-name{flex:1;font-size:.85rem;color:var(--text-primary, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-friend-btn{border:none;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:700;cursor:pointer;background:var(--accent-color, #00d9ff);color:#05020e}.invite-friend-btn:disabled{background:#2ecc7140;color:#2ecc71;cursor:default}.lb-panel{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:left}.lb-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}.lb-panel-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.lb-panel-tabs{display:flex;gap:4px}.lb-panel-tab{border:none;border-radius:8px;padding:3px 8px;font-size:.7rem;font-weight:700;cursor:pointer;background:#ffffff14;color:var(--text-secondary, #9aa3b5)}.lb-panel-tab.active{background:var(--accent-color, #00d9ff);color:#05020e}.lb-panel-empty{font-size:.8rem;color:var(--text-muted, #6b7280)}.lb-panel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.lb-panel-row{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:.82rem;color:var(--text-primary, #fff)}.lb-panel-row.is-me{background:#00d9ff1f}.lb-panel-rank{width:26px;font-weight:800;color:var(--accent-color, #00d9ff)}.lb-panel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-panel-score{font-weight:700}@media(max-width:767px){.solo-invite-panel{padding:var(--spacing-sm) 0;margin:var(--spacing-sm) 0;background:transparent;border:none;box-shadow:none}.solo-invite-tile{width:48px;height:58px;font-size:1.75rem}.solo-invite-btn{min-height:48px;font-size:1.05rem}}@media(max-width:374px){.solo-invite-tile{width:42px;height:52px;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.solo-invite-panel{animation:none}}.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:rgba(var(--secondary-rgb),.2);border-color:var(--gb-cyan);color:var(--gb-cyan)}.lobby-qr-btn.active{background:rgba(var(--secondary-rgb),.15);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:var(--bg-darker);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)}.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);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:var(--text-primary);font-weight:700;font-size:.8rem}.avatar-strip-crown{position:absolute;top:-6px;right:-4px;width:14px!important;height:14px!important;color:var(--gold-400);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:var(--bg-card-hover);border:2px solid var(--bg-primary);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:var(--bg-card);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;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:44px;height:44px;background:var(--btn-face);border:none;border-radius:0;box-shadow:1px 1px 0 var(--px-border-dark);color:var(--bg-darker);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 var(--panel-border);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:rgba(var(--secondary-rgb),.08)}.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}.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(var(--secondary-rgb),.6);animation:countdownPulse 1s ease-out}@keyframes countdownPulse{0%{transform:scale(1.5);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}@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}}.lobby-page .game-header-player-count{display:none}.gs-lobby-panes--single{grid-template-columns:minmax(0,560px);justify-content:center}.lobby-pane-tabs{display:flex;flex-shrink:0;border-bottom:3px solid var(--ink, #0a0a14);background:var(--bg-darker, #070912);border-radius:12px 12px 0 0;overflow:hidden}.lobby-pane-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border:none;background:transparent;color:var(--text-secondary, #9fb0ff);font-family:var(--font-title, "Fredoka One", sans-serif);font-size:.85rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.lobby-pane-tab-active{background:var(--gb-cyan, #00d9ff);color:var(--bg-darker, #070912)}.lobby-section-label{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--text-secondary, #9fb0ff);text-transform:uppercase;margin-bottom:6px}.lobby-match-settings{display:flex;flex-direction:column;gap:1.1rem;width:100%}.lobby-arena-preview{display:flex;align-items:center;gap:1rem;padding:10px 12px;border-radius:12px;background:#0508108c;border:1px solid rgba(127,233,255,.15)}.lobby-arena-preview-stage{width:120px;height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lobby-arena-preview-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lobby-arena-preview-title{font-family:var(--font-title, "Fredoka One", sans-serif);font-size:.95rem;color:var(--text-primary, #eaf2ff)}.lobby-arena-preview-caption{font-size:.75rem;color:var(--text-secondary, #9fb0ff);line-height:1.4}.lobby-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lobby-option-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border-radius:12px;cursor:pointer;position:relative;background:#080c1880;border:2px solid rgba(127,233,255,.15);color:var(--text-primary, #eaf2ff);font-family:var(--font-body, "Nunito", sans-serif);text-align:center}.lobby-option-card-selected{background:#00d9ff1a;border-color:var(--gb-cyan, #00d9ff);box-shadow:0 0 14px #00d9ff45}.lobby-option-card-badge{position:absolute;top:-8px;right:-8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--gb-cyan, #00d9ff);border:2px solid var(--ink, #0a0a14);border-radius:50%;color:var(--bg-darker, #070912);font-size:.7rem;font-weight:900;z-index:1}.lobby-option-card-name{font-family:var(--font-title, "Fredoka One", sans-serif);font-size:.85rem}.lobby-option-card-caption{font-size:.68rem;color:var(--text-secondary, #9fb0ff);line-height:1.25}.lobby-map-preview{width:100%;height:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#7fe9ff;background:#0b1024;border:1px solid rgba(127,233,255,.25)}.lobby-map-preview--rotate{border-style:dashed}.lobby-map-preview--square{box-shadow:inset 0 0 0 2px #00d9ff80}.lobby-map-preview--pillars{background-image:radial-gradient(circle 4px,rgba(0,217,255,.7) 3px,transparent 4px);background-size:16px 14px;background-position:center}.lobby-theme-preview{width:100%;height:44px;border-radius:6px;border:1px solid rgba(10,10,20,.6);display:block}.lobby-theme-preview--rotate{background:linear-gradient(90deg,#00d9ff 0 33%,#ff7a18 33% 66%,#c08bff 66%)}.lobby-theme-preview--signature{background:linear-gradient(135deg,#1c2750,#0b1024 60%,#00d9ff)}.lobby-theme-preview--sunset-canyon{background:linear-gradient(135deg,#ff7a18,#ff2e88 70%,#2a1030)}.lobby-settings-2col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.lobby-round-cards{display:flex;gap:6px}.lobby-round-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;cursor:pointer;background:#080c1880;border:2px solid rgba(127,233,255,.15);color:#7fe9ff;font-family:var(--font-body, "Nunito", sans-serif)}.lobby-round-card-selected{background:#7fe9ff;border-color:#7fe9ff;color:#0a0f1e}.lobby-round-card-n{font-family:var(--font-title, "Fredoka One", sans-serif);font-size:1.1rem}.lobby-round-card-caption{font-size:.65rem}.lobby-round-card:not(.lobby-round-card-selected) .lobby-round-card-caption{color:var(--text-secondary, #9fb0ff)}.lobby-bots-row{display:flex;gap:6px;align-items:center}.lobby-bots-count{min-width:70px;text-align:center;font-weight:800;color:#7fe9ff}.lobby-setting-blurb{font-size:.7rem;color:var(--text-secondary, #9fb0ff);margin-top:4px}.lobby-size-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.lobby-size-nudge{font-size:.7rem;font-weight:800;color:#7cffb2;background:transparent;border:1px solid rgba(124,255,178,.4);border-radius:999px;padding:2px 10px;cursor:pointer;font-family:var(--font-body, "Nunito", sans-serif)}.lobby-size-nudge:hover{border-color:#7cffb2}.lobby-size-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--text-secondary, #9fb0ff);margin-top:2px}.lobby-guest-summary{display:flex;flex-direction:column;gap:6px;width:100%}.lobby-guest-summary-row{display:flex;align-items:baseline;gap:10px;padding:8px 12px;border-radius:8px;background:#7fe9ff0a;border:1px solid rgba(127,233,255,.1)}.lobby-guest-summary-label{font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--text-secondary, #9fb0ff);text-transform:uppercase;width:64px;flex-shrink:0}.lobby-guest-summary-value{font-family:var(--font-title, "Fredoka One", sans-serif);font-size:.9rem;color:#7fe9ff}.lobby-guest-summary-note{font-size:.75rem;color:var(--text-secondary, #9fb0ff);margin-top:4px;display:flex;align-items:center;gap:6px}.lobby-summary-chips{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}.lobby-summary-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:var(--bg-darker, #070912);border:1px solid var(--ink, #0a0a14);box-shadow:1px 1px #050510;border-radius:999px;font-size:.75rem;color:var(--text-secondary, #9fb0ff)}.lobby-summary-chip-value{font-weight:800}.lobby-summary-chip-label{text-transform:lowercase}@media(max-width:374px){.lobby-option-grid{grid-template-columns:repeat(2,1fr)}.lobby-settings-2col{grid-template-columns:1fr}}.game-placeholder{display:flex;align-items:center;justify-content:center;min-height:400px;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:rgba(var(--primary-rgb),.1);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:var(--text-primary)}.game-placeholder-btn.danger:hover{background:var(--danger-400)}@media(max-width:767px){.game-placeholder{min-height: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: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:rgba(var(--primary-rgb),.1)}50%{border-color:rgba(var(--primary-rgb),.6);background:rgba(var(--primary-rgb),.15)}}@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 rgba(var(--secondary-rgb),.2)}.game-placeholder-btn.danger:focus-visible{outline-color:var(--danger-400);box-shadow:var(--shadow-glow-lie)}.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:var(--bg-card);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:var(--radius-sm)}.game-placeholder-debug pre::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:var(--radius-sm)}.game-placeholder-debug pre::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(min-width:768px)and (max-width:1023px){.game-placeholder{min-height: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{min-height:500px;padding:var(--spacing-2xl)}.game-placeholder-card{max-width:560px;padding:var(--spacing-2xl)}.game-placeholder-title{font-size:1.75rem}.game-placeholder-btn{font-size:1rem;padding:var(--spacing-md) var(--spacing-xl)}}@media(max-width:374px){.game-placeholder{min-height: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)}}@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-content{position:relative;z-index:1}@media(min-width:1024px){.game-sidebar{transition:box-shadow .3s ease}.game-sidebar:hover{box-shadow:var(--shadow-md)}}@media(min-width:1536px){.game-sidebar{border-left-width:2px}.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(var(--primary-rgb),.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(var(--primary-rgb),.03) 0%,transparent 40%),radial-gradient(ellipse at 90% 50%,rgba(var(--secondary-rgb),.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(--px-border);border-radius:0;box-shadow:6px 6px 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--primary);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:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.invite-modal-close:hover{background:var(--panel-bg-hover);color:var(--primary)}.invite-modal-mascot{width:100px;height:auto;margin-bottom:var(--spacing-md);image-rendering:pixelated;filter:drop-shadow(3px 3px 0 var(--px-border-dark))}.invite-modal-title{font-family:var(--font-title);font-size:1.75rem;color:var(--primary);margin:0 0 var(--spacing-xs) 0;text-shadow:2px 2px 0 var(--px-border-dark)}.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:color-mix(in srgb,var(--gb-lie) 12%,var(--bg-darker));border:2px solid var(--gb-lie);border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.invite-modal-error p{margin:0;color:var(--gb-lie);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:var(--btn-face);border:none;border-radius:0;color:var(--bg-darker);font-family:var(--font-title);font-size:1.125rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);min-height:48px}.invite-modal-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.invite-modal-btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:var(--shadow-sm)}.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:2px solid var(--px-border);border-radius:0;box-shadow:6px 6px 0 var(--px-border-dark);max-width:480px;width:100%;height:min(680px,90vh);height:min(680px,90dvh);display:flex;flex-direction:column;overflow:hidden;z-index:var(--z-settings-modal);animation:slideUp .3s ease-out}.device-settings-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--px-border-dark);background:var(--bg-darker)}.device-settings-header h2{font-family:var(--font-title);font-size:1.125rem;letter-spacing:.04em;color:var(--text-primary);margin:0}.device-settings-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;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{flex-shrink:0;background:color-mix(in srgb,var(--gb-lie) 10%,transparent);border:1px solid color-mix(in srgb,var(--gb-lie) 30%,transparent);color:var(--gb-lie);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem}.device-settings-preview{position:relative;min-height:100px;aspect-ratio:16/9;background:var(--bg-darker);margin:var(--spacing-md);border-radius:0;overflow:hidden;border:2px solid var(--px-border);box-shadow:2px 2px 0 var(--px-border-dark)}.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:var(--input-bg);border:2px solid var(--input-border);border-radius:0;box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark);color:var(--text-primary);font-family:var(--font-hand);font-size:1rem;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)}.audio-meter-row{margin-top:var(--spacing-sm)}.audio-meter{width:100%;height:8px;background:var(--input-bg);border-radius:var(--radius-sm);overflow:hidden}.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:var(--radius-sm);transition:all .08s ease-out}.audio-bar.active{min-height:100%}.audio-bar.active.green{background:var(--success-600);box-shadow:0 0 0 1px color-mix(in srgb,var(--success-600) 40%,transparent)}.audio-bar.active.yellow{background:var(--warning-500);box-shadow:0 0 0 1px color-mix(in srgb,var(--warning-500) 40%,transparent)}.audio-bar.active.red{background:var(--danger-500);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger-500) 50%,transparent)}.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:var(--radius-md);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:var(--gb-cream);box-shadow:var(--shadow-sm)}.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;flex-shrink:0;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(--btn-face);border:none;border-radius:0;box-shadow:2px 2px 0 var(--px-border-dark);color:var(--bg-darker);font-family:var(--font-title);font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:all .15s ease}.device-settings-confirm:hover{background:var(--accent-hover);transform:translateY(-1px)}.device-settings-confirm:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--px-border-dark)}@media(max-width:767px){.device-settings-modal-overlay{padding:0}.device-settings-modal{position:fixed;inset:0;max-width:none;height:auto;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;flex-shrink:0;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-family:var(--font-title);font-size:.85rem;letter-spacing:.03em;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;min-height:0;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:var(--text-primary);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:var(--text-primary);font-size:.7rem;font-weight:700;box-shadow:var(--shadow-sm);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:rgba(var(--secondary-rgb),.1);border-left-color:var(--secondary)}.background-info.success{background:color-mix(in srgb,var(--success-600) 10%,transparent);border-left-color:var(--success-600)}.background-info.warning{background:color-mix(in srgb,var(--warning-500) 10%,transparent);border-left-color:var(--warning-500)}.background-info.experimental{background:color-mix(in srgb,var(--gb-lavender) 10%,transparent);border-left-color:var(--gb-lavender)}.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:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.slider-setting input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-sm);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 var(--gb-cream);border-radius:50%;cursor:pointer;margin-top:-6px;-webkit-transition:all .15s ease;transition:all .15s ease;box-shadow:var(--shadow-sm),0 0 10px rgba(var(--accent-primary-rgb),.3)}.slider-setting input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-sm),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:var(--radius-sm);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 var(--gb-cream);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm),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:var(--bg-darker);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)}}.enhanced-popup-content{display:flex;flex-direction:column;height:100vh;background:var(--bg-darker)}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--panel-bg);border-bottom:1px solid var(--panel-border);flex-shrink:0}.popup-header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.popup-logo{width:32px;height:32px;border-radius:var(--radius-sm)}.popup-title{display:flex;flex-direction:column}.popup-game-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.popup-game-name .accent{color:var(--accent-primary)}.popup-room-info{font-size:.75rem;color:var(--text-muted)}.popup-header-center{display:flex;align-items:center}.popup-layout-selector{display:flex;gap:var(--spacing-xs);background:var(--hover-bg);border-radius:var(--radius-md);padding:var(--spacing-xs)}.popup-layout-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.popup-layout-btn:hover{background:var(--panel-bg);color:var(--text-primary)}.popup-layout-btn.active{background:var(--accent-primary);color:var(--text-primary)}.popup-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.popup-controls{display:flex;gap:var(--spacing-xs)}.popup-control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--hover-bg);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.popup-control-btn:hover{background:var(--panel-border)}.popup-control-btn.off,.popup-control-btn.leave{background:color-mix(in srgb,var(--gb-lie) 20%,transparent);color:var(--gb-lie)}.popup-control-btn.leave:hover{background:var(--gb-lie);color:var(--text-primary)}.popup-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.popup-close-btn:hover{background:color-mix(in srgb,var(--gb-lie) 20%,transparent);color:var(--gb-lie)}.popup-video-container{flex:1;padding:var(--spacing-md);overflow:hidden}.popup-grid{display:grid;gap:var(--spacing-sm);height:100%}.popup-grid.grid-1x1{grid-template-columns:1fr}.popup-grid.grid-1x2{grid-template-columns:repeat(2,1fr)}.popup-grid.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.popup-grid.grid-2x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.popup-grid.grid-3x3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.popup-grid.grid-4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.popup-video-tile{position:relative;background:#000;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .15s ease}.popup-video-tile:hover,.popup-video-tile.local{box-shadow:0 0 0 2px var(--accent-primary)}.popup-video-tile.large{aspect-ratio:auto}.popup-video-tile video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-video-tile video.mirrored{transform:scaleX(-1)}.popup-video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#000c;color:var(--text-muted)}.popup-video-label{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(transparent,#000c);color:#fff;font-size:.875rem}.you-badge{color:var(--accent-primary);font-size:.75rem}.popup-speaker-layout{display:flex;flex-direction:column;height:100%;gap:var(--spacing-sm)}.popup-speaker-main{flex:1;min-height:0}.popup-speaker-main .popup-video-tile{height:100%;aspect-ratio:auto}.popup-speaker-filmstrip{display:flex;gap:var(--spacing-sm);height:120px;flex-shrink:0}.popup-speaker-filmstrip .popup-video-tile{width:160px;height:100%;aspect-ratio:auto}.popup-spotlight-layout{display:flex;flex-direction:column;height:100%;gap:var(--spacing-sm)}.popup-spotlight-main{flex:1;min-height:0}.popup-spotlight-main .popup-video-tile{height:100%;aspect-ratio:auto}.popup-spotlight-filmstrip{display:flex;gap:var(--spacing-sm);height:100px;flex-shrink:0}.popup-spotlight-filmstrip .popup-video-tile{width:140px;height:100%;aspect-ratio:auto}.popup-spotlight-hint{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-xs) var(--spacing-md);background:#000c;border-radius:var(--radius-md);color:var(--text-muted);font-size:.875rem;pointer-events:none}.popup-footer{display:flex;align-items:center;justify-content:center;padding:.25rem 1rem;background:var(--panel-bg);border-top:1px solid var(--panel-border);flex-shrink:0}.popup-branding{display:flex;align-items:center;justify-content:center;gap:0;font-size:.875rem;font-weight:600;width:100%}.popup-branding-mascot{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;margin-right:.5rem}.popup-branding .brand-prefix{color:var(--text-primary);font-weight:700}.popup-branding .brand-accent{color:var(--gb-cyan);font-weight:700}.popup-branding .brand-by{color:var(--text-muted);margin:0 .35rem}.popup-branding .brand-game{color:var(--text-primary);font-weight:700}.popup-branding .brand-buddies{color:var(--gb-pink);font-weight:700}.popup-branding .brand-io{color:var(--gb-cyan);font-weight:700}.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:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--panel-border);box-shadow:var(--shadow-lg);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:var(--bg-card-hover);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tutorial-close:hover{background:var(--panel-bg-hover);color:var(--text-primary)}.tutorial-content{text-align:center;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tutorial-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.tutorial-description{font-size:1rem;color:var(--text-secondary);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 var(--panel-border)}.tutorial-nav-btn{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 1rem;background:var(--bg-card-hover);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tutorial-nav-btn:hover:not(:disabled){background:var(--panel-bg-hover);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:var(--panel-border);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.tutorial-dot:hover{background:var(--text-secondary)}.tutorial-dot.active{width:12px;height:12px;background:var(--gb-cyan);box-shadow:0 0 0 2px rgba(var(--secondary-rgb),.6)}.tutorial-trigger-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card-hover);border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tutorial-trigger-btn:hover{background:var(--panel-bg-hover);color:var(--text-primary)}.tutorial-sidebar{background:var(--panel-bg);border:1px solid rgba(var(--secondary-rgb),.2);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1.75rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;width:280px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tutorial-sidebar-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gb-cyan);margin-bottom:1rem}.tutorial-progress{height:3px;background:var(--bg-card-hover);border-radius:var(--radius-sm);margin-bottom:1.25rem;overflow:hidden}.tutorial-progress-bar{height:100%;width:100%;background:var(--gb-pink);border-radius:var(--radius-sm);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:280px;display:flex;flex-direction:column}.tutorial-sidebar-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;flex-shrink:0}.tutorial-sidebar-description{font-size:.9rem;color:var(--text-secondary);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 var(--panel-border)}.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:var(--panel-border);border-radius:50%;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tutorial-sidebar-dots button.tutorial-dot-wrapper:hover .tutorial-dot{background:var(--text-secondary)}.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(var(--primary-rgb),.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-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-nav-btn:hover:not(:disabled){transform:none}}.sidebar-tabs-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sidebar-tabs{display:flex;border-bottom:4px solid var(--px-border-dark);background:var(--bg-darker);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-secondary);font-family:var(--font-title);font-size:.875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative}.sidebar-tab:hover{color:var(--text-primary);background:var(--panel-bg-hover)}.sidebar-tab.active{color:var(--bg-darker);background:var(--primary)}.sidebar-tab.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background:var(--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(--gb-lie);color:var(--gb-cream);font-size:.65rem;padding:.125rem .375rem;border-radius:0;box-shadow:1px 1px 0 var(--px-border-dark);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}.language-selector{position:relative;z-index:var(--z-round-start-overlay, 1000)}.language-selector-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-darker);border:2px solid var(--px-border);border-radius:0;box-shadow:2px 2px 0 0 var(--px-border-dark);cursor:pointer;transition:all .2s ease;pointer-events:auto;position:relative}.language-selector-button:hover{background:var(--panel-bg-hover);border-color:var(--primary);transform:translateY(-2px)}.language-selector-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--px-border-dark)}.language-selector-button .language-flag{width:26px;height:18px;display:block;border-radius:var(--radius-sm);box-shadow:0 0 0 1px #0003}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--panel-bg);border:2px solid var(--px-border);border-radius:0;box-shadow:4px 4px 0 var(--px-border-dark);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-family:var(--font-title);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border-bottom:2px solid var(--px-border-dark);background:var(--bg-darker)}.language-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);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:var(--panel-bg-hover)}.language-option.active{background:color-mix(in srgb,var(--primary) 16%,var(--panel-bg));color:var(--primary)}.language-option .language-flag{width:24px;height:16px;display:block;flex-shrink:0;border-radius:var(--radius-sm);box-shadow:0 0 0 1px #0003}.language-option .language-label{flex:1}.language-option .language-check{color:var(--primary);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 .language-selector{margin-left:auto}.home-header-menu-language .language-selector-button{width:44px;height:44px}.bluffalo-phase{position:relative;align-items:center;max-width:880px;margin:0 auto;width:100%}.bluffalo-phase:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:120%;height:200px;background:var(--gradient-spotlight);pointer-events:none;z-index:-1}.bluffalo-round-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-sm);background:var(--gb-cream);border:1px solid transparent;color:var(--bg-darker);font-family:var(--font-title);font-size:clamp(.85rem,.8rem + .25vw,1.1rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:2px 2px 0 var(--px-border-dark)}.bluffalo-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-md, .75rem);background:var(--gb-cream);border:1px solid transparent;font-size:1rem;font-weight:600;box-shadow:2px 2px 0 var(--px-border-dark)}.bluffalo-category-icon{font-size:1.25rem}.bluffalo-category-name{color:var(--bg-darker);font-family:var(--font-title)}.bluffalo-question-card{position:relative;width:100%;padding:1.5rem 2rem;border-radius:0;background:var(--panel-bg);border:1px solid transparent;text-align:center;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border),0 var(--px) 0 0 var(--px-border),calc(-1 * var(--px)) 0 0 0 var(--px-border),var(--px) 0 0 0 var(--px-border),0 calc(-2 * var(--px)) 0 0 var(--px-border-dark),0 calc(2 * var(--px)) 0 0 var(--px-border-dark),calc(-2 * var(--px)) 0 0 0 var(--px-border-dark),calc(2 * var(--px)) 0 0 0 var(--px-border-dark),inset 0 var(--px) 0 0 var(--px-bevel-light),inset 0 calc(-1 * var(--px)) 0 0 var(--px-bevel-dark);animation:bluffaloFadeIn .28s var(--ease-out-expo);overflow:hidden}.bluffalo-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--px);background:var(--primary)}.bluffalo-question-card.compact{padding:1rem 1.5rem}.bluffalo-question-text{font-family:var(--font-title);font-size:clamp(1.35rem,1.1rem + 1.2vw,2.25rem);font-weight:700;color:var(--text-primary);line-height:1.4;text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-question-card.compact .bluffalo-question-text{font-size:clamp(1.1rem,.95rem + .8vw,1.75rem)}.bluffalo-phase-hint{color:var(--gb-lavender);font-size:1rem;font-style:italic;animation:bluffaloPulse 1.5s ease-in-out infinite}.bluffalo-timer-bar{position:relative;width:100%;height:6px;background:var(--bg-darker);border-radius:0;overflow:hidden;box-shadow:0 -2px 0 0 var(--px-border-dark),0 2px 0 0 var(--px-border-dark),-2px 0 0 0 var(--px-border-dark),2px 0 0 0 var(--px-border-dark)}.bluffalo-timer-fill{height:100%;border-radius:0;background:var(--primary);transition:width 1s linear}.bluffalo-timer-fill.warning{background:var(--primary-dark)}.bluffalo-timer-fill.critical{background:var(--gb-lie);animation:bluffaloPulse .5s ease-in-out infinite}.bluffalo-timer-text{position:absolute;right:0;top:10px;font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.bluffalo-input-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:720px;margin:0 auto;flex:1;min-height:0}.bluffalo-input-title{font-family:var(--font-title);font-size:clamp(1.25rem,1.05rem + 1vw,2rem);font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 var(--bg-darker);text-align:center}.bluffalo-input-wrapper{position:relative;width:100%}.bluffalo-lie-field{width:100%;height:clamp(120px,30cqb,220px);min-height:0;padding:1rem 1.125rem 2rem;border-radius:0;background:var(--bg-darker);border:2px solid var(--px-border);color:var(--text-primary);font-family:var(--font-body);font-size:clamp(1.05rem,.95rem + .5vw,1.5rem);line-height:1.5;resize:none;outline:none;box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.bluffalo-lie-field:focus{border-color:var(--gb-gold);box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark),0 0 0 3px var(--accent-glow)}.bluffalo-lie-field::-moz-placeholder{color:var(--text-secondary);opacity:.6}.bluffalo-lie-field::placeholder{color:var(--text-secondary);opacity:.6}.bluffalo-char-count{position:absolute;right:.875rem;bottom:.625rem;font-size:clamp(.75rem,.7rem + .2vw,.95rem);color:var(--text-secondary);font-variant-numeric:tabular-nums;pointer-events:none}.bluffalo-lie-field.has-error{border-color:var(--gb-lie);box-shadow:var(--shadow-glow-lie)}.bluffalo-lie-error{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:var(--radius-sm, .5rem);background:color-mix(in srgb,var(--gb-lie) 12%,transparent);border:1px solid color-mix(in srgb,var(--gb-lie) 30%,transparent);color:var(--gb-lie);font-size:.85rem;font-weight:600;animation:bluffaloShake .4s ease-in-out;width:100%}@keyframes bluffaloShake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.bluffalo-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;border-radius:0;background:var(--btn-face);color:var(--bg-darker);font-family:var(--font-title);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;text-shadow:none;transition:transform .16s var(--ease-out-expo),background .16s var(--ease-out-expo);box-shadow:0 calc(-1 * var(--px)) 0 0 var(--px-border-dark),0 var(--px) 0 0 var(--px-border-dark),calc(-1 * var(--px)) 0 0 0 var(--px-border-dark),var(--px) 0 0 0 var(--px-border-dark),0 calc(3 * var(--px)) 0 calc(-1 * var(--px)) var(--btn-shadow),inset 0 var(--px) 0 0 #ffffff61,inset 0 calc(-1 * var(--px)) 0 0 #140a0447}.bluffalo-submit-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px)}.bluffalo-submit-btn:active:not(:disabled){transform:translateY(3px)}.bluffalo-submit-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.bluffalo-submitted-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.75rem 2.25rem;width:min(520px,100%);background:var(--panel-bg);border:2px solid var(--px-border);box-shadow:4px 4px 0 var(--px-border-dark)}.bluffalo-submitted-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gb-truth) 12%,transparent);border:1px solid color-mix(in srgb,var(--gb-truth) 30%,transparent);color:var(--gb-truth);font-family:var(--font-title);font-weight:600;font-size:.95rem}.bluffalo-check-icon{font-size:1.1rem}.bluffalo-submitted-lie{color:var(--text-primary);font-weight:700;font-style:italic;font-size:clamp(1rem,.9rem + .4vw,1.35rem);text-align:center;overflow-wrap:anywhere}.bluffalo-waiting-text{color:var(--text-secondary);font-size:clamp(.9rem,.85rem + .25vw,1.15rem);animation:bluffaloPulse 2s ease-in-out infinite}.bluffalo-voting-title{font-family:var(--font-title);font-size:clamp(1.25rem,1.05rem + 1vw,2rem);font-weight:700;color:var(--text-primary);text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-options-grid{width:100%}.bluffalo-option-card{width:100%;padding:1rem 1.25rem;border-radius:0;background:var(--panel-bg);border:2px solid var(--px-border);color:var(--text-primary);font-size:clamp(1rem,.9rem + .5vw,1.4rem);text-align:left;cursor:pointer;box-shadow:3px 3px 0 var(--px-border-dark);transition:border-color .2s cubic-bezier(.23,1,.32,1),background .2s ease,transform .12s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.bluffalo-option-card:hover:not(.is-my-lie){border-color:var(--primary);background:var(--panel-bg-hover);transform:translateY(-2px)}}.bluffalo-option-card:active:not(.is-my-lie){transform:translateY(1px)}.bluffalo-option-card.selected{border-color:var(--primary);background:var(--panel-bg-hover);box-shadow:3px 3px 0 var(--px-border-dark),var(--shadow-glow-gold);animation:bluffaloLockIn .3s var(--ease-pop)}.bluffalo-option-card.is-my-lie{opacity:.45;cursor:not-allowed;border-style:dashed;position:relative}.bluffalo-my-lie-tag{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-secondary);font-style:italic;opacity:.8}.bluffalo-option-text{font-weight:500}.bluffalo-reveal-title{font-family:var(--font-title);font-size:clamp(1.25rem,1.05rem + 1vw,2rem);font-weight:700;color:var(--gb-gold);text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-reveal-options{width:100%}.bluffalo-reveal-card{width:100%;padding:1rem 1.25rem;border-radius:0;border:2px solid var(--px-border);background:var(--panel-bg);box-shadow:3px 3px 0 var(--px-border-dark);animation:bluffaloLieDrop .5s var(--ease-pop) both}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(1){animation:bluffaloTruthLand .7s var(--ease-pop) both}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(2){animation-delay:.55s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(3){animation-delay:.7s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(4){animation-delay:.85s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(5){animation-delay:1s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(6){animation-delay:1.15s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(7){animation-delay:1.3s}.bluffalo-reveal-options>.bluffalo-reveal-card:nth-child(8){animation-delay:1.45s}.bluffalo-reveal-card.correct{border-color:var(--gb-truth);background:color-mix(in srgb,var(--gb-truth) 14%,var(--panel-bg));box-shadow:3px 3px 0 var(--px-border-dark),var(--shadow-glow-truth)}.bluffalo-reveal-card.lie{border-color:var(--gb-lie);background:color-mix(in srgb,var(--gb-lie) 8%,var(--panel-bg))}.bluffalo-reveal-card.lie .bluffalo-reveal-text{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--gb-lie) 75%,transparent);text-decoration-thickness:3px}.bluffalo-reveal-card.my-vote{box-shadow:3px 3px 0 var(--px-border-dark),0 0 0 2px var(--gb-gold),var(--shadow-glow-gold)}.bluffalo-reveal-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.bluffalo-reveal-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.bluffalo-correct-badge{padding:.25rem .75rem;border-radius:0;background:var(--gb-truth);color:#0c2412;font-family:var(--font-title);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--px-border-dark);animation:bluffaloStampSway 1.6s var(--ease-in-out-expo) infinite}.bluffalo-reveal-author{margin-top:.375rem;font-size:.85rem;color:var(--text-secondary);font-style:italic}.bluffalo-reveal-voters{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.bluffalo-voter-chip{padding:.2rem .6rem;border-radius:0;background:var(--bg-darker);border:1px solid transparent;box-shadow:2px 2px 0 var(--px-border-dark);font-size:.75rem;font-weight:700;color:var(--secondary-light)}.bluffalo-score-events{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}.bluffalo-score-event{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm, .5rem);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.12);animation:bluffaloSlideIn .3s ease-out}.bluffalo-score-points{font-family:var(--font-title);font-weight:700;color:var(--gb-gold);font-variant-numeric:tabular-nums}.bluffalo-score-reason{color:var(--text-secondary);font-size:.85rem}.bluffalo-my-result{margin-top:.5rem}.bluffalo-result-correct{color:var(--gb-truth);font-family:var(--font-title);font-weight:700;font-size:1.1rem;text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-result-fooled{color:var(--gb-lie);font-family:var(--font-title);font-weight:700;font-size:1.1rem;text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-round-events{width:100%;display:flex;flex-direction:column;gap:.375rem}.bluffalo-round-event{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--radius-sm, .5rem);background:rgba(var(--secondary-rgb),.06);border:1px solid rgba(var(--secondary-rgb),.1);font-size:.85rem}.bluffalo-event-name{font-weight:600;color:var(--text-primary);min-width:80px}.bluffalo-event-points{font-family:var(--font-title);font-weight:700;color:var(--gb-gold);font-variant-numeric:tabular-nums}.bluffalo-event-reason{color:var(--text-secondary)}.bluffalo-leaderboard{width:100%;display:flex;flex-direction:column;gap:.375rem;flex:1;min-height:0;overflow-y:auto}.bluffalo-leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:0;background:var(--panel-bg);border:1px solid transparent;box-shadow:2px 2px 0 var(--px-border-dark);animation:bluffaloRise .4s var(--ease-out-expo) backwards;transition:background var(--transition-fast)}.bluffalo-leaderboard-row:nth-child(1){animation-delay:.05s}.bluffalo-leaderboard-row:nth-child(2){animation-delay:.13s}.bluffalo-leaderboard-row:nth-child(3){animation-delay:.21s}.bluffalo-leaderboard-row:nth-child(4){animation-delay:.29s}.bluffalo-leaderboard-row:nth-child(5){animation-delay:.37s}.bluffalo-leaderboard-row:nth-child(6){animation-delay:.45s}.bluffalo-leaderboard-row:nth-child(7){animation-delay:.53s}.bluffalo-leaderboard-row:nth-child(8){animation-delay:.61s}.bluffalo-leaderboard-row:first-child{background:color-mix(in srgb,var(--primary) 14%,var(--panel-bg));border-color:var(--primary)}.bluffalo-leaderboard-row.is-me{border-color:var(--primary);box-shadow:2px 2px 0 var(--px-border-dark),var(--shadow-glow-gold)}.bluffalo-rank{width:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:600;font-size:.85rem}.bluffalo-rank svg{color:var(--gb-gold)}.bluffalo-player-name{flex:1;font-weight:600;color:var(--text-primary)}.bluffalo-player-score{font-family:var(--font-title);font-weight:700;color:var(--gb-gold);font-variant-numeric:tabular-nums;font-size:1.1rem}.bluffalo-scores-actions{margin-top:.5rem}.bluffalo-gameover-title{font-family:var(--font-title);font-size:clamp(1.75rem,1.4rem + 2vw,3.25rem);font-weight:800;color:var(--text-primary);text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-winner-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:var(--radius-lg, 1rem);background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--secondary-rgb),.1));border:2px solid transparent;background-clip:padding-box;animation:bluffaloFadeIn .6s ease-out;overflow:hidden}.bluffalo-winner-card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-lg, 1rem) + 2px);background:var(--gradient-button);z-index:-1}.bluffalo-winner-card:after{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:150%;background:radial-gradient(ellipse at 50% 30%,rgba(var(--primary-rgb),.2),transparent 60%);pointer-events:none;z-index:0}.bluffalo-winner-card>*{position:relative;z-index:1}.bluffalo-sparkle{color:var(--gb-gold);animation:bluffaloPulse 1s ease-in-out infinite}.bluffalo-trophy{color:var(--gb-gold);filter:drop-shadow(0 0 6px var(--accent-glow))}.bluffalo-winner-name{font-family:var(--font-title);font-size:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);font-weight:800;color:var(--text-primary);text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-winner-label{color:var(--gb-gold);font-family:var(--font-title);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:1px 1px 0 var(--bg-darker)}.bluffalo-winner-score{font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.bluffalo-final-standings{width:100%;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.bluffalo-standings-title{font-family:var(--font-title);font-size:1rem;font-weight:700;color:var(--gb-lavender);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.bluffalo-standing-row{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius-md, .75rem);background:rgba(var(--secondary-rgb),.08);border:1px solid rgba(var(--secondary-rgb),.12);margin-bottom:.375rem;transition:background var(--transition-fast)}.bluffalo-standing-row.first{background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.25)}.bluffalo-standing-row.is-me{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.35);box-shadow:var(--shadow-glow-gold)}.bluffalo-standing-rank{width:28px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-weight:600;font-size:.85rem}.bluffalo-standing-rank svg{color:var(--gb-gold)}.bluffalo-standing-name{flex:1;font-weight:600;color:var(--text-primary)}.bluffalo-standing-stats{display:flex;gap:.75rem}.bluffalo-stat{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.bluffalo-standing-score{font-family:var(--font-title);font-weight:700;color:var(--gb-gold);font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.bluffalo-gameover-actions{margin-top:1rem}.bluffalo-host-settings{width:100%;padding:.25rem .25rem .5rem;border-radius:0;background:transparent;border:none}.bluffalo-settings-title{font-family:var(--font-title);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bg-darker);background:var(--gb-cream);display:table;margin:0 auto .9rem;padding:.25em .9em;box-shadow:2px 2px 0 var(--px-border-dark)}.bluffalo-setting-group{margin-bottom:.8rem}.bluffalo-setting-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.bluffalo-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-darker);border-radius:0;box-shadow:0 -2px 0 0 var(--px-border-dark),0 2px 0 0 var(--px-border-dark),-2px 0 0 0 var(--px-border-dark),2px 0 0 0 var(--px-border-dark);outline:none;cursor:pointer}.bluffalo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:0;background:var(--gb-gold);cursor:pointer;box-shadow:2px 2px 0 var(--px-border-dark),inset 0 2px #ffffff59;border:none}.bluffalo-slider::-moz-range-thumb{width:18px;height:18px;border-radius:0;background:var(--gb-gold);cursor:pointer;border:none;box-shadow:2px 2px 0 var(--px-border-dark),inset 0 2px #ffffff59}.bluffalo-slider-range{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary);margin-top:.35rem}.bluffalo-select{width:100%;padding:.5rem .75rem;border-radius:0;background:var(--bg-darker);border:2px solid var(--px-border);box-shadow:inset 2px 2px 0 0 var(--px-bevel-dark);color:var(--text-primary);font-family:var(--font-body);font-weight:600;font-size:1rem;outline:none;cursor:pointer;transition:border-color var(--transition-fast)}.bluffalo-select:focus,.bluffalo-select:hover{border-color:var(--gb-gold)}.bluffalo-select option{background:var(--bg-primary);color:var(--text-primary)}.bluffalo-setting-warning{margin-top:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md, .75rem);background:rgba(var(--primary-rgb),.12);border:1px solid rgba(var(--primary-rgb),.4);color:var(--primary);font-size:.8rem;line-height:1.35}.lobby-waiting-for-host{display:flex;justify-content:center;padding:1rem 1.5rem;margin-top:.5rem;text-align:center}.lobby-waiting-for-host p{color:var(--text-secondary);font-family:var(--font-body);font-size:.95rem;font-style:italic}@keyframes bluffaloFadeIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bluffaloSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes bluffaloPulse{0%,to{opacity:1}50%{opacity:.78}}@keyframes bluffaloGlow{0%,to{box-shadow:0 0 0 4px var(--accent-glow)}50%{box-shadow:0 0 0 8px var(--accent-glow)}}@media(prefers-reduced-motion:reduce){.bluffalo-question-card,.bluffalo-reveal-card,.bluffalo-score-event,.bluffalo-winner-card,.bluffalo-phase-hint,.bluffalo-timer-fill.critical,.bluffalo-sparkle,.bluffalo-waiting-text{animation:none}.bluffalo-option-card,.bluffalo-submit-btn,.bluffalo-leaderboard-row,.bluffalo-standing-row,.lobby-ready-btn{transition:none}}@media(max-width:767px){.bluffalo-phase{padding:var(--spacing-sm, .75rem);gap:var(--spacing-sm, .75rem)}.bluffalo-phase:before{width:140%;height:140px;top:-20px}.bluffalo-question-card{padding:1rem 1.25rem}.bluffalo-option-card{padding:.875rem 1rem}.bluffalo-winner-card{padding:1rem 1.25rem}.bluffalo-standing-stats{display:none}.bluffalo-host-settings{padding:1rem}.bluffalo-submit-btn{width:100%}}.bluffalo-countdown-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--bg-darker) 85%,transparent),color-mix(in srgb,var(--bg-darker) 95%,transparent) 70%);z-index:9999;pointer-events:none;animation:bluffaloCountdownFadeIn .2s ease-out}.bluffalo-countdown-number{font-family:var(--font-title);font-size:clamp(6rem,4rem + 12vw,14rem);font-weight:900;color:var(--gb-gold);text-shadow:0 0 30px rgba(var(--primary-rgb),.8),0 0 60px rgba(var(--primary-rgb),.5),0 4px 12px rgba(0,0,0,.6);animation:bluffaloCountdownPulse .9s cubic-bezier(.23,1,.32,1);line-height:1;letter-spacing:.02em}@keyframes bluffaloCountdownFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bluffaloCountdownPulse{0%{transform:scale(2);opacity:0;filter:blur(8px)}25%{transform:scale(1);opacity:1;filter:blur(0)}85%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(.9);opacity:.7;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.bluffalo-countdown-number,.bluffalo-countdown-overlay{animation:none}}.app-root.is-bigscreen{min-height:100dvh;background:radial-gradient(ellipse at top,var(--bg-secondary) 0%,var(--bg-primary) 60%,var(--bg-darker) 100%);color:var(--text-primary)}.app-root.is-bigscreen .home-page,.app-root.is-bigscreen .home-header,.app-root.is-bigscreen .home-tip-banner{display:none}.bg-shell{display:flex;flex-direction:column;width:100%;min-height:100dvh;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,2rem);gap:clamp(.75rem,1.5vw,1.25rem)}.bg-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:clamp(.5rem,1vw,1rem);border-bottom:1px solid var(--panel-border)}.bg-header-brand{display:flex;align-items:center;gap:clamp(.5rem,1vw,1rem)}a.bg-header-brand{color:inherit;text-decoration:none;cursor:pointer}.bg-header-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.bg-header-tagline{font-size:.42em;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.bg-header-mascot{width:clamp(2.5rem,4.5vw,4rem);height:clamp(2.5rem,4.5vw,4rem);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(var(--secondary-rgb),.25))}.bg-header-name{font-family:var(--font-title);font-size:clamp(1.5rem,2.5vw,2.25rem);letter-spacing:.01em;color:var(--gb-pink);text-shadow:0 2px 12px rgba(var(--primary-rgb),.25)}.bg-header-name-accent{color:var(--gb-cyan)}.bg-header-badge{font-family:var(--font-title);font-size:clamp(.95rem,1.5vw,1.25rem);padding:clamp(.35rem,.5vw,.5rem) clamp(.75rem,1.25vw,1rem);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--text-primary)}.bg-stage{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(.75rem,1.5vw,1.5rem);min-height:0}.bg-footer{display:flex;justify-content:center;padding-top:clamp(.5rem,1vw,1rem);border-top:1px solid var(--panel-border)}.bg-vote-progress{font-family:var(--font-title);font-size:clamp(1.1rem,1.6vw,1.4rem);color:var(--gb-cyan);letter-spacing:.02em}.bg-boot{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--spacing-xl)}.bg-boot-card{text-align:center;padding:var(--spacing-2xl);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);max-width:40rem}.bg-boot-title{font-family:var(--font-title);font-size:clamp(1.5rem,3vw,2.5rem);color:var(--gb-cyan);margin-bottom:var(--spacing-md)}.bg-boot-sub{color:var(--text-secondary);font-size:1.1rem}.bg-boot-error{margin-top:var(--spacing-md);color:var(--danger-400)}.bg-lobby .bg-stage{justify-content:stretch}.bg-lobby-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);min-height:0}@media(max-width:899px){.bg-lobby-grid{grid-template-columns:1fr}}.bg-lobby-join,.bg-lobby-players{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);min-height:0}.bg-lobby-kicker{display:inline-block;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.25rem}.bg-lobby-join-title{font-family:var(--font-title);font-size:clamp(2rem,4vw,3rem);color:var(--text-primary);margin:0}.bg-lobby-code-block{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.bg-lobby-code-label{font-size:.9rem;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.bg-lobby-code-value{font-family:var(--font-title);font-size:clamp(4rem,10vw,9rem);line-height:1;letter-spacing:.04em;color:var(--gb-cyan);text-shadow:0 4px 32px rgba(var(--secondary-rgb),.35)}.bg-lobby-qr{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.bg-lobby-qr-img{width:clamp(180px,22vw,320px);height:auto;background:#fff;padding:8px;border-radius:var(--radius-md)}.bg-lobby-qr-caption{font-size:.9rem;color:var(--text-secondary)}.bg-lobby-url{font-family:monospace;font-size:.95rem;color:var(--text-secondary);word-break:break-all}.bg-lobby-ad{display:flex;justify-content:center;margin-top:1rem}.bg-lobby-players-header{display:flex;justify-content:space-between;align-items:baseline}.bg-lobby-players-header h3{font-family:var(--font-title);color:var(--gb-pink);font-size:clamp(1.25rem,1.8vw,1.6rem);margin:0}.bg-lobby-min-hint{font-size:.9rem;color:var(--text-secondary)}.bg-lobby-player-list{flex:1 1 auto;overflow-y:auto;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.bg-lobby-player-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-card);border-radius:var(--radius-md);font-size:clamp(1rem,1.4vw,1.2rem)}.bg-lobby-player-avatar,.bg-lobby-player-avatar-fallback{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);color:var(--text-primary);flex-shrink:0}.bg-lobby-player-empty{color:var(--text-secondary);font-style:italic;padding:.5rem 0}.bg-lobby-start-btn{margin-top:auto;padding:1rem 1.5rem;font-family:var(--font-title);font-size:clamp(1.2rem,1.8vw,1.5rem);background:var(--gradient-button);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.bg-lobby-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-gold)}.bg-lobby-start-btn:disabled{opacity:.5;cursor:not-allowed}.bg-lobby-waiting{margin-top:auto;font-family:var(--font-title);color:var(--text-secondary);text-align:center;font-size:clamp(1rem,1.4vw,1.25rem)}.bg-question-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(1rem,2vw,2rem);padding:clamp(1rem,3vw,3rem)}.bg-question-category{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);font-size:clamp(.95rem,1.3vw,1.1rem);color:var(--text-secondary)}.bg-question-category-icon{font-size:1.25em}.bg-question-text{font-family:var(--font-title);font-size:clamp(2.25rem,5.5vw,6rem);line-height:1.15;color:var(--text-primary);margin:0;max-width:22ch;text-shadow:0 4px 32px rgba(0,0,0,.4)}.bg-question-subheading{font-family:var(--font-title);font-size:clamp(1.1rem,2vw,1.75rem);color:var(--gb-cyan);margin:0}.bg-status-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:60rem}.bg-status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);font-size:clamp(.95rem,1.3vw,1.1rem);color:var(--text-secondary);transition:border-color var(--transition),color var(--transition)}.bg-status-chip.is-done{border-color:var(--success-500);color:var(--success-400)}.bg-status-chip.is-waiting{border-style:dashed}.bg-status-chip-name{font-family:var(--font-title)}.bg-voting-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:clamp(1rem,2vw,2rem);align-items:start;width:100%;height:100%}.bg-voting-question{grid-column:1 / -1;text-align:center}.bg-voting-question-text{font-family:var(--font-title);font-size:clamp(1.5rem,3vw,2.5rem);color:var(--text-primary);margin:0;line-height:1.2}.bg-voting-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(.5rem,1vw,1rem)}.bg-voting-option{display:flex;align-items:center;gap:1rem;padding:clamp(.75rem,1.25vw,1.25rem) clamp(1rem,1.5vw,1.5rem);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius-lg);font-size:clamp(1.2rem,2vw,1.75rem);color:var(--text-primary)}.bg-voting-option-index{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.5rem,3.5vw,3.5rem);height:clamp(2.5rem,3.5vw,3.5rem);background:var(--gb-cyan);color:var(--bg-primary);border-radius:50%;font-family:var(--font-title);font-size:clamp(1.1rem,1.8vw,1.5rem);flex-shrink:0}.bg-voting-option-text{font-family:var(--font-hand)}.bg-voting-roster{align-self:start;max-height:60vh;overflow-y:auto;justify-content:flex-start;flex-direction:column}.bg-voting-count{font-family:var(--font-title);color:var(--gb-cyan);font-size:clamp(1.1rem,1.6vw,1.4rem)}@media(max-width:899px){.bg-voting-layout{grid-template-columns:1fr}.bg-voting-roster{flex-direction:row;flex-wrap:wrap}}.bg-reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:clamp(.75rem,1.5vw,1.25rem);width:100%}.bg-reveal-card{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1rem,1.5vw,1.5rem);background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:var(--radius-lg);transition:border-color var(--transition)}.bg-reveal-card.is-truth{border-color:var(--success-500);background:color-mix(in srgb,var(--gb-truth) 8%,transparent)}.bg-reveal-card.is-lie{border-color:var(--panel-border)}.bg-reveal-card-head{display:flex;align-items:center;gap:.5rem;color:var(--gb-cyan)}.bg-reveal-card.is-truth .bg-reveal-card-head{color:var(--success-400)}.bg-reveal-card-text{font-family:var(--font-title);font-size:clamp(1.1rem,1.8vw,1.5rem);color:var(--text-primary);margin:0;line-height:1.25}.bg-reveal-card-meta{display:flex;flex-direction:column;gap:.5rem}.bg-reveal-author{font-size:.9rem;color:var(--text-secondary);font-style:italic}.bg-reveal-voters{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.bg-reveal-voter-chip{padding:.25rem .6rem;background:rgba(var(--primary-rgb),.15);color:var(--gb-pink);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-title)}.bg-reveal-no-voters{font-size:.85rem;color:var(--text-secondary);opacity:.6}.bg-scores-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);width:100%}@media(max-width:899px){.bg-scores-layout{grid-template-columns:1fr}}.bg-scores-leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.bg-scores-row{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;padding:clamp(.6rem,1vw,1rem) clamp(.75rem,1.25vw,1.25rem);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);font-size:clamp(1.1rem,1.6vw,1.5rem)}.bg-scores-row.is-first{border-color:var(--gold-400);background:rgba(var(--primary-rgb),.1)}.bg-scores-rank{font-family:var(--font-title);color:var(--gb-cyan);display:inline-flex;align-items:center;justify-content:center}.bg-scores-row.is-first .bg-scores-rank{color:var(--gold-400)}.bg-scores-name{font-family:var(--font-title);color:var(--text-primary)}.bg-scores-points{font-family:var(--font-title);color:var(--gb-pink);font-size:1.1em}.bg-scores-events{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:clamp(.75rem,1.25vw,1.25rem)}.bg-scores-events h4{font-family:var(--font-title);color:var(--gb-cyan);margin:0 0 .75rem;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase}.bg-scores-events ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.bg-scores-events li{display:flex;align-items:baseline;gap:.5rem;font-size:.95rem;color:var(--text-secondary)}.bg-scores-events strong{font-family:var(--font-title);color:var(--text-primary);flex:0 0 auto}.bg-scores-delta{font-family:var(--font-title);padding:.1rem .5rem;border-radius:var(--radius-sm);font-size:.85rem}.bg-scores-delta.is-pos{background:color-mix(in srgb,var(--gb-truth) 20%,transparent);color:var(--success-400)}.bg-scores-delta.is-neg{background:color-mix(in srgb,var(--gb-lie) 20%,transparent);color:var(--danger-400)}.bg-scores-reason{font-style:italic;opacity:.8;flex:1 1 auto}.bg-gameover-winner{position:relative;text-align:center;padding:clamp(1.5rem,3vw,3rem);background:radial-gradient(circle at top,rgba(var(--primary-rgb),.2) 0%,transparent 70%);border-radius:var(--radius-xl)}.bg-gameover-trophy{color:var(--gold-400);margin:0 auto}.bg-gameover-sparkle{color:var(--gb-cyan);position:absolute;top:1rem;left:1rem}.bg-gameover-winner-name{font-family:var(--font-title);font-size:clamp(2rem,5vw,4rem);color:var(--gold-400);margin:.5rem 0 0;text-shadow:0 4px 24px rgba(var(--primary-rgb),.35)}.bg-gameover-winner-label{font-family:var(--font-title);letter-spacing:.15em;color:var(--text-secondary);text-transform:uppercase;margin:.25rem 0}.bg-gameover-winner-score{font-family:var(--font-title);font-size:clamp(1.25rem,2vw,1.75rem);color:var(--gb-pink);margin:0}.bg-gameover-standings{list-style:none;padding:0;margin:clamp(1rem,2vw,2rem) 0 0;display:flex;flex-direction:column;gap:.4rem;max-width:60rem;margin-left:auto;margin-right:auto;width:100%}.bg-gameover-standing{display:grid;grid-template-columns:3rem 1fr auto auto auto;align-items:center;gap:1rem;padding:.6rem 1rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);font-size:clamp(.95rem,1.4vw,1.2rem)}.bg-gameover-standing.is-first{border-color:var(--gold-400);background:rgba(var(--primary-rgb),.08)}.bg-gameover-rank{font-family:var(--font-title);color:var(--gb-cyan);display:inline-flex;align-items:center;justify-content:center}.bg-gameover-name{font-family:var(--font-title);color:var(--text-primary)}.bg-gameover-stat{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.9em}.bg-gameover-score{font-family:var(--font-title);color:var(--gb-pink)}.bluffalo-vote-next{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;background:var(--gradient-button);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-family:var(--font-title);font-size:1.1rem;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);min-width:12rem}.bluffalo-vote-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-gold)}.bluffalo-vote-next:disabled{cursor:default}.bluffalo-vote-next.is-voted{background:var(--panel-bg);color:var(--text-secondary);border:1px solid var(--panel-border);opacity:.9}.bluffalo-vote-next-label{font-weight:600}.bluffalo-vote-next-count{padding:.15rem .5rem;background:var(--px-bevel-dark);border-radius:var(--radius-sm);font-size:.85rem}.bluffalo-reveal-actions{margin-top:var(--spacing-lg);display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){.bg-lobby-start-btn:hover:not(:disabled),.bluffalo-vote-next:hover:not(:disabled){transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}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 0 4px rgba(var(--secondary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--secondary-rgb),.8)}}@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)}}@keyframes bluffaloRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bluffaloTruthLand{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes bluffaloTruthBanner{0%,to{transform:translate(-50%) rotate(-2deg) scale(1)}50%{transform:translate(-50%) rotate(2deg) scale(1.06)}}@keyframes bluffaloStampSway{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.06)}}@keyframes bluffaloBurstSpin{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.12) rotate(6deg);opacity:.85}}@keyframes bluffaloStampIn{0%{opacity:0;transform:rotate(7deg) scale(2.6)}to{opacity:1;transform:rotate(7deg) scale(1)}}@keyframes bluffaloLieDrop{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes bluffaloScoreFloat{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:translateY(0)}62%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-28px)}}@keyframes bluffaloConfettiFall{0%{transform:translateY(0) rotate(0);opacity:0}6%{opacity:1}88%{opacity:1}to{transform:translateY(560px) rotate(290deg);opacity:0}}@keyframes bluffaloVoterHop{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-6px)}90%{transform:translateY(0)}}@keyframes bluffaloIdleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bluffaloLockIn{0%{transform:scale(1)}35%{transform:scale(.97)}70%{transform:scale(1.02)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gbj-count{font-variant-numeric:tabular-nums}.gbj-confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9990;overflow:hidden}.gbj-confetti-particle{position:absolute;border-radius:50%;will-change:transform,opacity;animation-fill-mode:forwards;animation-iteration-count:1}.gbj-confetti-particle.is-rain{top:-5%;animation-name:gbjConfettiFall;animation-timing-function:linear}.gbj-confetti-particle.is-burst{animation-name:gbjConfettiBurst;animation-timing-function:cubic-bezier(.16,1,.3,1)}@keyframes gbjConfettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(var(--gbj-rot, 480deg));opacity:0}}@keyframes gbjConfettiBurst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--gbj-dx, 0),var(--gbj-dy, 0)) rotate(var(--gbj-rot, 360deg)) scale(.6);opacity:0}}.gbj-interstitial{position:fixed;inset:0;z-index:9998;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:24px;text-align:center;background:#0d0f1a8c}.gbj-interstitial-title{margin:0;font-family:var(--font-title, inherit);font-size:clamp(2rem,8vw,4rem);font-weight:800;line-height:1.05;color:var(--text-primary, #ffffff);text-shadow:0 4px 24px rgba(0,0,0,.45)}.gbj-interstitial-sub{margin:0;font-size:clamp(.95rem,3.5vw,1.35rem);font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .7))}.gbj-interstitial-bar{width:min(220px,60vw);height:4px;border-radius:99px;transform-origin:left center;background:linear-gradient(90deg,var(--gbj-accent, var(--gb-pink, #e94560)),var(--gb-cyan, #00d9ff))}.gbj-timer-urgent{animation:gbjTimerPulse 1s ease-in-out infinite;color:var(--gb-pink, #e94560)}@keyframes gbjTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.gbj-shake{animation:gbjShake .3s cubic-bezier(.36,.07,.19,.97)}@keyframes gbjShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media(prefers-reduced-motion:reduce){.gbj-confetti-particle,.gbj-interstitial-bar,.gbj-timer-urgent,.gbj-shake{animation:none!important}.gbj-confetti-container{display:none}.gbj-timer-urgent{transform:none}}.pp-toggle-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.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:var(--bg-card)}.pp-mode-label{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;color:var(--gb-cyan);background:rgba(var(--secondary-rgb),.08);border:1px solid rgba(var(--secondary-rgb),.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:1rem;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:44px;height:44px;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:var(--gb-lie);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:var(--gb-lie);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(var(--secondary-rgb),.4);margin:0;letter-spacing:.04em}.pp-privacy-card{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-card);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 rgba(var(--secondary-rgb),.3)}.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 rgba(var(--primary-rgb),.3)}.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-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:var(--gb-truth)}.pp-progress-dot.current{background:var(--gb-cyan);box-shadow:0 0 8px rgba(var(--secondary-rgb),.5)}@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}}[class*=prairie-],.lobby-mascot{display:none!important}.course-backdrop{position:fixed;inset:0;width:100%;height:100%;z-index:var(--z-background, -2);pointer-events:none;display:block}html{background-color:#070a18!important;background-image:repeating-linear-gradient(0deg,rgba(51,230,255,.022) 0px,rgba(51,230,255,.022) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% 0%,#17224c,#0f1838 45%,#070a18)!important;background-attachment:fixed!important}body{background:transparent!important;color:var(--text-primary);font-family:var(--font-body)}h1,h2,h3,.lobby-waiting-header h2,.bluffalo-settings-title,.lobby-player-count,.solo-invite-title{font-family:var(--font-title)!important;font-style:italic;font-weight:900;letter-spacing:.04em;color:var(--text-primary);text-shadow:0 0 18px rgba(51,230,255,.35)}.lobby-waiting-card,.gs-pane,.card,.bluffalo-host-settings,.settings-modal,.sidebar-tabs,.chat-window{background:var(--panel-bg)!important;border:2px solid var(--ink)!important;border-radius:var(--radius-lg)!important;box-shadow:0 0 0 1px #33e6ff14,0 0 24px #33e6ff24!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.lobby-waiting-card{border-top:3px solid var(--primary)!important}@media(max-width:767px){.gs-pane.lobby-waiting-card{background:transparent!important;border:none!important;box-shadow:none!important}}.lobby-start-btn,.home-btn,.game-header-lobby-btn,.invite-modal-btn,.device-settings-confirm{position:relative;isolation:isolate;background:transparent!important;border:none!important;box-shadow:none!important;color:#04121e!important;font-family:var(--font-title)!important;font-style:italic;font-weight:900;letter-spacing:.08em}.lobby-start-btn:before,.home-btn:before,.game-header-lobby-btn:before,.invite-modal-btn:before,.device-settings-confirm:before{content:"";position:absolute;inset:0;z-index:-1;transform:skew(-8deg);border:2px solid var(--ink);border-radius:10px;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%) 0 0 / 250% 100% no-repeat,linear-gradient(95deg,#33e6ff,#2bd4c4);box-shadow:0 0 18px #33e6ff73;animation:goRacerSheen 4.5s ease-in-out infinite}@keyframes goRacerSheen{0%,to{background-position:135% 0,0 0}50%{background-position:-35% 0,0 0}}.home-btn.secondary{color:#2a0426!important}.home-btn.secondary:before{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%) 0 0 / 250% 100% no-repeat,linear-gradient(95deg,#ff3df0,#c72fd0);box-shadow:0 0 18px #ff3df066}.lobby-start-btn:disabled:before,.home-btn:disabled:before,.device-settings-confirm:disabled:before{background:#1a2450;box-shadow:none;animation:none}.lobby-start-btn:disabled,.home-btn:disabled,.device-settings-confirm:disabled{color:var(--text-secondary)!important}@media(prefers-reduced-motion:reduce){.lobby-start-btn:before,.home-btn:before,.game-header-lobby-btn:before,.invite-modal-btn:before,.device-settings-confirm:before{animation:none!important}}.game-header-settings-btn,.game-header-leave-btn,.game-header-copy-btn{font-family:var(--font-body);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #33e6ff1a!important}input,textarea,select{background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body)}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--accent-glow),0 0 14px #33e6ff40}.bluffalo-countdown-number{font-family:var(--font-title);font-style:italic;font-weight:900;color:var(--primary);text-shadow:0 0 30px rgba(51,230,255,.6)}.gb-demo-badge{display:inline-block;transform:rotate(-4deg);padding:4px 16px;margin:6px 0 2px;font-family:var(--font-title);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:#041018;background:var(--gb-gold, #ffd23f);border:2px solid var(--ink, #080b18);border-radius:8px;box-shadow:3px 3px #041018e6,0 0 16px #ffd23f59}.gb-demo-badge--inline{transform:rotate(-3deg) scale(.82);margin:0}.gb-feedback-btn{display:block;margin:18px auto 6px;padding:13px 34px;cursor:pointer;border:2px solid var(--ink, #080b18);border-radius:12px;transform:skew(-8deg);font-family:var(--font-title);font-size:1.1rem;letter-spacing:.08em;color:#041018;background:linear-gradient(95deg,var(--gb-gold, #ffd23f) 0%,#ffb43e 100%);box-shadow:3px 3px #041018e6,0 0 18px #ffd23f4d;transition:transform .1s ease}.gb-feedback-btn>span{display:inline-block;transform:skew(8deg)}.gb-feedback-btn:hover{transform:skew(-8deg) translate(-1px,-2px)}.gb-feedback-btn--lobby{margin:10px auto 0;padding:9px 24px;font-size:.95rem}@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}}@media(min-width:768px)and (max-width:1023px){:root{--sidebar-width: 280px}.lobby-sidebar,.game-sidebar{display:none}}@media(min-width:1024px){.lobby-sidebar,.game-sidebar{display:flex}}@media(min-width:1536px){:root{--sidebar-width: 384px}}@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}.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}}@media(max-height:500px)and (orientation:landscape){:root{--filmstrip-height: 50px}.game-header{height:var(--header-height-mobile)}.video-filmstrip.expanded{height:50px}.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}}@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}}