@font-face{font-family:Lexend;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/lexend-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Lexend;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/lexend-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:Lexend;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/lexend-latin.woff2) format("woff2");unicode-range:u+00??,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:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-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:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:u+00??,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:Lexend Fallback;font-style:normal;font-weight:300 700;font-display:swap;src:local("Arial");ascent-override:90.26%;descent-override:22.57%;line-gap-override:0%;size-adjust:110.79%}@font-face{font-family:Space Grotesk Fallback;font-style:normal;font-weight:300 700;font-display:swap;src:local("Arial");ascent-override:88.78%;descent-override:26.34%;line-gap-override:0%;size-adjust:110.84%}:root{font-family:Space Grotesk,Space Grotesk Fallback,system-ui,sans-serif;--hg-preview-bar-h:0px;--font-heading:"Lexend","Lexend Fallback",system-ui,sans-serif;--font-body:"Space Grotesk","Space Grotesk Fallback",system-ui,sans-serif;--pf-genre-surface-pill:rgba(10,10,20,0.88);--pf-genre-surface-field:rgba(10,10,20,0.82);--pf-genre-gradient-pill:linear-gradient(165deg,rgba(255,255,255,0.07),rgba(102,126,234,0.12) 48%,rgba(118,75,162,0.1));--pf-genre-gradient-field:linear-gradient(165deg,rgba(255,255,255,0.1),rgba(102,126,234,0.08) 55%,rgba(118,75,162,0.06));--pf-genre-border:rgba(255,255,255,0.18);--pf-genre-text:rgba(255,255,255,0.92);--pf-genre-shadow-pill:0 2px 12px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.07);--pf-genre-shadow-field:0 2px 14px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.08);--pf-genre-border-hover:rgba(167,139,250,0.55);--pf-genre-shadow-hover:0 0 0 1px rgba(102,126,234,0.35),0 4px 18px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.1);--pf-genre-active-surface:rgba(48,40,86,0.75);--pf-genre-active-gradient:linear-gradient(135deg,rgba(102,126,234,0.98),rgba(118,75,162,0.95) 42%,rgba(79,70,229,0.92));--pf-genre-active-border:rgba(196,181,253,0.55);--pf-genre-active-shadow:0 0 0 1px rgba(167,139,250,0.45),0 4px 22px rgba(102,126,234,0.38),inset 0 1px 0 rgba(255,255,255,0.2);--pf-genre-active-hover-border:rgba(233,213,255,0.65);--pf-genre-active-hover-shadow:0 0 0 1px rgba(196,181,253,0.5),0 6px 26px rgba(102,126,234,0.42),inset 0 1px 0 rgba(255,255,255,0.22);--pf-genre-focus-border:rgba(129,140,248,0.95);--pf-genre-focus-shadow:0 0 0 2px rgba(102,126,234,0.45),0 6px 22px rgba(102,126,234,0.22),inset 0 1px 0 rgba(255,255,255,0.12);--pf-genre-placeholder:rgba(196,181,253,0.42);--pf-vibe-surface:rgba(8,16,26,0.9);--pf-vibe-gradient:linear-gradient(165deg,rgba(255,255,255,0.06),rgba(56,189,248,0.14) 48%,rgba(14,165,233,0.11));--pf-vibe-border:rgba(125,211,252,0.22);--pf-vibe-text:rgba(236,254,255,0.92);--pf-vibe-shadow-base:0 2px 12px rgba(0,0,0,0.28),inset 0 1px 0 rgba(207,250,254,0.08);--pf-vibe-border-hover:rgba(34,211,238,0.62);--pf-vibe-shadow-hover:0 0 0 1px rgba(56,189,248,0.42),0 4px 18px rgba(0,0,0,0.32),inset 0 1px 0 rgba(207,250,254,0.12);--pf-vibe-active-surface:rgba(12,42,58,0.82);--pf-vibe-active-gradient:linear-gradient(135deg,rgba(56,189,248,0.95),rgba(34,211,238,0.92) 45%,rgba(8,145,178,0.9));--pf-vibe-active-border:rgba(165,243,252,0.58);--pf-vibe-active-shadow:0 0 0 1px rgba(103,232,249,0.45),0 4px 22px rgba(34,211,238,0.32),inset 0 1px 0 rgba(240,253,250,0.22);--pf-vibe-active-hover-border:rgba(224,242,254,0.72);--pf-vibe-active-hover-shadow:0 0 0 1px rgba(165,243,252,0.55),0 6px 26px rgba(56,189,248,0.38),inset 0 1px 0 rgba(255,255,255,0.26);--pf-vibe-focus-border:rgba(34,211,238,0.95);--pf-vibe-focus-shadow:0 0 0 2px rgba(56,189,248,0.5),0 6px 22px rgba(34,211,238,0.22),inset 0 1px 0 rgba(207,250,254,0.14)}*{box-sizing:border-box}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{margin:0;padding:0}body{background:#0f0d13;color:#fff;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}.container{max-width:900px;margin:2rem auto;padding:1rem}.card{border:2px solid transparent;border-radius:20px;padding:1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;contain:layout style;transform:translateZ(0)}.card h3{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.player-guess-card{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25) 50%,rgba(240,147,251,.2))!important;border:2px solid rgba(102,126,234,.35)!important;box-shadow:0 4px 24px rgba(102,126,234,.15)}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}input{padding:.8rem 1.2rem;border-radius:15px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;font-weight:700;font-size:1.2rem}input:focus{outline:none;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.15)}input.correct-guess{border-color:rgba(76,175,80,.8)!important;background:rgba(76,175,80,.1)!important}input.guess-error{border-color:rgba(244,67,54,.8)!important;background:rgba(244,67,54,.1)!important}.correct-guess-animation{animation:flyOut var(--animation-duration,2s) ease-out forwards}.player-name-bubble{background:linear-gradient(135deg,#5f69c7,#d684e5);color:white;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;white-space:nowrap;transform:scale(0);animation:scaleIn var(--animation-duration,2s) ease-out forwards}@keyframes flyOut{0%{transform:translate(-50%,-50%) translate(0)}to{transform:translate(-50%,-50%) translate(var(--end-x,0),var(--end-y,0))}}@keyframes scaleIn{0%{transform:scale(0);opacity:1}20%{transform:scale(1.2);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}input::placeholder{color:rgba(255,255,255,.6)}button{padding:.8rem 1.2rem;border-radius:15px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500;cursor:pointer;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));opacity:0;transition:opacity .3s ease}button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.4)}button:hover:before{opacity:1}button:active{transform:translateY(0)}a.ws-util-link,button.ws-app-rating-close,button.ws-app-rating-luxury-not-now,button.ws-pl-rating-close,button.ws-rate-star,button.ws-util-link{border:none!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;overflow:visible!important;font-weight:inherit!important}button.ws-rate-star{padding:.2rem .28rem!important}button.ws-rate-star.ws-pl-rating-star{padding:.1rem .18rem!important;font-family:var(--font-body)!important;font-size:1.15rem!important;-webkit-text-stroke:1.15px rgba(255,215,0,.88)!important}button.ws-rate-star.ws-pl-rating-star.ws-rate-star--fill{-webkit-text-stroke:0!important}button.ws-app-rating-luxury-not-now{padding:.35rem .6rem!important;border-radius:0!important}button.ws-app-rating-close,button.ws-pl-rating-close{padding:.1rem .3rem!important;border-radius:4px!important}a.ws-util-link,button.ws-util-link{padding:.2rem!important;font-size:.72rem!important;font-family:var(--font-body)!important;font-weight:500!important;color:rgba(255,255,255,.44)!important;text-decoration:underline!important;text-underline-offset:3px!important;border-radius:0!important;letter-spacing:.02em!important}a.ws-util-link:hover,button.ws-util-link:hover:not(:disabled){color:rgba(255,255,255,.72)!important}button.ws-util-link:disabled{opacity:.32!important;cursor:default!important;text-decoration:none!important}button.ws-util-link.ws-util-link--danger{color:rgba(248,113,113,.62)!important}button.ws-util-link.ws-util-link--danger:hover:not(:disabled){color:rgba(252,165,165,.88)!important}a.ws-util-link:before,button.ws-app-rating-close:before,button.ws-app-rating-luxury-not-now:before,button.ws-pl-rating-close:before,button.ws-rate-star:before,button.ws-util-link:before{display:none!important;content:none!important}button.ws-rate-star:hover{border:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:scale(1.12)!important}button.ws-rate-star:hover:before{display:none!important;opacity:0!important}button.ws-rate-star:active{transform:scale(1.06)!important}a.ws-util-link:hover,button.ws-app-rating-close:hover,button.ws-app-rating-luxury-not-now:hover,button.ws-pl-rating-close:hover,button.ws-util-link:hover{border:none!important;background:transparent!important;transform:none!important}a.ws-util-link:hover:before,button.ws-app-rating-close:hover:before,button.ws-app-rating-luxury-not-now:hover:before,button.ws-pl-rating-close:hover:before,button.ws-util-link:hover:before{display:none!important;opacity:0!important}button.ws-app-rating-luxury-not-now:active{transform:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.2rem;min-height:44px;border-radius:10px;border:none;background:rgba(255,255,255,.12);color:#fff;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap;line-height:1.2;-webkit-tap-highlight-color:transparent;will-change:transform;backface-visibility:hidden}.btn:before{display:none}.btn:hover{transform:translateY(-1px);filter:brightness(1.15);box-shadow:0 4px 12px rgba(0,0,0,.3);border-color:transparent}.btn:active{transform:translateY(0);filter:brightness(.95)}.btn:disabled,.btn:disabled:hover{opacity:.4;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2,#8b5bb8)}.btn-primary:hover{box-shadow:0 4px 16px rgba(102,126,234,.35)}.btn-success{background:linear-gradient(135deg,#10b981,#059669,#047857)}.btn-success:hover{box-shadow:0 4px 16px rgba(16,185,129,.35)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b)}.btn-danger:hover{box-shadow:0 4px 16px rgba(220,38,38,.35)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);color:#0f172a}.btn-warning:hover{box-shadow:0 4px 16px rgba(245,158,11,.4);filter:brightness(1.05)}.btn-ghost{background:transparent;border:1.5px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.35);filter:none}.btn-link{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 .1rem!important;min-height:unset!important;font-weight:600;color:#9bb0ff;text-decoration:underline;text-underline-offset:3px;border-radius:0}.btn-link:hover{transform:none!important;filter:none!important;color:#c4b5fd;box-shadow:none!important}.btn-link:active{transform:none!important;filter:brightness(.95)!important}.btn-link:disabled,.btn-link:disabled:hover{opacity:.45;cursor:not-allowed;color:rgba(255,255,255,.45);text-decoration:none}.btn-sm{padding:.45rem .85rem;font-size:.8rem;border-radius:8px;min-height:36px}.btn-lg{padding:.85rem 1.6rem;font-size:1rem;border-radius:12px;min-height:50px}@media (max-width:768px){.btn{min-height:48px;padding:.7rem 1.2rem}.btn-sm{min-height:44px;padding:.55rem .85rem}.btn-lg{min-height:56px;padding:1rem 1.6rem}}.small{font-size:12px;color:#aaa}.badge{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));padding:.4rem .8rem;border-radius:20px;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:.85rem;text-shadow:0 1px 30px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.25);transition:transform .3s ease,filter .3s ease,border-color .3s ease,box-shadow .3s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;will-change:transform;backface-visibility:hidden}.badge:hover{transform:translateY(-2px);filter:brightness(1.15)}.badge-correct{border-color:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.4);animation:badge-correct-pop .35s ease-out;position:relative;overflow:visible}.badge-correct:after{content:"✓";position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#4ade80;color:#0f0d13;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes badge-correct-pop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.cga-fly{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;will-change:transform;animation:cga-fly 2s ease-out forwards}.cga-bubble{color:white;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;white-space:nowrap;text-shadow:0 1px 30px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.25);will-change:transform,opacity;animation:cga-scale 2s ease-out forwards}.cga-bubble--perfect{border:2px solid rgba(255,255,255,.5);animation-name:cga-scale-perfect}@keyframes cga-fly{0%{transform:translate(-50%,-50%) translate(0)}to{transform:translate(-50%,-50%) translate(var(--cga-x),var(--cga-y))}}@keyframes cga-scale{0%{transform:scale(0);opacity:1}20%{transform:scale(1.2);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes cga-scale-perfect{0%{transform:scale(0);opacity:1}16%{transform:scale(1.32);opacity:1}78%{transform:scale(1);opacity:1}to{transform:scale(.78);opacity:0}}.glass-input{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:3px solid rgba(255,255,255,.2)!important;border-radius:25px!important;padding:16px 20px!important;color:#fff!important;font-size:18px!important;text-align:center!important;transition:all .3s ease!important;outline:none!important;height:50px!important}.glass-input::placeholder{color:rgba(255,255,255,.6)}.glass-input:focus{background:transparent!important;border-color:rgba(255,255,255,.4)!important}.glass-input:hover{background:transparent!important;border-color:rgba(255,255,255,.3)!important}.input-with-button{position:relative;display:flex;align-items:stretch;background:transparent;border:3px solid transparent;border-radius:25px;padding:0;transition:all .3s ease;outline:none;max-width:300px;margin:0 auto;height:50px}.input-with-button-name{width:100%;max-width:400px}.input-with-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-3px;border-radius:inherit;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.input-with-button input{background:transparent;border:none;border-radius:25px;padding:0 20px;color:#fff;font-size:18px;outline:none;flex:1 1;backdrop-filter:none;-webkit-backdrop-filter:none;height:100%}.input-with-button input::placeholder{color:rgba(255,255,255,.6)}.input-with-button button{background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a);border:none;border-radius:20px;padding:0 20px;color:#fff;font-family:var(--font-body);font-weight:500;font-size:18px;cursor:pointer;transition:all .3s ease;outline:none;height:80%;position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:60px}.input-with-button button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d);transform:translateY(-50%) scale(1.05)}.input-with-button:hover{transform:perspective(1000px) translateZ(20px) scale(1.05)}.input-with-button:focus-within{transform:perspective(1000px) translateZ(20px) scale(1.05)}.input-with-button button:hover{background:linear-gradient(135deg,#7a8ff0,#8a5bb8 50%,#f5a5ff)}.input-with-button button:disabled{opacity:.5;cursor:not-allowed}.gradient-button{background:transparent!important;border:3px solid transparent!important;border-radius:25px!important;padding:16px 24px!important;color:#fff!important;font-family:var(--font-body)!important;font-weight:500!important;font-size:18px!important;cursor:pointer!important;transition:all .3s ease!important;outline:none!important;position:relative!important;background-clip:padding-box!important;height:50px!important}.gradient-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-3px;border-radius:inherit;background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a)!important;opacity:1!important}.gradient-button:hover{transform:perspective(1000px) translateZ(20px) scale(1.05)!important}.gradient-button:hover:before{background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d)!important}.gradient-button:active{transform:perspective(1000px) translateZ(10px) scale(1.02)!important}.gradient-button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.gradient-button:disabled:hover{transform:none!important}.create-game-btn{background:none!important;border:none!important;border-radius:0!important;padding:8px 0!important;color:#fff!important;text-decoration:none!important;margin-top:1rem!important;font-family:var(--font-body)!important;font-weight:500!important;font-size:18px!important;cursor:pointer!important;transition:all .3s ease!important;outline:none!important;position:relative!important}.create-game-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a)!important;transform:scaleX(1);transition:transform .3s ease}.create-game-btn:hover{color:#4ade80!important;transform:translateY(-1px)!important}.create-game-btn:hover:after{transform:scaleX(1.1)}.create-game-btn:active{transform:translateY(0)!important}.create-game-btn:disabled,.create-game-btn:disabled:hover{opacity:.45!important;cursor:not-allowed!important;transform:none!important;color:rgba(255,255,255,.5)!important}.create-game-btn:disabled:after,.create-game-btn:disabled:hover:after{transform:scaleX(1);opacity:.4}.create-game-btn:before{opacity:0!important}.create-game-btn{display:inline-flex!important;align-items:center!important;gap:.4rem!important}.landing-btn-icon{flex-shrink:0}.create-game-btn--solo:after{background:linear-gradient(135deg,#a78bfa,#c084fc 50%,#e879f9)!important}.create-game-btn--solo:hover{color:#c084fc!important}.landing-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem .75rem;margin-top:1rem}.landing-buttons .create-game-btn{margin-top:0!important}.landing-buttons-sep{color:rgba(255,255,255,.5);font-size:18px;font-weight:400;font-family:var(--font-body);line-height:1}.landing-buttons .landing-vb-primary:hover{box-shadow:0 4px 16px rgba(102,107,203,.45)}.landing-buttons .landing-vb-solo:hover{box-shadow:0 4px 16px rgba(197,69,175,.45)}.landing-vb-join-input{position:relative;display:flex;align-items:stretch;border-radius:25px;padding:0;transition:all .3s ease;outline:none;max-width:300px;margin:0 auto;height:50px;background:linear-gradient(rgba(15,13,19,.62),rgba(15,13,19,.62)) padding-box,linear-gradient(135deg,rgba(102,107,203,.95),rgba(197,69,175,.95)) border-box!important;border:2px solid transparent!important;box-shadow:none!important}.landing-vb-join-input:focus-within,.landing-vb-join-input:hover{transform:none!important}.landing-vb-join-input input{background:transparent!important;border:none;border-radius:25px;padding:0 20px;color:#fff;font-size:18px;outline:none;flex:1 1;height:100%;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.landing-vb-join-input input::placeholder{color:rgba(255,255,255,.6)}.landing-vb-join-input button{background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a);border:none;border-radius:20px;padding:0 20px;color:#fff;font-family:var(--font-body);font-weight:500;font-size:18px;cursor:pointer;transition:all .3s ease;outline:none;height:80%;position:absolute;right:10px;top:50%;transform:translateY(-50%);min-width:60px;box-shadow:none!important}.landing-vb-join-input button:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d)!important;transform:translateY(-50%) scale(1.05)}.landing-vb-join-input button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(-50%)}.landing-join-section{display:flex;flex-direction:column;align-items:center;gap:.35rem}.landing-join-label{font-size:.85rem;color:rgba(180,175,195,.9);font-weight:500}.landing-start-section{display:flex;flex-direction:column}.landing-no-code-hint,.landing-start-section{align-items:center;gap:.35rem;margin-top:1rem}.landing-no-code-hint{display:inline-flex;font-size:.8rem;color:rgba(175,170,190,.8)}.landing-no-code-hint svg{flex-shrink:0;opacity:.8}.landing-container{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}@media (max-width:768px){.landing-container{min-height:100vh;min-height:100svh;padding:.5rem}}@media (max-width:480px){.landing-container{min-height:100vh;min-height:100svh;padding:.25rem}}.landing-container:before{background:linear-gradient(45deg,#1b1525,#2a1f3a 25%,#1f1a2e 50%,#1b1525 75%,#2a1f3a);background-size:400% 400%;animation:gradientShift 15s ease-in-out infinite;z-index:-2}.landing-container:after,.landing-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.landing-container:after{background:radial-gradient(circle at 30% 20%,rgba(95,105,199,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(214,132,229,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0,transparent 70%);animation:floatingLights 20s ease-in-out infinite;z-index:-1}@keyframes gradientShift{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes floatingLights{0%,to{transform:translate(0) scale(1);opacity:.7}25%{transform:translate(-20px,-15px) scale(1.1);opacity:.9}50%{transform:translate(15px,-25px) scale(1);opacity:.6}75%{transform:translate(-10px,20px) scale(1.05);opacity:.8}}@media (max-width:768px){.landing-container--home:after,.landing-container--home:before{animation:none}.landing-container--home .particle{animation-duration:20s;opacity:calc(var(--opacity, .4) * .65)}.landing-container--home .btn,.landing-container--home .create-game-btn,.landing-container--home .gm-card,.landing-container--home .landing-rating-pill{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.landing-container--home .gm-card:hover,.landing-container--home .landing-buttons .landing-vb-primary:hover,.landing-container--home .landing-buttons .landing-vb-solo:hover{box-shadow:none!important;transform:none}}@media (prefers-reduced-motion:reduce){.landing-container--home .particle,.landing-container--home:after,.landing-container--home:before{animation:none!important}}.landing-section{position:relative;padding:3.5rem 2rem;text-align:center}.landing-section-inner{max-width:800px;margin:0 auto}.landing-section-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-section-subtitle{font-size:1.15rem;color:rgba(255,255,255,.75);line-height:1.7;margin:0 0 2.5rem}.landing-rating-pill{display:inline-block;margin:.35rem auto .8rem;padding:.35rem .8rem;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(102,126,234,.22),rgba(118,75,162,.22));box-shadow:0 6px 18px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center}.landing-feature{padding:1.75rem 1.25rem;border-radius:18px;background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));border:1px solid rgba(102,126,234,.2)}.landing-feature-icon{font-size:2.5rem;display:block;margin-bottom:.75rem}.landing-feature h3{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .5rem}.landing-feature p{font-size:1rem;color:rgba(255,255,255,.65);line-height:1.6;margin:0}.gm-grid{display:flex;flex-direction:row;justify-content:center;gap:.75rem;width:100%;margin-top:1.25rem}.gm-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1.25rem 1.25rem;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);cursor:pointer;overflow:hidden;text-align:center;color:#fff;flex:1 1;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.gm-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.gm-card:active{transform:translateY(0) scale(.98)}.gm-card:disabled{opacity:.5;pointer-events:none}.gm-accent{position:absolute;inset:0;opacity:.1;pointer-events:none;transition:opacity .2s ease}.gm-card:hover .gm-accent{opacity:.18}.gm-icon{font-size:2rem;line-height:1;z-index:1;margin-bottom:.25rem}.gm-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.gm-desc,.gm-title{position:relative;z-index:1}.gm-desc{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:rgba(255,255,255,.75);letter-spacing:.05em;line-height:1.45}.gm-tag{display:inline-block;font-family:var(--font-heading);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:6px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.45);margin-top:.2rem;position:relative;z-index:1}@media (max-width:640px){.gm-grid{flex-direction:column;max-width:100%}.gm-card{padding:1.1rem 1rem}}.landing-faq{padding-bottom:5rem}.landing-faq-list{text-align:left;display:flex;flex-direction:column;gap:.5rem}.landing-faq-item{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.18);border-radius:12px;overflow:hidden;transition:background .2s}.landing-faq-item[open]{background:linear-gradient(135deg,rgba(102,126,234,.18),rgba(118,75,162,.18));border-color:rgba(102,126,234,.3)}.landing-faq-item summary{padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.landing-faq-item summary::-webkit-details-marker{display:none}.landing-faq-item summary:after{content:"+";font-size:1.2rem;color:rgba(255,255,255,.5);flex-shrink:0;margin-left:1rem;transition:transform .2s}.landing-faq-item[open] summary:after{content:"-"}.landing-faq-item p{padding:0 1.25rem 1rem;margin:0;font-size:1rem;color:rgba(255,255,255,.65);line-height:1.7;white-space:pre-line}.landing-faq-link{display:inline-block;margin-top:1.5rem;font-size:1rem;font-weight:600;color:#667eea;text-decoration:none;transition:color .2s}.landing-faq-link:hover{color:#f093fb}.landing-faq.landing-faq--page{padding:0 0 1rem}@media (max-width:768px){.landing-section{padding:2rem 1rem}.landing-section-title{font-size:1.85rem}.landing-section-subtitle{font-size:1rem}.landing-rating-pill{font-size:.88rem;padding:.3rem .7rem}.landing-features{grid-template-columns:1fr;gap:.75rem}.landing-feature{padding:1.25rem 1rem}.landing-feature h3{font-size:1.1rem}.landing-feature p{font-size:.9rem}.landing-faq-item summary{font-size:1rem;padding:.85rem 1rem}.landing-faq-item p{font-size:.9rem;padding:0 1rem .85rem}}.floating-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}.particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;opacity:var(--opacity);animation:float var(--duration) ease-in-out infinite;animation-delay:var(--delay);will-change:transform}.particle:first-child{background:radial-gradient(circle,rgba(95,105,199,.4) 0,transparent 70%)}.particle:nth-child(2){background:radial-gradient(circle,rgba(118,75,162,.4) 0,transparent 70%)}.particle:nth-child(3){background:radial-gradient(circle,rgba(147,51,234,.4) 0,transparent 70%)}.particle:nth-child(4){background:radial-gradient(circle,rgba(168,85,247,.4) 0,transparent 70%)}.particle:nth-child(5){background:radial-gradient(circle,rgba(196,181,253,.4) 0,transparent 70%)}.particle:nth-child(6){background:radial-gradient(circle,rgba(240,147,251,.4) 0,transparent 70%)}.particle:first-child{top:10%;left:10%}.particle:nth-child(2){top:20%;right:15%}.particle:nth-child(3){top:60%;left:5%}.particle:nth-child(4){top:80%;right:10%}.particle:nth-child(5){top:40%;left:80%}.particle:nth-child(6){top:70%;right:80%}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:var(--opacity)}25%{transform:translate(30px,-20px) scale(1.2);opacity:calc(var(--opacity) * 1.5)}50%{transform:translate(-20px,-40px) scale(.8);opacity:calc(var(--opacity) * .7)}75%{transform:translate(40px,-10px) scale(1.1);opacity:calc(var(--opacity) * 1.3)}}.landing-content{margin:0;text-align:center;position:relative;z-index:1;max-width:800px;width:100%}.landing-content h1{font-size:3.5rem;font-weight:700;margin-bottom:2rem;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3)}.landing-connecting-slot{min-height:1.5rem}.landing-logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.landing-logo-link{display:block;text-decoration:none;color:inherit}.landing-logo-link:hover{opacity:1}.landing-logo{width:400px;height:auto;transition:transform .3s ease}.landing-logo:hover{transform:scale(1.05)}@media (max-width:768px){.landing-logo{width:300px}.landing-content h1{font-size:2.5rem}}@media (max-width:480px){.landing-logo{width:100%!important}.landing-content h1{font-size:2rem}}.game-container{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:5em 1rem 1rem;position:relative;overflow:hidden}.game-content{margin:0;width:100%;max-width:900px}.game-container--shell{contain:layout}.game-content--shell{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;width:100%;min-height:0}@media (max-width:768px){.game-container{padding:.25rem;margin-top:4em;padding-bottom:96px!important}.game-content{max-width:100%;padding:0 .35rem}.card{padding:.75rem;margin-bottom:.75rem;border-radius:15px}.game-header{padding:.3rem 0;margin-bottom:0;flex-direction:column;gap:.5rem;text-align:center}.game-title{font-size:3rem!important;font-weight:700!important}.game-separator{display:none!important}.game-join-text{font-size:.9rem!important}.game-code{font-size:1.1rem!important}.game-status-card{padding:.75rem!important}.game-status-card>div:first-child{flex-direction:column;gap:.5rem;align-items:flex-start;min-height:auto;padding:0!important}.game-status-card>div:first-child>div:first-child{flex-direction:column;gap:.5rem;align-items:flex-start;width:100%}.ending-info,.round-info{font-size:.9rem}.settings-icon{display:none}.roster{gap:.5rem}.badge{font-size:.8rem!important;padding:.4rem .8rem!important}.live-round-player-card{margin-bottom:1rem}.player-guess-card{position:static!important;background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3) 50%,rgba(240,147,251,.25))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(102,126,234,.4)!important;border-radius:18px!important;padding:1rem!important;margin:0 0 .75rem!important;z-index:auto!important;box-shadow:0 4px 24px rgba(102,126,234,.2)!important;height:auto!important}.card input{font-size:16px!important;padding:12px 16px!important}.card button:not(.playlist-recognition-help):not(.playlist-difficulty-help){padding:0 1rem!important;font-size:.8rem!important;min-width:70px!important}table{font-size:.9rem;table-layout:fixed;width:100%}table td:first-child,table th:first-child{width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table td:last-child,table th:last-child{width:25%}td,th{padding:.6rem .4rem}.queue-button-container{position:fixed;top:5rem;right:.5rem;z-index:1000}.queue-button{padding:.5rem .8rem!important;font-size:.8rem!important;border-radius:15px!important}.game-status-songs-container{flex-direction:column;gap:1rem}.game-status-next,.game-status-now-playing{width:100%}.game-status-song-info{flex-direction:column;gap:.5rem;text-align:center}.game-status-song-artwork{align-self:center}.game-status-song-details{width:100%}.game-status-song-title{font-size:1.1rem!important;container-type:normal!important}.game-status-song-artist span,.game-status-song-title span{animation:none!important;text-overflow:ellipsis;overflow:hidden;max-width:100%}.game-status-song-artist{font-size:1rem!important}.game-status-songs-container:has(.game-status-quick-controls){grid-template-columns:1fr 1fr!important}}@media (max-width:480px){.game-container{padding:.125rem;margin-top:3.5em;padding-bottom:96px!important;min-height:100vh;min-height:100svh}.game-content{max-width:100%;padding:0 .25rem}.card{padding:.6rem;margin-bottom:.6rem;border-radius:12px}.game-header{padding:.25rem 0;margin-bottom:.45rem}.game-title{font-size:1.5rem!important;font-weight:700!important}.game-separator{display:none!important}.game-join-text{font-size:.8rem!important}.game-code{font-size:1rem!important}.game-status-card{padding:.6rem!important}.game-status-card>div:first-child{min-height:auto;padding:.4rem 0!important}.badge{font-size:.7rem!important;padding:.3rem .6rem!important}.player-guess-card .guess-input-row{height:50px!important}.card input{font-size:14px!important;padding:10px 14px!important}.player-guess-card .guess-input{font-size:16px!important}.card button:not(.playlist-recognition-help):not(.playlist-difficulty-help){padding:0 .8rem!important;font-size:.7rem!important;min-width:60px!important}table{font-size:.8rem}td,th{padding:.5rem .6rem}.queue-button{padding:.4rem .6rem!important;font-size:.7rem!important}.game-status-songs-container{flex-direction:column;gap:1rem}.game-status-next,.game-status-now-playing{width:100%}.game-status-song-info{flex-direction:column;gap:.5rem;text-align:center}.game-status-song-artist,.game-status-song-title{container-type:normal!important}.game-status-song-artist span,.game-status-song-title span{animation:none!important;text-overflow:ellipsis;overflow:hidden;max-width:100%}.game-status-song-artwork{align-self:center}.game-status-song-title{font-size:1rem!important}.game-status-song-artist{font-size:.9rem!important}}table{border-collapse:separate;border-spacing:0;width:100%}th{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2));padding:1rem;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}tr:hover td{background:rgba(255,255,255,.05);transform:translateX(5px)}.roster{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;width:100%}.leaderboard-card{max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.leaderboard-scroll{overflow-y:auto;flex:1 1 auto;min-height:0;position:relative;padding:.25rem 0}.lb-row{display:flex;align-items:center;gap:.5rem;padding:0 .65rem;height:44px;border-radius:8px;position:absolute;left:0;right:0;overflow:hidden;transition:top .45s cubic-bezier(.25,.8,.25,1),box-shadow .3s ease;z-index:1;will-change:top}.lb-row:after{content:"";position:absolute;inset:0;width:var(--lb-bar-w,0);background:linear-gradient(90deg,var(--lb-color,#667eea) 0,transparent 100%);opacity:.08;border-radius:inherit;pointer-events:none;z-index:-1;transition:width .6s ease}.lb-row-1{background:rgba(255,215,0,.06)}.lb-row-2{background:rgba(192,192,192,.06)}.lb-row-3{background:rgba(205,127,50,.06)}.lb-row-you{border:1.5px solid rgba(102,126,234,.5);box-shadow:0 0 12px rgba(102,126,234,.15)}.lb-your-rank-footer{flex-shrink:0;margin-top:.35rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.12)}.lb-your-rank-label{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 .35rem .65rem}.lb-row.lb-row-pinned{position:relative;left:auto;right:auto;top:auto!important;margin-top:0}.lb-rank{font-weight:700;min-width:1.6rem;text-align:center;font-size:.95rem;color:rgba(255,255,255,.5);flex-shrink:0}.lb-rank-1{color:#ffd700;text-shadow:0 0 8px rgba(255,215,0,.4)}.lb-rank-2{color:#c0c0c0;text-shadow:0 0 6px rgba(192,192,192,.3)}.lb-rank-3{color:#cd7f32;text-shadow:0 0 6px rgba(205,127,50,.3)}.lb-color-bar{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.lb-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.92rem}.lb-streak{font-size:.75rem;opacity:.85}.lb-gap,.lb-streak{white-space:nowrap;flex-shrink:0}.lb-gap{font-size:.72rem;color:rgba(255,255,255,.35)}.lb-score{font-weight:700;font-size:.95rem;text-align:right;min-width:2.5rem;flex-shrink:0}.lb-score-pop{animation:lbScorePop .35s ease}@keyframes lbScorePop{0%{transform:scale(1)}40%{transform:scale(1.35);color:#43e97b}to{transform:scale(1)}}.lb-delta{font-size:.7rem;font-weight:700;flex-shrink:0;width:1.8rem;text-align:center}.lb-delta-down,.lb-delta-up{animation:lbDeltaFade 2.5s ease forwards}.lb-delta-up{color:#43e97b}.lb-delta-down{color:#f5576c}@keyframes lbDeltaFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (max-width:768px){.lb-row{padding:0 .5rem;gap:.35rem}.lb-name,.lb-score{font-size:.85rem}.lb-gap{display:none}}.card.roster-card{display:flex;flex-direction:column;overflow:hidden;max-height:90vh;max-height:min(90vh,90svh)}.roster-card-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.roster-more{background:linear-gradient(135deg,rgba(255,193,7,.8),rgba(255,152,0,.8))!important;color:#fff!important;font-weight:700!important;font-size:.9rem!important;border:1px solid rgba(255,193,7,.4)!important;cursor:pointer!important;opacity:.9;transition:all .3s ease}.roster-more:hover{opacity:1;transform:translateY(-1px)}.game-header{background:transparent;padding:2rem 0;margin-bottom:0;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;cursor:pointer;position:relative}.game-title{font-family:lexend,system-ui,sans-serif;font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1)}.game-separator{font-size:1.8rem;color:rgba(255,255,255,.6);font-weight:300}.game-join-text{color:rgba(255,255,255,.8);font-weight:500;gap:.4rem}.game-code,.game-join-text{font-size:1.4rem;display:inline-flex;align-items:center}.game-code{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));padding:.4rem 1rem;border-radius:15px;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);letter-spacing:1px;position:relative}.copy-affordance{margin-left:.25rem}.copy-affordance,.copy-indicator{display:inline-flex;align-items:center}.copy-indicator{justify-content:center;width:1em;height:1em;opacity:.85;line-height:1}.copy-indicator-icon{width:100%;height:100%;fill:currentColor}.copy-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(3px);padding:.3rem .55rem;border-radius:8px;background:rgba(10,10,16,.95);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.95);font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20}.copy-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(10,10,16,.95)}.game-code:hover .copy-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:transparent!important;z-index:1000;display:flex;align-items:center;padding:0 2rem;pointer-events:none}.navbar.navbar--admin{justify-content:space-between;gap:1rem}.navbar-admin-tools{pointer-events:auto;flex-shrink:0;margin-left:auto}.admin-game-region-select{display:inline-flex;align-items:center;gap:.45rem;pointer-events:auto}.admin-game-region-select--navbar .admin-game-region-select__label{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.04em}.admin-game-region-select__label{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.82);white-space:nowrap}.admin-game-region-select__control{font:inherit;font-size:.85rem;font-weight:600;color:#1c1d32;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:.35rem .6rem;cursor:pointer;max-width:9rem}.admin-game-region-select--navbar .admin-game-region-select__control{font-size:.78rem;padding:.28rem .45rem;max-width:7.5rem}.modal-active .navbar{display:none!important}.navbar-logo{pointer-events:auto;cursor:pointer;transition:transform .2s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo-img{width:120px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.navbar-logo-img:hover{transform:scale(1.05)}@media (max-width:768px){.navbar{height:60px;padding:0 1rem}.navbar-logo-img{width:100px}.game-container{margin-top:4rem}}@media (max-width:480px){.navbar{height:50px;padding:0 .5rem}.navbar-logo-img{padding-top:.7rem;width:90px}.game-container{margin-top:3.5rem}}.app-modal-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);contain:paint}.app-modal-overlay-backdrop{position:absolute;inset:0;background:#000;opacity:var(--app-overlay-alpha,.72);pointer-events:none;will-change:opacity;transform:translateZ(0)}.settings-overlay{z-index:3000;--app-overlay-alpha:0.75;--app-overlay-alpha-mobile:1}.settings-overlay--lightweight{--app-overlay-alpha:0.72;--app-overlay-alpha-mobile:1;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-modal{width:520px;max-width:92vw;background:linear-gradient(135deg,rgba(18,18,30,.78),rgba(29,22,44,.74) 50%,rgba(33,25,48,.72));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.1);border-radius:25px;overflow:hidden;position:relative;z-index:1;isolation:isolate}.settings-modal--lightweight{background:#11121c;backdrop-filter:none;-webkit-backdrop-filter:none}@media (max-width:768px){.app-modal-overlay-backdrop{opacity:var(--app-overlay-alpha-mobile,.8)}.settings-modal{width:95vw;max-width:95vw;border-radius:20px;margin:1rem;background:#11121c;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-modal .panel-header{padding:1rem 1.5rem}.settings-modal .panel-header h3{font-size:1.3rem}.settings-content{padding:1rem 1.5rem}.settings-group{gap:1rem}.settings-label{flex-direction:column;align-items:flex-start;gap:.5rem}.settings-label span{font-size:.95rem;font-weight:600}.settings-input,.settings-select{width:100%;padding:.8rem 1rem;font-size:1rem}.settings-actions{flex-direction:column;gap:.8rem}.settings-restart-btn,.settings-save-btn{width:100%;padding:1rem!important;font-size:1.1rem!important}.settings-label>div:not(:has(.settings-slider)):not(.button-group){width:100%;flex-direction:column;align-items:flex-start;gap:.5rem}.settings-label>div>span{font-size:.85rem;line-height:1.4}}@media (max-width:480px){.settings-modal{width:98vw;max-width:98vw;border-radius:15px;margin:.5rem;background:#11121c;backdrop-filter:none;-webkit-backdrop-filter:none}.settings-modal .panel-header{padding:.8rem 1rem}.settings-modal .panel-header h3{font-size:1.2rem}.settings-content{padding:.8rem 1rem}.settings-group{gap:.8rem}.settings-label span{font-size:.9rem}.settings-input,.settings-select{padding:.7rem .8rem;font-size:16px!important}.settings-modal input[type=number],.settings-modal input[type=text],.settings-modal select{font-size:16px!important}.settings-actions{gap:.6rem}.settings-restart-btn,.settings-save-btn{padding:.9rem!important;font-size:1rem!important}.settings-label>div>span{font-size:.8rem}}.settings-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05) 50%,rgba(240,147,251,.05));z-index:-1}.panel-header{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15));padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h3{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-close{width:36px;height:36px;min-height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,filter .2s ease;flex-shrink:0;line-height:1}.panel-close:hover{background:rgba(255,255,255,.2);transform:scale(1.05);filter:brightness(1.1)}.settings-content{padding:2rem}.settings-group{gap:1.5rem;margin-bottom:2rem}.settings-group,.settings-label{display:flex;flex-direction:column}.settings-label{gap:.5rem}.settings-label span{font-weight:600;color:rgba(255,255,255,.9);font-size:.95rem}.settings-input,.settings-select{background:rgba(255,255,255,.1)!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:15px!important;padding:.8rem 1rem!important;color:#fff!important;font-size:1rem!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .3s ease!important;outline:none!important}.settings-input:focus,.settings-select:focus{border-color:rgba(255,255,255,.4)!important;background:rgba(255,255,255,.15)!important}.settings-input::placeholder{color:rgba(255,255,255,.6)}.settings-select option{background:#0f0d13;color:#fff}.settings-label input[type=checkbox]{width:18px!important;height:18px!important;cursor:pointer!important;accent-color:#667eea!important;border-radius:4px!important;border:2px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.1)!important;transition:all .3s ease!important}.settings-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:rgba(255,255,255,.5)!important}.settings-label input[type=checkbox]:hover{border-color:rgba(255,255,255,.5)!important;transform:scale(1.05)!important}.settings-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.settings-restart-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;border:none!important;border-radius:25px!important;padding:1rem 2rem!important;color:#fff!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .3s ease!important}.settings-restart-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7a8ff0,#8a5bb8 50%,#f5a5ff)}.settings-restart-btn:active{transform:translateY(0)}.live-guesses-card{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15))!important;border:none!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;padding:2rem!important;transition:all .3s ease}.live-guesses-card[aria-expanded=false]{padding:1.5rem 2rem!important}.live-guesses-card h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;transition:all .3s ease}.live-guesses-card>div:first-child:hover h3{transform:scale(1.02);filter:brightness(1.1)}.guesses-container{max-height:400px;overflow-y:auto;padding-right:8px}.guess-feed-list{display:flex;flex-direction:column-reverse;align-items:stretch}.guess-feed-list>*{flex-shrink:0}.guesses-container::-webkit-scrollbar{width:6px}.guesses-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.guesses-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(102,126,234,.6),rgba(118,75,162,.6));border-radius:3px}.guesses-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8))}.no-guesses{text-align:center;color:rgba(255,255,255,.6);font-style:italic;padding:1rem;font-size:.9rem}.guess-item{display:flex;justify-content:space-between;align-items:center;padding:.2rem 1rem;border-radius:12px;margin-bottom:.3rem;transition:all .3s ease;border:2px solid transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.guess-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.1;transition:opacity .3s ease}.guess-item:hover{transform:translateX(5px)}.guess-item:hover:before{opacity:.15}.guess-normal{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.2)}.guess-normal:before{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3))}.guess-close{background:linear-gradient(135deg,rgba(255,193,7,.15),rgba(255,152,0,.1));border-color:rgba(255,193,7,.4)}.guess-close:before{background:linear-gradient(135deg,rgba(255,193,7,.3),rgba(255,152,0,.3))}.guess-correct{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(76,175,80,.1));border-color:rgba(76,175,80,.4)}.guess-correct:before{background:linear-gradient(135deg,rgba(76,175,80,.3),rgba(76,175,80,.3))}@keyframes liveGuessFullCorrectEnter{0%{transform:scale(.94);opacity:.88;box-shadow:0 0 0 0 rgba(230,200,92,0)}45%{transform:scale(1.035);opacity:1;box-shadow:0 0 22px 6px rgba(230,200,92,.38)}to{transform:scale(1);box-shadow:0 0 14px 2px rgba(230,200,92,.22)}}.guess-correct-full{padding:.48rem 1.05rem;margin-bottom:.45rem;border-radius:14px;border:3px solid rgba(230,200,92,.92);background:linear-gradient(135deg,rgba(76,175,80,.22),rgba(255,215,64,.14) 45%,rgba(76,175,80,.18));animation:liveGuessFullCorrectEnter .65s ease-out both;box-shadow:0 0 14px rgba(230,200,92,.28)}.guess-correct-full:before{background:linear-gradient(135deg,rgba(230,200,92,.38),rgba(76,175,80,.32));opacity:.14}.guess-correct-full .guess-text{font-size:1.02rem;font-weight:600}@media (prefers-reduced-motion:reduce){.guess-correct-full{animation:none}}.guess-content{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guess-player{color:rgba(255,255,255,.8);font-weight:600;margin-right:.5rem}.guess-text{color:#fff;font-weight:500}.guess-points{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8));color:#fff;padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600;min-width:2rem;text-align:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}@media (max-width:768px){.guess-content{white-space:normal;display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.guess-player{font-size:.75rem;margin-right:0}.guess-text{font-size:.8rem}.guess-points{font-size:.7rem;padding:.2rem .5rem;min-width:1.5rem}.guess-item{align-items:flex-start;padding:.5rem .75rem}.guess-correct-full{padding:.55rem .85rem}.guess-correct-full .guess-text{font-size:.95rem}}.host-menu{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:20px;width:400px;overflow:hidden;animation:hmSlideIn .25s ease-out}@keyframes hmSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.host-menu-header{border-radius:0}.hm-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hm-online{background:#43e97b;box-shadow:0 0 6px rgba(67,233,123,.6)}.hm-offline{background:rgba(255,255,255,.3)}.host-menu-info{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.hm-pill{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);padding:.2rem .55rem;border-radius:10px;white-space:nowrap;line-height:1.3}.hm-role-host{color:#ffd700;background:rgba(255,215,0,.12)}.hm-role-co-host{color:#fbc2eb;background:rgba(251,194,235,.12)}.hm-joined{color:rgba(255,255,255,.45);background:none;padding-left:0;padding-right:0;margin-left:auto}.host-menu-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.host-menu-section{display:flex;flex-direction:column;gap:.5rem}.host-menu-section+.host-menu-section{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.hm-score-display{display:flex;align-items:baseline;gap:.4rem;justify-content:center;padding:.25rem 0 .5rem}.hm-score-value{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.hm-score-label{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.05em}.hm-stepper{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;border:1.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}.hm-stepper-btn{width:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s ease;padding:.5rem 0;flex-shrink:0}.hm-stepper-minus{background:rgba(239,68,68,.12)}.hm-stepper-minus:hover{background:rgba(239,68,68,.25)}.hm-stepper-plus{background:rgba(74,222,128,.12)}.hm-stepper-plus:hover{background:rgba(74,222,128,.25)}.hm-stepper-input{flex:1 1;min-width:0;padding:.5rem;border:1px solid rgba(255,255,255,.08);border-top:none;border-bottom:none;background:transparent;color:#fff;font-size:.9rem;font-weight:600;text-align:center;outline:none;font-family:inherit;-moz-appearance:textfield}.hm-stepper-input::-webkit-inner-spin-button,.hm-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.host-menu-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.hm-confirm{text-align:center;display:flex;flex-direction:column;gap:.6rem;align-items:center}.hm-confirm-text{margin:0;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85)}@media (max-width:768px){.host-menu{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle at top,rgba(15,23,42,.96),rgba(15,15,26,.98));width:calc(100vw - 2rem);min-width:0;max-width:400px;z-index:5000!important}}@media (max-width:480px){.host-menu{width:calc(100vw - 1.5rem);min-width:0;max-width:360px}.host-menu-body{padding:.75rem 1rem}}.game-status-card{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15))!important;border:none!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;margin-top:0!important;padding:calc(1rem + 2px) calc(1.5rem + 2px)!important;transition:all .3s ease}.game-status-card[aria-expanded=false]{padding:calc(.9rem + 2px) calc(1.5rem + 2px)!important}.game-status-header{display:flex;align-items:flex-start;justify-content:space-between;cursor:pointer;gap:.5rem}.game-status-card[aria-expanded=true] .game-status-header{margin-bottom:1rem}.game-status-header-main{display:flex;flex-direction:column;gap:.5rem;flex:1 1;width:100%}.game-status-title-row{display:flex;align-items:center;justify-content:space-between;width:100%}.game-status-title-wrap{display:flex;align-items:center;gap:.5rem}.game-status-card .game-status-title{margin:0;font-size:1.6rem}.game-status-chevron{transition:transform .2s ease;flex-shrink:0;font-size:1.2rem}.game-status-meta-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.game-status-meta-pill{border:none!important;background:none!important;padding:0!important}.game-status-card h3{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;transition:all .3s ease}.game-status-card>div:first-child:hover h3{transform:scale(1.02);filter:brightness(1.1)}@media (max-width:768px){.game-status-card,.game-status-card[aria-expanded=false]{padding:calc(.75rem + 2px)!important}.game-status-card>div:first-child{height:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;padding:.5rem 0!important}.game-status-title{font-size:1.3rem}.game-status-meta-row{gap:.7rem}.game-status-card>div:first-child>div:first-child{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.game-status-card>div:first-child>div:last-child{align-self:flex-end!important;margin-top:0!important}}@media (max-width:480px){.game-status-card,.game-status-card[aria-expanded=false]{padding:calc(.6rem + 2px)!important}.game-status-card>div:first-child{padding:0!important}.game-status-title{font-size:1.2rem}.game-status-meta-row{gap:.6rem}}.gs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem}.gs-tile{padding:.75rem 1rem;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.3rem}.gs-tile-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.gs-tile-icon{font-size:1rem;color:rgba(255,255,255,.7);line-height:1}.gs-tile-value{font-size:1.3rem;font-weight:700;color:#fff;line-height:1}.gs-tile-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.7);line-height:1.2}@media (max-width:480px){.gs-tile{padding:.6rem .75rem}.gs-tile-value{font-size:1.1rem}}.game-status-center,.game-status-left,.game-status-right{display:flex;align-items:center}.game-status-center{flex:1 1;justify-content:center}.game-status-right{justify-content:flex-end}.game-status-songs-container{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.game-status-songs-container:has(.game-status-quick-controls){grid-template-columns:1fr auto}.game-status-next,.game-status-now-playing,.game-status-quick-controls{margin-top:0;padding-top:0;border-top:none;min-width:0;overflow:hidden}.game-status-quick-controls{display:flex;flex-direction:column;height:100%}.game-status-section-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .75rem;font-family:var(--font-heading)}.game-status-song-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;min-width:0;max-width:100%;position:relative}.game-status-song-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(12px) brightness(.4);z-index:0;pointer-events:none}.game-status-song-info>:not(.game-status-song-bg){position:relative;z-index:1}.game-status-song-artwork{flex-shrink:0}.game-status-song-details{min-width:0;flex:1 1}.game-status-song-title{font-weight:600;font-size:.9rem;overflow:hidden;white-space:nowrap;margin-bottom:.2rem;container-type:inline-size}.game-status-song-title span{display:inline-block;color:#fff;animation:game-status-text-scroll 6s ease-in-out infinite alternate;will-change:transform}.game-status-song-artist{font-size:.8rem;overflow:hidden;white-space:nowrap;container-type:inline-size}.game-status-song-artist span{display:inline-block;color:rgba(255,255,255,.8);animation:game-status-text-scroll 6s ease-in-out infinite alternate;will-change:transform}@keyframes game-status-text-scroll{0%,10%{transform:translateX(0)}90%,to{transform:translateX(min(0px,calc(100cqi - 100%)))}}.game-status-no-queue{padding:.75rem;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center;color:rgba(255,255,255,.6);font-style:italic;font-size:.9rem}.game-status-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:center}.game-status-details{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.game-status-row{display:flex;justify-content:space-between;gap:2rem;margin-bottom:1rem}.game-status-row:last-child{margin-bottom:0}.round-info{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:15px}.round-label{font-size:.9rem;color:rgba(255,255,255,.8);font-weight:500}.round-number{font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);padding:.2rem .6rem;border-radius:15px;display:inline-block;text-align:center;min-width:1.5rem;vertical-align:middle}.round-separator{font-size:1rem;color:rgba(255,255,255,.6);font-weight:400}.round-total{font-size:1.2rem;font-weight:600;color:rgba(255,255,255,.9)}.ending-info{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.2rem;border-radius:15px}.ending-label{font-size:.9rem;color:rgba(255,255,255,.8);font-weight:500}.ending-value{font-size:1.2rem;font-weight:700;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.3)}.settings-icon{font-size:1.1rem;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.settings-text{font-weight:600}.preview-bar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2500!important;background:linear-gradient(135deg,rgba(102,126,234,.95),rgba(118,75,162,.95) 50%,rgba(240,147,251,.95))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:2px solid rgba(255,255,255,.2)!important;padding:1rem 1.5rem!important}.preview-bar-content{display:grid!important;grid-template-columns:1fr minmax(300px,2fr) auto!important;align-items:center!important;gap:1.5rem!important;max-width:1200px!important;margin:0 auto!important}.preview-info{display:flex!important;align-items:center!important;min-width:0!important;gap:1rem!important}.preview-artwork{width:56px!important;height:56px!important;border-radius:12px!important;overflow:hidden!important;background:rgba(255,255,255,.1)!important;flex:0 0 auto!important;border:1px solid rgba(255,255,255,.2)!important}.preview-text{min-width:0!important;flex:1 1!important}.preview-title{font-weight:700!important;font-size:1rem!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.preview-artist,.preview-title{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.preview-artist{font-size:.85rem!important;color:rgba(255,255,255,.8)!important;margin-top:.2rem!important}.preview-controls{display:flex!important;gap:1rem!important;min-width:0!important}.preview-controls,.preview-play-button{align-items:center!important;justify-content:center!important}.preview-play-button{display:inline-flex!important;width:48px!important;height:48px!important;border:none!important;border-radius:0!important;background:transparent!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}.preview-play-button:hover{background:transparent!important;border-color:transparent!important;transform:none!important}.preview-play-button:active{transform:none!important}.preview-play-button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.preview-progress{flex:1 1!important;min-width:200px!important;max-width:400px!important}.progress-bar{height:6px!important;background:rgba(255,255,255,.2)!important;border-radius:9999px!important;overflow:hidden!important;position:relative!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;cursor:pointer!important;transition:all .2s ease!important}.progress-bar:hover{background:rgba(255,255,255,.3)!important;height:8px!important}.progress-fill{height:100%!important;background:linear-gradient(135deg,#4ade80,#22c55e 50%,#16a34a)!important;border-radius:9999px!important;transition:width .2s ease!important}.progress-time{display:none!important}.volume-control{gap:.5rem!important;min-width:80px!important}.volume-control,.volume-toggle{display:flex!important;align-items:center!important}.volume-toggle{justify-content:center!important;width:24px!important;height:24px!important;border:none!important;background:transparent!important;color:rgba(255,255,255,.8)!important;cursor:pointer!important;transition:all .2s ease!important;padding:0!important;border-radius:4px!important}.volume-toggle:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}.volume-level{flex:1 1!important;min-width:60px!important;max-width:100px!important}.volume-bar{height:3px!important;background:rgb(255,255,255)!important;border-radius:2px!important;overflow:hidden!important;position:relative!important;cursor:pointer!important;transition:all .2s ease!important}.volume-bar:hover{height:4px!important}.volume-fill{height:100%!important;background:#40d878!important;border-radius:2px!important;transition:width .2s ease!important}.preview-countdown{justify-content:center!important;font-size:.75rem!important;font-weight:500!important;color:rgba(255,255,255,.8)!important;min-width:40px!important}.preview-actions,.preview-countdown{display:flex!important;align-items:center!important}.preview-actions{gap:.8rem!important}.preview-action-btn{display:flex!important;align-items:center!important;gap:.5rem!important;padding:.6rem 1rem!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;font-size:.85rem!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;white-space:nowrap!important}.preview-action-btn:hover{transform:translateY(-2px)!important}.preview-action-btn:active{transform:translateY(0)!important}.preview-action-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.preview-queue-btn{background:rgba(102,126,234,.15)!important;border-radius:12px!important;color:#fff!important;font-family:var(--font-body)!important;font-weight:600!important;font-size:.85rem!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;white-space:nowrap!important}.preview-queue-btn:hover{background:rgba(102,126,234,.25)!important;transform:translateY(-2px)!important}.preview-queue-btn:active{transform:translateY(0)!important}.preview-guess-btn{background:linear-gradient(135deg,#10b981,#059669 25%,#047857 50%,#065f46 75%,#064e3b)!important;border:2px solid #10b981!important;border-radius:12px!important;color:#fff!important;font-family:var(--font-body)!important;font-weight:600!important;font-size:.85rem!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;white-space:nowrap!important}.preview-guess-btn:hover{transform:translateY(-2px)!important}.preview-guess-btn:active{transform:translateY(0)!important}.preview-close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:0!important}.preview-close-btn:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.5)!important;transform:scale(1.1)!important}.preview-close-btn:active{transform:scale(.95)!important}@media (max-width:768px){.preview-bar-content{grid-template-columns:1fr!important;gap:1rem!important}.preview-controls{order:2!important}.preview-actions{order:3!important;justify-content:center!important}.preview-progress{min-width:150px!important}.volume-control{min-width:100px!important}}.queue-empty{text-align:center;color:rgba(255,255,255,.6);font-style:italic;padding:1rem;font-size:.9rem}.queue-items{display:grid;gap:.25rem}.queue-item{transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;border-radius:12px;background-color:rgba(0,0,0,.2);cursor:grab;contain:layout style}.queue-item:hover{background:rgba(255,255,255,.05)}.queue-item-dragging{opacity:.4;transform:scale(.97);box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.queue-item-dragover{border-top:2px solid #a78bfa;background:rgba(167,139,250,.1);transform:translateY(2px)}.queue-item-info{display:flex;gap:.75rem;align-items:center;min-width:0;flex:1 1;padding:.75rem}.queue-item-artwork{width:56px;height:56px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.1);flex-shrink:0;border:1px solid rgba(255,255,255,.2);position:relative}.queue-item-artwork img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important;display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:0!important}.queue-item-details{min-width:0;flex:1 1}.queue-item-title{font-weight:600;color:#fff;margin-bottom:.1rem;cursor:pointer}.queue-item-artist,.queue-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;text-align:left}.queue-item-artist{color:rgba(255,255,255,.8);font-size:.9rem}.queue-item-actions{display:flex;flex-shrink:0;align-items:center;margin-left:auto;gap:.4rem;padding-right:.5rem}.queue-item-actions .queue-icon-btn{width:44px;height:44px;border-radius:10px}.queue-item-actions .queue-icon-btn svg{width:18px;height:18px}.queue-item-actions .queue-icon-btn.play{background:rgba(76,175,80,.2);color:#4caf50}.queue-item-actions .queue-icon-btn.play:hover{background:rgba(76,175,80,.35);color:#66bb6a}.queue-action-btn{background:rgba(255,255,255,.1)!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:.4rem .8rem!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;white-space:nowrap!important;text-align:center!important;width:60px!important}.queue-action-btn:hover:not(:disabled){background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.2)!important;transform:none!important}.queue-action-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.queue-play-btn{border:none!important;background:linear-gradient(135deg,#10b981,#059669 50%,#047857)!important;color:#fff!important;font-weight:700!important;letter-spacing:.5px!important}.queue-play-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857 50%,#065f46)!important;transform:translateY(-1px)!important}.queue-play-btn.playing{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b)!important;color:#fff!important}.queue-preview-btn{border-color:rgba(255,193,7,.15)!important;background:rgba(255,193,7,.15)!important}.queue-preview-btn:hover:not(:disabled){border-color:rgba(255,193,7,.25)!important;background:rgba(255,193,7,.25)!important}.queue-preview-btn.previewing{background:rgba(220,53,69,.3)!important;border-color:rgba(220,53,69,.3)!important}.queue-item-next{border:2px solid #4ade80!important;background:rgba(74,222,128,.1)!important;position:relative!important;overflow:visible!important}.queue-item-next:before{content:"NEXT"!important;position:absolute!important;top:-8px!important;left:12px!important;background:#4ade80!important;color:#0f0d13!important;font-size:.7rem!important;font-weight:700!important;padding:2px 8px!important;border-radius:8px!important;letter-spacing:.5px!important}.queue-flyout{position:fixed!important;top:0!important;right:0!important;bottom:var(--hg-preview-bar-h,0)!important;width:min(420px,92vw)!important;max-width:92vw!important;background:linear-gradient(135deg,rgba(15,13,19,.95),rgba(20,15,25,.95) 50%,rgba(25,18,30,.95))!important;transform:translateX(0)!important;transition:transform .25s ease!important;z-index:2550!important;display:flex!important;flex-direction:column!important}.queue-flyout[aria-hidden=true]{transform:translateX(110%)!important}.queue-flyout-count{font-size:.9rem;opacity:.7;font-weight:500}.queue-flyout-controls{display:flex!important;align-items:center!important;gap:.5rem!important}.queue-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);cursor:pointer;transition:background .2s,color .2s;padding:0;flex-shrink:0}.queue-icon-btn:hover{background:rgba(255,255,255,.15);color:#fff}.queue-icon-btn.active{background:rgba(76,175,80,.25);color:#4caf50}.queue-icon-btn.active:hover{background:rgba(76,175,80,.35)}.queue-icon-btn.danger:hover{background:rgba(220,53,69,.3);color:#ff6b6b}.queue-flyout-body{flex:1 1!important;overflow-y:auto!important;padding:0 0 0 1rem!important;background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15))!important}.queue-flyout-body .queue-items{padding:1rem 0!important}.queue-flyout-body .queue-empty{padding:1rem 1.5rem!important}.queue-flyout-body::-webkit-scrollbar{width:6px!important}.queue-flyout-body::-webkit-scrollbar-track{background:rgba(255,255,255,.1)!important;border-radius:3px!important}.queue-flyout-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(102,126,234,.6),rgba(118,75,162,.6))!important;border-radius:3px!important}.queue-flyout-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(102,126,234,.8),rgba(118,75,162,.8))!important}.action-btn{background:transparent!important;border:3px solid transparent!important;border-radius:25px!important;padding:12px 24px!important;color:#fff!important;font-family:var(--font-body)!important;font-weight:500!important;font-size:14px!important;cursor:pointer!important;transition:all .3s ease!important;outline:none!important;position:relative!important;background-clip:padding-box!important;white-space:nowrap!important;text-align:center!important}.action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-3px;border-radius:inherit;opacity:1!important}.action-btn:hover{transform:perspective(1000px) translateZ(20px) scale(1.05)!important}.action-btn:active{transform:perspective(1000px) translateZ(10px) scale(1.02)!important}.action-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.action-btn:disabled,.action-btn:disabled:hover{transform:none!important}.play-btn{border:2px solid #10b981!important}.preview-btn{border:2px solid #ffc107!important}.queue-btn{border:2px solid #667eea!important}.queue-play-btn{border:2px solid #4ade80!important}.play-btn:before{background:linear-gradient(135deg,#10b981,#059669 25%,#047857 50%,#065f46 75%,#064e3b)!important}.play-btn:hover:before{background:linear-gradient(135deg,#059669,#047857 25%,#065f46 50%,#064e3b 75%,#022c22)!important}.play-btn.playing:before{background:linear-gradient(135deg,#dc2626,#b91c1c 25%,#991b1b 50%,#7f1d1d 75%,#450a0a)!important}.preview-btn:before{background:linear-gradient(135deg,rgba(255,193,7,.9),rgba(255,152,0,.9) 25%,rgba(255,111,0,.9) 50%,rgba(255,87,34,.9) 75%,rgba(255,61,0,.9))!important}.preview-btn:hover:before{background:linear-gradient(135deg,rgba(255,193,7,1),rgba(255,152,0,1) 25%,rgba(255,111,0,1) 50%,rgba(255,87,34,1) 75%,rgba(255,61,0,1))!important}.preview-btn.previewing:before{background:linear-gradient(135deg,rgba(220,53,69,.9),rgba(185,28,28,.9) 25%,rgba(153,27,27,.9) 50%,rgba(127,29,29,.9) 75%,rgba(69,10,10,.9))!important}.queue-btn:before{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9) 25%,rgba(147,51,234,.9) 50%,rgba(168,85,247,.9) 75%,rgba(196,181,253,.9))!important}.queue-btn:hover:before{background:linear-gradient(135deg,rgba(102,126,234,1),rgba(118,75,162,1) 25%,rgba(147,51,234,1) 50%,rgba(168,85,247,1) 75%,rgba(196,181,253,1))!important}.queue-btn.queued:before{background:linear-gradient(135deg,rgba(40,167,69,.9),rgba(34,197,94,.9) 25%,rgba(22,163,74,.9) 50%,rgba(21,128,61,.9) 75%,rgba(20,83,45,.9))!important}.search-result-title{font-weight:600;color:#fff;margin-bottom:.2rem}.search-result-artist,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.search-result-artist{color:rgba(255,255,255,.8);font-size:.9rem}.result-title{font-weight:600;color:#fff}.result-artist,.result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.1rem;max-width:200px}.result-artist{color:rgba(255,255,255,.8);font-size:.9rem}.visualizer{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;background:transparent}.live-round-player-card{background:none;position:relative;padding:0!important;display:flex;justify-content:center;align-items:center}.admin-login-card{background:transparent;border:none;padding:2.5rem;width:100%;max-width:360px;text-align:center}.admin-login-card h1{text-align:center;margin-bottom:.25rem;color:#fff;font-size:1.5rem;font-family:var(--font-heading)}.admin-login-card .form-group{margin-bottom:1rem}.admin-login-card label{display:block;margin-bottom:6px;font-weight:500;color:rgba(255,255,255,.7);font-size:.85rem;text-align:left}.admin-login-card input{width:100%;padding:0 20px;height:50px;border:3px solid transparent;border-radius:25px;font-size:16px;background:transparent;color:#fff;outline:none;transition:all .3s ease;position:relative}.admin-login-card .form-group{position:relative;border-radius:25px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb) border-box;border:3px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(#1b1525,#1b1525),linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.admin-login-card .form-group label{position:absolute;top:-8px;left:18px;background:#1b1525;padding:0 6px;font-size:.75rem;z-index:1}.admin-login-card .form-group input{border:none;background:transparent}.admin-login-card input::placeholder{color:rgba(255,255,255,.4)}.admin-login-card input:focus{outline:none}.admin-login-card button[type=submit]{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:all .3s ease;margin-top:.5rem}.admin-login-card button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.admin-login-card button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error-message{background:rgba(244,67,54,.1);color:#ff6b6b;padding:12px 16px;border-radius:15px;margin-bottom:20px;border:2px solid rgba(244,67,54,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-shell{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-top:80px;padding-bottom:.5rem;background:#0f0d13;overflow-x:hidden}@media (max-width:768px){.admin-shell{padding-top:60px}}@media (max-width:480px){.admin-shell{padding-top:50px}}.admin-shell--no-navbar{padding-top:0!important}.admin-top-chrome{position:sticky;z-index:900;width:100%;align-self:stretch;flex-shrink:0;top:80px;background:rgba(15,13,19,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.2)}.admin-shell--no-navbar .admin-top-chrome{top:0}@media (max-width:768px){.admin-top-chrome{top:60px}.admin-shell--no-navbar .admin-top-chrome{top:0}}@media (max-width:480px){.admin-top-chrome{top:50px}.admin-shell--no-navbar .admin-top-chrome{top:0}}.admin-shell-main{width:100%;max-width:900px;margin:0 auto;padding:0 1rem 2rem;position:relative;z-index:1}.admin-shell-main--wide{max-width:1200px}.admin-shell-main h1{font-size:clamp(1.45rem,4vw,1.95rem);margin:.15rem 0 .65rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-shell .custom-playlists-card-scroll>.playlists-hub-card{flex-shrink:0}.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select){box-sizing:border-box;max-width:100%;font-family:var(--font-body);font-size:1rem;font-weight:600;line-height:1.4;padding:.6rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background-color:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select):focus{outline:none;border-color:rgba(255,255,255,.48);background-color:rgba(255,255,255,.12);box-shadow:0 0 0 1px rgba(102,126,234,.28)}.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select):disabled{opacity:.55;cursor:not-allowed}.admin-shell :where(textarea){width:100%;min-width:0;resize:vertical;min-height:6rem;font-family:var(--font-heading);font-weight:400}.admin-shell :where(select){cursor:pointer}.admin-shell select:not([multiple]){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:rgba(255,255,255,.08);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5L6 8l3.5-3.5' stroke='%23e2e8f0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.7rem;padding-right:2.45rem}.admin-shell select option{background:rgba(255,255,255,.06);color:rgba(248,250,252,.88);padding:.45rem .55rem}.admin-shell select option:checked{background:linear-gradient(135deg,rgba(102,126,234,.75),rgba(118,75,162,.72) 45%,rgba(200,130,240,.45));color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.admin-shell select option:hover:not(:checked){background:rgba(255,255,255,.12);color:#fff}.admin-shell select option:checked:hover{filter:brightness(1.06)}.admin-shell select[multiple]{padding:.35rem .3rem}.admin-shell select[multiple] option{margin:.1rem 0;border-radius:6px}.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset])){width:100%}.admin-shell input[type=number]{width:auto;min-width:6rem}.admin-shell input[type=checkbox],.admin-shell input[type=radio]{width:1.15rem;height:1.15rem;min-width:1.15rem;padding:0;border-radius:4px;accent-color:#667eea;cursor:pointer;vertical-align:middle}.admin-shell ::placeholder{color:rgba(255,255,255,.45)}@media (max-width:768px){.admin-shell :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select){font-size:max(16px,1rem)}}.admin-panel{min-height:100vh;min-height:100svh;background:#0f0d13}.admin-shell .admin-panel{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;width:100%;background:transparent}.admin-header{width:100%;max-width:none;margin:0;padding:.9rem clamp(1rem,3vw,2.5rem);border-radius:0;background:linear-gradient(135deg,rgba(102,126,234,.18),rgba(118,75,162,.16) 50%,rgba(240,147,251,.12));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.admin-header-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.admin-header-logo-link{display:flex;align-items:center;flex-shrink:0;line-height:0;border-radius:10px;transition:transform .2s ease,opacity .2s ease}.admin-header-logo-link:hover{transform:scale(1.04);opacity:.92}.admin-header-inline-logo{width:clamp(72px,18vw,100px);height:auto;display:block;object-fit:contain}.admin-header-logo{height:2.5rem;width:auto;max-width:min(200px,42vw);object-fit:contain;display:block;flex-shrink:0}.admin-panel-heading{margin:0;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:700;font-family:var(--font-heading);line-height:1.15;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header-actions{display:flex;align-items:center;gap:12px}.admin-header-player-count{font-size:.95rem;font-weight:700;color:rgba(255,255,255,.88);padding:6px 12px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);white-space:nowrap}.logout-btn,.refresh-btn{padding:8px 16px;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-weight:600;cursor:pointer;background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.refresh-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.logout-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.4);transform:translateY(-2px)}.admin-nav{width:100%;max-width:none;margin:0;padding:.5rem clamp(1rem,3vw,2.5rem) .65rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:flex-start;border-radius:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.08));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;box-shadow:none;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.admin-nav::-webkit-scrollbar{height:6px}.admin-nav::-webkit-scrollbar-track{background:transparent}.admin-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.admin-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.admin-nav button{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-weight:600;font-size:.82rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;font-family:var(--font-body);flex-shrink:0;min-width:max-content}.admin-nav button:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.admin-nav button.active{color:#fff;background:linear-gradient(135deg,rgba(102,126,234,.38),rgba(118,75,162,.34) 50%,rgba(240,147,251,.28));border-color:rgba(255,255,255,.28);box-shadow:0 2px 14px rgba(102,126,234,.22)}.admin-nav a.admin-nav-link{padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.82);font-weight:600;font-size:.82rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;font-family:var(--font-body);flex-shrink:0;min-width:max-content;text-decoration:none;display:inline-flex;align-items:center}.admin-nav a.admin-nav-link:hover{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}.admin-users-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1rem}.admin-users-search{flex:1 1;min-width:220px;max-width:420px}.admin-users-loading{font-size:.85rem;opacity:.75}.admin-users-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin-bottom:1rem}.admin-users-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-users-table td,.admin-users-table th{padding:.55rem .65rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.admin-users-table th{font-weight:700;color:rgba(255,255,255,.55);background:rgba(0,0,0,.2)}.admin-users-avatar-cell{width:52px}.admin-users-avatar{border-radius:999px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.15)}.admin-users-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.35);font-size:.9rem}.admin-users-mono{font-size:.72rem;word-break:break-all;color:rgba(255,255,255,.7)}.admin-users-detail-row td{background:rgba(0,0,0,.22);border-bottom:1px solid rgba(255,255,255,.1)}.admin-users-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:.35rem 0}.admin-users-detail-heading{margin:0 0 .35rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.5)}.admin-users-json{margin:0;padding:.65rem;border-radius:8px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font-size:.72rem;line-height:1.45;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word}.admin-users-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.admin-content{padding:1.35rem 1.25rem 1.75rem;max-width:1400px;margin:0 auto;width:100%;color:#fff;flex:1 1 auto;min-height:0}.error-banner{background:rgba(244,67,54,.1);padding:12px 16px;border-radius:15px;margin-bottom:20px;justify-content:space-between;border:2px solid rgba(244,67,54,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.error-banner,.error-banner button{color:#ff6b6b;display:flex;align-items:center}.error-banner button{background:none;border:none;cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;justify-content:center;transition:all .3s ease}.error-banner button:hover{color:#fff;transform:scale(1.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:none;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;border-radius:20px;text-align:center}.stat-card h3{margin:0 0 12px;color:rgba(255,255,255,.8);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2.5rem;font-weight:700;color:#fff}.recent-activity{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:none;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;border-radius:20px}.recent-activity h3{margin:0 0 20px;color:#fff;font-size:1.2rem;font-family:var(--font-heading)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.1);border-radius:15px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.activity-time{color:rgba(255,255,255,.7);font-size:14px;min-width:80px}.activity-text{color:#fff;font-weight:500}.search-bar{margin-bottom:20px}.admin-shell .search-bar input{max-width:min(28rem,100%)}.admin-rooms-search-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:20px}.admin-rooms-search-row .admin-rooms-search-group{flex:1 1 280px;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:0}.admin-rooms-search-row .admin-rooms-search-group>input[type=text]{max-width:none;flex:1 1 12rem;min-width:0}.admin-rooms-accordion-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:-2px 0 14px}.admin-rooms-game-mode-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem;margin:-4px 0 16px}.admin-rooms-sort-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .75rem;margin:-8px 0 14px}.admin-rooms-sort-bar-hint{font-size:.78rem;color:rgba(203,213,225,.72);-webkit-user-select:none;user-select:none}.admin-rooms-game-mode-filters-label{font-size:.9rem;color:#cbd5e1;-webkit-user-select:none;user-select:none;margin-right:.15rem}.admin-rooms-game-mode-filter-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;color:#e2e8f0;-webkit-user-select:none;user-select:none;cursor:pointer;padding:.2rem .35rem .2rem .2rem;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.35);transition:border-color .15s ease,background .15s ease}.admin-rooms-game-mode-filter-chip:hover{border-color:rgba(148,163,184,.45);background:rgba(30,41,59,.5)}.admin-rooms-game-mode-filter-chip--active{border-color:rgba(34,197,94,.45);background:rgba(22,163,74,.12)}.admin-rooms-game-mode-filter-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.admin-rooms-players-fused .admin-room-expand-col{width:2.5rem;text-align:center;vertical-align:middle}.admin-room-expand-placeholder{color:rgba(148,163,184,.7);font-size:.85rem}.admin-room-mode-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;line-height:1}.admin-room-accordion-toggle{min-width:2rem;padding-left:.35rem!important;padding-right:.35rem!important}.admin-room-bots-menu{position:relative;display:inline-flex;align-items:flex-start}.admin-room-bots-dropdown{position:fixed;z-index:10000;margin:0;min-width:13.5rem;padding:.35rem;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:rgba(15,23,42,.98);box-shadow:0 10px 28px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:.15rem}.admin-room-bots-dropdown-item{display:block;width:100%;margin:0;padding:.45rem .55rem;border:none;border-radius:7px;background:transparent;color:#e2e8f0;font-size:.82rem;text-align:left;cursor:pointer;line-height:1.35}.admin-room-bots-dropdown-item:hover{background:rgba(148,163,184,.14)}.admin-room-bots-dropdown-item--danger{color:#fecaca}.admin-room-bots-dropdown-item--danger:hover{background:rgba(239,68,68,.18)}.admin-room-players-row td{padding:0 12px!important;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.admin-room-players-panel{padding:.75rem .85rem 1rem;background:rgba(15,23,42,.45)}.admin-room-players-nested-table{overflow-x:auto;margin:0}.admin-room-players-pager{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-top:.65rem;padding-top:.5rem;border-top:1px solid rgba(148,163,184,.15)}.admin-room-players-pager-meta{font-size:.82rem;color:#94a3b8}.players-table,.rooms-table{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.players-table::-webkit-scrollbar,.rooms-table::-webkit-scrollbar{height:8px}.players-table::-webkit-scrollbar-track,.rooms-table::-webkit-scrollbar-track{background:transparent}.players-table::-webkit-scrollbar-thumb,.rooms-table::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.players-table::-webkit-scrollbar-thumb:hover,.rooms-table::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.players-table table,.rooms-table table{width:100%;border-collapse:collapse;min-width:800px}.players-table th,.rooms-table th{background:rgba(255,255,255,.1);padding:7px 10px;text-align:left;font-weight:600;font-size:.8125rem;line-height:1.25;color:#fff;border-bottom:1px solid rgba(255,255,255,.2);white-space:nowrap}.players-table td,.rooms-table td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;white-space:nowrap}.admin-panel .admin-room-players-nested-table td,.admin-panel .admin-room-players-nested-table th{vertical-align:middle}.admin-player-action-icons{display:inline-flex;flex-direction:row;align-items:center;gap:.2rem;flex-wrap:nowrap}.admin-player-action-icon{padding:.2rem .45rem!important;min-width:2rem;line-height:1.15;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center}tr:hover{background:rgba(255,255,255,.1)}.admin-panel .players-table tr:hover td,.admin-panel .rooms-table tr:hover td{background:transparent;transform:none}.admin-panel .players-table tr:hover,.admin-panel .rooms-table tr:hover{background:transparent}.danger-btn{background:rgba(244,67,54,.1);color:#ff6b6b;border:2px solid rgba(244,67,54,.3);padding:6px 12px;border-radius:15px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.danger-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5);transform:translateY(-2px)}.settings{width:100%;max-width:1400px;margin:0 auto;container-type:inline-size;container-name:admin-settings}.settings>h3{margin:0 0 .35rem;font-size:1.35rem}.settings-last-saved{margin:0 0 1.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.25rem 1.5rem;overflow:visible}@container admin-settings (min-width: 620px){.settings-grid .setting-group--span-2{grid-column:span 2}}.setting-group{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);padding:1.25rem 1.35rem 1.35rem;border-radius:20px;min-width:0}.setting-group h4{margin:0 0 1rem;color:#fff;font-size:1.1rem;font-family:var(--font-heading)}.setting-group label{display:block;margin-bottom:12px;font-weight:600;color:#fff}.service-controls{display:flex;flex-direction:column;gap:.75rem}.service-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;min-width:0}.service-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.service-info{display:flex;flex-direction:column;gap:.25rem;flex:1 1;min-width:0}.service-name{font-weight:600;color:#fff;font-size:1rem}.service-description{font-size:.85rem;color:rgba(255,255,255,.7)}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.setting-group .toggle-switch input{position:absolute;opacity:0;width:0;height:0;margin:0!important;padding:0!important;border:none!important;font-size:0!important;font-weight:600!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.2);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.toggle-slider:before{transform:translateX(26px)}.settings-slider{width:100%!important;flex:1 1 auto!important;min-width:0!important;height:6px!important;border-radius:3px!important;background:rgba(255,255,255,.15)!important;outline:none!important;appearance:none!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;padding:0!important;margin:0!important}.settings-slider-row{width:100%}.settings-slider:hover{background:rgba(255,255,255,.2)!important}.settings-slider::-webkit-slider-thumb{appearance:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;cursor:pointer!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important;-webkit-transition:all .2s ease!important;transition:all .2s ease!important;border:2px solid white!important}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.settings-slider::-moz-range-thumb{width:20px!important;height:20px!important;border-radius:50%!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;cursor:pointer!important;border:2px solid white!important;box-shadow:0 2px 6px rgba(0,0,0,.2)!important;-moz-transition:all .2s ease!important;transition:all .2s ease!important}.settings-slider::-moz-range-thumb:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(0,0,0,.3)!important}.settings-slider-value{display:inline-block;min-width:40px;text-align:center;font-weight:600;color:#667eea;margin-left:12px;font-size:.9rem}.playlist-priority-range-wrap{position:relative;flex:1 1 220px;min-width:180px;max-width:320px;height:32px;display:flex;align-items:center}.playlist-priority-range-wrap input[type=range]{position:absolute;left:0;width:100%;height:6px;margin:0;top:50%;transform:translateY(-50%);appearance:none;background:transparent;pointer-events:none}.playlist-priority-range-wrap input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:rgba(255,255,255,.14);border:none}.playlist-priority-range-wrap input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.14)}.playlist-priority-range-wrap input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:grab;margin-top:-6px}.playlist-priority-range-wrap input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:grab}.playlist-priority-range--max,.playlist-priority-range--min{z-index:2}.playlist-priority-range-wrap:has(.playlist-priority-range--min:focus) .playlist-priority-range--min{z-index:4}.playlist-priority-range-wrap:has(.playlist-priority-range--max:focus) .playlist-priority-range--max{z-index:4}.service-note{margin:1rem 0 0;padding:.85rem 1rem;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:10px}.service-note p{margin:0;font-size:.9rem;color:rgba(255,255,255,.8);line-height:1.4}.cache-controls{margin-top:1.15rem;padding:1rem 1.1rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.clear-cache-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.clear-cache-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,107,.3)}.clear-cache-btn:active{transform:translateY(0)}.cache-note{margin:0;font-size:.8rem;color:rgba(255,255,255,.6);font-style:italic;line-height:1.45}.cache-controls .cache-note{margin:0}.no-services-message{padding:20px;text-align:center;color:rgba(255,255,255,.7);font-style:italic;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:8px}.setting-group label input,.setting-group label select,.setting-group label textarea{margin-top:.35rem}.settings .setting-group :where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=image]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]),textarea,select){display:block;width:100%;max-width:100%;box-sizing:border-box}.emergency-btn{display:block;width:100%;margin-bottom:12px;padding:12px 16px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.emergency-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,rgba(244,67,54,.3),rgba(255,87,34,.3));opacity:0;transition:opacity .3s ease}.emergency-btn:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.4);transform:translateY(-2px)}.emergency-btn:hover:before{opacity:1}.emergency-btn.active{background:rgba(76,175,80,.2);color:#4caf50;border-color:rgba(76,175,80,.4)}.status-indicators{margin:0 0 1rem;padding:.85rem 1rem;background:rgba(255,255,255,.08);border-radius:12px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.55rem}.status-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin:0;min-width:0}.setting-group-emergency-actions{display:flex;flex-direction:column;gap:.65rem;width:100%}.setting-group-emergency-actions .btn{width:100%;justify-content:center}.status-label{font-weight:600;color:#fff}.status-value{font-weight:600;padding:4px 8px;border-radius:15px;font-size:14px}.status-value.enabled{background:rgba(76,175,80,.2);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-value.disabled{background:rgba(244,67,54,.2);color:#ff6b6b;border:1px solid rgba(244,67,54,.3)}.status-value.normal{background:rgba(76,175,80,.2);color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-value.maintenance{background:rgba(255,152,0,.2);color:#ff9800;border:1px solid rgba(255,152,0,.3)}.system-status{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:none;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:24px;border-radius:20px;margin-top:20px}.system-status h3{margin:0 0 20px;color:#fff;font-size:1.2rem;font-family:var(--font-heading)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:15px;border:2px solid transparent;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-card.normal{background:rgba(76,175,80,.1);border-color:rgba(76,175,80,.3)}.status-card.warning{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3)}.status-card.maintenance{background:rgba(255,152,0,.1);border-color:rgba(255,152,0,.3)}.status-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-text{flex:1 1}.status-title{font-weight:600;color:#fff;margin-bottom:4px}.status-desc{font-size:14px;color:rgba(255,255,255,.7)}.log-controls{display:flex;gap:12px;margin-bottom:20px;align-items:center}.log-controls select{padding:8px 12px;font-size:14px}.log-controls button,.log-controls select{border:2px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.log-controls button{padding:8px 16px;font-weight:600;cursor:pointer;transition:all .3s ease}.log-controls button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.log-viewer{background:rgba(0,0,0,.3);color:#d4d4d4;padding:20px;border-radius:20px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;max-height:400px;overflow-y:auto;border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.log-viewer pre{margin:0;white-space:pre-wrap}.analytics{color:#fff}.analytics h3{margin:0 0 20px;color:#fff;font-family:var(--font-heading)}.analytics-header{margin-bottom:30px}.export-controls{display:flex;gap:12px}.export-btn{padding:12px 20px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.export-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.analytics-grid::-webkit-scrollbar{height:8px}.analytics-grid::-webkit-scrollbar-track{background:transparent}.analytics-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.analytics-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.analytics-card{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);padding:24px;border-radius:20px}.analytics-card h4{margin:0 0 20px;color:#fff;font-family:var(--font-heading)}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{margin-bottom:0;border-bottom:none}.stat-row span:first-child{color:rgba(255,255,255,.8)}.stat-row .stat-value{font-weight:600;color:#fff;font-size:1.1rem}.performance-metrics{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);padding:24px;border-radius:20px}.performance-metrics h4{margin:0 0 20px;color:#fff;font-family:var(--font-heading)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.metrics-grid::-webkit-scrollbar{height:8px}.metrics-grid::-webkit-scrollbar-track{background:transparent}.metrics-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.metrics-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.metric-card{gap:16px;padding:20px;border-radius:15px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.metric-card,.metric-icon{display:flex;align-items:center;background:rgba(255,255,255,.1)}.metric-icon{font-size:32px;width:60px;height:60px;justify-content:center;border-radius:50%}.metric-content{flex:1 1}.metric-title{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:8px}.metric-value{font-size:24px;font-weight:700;color:#fff}.server-admin{color:#fff}.server-admin h3{margin:0 0 20px;color:#fff;font-family:var(--font-heading)}.server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.server-grid::-webkit-scrollbar{height:8px}.server-grid::-webkit-scrollbar-track{background:transparent}.server-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.server-grid::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.server-card{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);padding:24px;border-radius:20px}.server-card h4{margin:0 0 16px;color:#fff;font-family:var(--font-heading)}.server-card p{margin:0 0 20px;color:rgba(255,255,255,.8);line-height:1.5}.server-btn{padding:12px 20px;background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.server-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.server-btn.danger{background:rgba(244,67,54,.1);border-color:rgba(244,67,54,.3);color:#ff6b6b}.server-btn.danger:hover{background:rgba(244,67,54,.2);border-color:rgba(244,67,54,.5)}.resource-stats{display:flex;flex-direction:column;gap:12px}.resource-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.resource-item:last-child{border-bottom:none}.resource-item span:first-child{color:rgba(255,255,255,.8)}.resource-item span:last-child{font-weight:600;color:#fff}@media (max-width:768px){.admin-header{flex-direction:column;gap:16px;text-align:center;padding:.85rem 1rem}.admin-nav{padding:.45rem 1rem .55rem}.admin-nav button{font-size:.78rem;padding:.4rem .7rem}.admin-content{padding:1.1rem .85rem 1.35rem}.settings-grid,.stats-grid{grid-template-columns:1fr}.log-controls{flex-direction:column;align-items:stretch}}.queue-button{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15) 50%,rgba(240,147,251,.15))!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:20px!important;padding:.75rem 1.25rem!important;color:#fff!important;font-weight:700!important;font-size:.9rem!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;outline:none!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 20px rgba(0,0,0,.1)!important;letter-spacing:.5px!important;min-width:140px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.queue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.queue-button:hover:before{left:100%}.queue-button:hover{transform:translateY(-3px) scale(1.02)!important;border-color:rgba(255,255,255,.4)!important;background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25) 50%,rgba(240,147,251,.25))!important;box-shadow:0 8px 30px rgba(102,126,234,.3)!important}.queue-button:active{transform:translateY(-1px) scale(.98)!important}.queue-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.03) 0,transparent 70%);animation:queueGlow 6s ease-in-out infinite;z-index:-1}@keyframes queueGlow{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.queue-button-container{position:fixed!important;right:12px!important;top:12px!important;z-index:2600!important;animation:queueButtonSlideIn .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes queueButtonSlideIn{0%{opacity:0;transform:translateX(20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.guess-btn{background:linear-gradient(135deg,#10b981,#059669 25%,#047857 50%,#065f46 75%,#064e3b)!important;border:none!important;border-radius:0 20px 20px 0!important;color:#fff!important;font-weight:600!important;padding:.6rem 1.2rem!important;cursor:pointer!important;transition:all .2s ease!important;font-size:.9rem!important;letter-spacing:.5px!important;text-transform:uppercase!important;min-width:80px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;position:relative!important;overflow:visible!important}.guess-btn:before{display:none!important}.guess-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857 25%,#065f46 50%,#064e3b 75%,#022c22)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(16,185,129,.3)!important}.guess-btn:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 2px 6px rgba(16,185,129,.2)!important}.guess-btn:disabled{background:rgba(76,175,80,.8)!important;opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.stealth-mode{padding:1rem}.stealth-description{color:#a0a0a0;margin-bottom:2rem;font-size:.9rem}.stealth-join{max-width:400px}.stealth-join-form{display:flex;flex-direction:column;gap:1rem}.stealth-join-form label{display:flex;flex-direction:column;gap:.5rem;font-weight:500}.admin-shell .stealth-join-form input{text-transform:uppercase;letter-spacing:.12em}.stealth-join-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:15px;color:white;padding:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.stealth-join-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.3)}.stealth-room-view{display:flex;flex-direction:column;gap:2rem}.stealth-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1) 50%,rgba(240,147,251,.1));border-radius:15px;border:2px solid rgba(255,255,255,.1)}.stealth-leave-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;color:white;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.stealth-leave-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(239,68,68,.3)}.stealth-selected-playlist{margin-bottom:1rem}.stealth-selected-playlist-heading{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.admin-panel .playlists-hub-card--stealth-readonly{cursor:default;max-width:720px}.admin-panel .playlists-hub-card--stealth-readonly:hover{transform:none;box-shadow:0 0 0 1px rgba(134,239,172,.12),0 6px 20px rgba(34,197,94,.08)}.admin-panel .playlists-hub-card--stealth-readonly:hover:before{background:linear-gradient(90deg,rgba(15,15,25,.92),rgba(15,15,25,.8) 60%,rgba(15,15,25,.55))}.admin-panel .playlists-hub-card--stealth-readonly .playlists-hub-card-source-label{text-transform:uppercase;letter-spacing:.04em}@media (max-width:768px){.admin-panel .playlists-hub-card--stealth-readonly .playlists-hub-card-cover-meta{display:flex;align-items:flex-start}}.stealth-live-round{margin-bottom:.75rem}.stealth-live-round-title{margin:0 0 .45rem;font-size:.95rem}.admin-panel .stealth-live-round-slot{height:clamp(650px,36vh,340px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22)}.admin-panel .stealth-live-round-empty{opacity:.65;font-size:.85rem;text-align:center;padding:.75rem 1rem;line-height:1.4;max-width:22rem;align-self:center;margin:auto}.admin-panel .stealth-live-round-youtube{display:flex;justify-content:center;margin:auto;align-self:center}.admin-panel .stealth-live-round-player-wrap{display:flex;justify-content:center;align-items:flex-start;width:100%}.stealth-room-info{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:rgba(255,255,255,.05);border-radius:10px}.info-label{font-weight:500;color:#a0a0a0}.info-value{font-weight:600;color:#fff}.stealth-players{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.players-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.player-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.player-info{display:flex;flex-direction:column;gap:.25rem}.player-name{font-weight:600;color:#fff}.player-score{font-size:.9rem;color:#a0a0a0}.player-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.kick-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.kick-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(245,158,11,.3)}.ban-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:white}.ban-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(239,68,68,.3)}.danger-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white}.danger-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(220,38,38,.3)}.stealth-actions{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.action-buttons{display:flex;gap:1rem;margin-top:1rem}.stealth-queue{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.queue-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.queue-item{display:flex;justify-content:space-between;align-items:stretch;padding:0;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.queue-title{font-weight:600;color:#fff;flex:1 1}.queue-artist{color:#a0a0a0;margin:0 1rem}.queue-source{background:rgba(102,126,234,.2);padding:.25rem .5rem;border-radius:5px;font-size:.8rem;color:#667eea}.no-players,.no-queue{text-align:center;color:#a0a0a0;padding:2rem;font-style:italic}@media (max-width:768px){.stealth-header{flex-direction:column;gap:1rem;text-align:center}.info-grid{grid-template-columns:1fr}.player-item{flex-direction:column;gap:1rem;text-align:center}.player-actions{justify-content:center}.queue-artist{margin:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.featured-playlists{width:100%}.genre-filters{margin-bottom:0;padding:0 20px}.genre-filters-buttons{display:flex;flex-wrap:wrap;gap:8px;padding-left:0;padding-right:0}.genre-filters-dropdown{display:none;width:100%;box-sizing:border-box;padding-left:0;padding-right:0}.genre-select-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;box-sizing:border-box}.genre-select-label{display:flex;align-items:center;gap:6px;margin-bottom:0;flex-shrink:0;color:rgba(230,225,255,.88);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.genre-select-label-icon{width:13px;height:13px;fill:rgba(167,139,250,.95);filter:drop-shadow(0 0 6px rgba(102,126,234,.45))}.genre-filter{padding:8px 16px;border:1px solid var(--pf-genre-border);border-radius:20px;cursor:pointer;color:var(--pf-genre-text);font-size:14px;font-weight:600;font-family:inherit;display:inline-flex;align-items:center;gap:.4rem;line-height:1.2;background-color:var(--pf-genre-surface-pill);background-image:var(--pf-genre-gradient-pill);box-shadow:var(--pf-genre-shadow-pill);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.genre-filter:hover{color:#fff;border-color:var(--pf-genre-border-hover);box-shadow:var(--pf-genre-shadow-hover)}.genre-filter.active{color:#fff;border-color:var(--pf-genre-active-border);background-color:var(--pf-genre-active-surface);background-image:var(--pf-genre-active-gradient);box-shadow:var(--pf-genre-active-shadow)}.genre-filter:focus-visible{outline:none;border-color:var(--pf-genre-focus-border);box-shadow:var(--pf-genre-focus-shadow)}.genre-filter.active:hover{border-color:var(--pf-genre-active-hover-border);box-shadow:var(--pf-genre-active-hover-shadow)}.genre-filter--spotify-my .genre-filter-spotify-logo{width:14px;height:14px;flex-shrink:0;object-fit:contain}.genre-filter-label{line-height:1}.genre-beta-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(196,181,253,.35);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em;color:rgba(233,213,255,.88);background:rgba(10,10,24,.35)}.genre-filter.active .genre-beta-pill{border-color:rgba(255,255,255,.45);color:rgba(255,255,255,.95);background:rgba(0,0,0,.2)}.genre-select{flex:1 1;min-width:0;width:100%;min-height:36px;padding:6px 36px 6px 12px;border-radius:20px;color:var(--pf-genre-text);font-size:13px;font-weight:600;line-height:1.25;cursor:pointer;appearance:none;-webkit-appearance:none;color-scheme:dark;font-family:inherit;background-color:var(--pf-genre-surface-field);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c4b5fd' d='M6 8L0 0h12z'/%3E%3C/svg%3E"),var(--pf-genre-gradient-field);background-repeat:no-repeat,no-repeat;background-position:right 12px center,0 0;background-size:10px auto,100% 100%;border:1px solid var(--pf-genre-border);box-shadow:var(--pf-genre-shadow-field);text-transform:capitalize;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.genre-select:hover{border-color:var(--pf-genre-border-hover);box-shadow:var(--pf-genre-shadow-hover)}.genre-select:focus{outline:none;border-color:var(--pf-genre-focus-border);box-shadow:var(--pf-genre-focus-shadow)}.genre-select option{background:#171528;color:#f4f4ff;text-transform:capitalize;font-weight:500}.playlist-filter-search-input{width:100%;min-width:0;color:var(--pf-genre-text);color-scheme:dark;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.25;padding:.62rem 1rem;border-radius:20px;border:1px solid var(--pf-genre-border);outline:none;background-color:var(--pf-genre-surface-field);background-image:var(--pf-genre-gradient-field);box-shadow:var(--pf-genre-shadow-field);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.playlist-filter-search-input:hover{border-color:var(--pf-genre-border-hover);box-shadow:var(--pf-genre-shadow-hover)}.playlist-filter-search-input:focus{border-color:var(--pf-genre-focus-border);box-shadow:var(--pf-genre-focus-shadow)}.playlist-filter-search-input::placeholder{color:var(--pf-genre-placeholder);font-weight:500}@media (max-width:600px){.genre-filters-buttons{display:none}.genre-filters-dropdown{display:block;margin-top:.35rem;padding:0;background:none;border:none;border-radius:0;box-shadow:none}.genre-select-label{justify-content:flex-start;width:auto}}.playlist-genre{background:rgba(102,126,234,.2);color:#667eea;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:100100;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none;max-width:min(400px,calc(100vw - 2rem))}.toast-item{display:flex;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-size:.875rem;font-weight:500;line-height:1.4;pointer-events:auto;cursor:pointer;animation:toastIn .3s ease-out both;box-shadow:0 4px 20px rgba(0,0,0,.3)}.toast-exit{animation:toastOut .3s ease-in both}.toast-error{background:rgba(220,53,69,.9);border:1px solid rgba(255,100,100,.3)}.toast-success{background:rgba(40,167,69,.9);border:1px solid rgba(100,255,130,.3)}.toast-info{background:rgba(102,126,234,.9);border:1px solid rgba(140,160,255,.3)}.toast-gold{background:linear-gradient(135deg,#f8d34f,#ff9f1a);border:1px solid rgba(255,211,125,.7);color:#18233d}.toast-silver{background:linear-gradient(135deg,#d9def7,#aeb9e6);border:1px solid rgba(230,237,255,.7);color:#18233d}.toast-bronze{background:linear-gradient(135deg,#d48a66,#8f4a64);border:1px solid rgba(244,198,175,.5);color:#18233d}.toast-icon{flex-shrink:0;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.2);font-size:.7rem;font-weight:700;line-height:1;margin-top:1px}.toast-msg{flex:1 1;min-width:0}@keyframes toastIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width:480px){.toast-container{width:90vw;max-width:90vw}.toast-item{width:100%;box-sizing:border-box}}.playlists-hub-genre-wrap .genre-filters{padding-left:0;padding-right:0}.playlists-hub-search{margin:0 auto 1.25rem;max-width:720px}.playlists-hub-search-label{display:block;margin-bottom:.4rem;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(230,225,255,.88);text-align:left}.playlists-hub-search .playlist-filter-search-input[type=search]{appearance:none}@media (max-width:768px){.playlists-hub-search{max-width:none}}.playlists-hub-empty{text-align:center;max-width:560px;margin:0 auto 1rem}.playlists-filter-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.playlists-filter-row--content{margin-top:.4rem}.difficulty-filter-pill,.vibe-filter-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--pf-vibe-border);color:var(--pf-vibe-text);font-size:.78rem;font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;flex:0 0 auto;max-width:max-content;background-color:var(--pf-vibe-surface);background-image:var(--pf-vibe-gradient);box-shadow:var(--pf-vibe-shadow-base);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}.difficulty-filter-pill:hover,.vibe-filter-pill:hover{color:#fff;border-color:var(--pf-vibe-border-hover);box-shadow:var(--pf-vibe-shadow-hover)}.vibe-filter-pill span:first-child{font-size:.9rem}.playlists-filter-sep-dot{align-self:center;opacity:.6;padding:0 .15rem}.difficulty-filter-pill.active,.vibe-filter-pill.active{color:#fff;border-color:var(--pf-vibe-active-border);background-color:var(--pf-vibe-active-surface);background-image:var(--pf-vibe-active-gradient);box-shadow:var(--pf-vibe-active-shadow)}.difficulty-filter-pill.active:hover,.vibe-filter-pill.active:hover{border-color:var(--pf-vibe-active-hover-border);box-shadow:var(--pf-vibe-active-hover-shadow)}.difficulty-filter-pill:focus-visible,.vibe-filter-pill:focus-visible{outline:none;border-color:var(--pf-vibe-focus-border);box-shadow:var(--pf-vibe-focus-shadow)}@media (max-width:768px){.playlists-filter-row--content{margin-top:.2rem}.playlists-filter-row--difficulty,.playlists-filter-row--vibe{overflow-x:auto;padding-bottom:.2rem}}.playlists-hub-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin:1.5rem auto 0;max-width:720px}@media (max-width:768px){.playlists-hub-page .landing-content{max-width:none}.playlists-hub-page .container.landing-content{max-width:none;width:100%;padding-left:1em;padding-right:1em}.playlists-hub-page .text-page-content-container{max-width:none;padding-left:0;padding-right:0}.playlists-hub-list{max-width:none;margin:0;width:100%}.playlists-hub-pagination{max-width:none}}.playlists-hub-pagination-meta{color:rgba(255,255,255,.7);font-size:.9rem}.playlists-hub-page-btn{padding:.5rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.playlists-hub-page-btn:hover:not(:disabled){background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}.playlists-hub-page-btn:disabled{opacity:.4;cursor:not-allowed}.playlists-hub-list{list-style:none;padding:0;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.playlists-hub-item{margin:0}.playlists-hub-card{display:block;position:relative;overflow:hidden;border-radius:12px;text-decoration:none;color:#fff;background:rgb(15,15,25);border:1px solid rgba(134,239,172,.28);box-shadow:0 0 0 1px rgba(134,239,172,.12),0 6px 20px rgba(34,197,94,.08);transition:transform .2s ease,box-shadow .2s ease;min-height:72px}.playlists-hub-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(134,239,172,.22),0 8px 24px rgba(34,197,94,.14)}.playlists-hub-card--modal{cursor:pointer}.playlists-hub-card--modal.playlists-hub-card--locked{cursor:default}.playlists-hub-card--modal.playlists-hub-card--locked:hover{transform:none;box-shadow:0 0 0 1px rgba(134,239,172,.12),0 6px 20px rgba(34,197,94,.08)}.playlist-list .playlists-hub-card-modal-outer{margin-bottom:.75rem}.playlist-list .playlists-hub-card-modal-outer:last-child{margin-bottom:0}@keyframes playlist-modal-skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-pill,.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-select,.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-vibe-skel-pill,.playlist-search-modal .playlist-skeleton-bar,.playlist-search-modal .playlist-skeleton-thumb{animation:none!important;background:rgba(255,255,255,.08)!important}}.playlist-search-modal .playlist-list.playlist-list--skeleton{display:flex;flex-direction:column;gap:.75rem}.playlist-search-modal .playlist-skeleton-card{display:flex;flex-direction:column;padding:.8rem .85rem .8rem 1rem;background:rgba(15,15,25,1);border-radius:12px;border:1px solid rgba(255,255,255,.08);min-height:160px;box-sizing:border-box;contain:layout}@media (max-width:768px){.playlist-search-modal .playlist-skeleton-card{min-height:152px;padding:.6rem .35rem}}.playlist-search-modal .playlist-skeleton-thumb{display:block;width:72px;height:72px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12) 50%,rgba(255,255,255,.06));background-size:200% 100%;animation:playlist-modal-skel-shimmer 1.1s ease-in-out infinite}.playlist-search-modal .playlist-skeleton-bar{display:block;height:.75rem;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:playlist-modal-skel-shimmer 1.1s ease-in-out infinite}.playlist-search-modal .playlist-skeleton-bar--title{width:72%;height:.95rem;margin-bottom:.15rem}.playlist-search-modal .playlist-skeleton-bar--desc{width:92%}.playlist-search-modal .playlist-skeleton-bar--subdesc{width:62%;height:.72rem;margin-top:.12rem}.playlist-search-modal .playlist-skeleton-bar--meta{width:40%;margin-top:.35rem;height:.65rem}.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-pill{display:inline-block;flex:0 0 auto;height:36px;border-radius:20px;border:1px solid rgba(255,255,255,.12)}.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-pill,.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-select{box-sizing:border-box;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:playlist-modal-skel-shimmer 1.1s ease-in-out infinite}.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-genre-skel-select{width:100%;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12)}.playlist-search-modal .featured-playlists--chrome-skeleton .playlist-search-vibe-skel-pill{display:inline-block;flex:0 0 auto;height:28px;border-radius:999px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:playlist-modal-skel-shimmer 1.1s ease-in-out infinite}.playlist-search-modal .playlist-list{display:flex;flex-direction:column;gap:.75rem}.playlist-search-modal .playlist-list .playlist-item{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.8rem .85rem .8rem 1rem;background:rgba(15,15,25,1);border:none;border-radius:12px;cursor:pointer;transition:all .2s;overflow:hidden;position:relative;min-height:72px}.playlist-search-modal .playlist-list .playlist-item-main{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;width:100%;min-width:0}.playlist-search-modal .playlist-list .playlist-item-thumb-wrap{flex-shrink:0;line-height:0;border-radius:8px}.playlist-search-modal .playlist-list .playlist-item-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.playlist-search-modal .playlist-list .playlist-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1);z-index:0;pointer-events:none}.playlist-search-modal .playlist-list .playlist-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,25,.92),rgba(15,15,25,.8) 60%,rgba(15,15,25,.55));border-radius:inherit;z-index:1}.playlist-search-modal .playlist-list .playlist-item>:not(.playlist-bg-img){position:relative;z-index:2}.playlist-search-modal .playlist-list .playlist-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.playlist-search-modal .playlist-list .playlist-item:hover:before{background:linear-gradient(90deg,rgba(15,15,25,.88),rgba(15,15,25,.72) 60%,rgba(15,15,25,.45))}.playlist-search-modal .playlist-list .playlist-item--verified{border:1px solid rgba(134,239,172,.28);box-shadow:0 0 0 1px rgba(134,239,172,.12),0 6px 20px rgba(34,197,94,.08)}.playlist-search-modal .playlist-list .playlist-item--verified:hover{box-shadow:0 0 0 1px rgba(134,239,172,.22),0 8px 24px rgba(34,197,94,.14)}.playlist-search-modal .playlist-list .playlist-verified-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.06rem .4rem;border-radius:999px;border:1px solid rgba(134,239,172,.55);background:rgba(22,101,52,.5);color:#dcfce7;font-size:.64rem;font-weight:700;letter-spacing:.02em}.playlist-search-modal .playlist-list .playlist-owner-row{display:flex;align-items:center;justify-content:flex-start;gap:.6rem}.playlist-search-modal .playlist-list .playlist-item-meta{display:flex;align-items:stretch;gap:.75rem;width:100%}.playlist-search-modal .playlist-list .playlist-info{flex:1 1;min-width:0;overflow:hidden}.playlist-search-modal .playlist-list .playlist-name{margin:0;width:100%;overflow:hidden;white-space:nowrap;container-type:inline-size;line-height:1.15}@keyframes playlist-modal-flat-name-scroll{0%,10%{transform:translateX(0)}90%,to{transform:translateX(min(0px,calc(100cqi - 100%)))}}.playlist-search-modal .playlist-list .playlist-name span{display:inline-block;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.15;animation:playlist-modal-flat-name-scroll 6s ease-in-out infinite alternate;will-change:transform}.playlist-search-modal .playlist-list .playlist-owner{margin:0;color:rgba(255,255,255,.7);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-search-modal .playlist-list .playlist-tracks-desc-row{display:flex;align-items:flex-start;gap:.35rem;margin:-.22rem 0 .28rem;width:100%;min-width:0}.playlist-search-modal .playlist-list .playlist-tracks-inline{flex-shrink:0;color:rgba(255,255,255,.58);font-size:.82rem;font-weight:500;line-height:1.35;white-space:nowrap}.playlist-search-modal .playlist-list .playlist-tracks-desc-dot{flex-shrink:0;color:rgba(255,255,255,.38);font-size:.82rem;font-weight:500;line-height:1.35;-webkit-user-select:none;user-select:none}.playlist-search-modal .playlist-list .playlist-description-block{display:flex;align-items:flex-start;gap:.35rem;flex:1 1;min-width:0;font-size:.82rem;line-height:1.35}.playlist-search-modal .playlist-list .playlist-description-block .playlist-desc-deezer-link{flex-shrink:0;display:inline-flex;align-items:center;align-self:flex-start;font-size:inherit;line-height:1.35}.playlist-search-modal .playlist-list .playlist-tracks-desc-row .playlist-desc-deezer-link--solo{font-size:.82rem;line-height:1.35;align-self:center;flex-shrink:0;display:inline-flex;align-items:center}.playlist-search-modal .playlist-list .playlist-description-block .playlist-desc-deezer-logo,.playlist-search-modal .playlist-list .playlist-tracks-desc-row .playlist-desc-deezer-logo{height:calc(.82rem * 1.35);max-height:calc(.82rem * 1.35);width:auto;max-width:min(4.75rem,28vw);object-fit:contain;object-position:left center;display:block;opacity:.88;margin-top:2px}.playlist-search-modal .playlist-list .playlist-description-block .playlist-desc-deezer-link:hover .playlist-desc-deezer-logo,.playlist-search-modal .playlist-list .playlist-tracks-desc-row .playlist-desc-deezer-link:hover .playlist-desc-deezer-logo{opacity:1}.playlist-search-modal .playlist-list .playlist-description-under-title{margin:0;color:rgba(255,255,255,.62);font-size:inherit;font-weight:400;line-height:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1;min-width:0}.playlist-search-modal .playlist-list .playlist-item-card-desc{margin:.12rem 0 .62rem;width:100%;color:rgba(255,255,255,.72);font-size:.88rem;font-weight:400;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.playlist-search-modal .playlist-list .playlist-genres-row{margin-bottom:.4rem}.playlist-search-modal .playlist-list .playlist-genres{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.playlist-search-modal .playlist-list .playlist-genre{flex-shrink:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);padding:.15rem .5rem;border-radius:4px;font-size:.7rem;text-transform:capitalize;white-space:nowrap}.playlist-search-modal .playlist-list .playlist-genre--playermade{background:rgba(167,139,250,.14);color:rgba(216,180,254,.88)}.playlist-search-modal .playlist-list .playlist-meta{display:flex;gap:1rem;align-items:center}.playlist-search-modal .playlist-list .playlist-external-link{display:inline-flex;align-items:center;gap:.3rem;color:#fff;font-size:.75rem;text-decoration:none;padding:.3rem .7rem;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);transition:background .2s,border-color .2s;white-space:nowrap}.playlist-search-modal .playlist-list .playlist-external-link:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.playlist-search-modal .playlist-list .playlist-actions{display:flex;align-self:stretch;flex-shrink:0;width:78px}.playlist-search-modal .playlist-list .playlist-select-btn{width:100%;height:100%;min-height:100%;padding:0 .75rem;border-radius:10px}@media (max-width:768px){.playlist-search-modal .playlist-list .playlist-bg-img{filter:blur(8px);transform:scale(1.05)}.playlist-search-modal .playlist-list .playlist-name span{animation:none;will-change:auto;transform:none}.playlist-search-modal .playlist-list .playlist-item{gap:0;min-height:70px;padding:.6rem .35rem}.playlist-search-modal .playlist-list .playlist-item-main{gap:.55rem}.playlist-search-modal .playlist-list .playlist-item-thumb-wrap{display:none}.playlist-search-modal .playlist-list .playlist-item-meta{gap:.55rem}.playlist-search-modal .playlist-list .playlist-item:before{background:linear-gradient(180deg,rgba(15,15,25,.88),rgba(15,15,25,.75) 60%,rgba(15,15,25,.5))}.playlist-search-modal .playlist-list .playlist-info{width:100%}.playlist-search-modal .playlist-list .playlist-actions{width:70px}.playlist-search-modal .playlist-list .playlist-select-btn{width:100%;height:100%;min-height:100%}.playlist-search-modal .playlist-list .playlist-tracks-desc-dot,.playlist-search-modal .playlist-list .playlist-tracks-inline{display:none!important}.playlist-search-modal .playlist-list .playlist-tracks-desc-row:not(:has(.playlist-description-under-title)):not(:has(.playlist-desc-deezer-link)){display:none}}@media (prefers-reduced-motion:reduce){.playlist-search-modal .playlist-list .playlist-name span{animation:none;will-change:auto;transform:none}}@keyframes playlist-mode-start-game-breathe{0%,to{transform:scale(1);box-shadow:0 2px 10px rgba(16,185,129,.18),0 0 0 0 rgba(16,185,129,0);filter:brightness(1)}50%{transform:scale(1.01);box-shadow:0 4px 16px rgba(16,185,129,.3),0 0 0 4px rgba(16,185,129,.06);filter:brightness(1.03)}}.playlist-mode-card .playlist-mode-start-game-btn.btn-success{animation:playlist-mode-start-game-breathe 2.5s ease-in-out infinite}.playlist-mode-card .playlist-mode-start-game-btn.btn-success:focus-visible,.playlist-mode-card .playlist-mode-start-game-btn.btn-success:hover{background:linear-gradient(135deg,#2dd4bf,#14b8a6,#0d9488)}@media (prefers-reduced-motion:reduce){.playlist-mode-card .playlist-mode-start-game-btn.btn-success{animation:none}}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-row,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:.5rem .75rem;margin-top:6px;width:100%;max-width:100%;box-sizing:border-box;min-width:0;align-self:stretch}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-body,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-body{width:100%;max-width:100%;min-width:0}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;flex:1 1;min-width:0;margin:0}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-owner-row,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-owner-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem;width:100%;min-width:0}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-owner,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-owner{margin:0;color:rgba(255,255,255,.72);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-verified,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-verified{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.06rem .4rem;border-radius:999px;border:1px solid rgba(134,239,172,.55);background:rgba(22,101,52,.5);color:#dcfce7;font-size:.64rem;font-weight:700;letter-spacing:.02em}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-inner,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-inner{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:.25rem .35rem;width:100%;min-width:0}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-primary,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-primary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .35rem}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition{display:inline-flex;flex-wrap:wrap;align-items:baseline;min-width:0}@media (min-width:769px){.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition:before,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition:before{content:"·";margin-right:.35rem;opacity:.65;font-weight:inherit}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-badges,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-badges{margin-top:.35rem}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-row,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-row{margin-top:.25rem}}@media (max-width:768px){.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-inner,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-inner{flex-direction:column;align-items:flex-start;gap:.25rem}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-recognition{width:100%}}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-actions,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-actions{display:flex;flex-shrink:0;align-self:flex-end;width:78px;margin-left:auto}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-select-btn,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-select-btn{width:100%;padding:.45rem .65rem;border-radius:10px}@media (max-width:768px){.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-actions,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-modal-meta-row .playlist-actions{width:70px}}.playlist-mode-import-spinner-ring{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0;box-sizing:border-box}.playlist-mode-pl-loading-overlay{position:absolute;inset:0;z-index:8;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:auto}.playlist-mode-pl-loading-overlay--flat{border-radius:8px}.playlist-mode-pl-loading-overlay.playlist-mode-prefetch-featured-overlay{border-radius:12px}.playlist-mode-pl-loading-overlay.playlist-mode-prefetch-featured-overlay .playlist-mode-pl-loading-overlay__scrim{border-radius:inherit}.playlist-mode-pl-loading-overlay__scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(15,15,25,.92),rgba(15,15,25,.8) 60%,rgba(15,15,25,.55));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.playlist-mode-pl-loading-overlay__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;text-align:center;max-width:100%;pointer-events:none}.playlist-mode-pl-loading-overlay__inner .playlist-mode-import-spinner-ring,.playlist-mode-pl-loading-overlay__primary,.playlist-mode-pl-loading-overlay__secondary{pointer-events:auto}.playlist-mode-pl-loading-overlay__primary{font-family:var(--font-body);font-size:.88rem;font-weight:600;color:rgba(255,255,255,.82);line-height:1.35;max-width:22rem}.playlist-mode-pl-loading-overlay__primary p{margin:0}.playlist-mode-pl-loading-overlay__secondary{font-family:var(--font-body);font-size:.82rem;font-weight:500;color:rgba(255,255,255,.72);line-height:1.35;max-width:22rem}.playlist-mode-pl-loading-overlay__secondary p{margin:0}.playlist-mode-card .playlist-mode-pl-loading-overlay__inner{width:90%;max-width:90%;box-sizing:border-box}.playlist-mode-card .playlist-mode-pl-loading-overlay__primary,.playlist-mode-card .playlist-mode-pl-loading-overlay__progress-wrap,.playlist-mode-card .playlist-mode-pl-loading-overlay__secondary{max-width:100%}.playlist-mode-pl-loading-overlay__progress-wrap{width:100%;max-width:22rem;margin-top:.25rem;pointer-events:auto}.playlist-mode-pl-loading-overlay__progress{width:100%}.playlist-mode-pl-loading-overlay__progress-track{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.playlist-mode-pl-loading-overlay__progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.playlist-mode-pl-loading-overlay__cancel{position:absolute;top:.3rem;right:.4rem;z-index:2;margin:0;padding:.2rem .45rem;line-height:1;font-size:.82rem;font-weight:600;font-family:var(--font-body);color:rgba(255,255,255,.55);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:6px;background:transparent}.playlist-mode-pl-loading-overlay__cancel:hover{color:rgba(255,255,255,.92)}.playlist-card-info.playlist-card-info--loading{position:relative}.playlists-hub-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);transform:scale(1.1);z-index:0;pointer-events:none}.playlists-hub-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,15,25,.92),rgba(15,15,25,.8) 60%,rgba(15,15,25,.55));border-radius:inherit;z-index:1;pointer-events:none}.playlists-hub-card:hover:before{background:linear-gradient(90deg,rgba(15,15,25,.88),rgba(15,15,25,.72) 60%,rgba(15,15,25,.45))}.playlists-hub-card-inner{position:relative;z-index:2;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;align-items:stretch;padding:1rem}.playlists-hub-card-main{display:flex;gap:1rem;align-items:flex-start;flex:1 1;min-width:0}.playlists-hub-card-thumb-link{flex-shrink:0;border-radius:8px;line-height:0;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.playlists-hub-card-cover-meta{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.playlists-hub-card-cover-rating{display:inline-flex;align-items:center;color:#facc15;font-size:12px;font-weight:600;line-height:1}@media (max-width:768px){.playlists-hub-card-cover-rating{display:none!important}.playlists-hub-card-inner{padding:.75rem .38rem;gap:.55rem}.playlists-hub-card-main{gap:.55rem}}.playlists-hub-card-thumb-link:hover{transform:scale(1.03);box-shadow:0 6px 16px rgba(0,0,0,.35)}.playlists-hub-card-thumb-link:focus-visible{outline:2px solid rgba(167,139,250,.9);outline-offset:2px}.playlists-hub-card-title-link{text-decoration:none;color:inherit;display:inline-block;max-width:100%}.playlists-hub-card--modal:not(.playlists-hub-card--locked):hover .playlists-hub-card-title--selectable,.playlists-hub-card-title-link:hover .playlists-hub-card-title{color:#c4b5fd}.playlists-hub-card-title-link:focus-visible{outline:2px solid rgba(167,139,250,.9);outline-offset:3px;border-radius:4px}.playlists-hub-card-actions{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:.5rem;margin-top:0;flex:0 0 auto;align-self:stretch;min-width:7.25rem;max-width:10rem}a.playlists-hub-card-cta,button.playlists-hub-card-cta{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;padding:.5rem .75rem;font-size:.82rem;font-weight:700;font-family:inherit;line-height:inherit;border-radius:8px;text-decoration:none;color:#ffffff;border:1px solid rgba(255,255,255,.22);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}a.playlists-hub-card-cta:hover,button.playlists-hub-card-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}a.playlists-hub-card-cta--multi,button.playlists-hub-card-cta--multi{background:linear-gradient(135deg,#666bcb,#7f84da);box-shadow:0 0 0 1px rgba(102,107,203,.2)}a.playlists-hub-card-cta--solo,button.playlists-hub-card-cta--solo{background:linear-gradient(135deg,#c545af,#d85fc2);box-shadow:0 0 0 1px rgba(197,69,175,.2)}.playlists-hub-card-thumb{width:72px;height:72px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}.playlists-hub-card-thumb-placeholder{width:72px;height:72px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(0,0,0,.25)}.playlists-hub-card-title{font-weight:700;font-size:1.1rem;margin:0;line-height:1.25}.playlist-title-heading{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%}.playlist-title-indicators{display:inline-flex;align-items:center;gap:.06rem;flex-shrink:0}.playlist-landing-intro .playlist-title-heading--hero{justify-content:center;text-align:left}.playlist-title-name{min-width:0}.playlist-title-new-badge{font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.14rem .38rem;line-height:1.15}.playlist-title-building-badge,.playlist-title-new-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(134,239,172,.35);background:rgba(22,101,52,.35);color:#ecfccb;box-shadow:0 0 0 1px rgba(34,197,94,.12);max-width:100%}.playlist-title-building-badge{padding:.12rem .34rem;line-height:1;font-size:.78rem;font-weight:700}.playlist-title-gem,.playlist-title-hot,.playlist-title-star{display:inline-flex;align-items:center;line-height:1;font-size:.95em}.playlist-title-star{color:#fef3c7;text-shadow:0 0 .35em rgba(251,191,36,.45)}@media (max-width:768px){.playlist-title-indicators{gap:.03rem}.playlist-title-gem,.playlist-title-hot,.playlist-title-star{font-size:.72em}}.playlists-hub-card-genres{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.playlists-hub-card-genre{font-size:.68rem;font-weight:600;text-transform:capitalize;padding:.12rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.78);background:rgba(255,255,255,.06);line-height:1.2}.playlists-hub-card-genre.playlists-hub-card-genre--classic{text-transform:none;font-weight:700;border-color:rgba(196,181,253,.46);background:linear-gradient(135deg,rgba(109,40,217,.26),rgba(76,29,149,.2));color:#ede9fe;box-shadow:0 0 0 1px rgba(196,181,253,.14)}.playlists-hub-card-desc{opacity:.85;font-size:.9rem;margin-top:4px;margin-bottom:0;line-height:1.4}.playlist-mode-card .playlists-hub-card--modal .playlists-hub-card-desc,.playlist-search-modal .playlists-hub-card--modal .playlists-hub-card-desc{margin-top:.3rem;margin-bottom:.45rem}.playlists-hub-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;justify-content:flex-start}.playlists-hub-card-owner-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .6rem;margin-top:.42rem;width:100%;min-width:0}.playlists-hub-card-owner{margin:0;color:rgba(255,255,255,.72);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.playlists-hub-card-verified{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.06rem .4rem;border-radius:999px;border:1px solid rgba(134,239,172,.55);background:rgba(22,101,52,.5);color:#dcfce7;font-size:.64rem;font-weight:700;letter-spacing:.02em}.playlists-hub-card-meta{opacity:.65;font-size:.82rem;margin:6px 0 0}.playlists-hub-card-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:.25rem .35rem}.playlists-hub-card-played{opacity:.85;white-space:nowrap}.playlists-hub-card-body{text-align:left;min-width:0}@media (max-width:768px){.playlists-hub-card:before{background:linear-gradient(180deg,rgba(15,15,25,.88),rgba(15,15,25,.75) 60%,rgba(15,15,25,.5))}.playlists-hub-card:hover:before{background:linear-gradient(180deg,rgba(15,15,25,.85),rgba(15,15,25,.7) 60%,rgba(15,15,25,.45))}.playlists-hub-card-actions,.playlists-hub-card-thumb-link{display:none}}.landing-container.landing-container--playlist-hero{min-height:0;flex:0 0 auto;overflow:visible}.landing-container.landing-container--playlist-hero .container.landing-content,.landing-container.landing-container--playlist-hero .playlist-landing-pick{max-width:1100px}.playlist-landing-detail-stack{width:100%;max-width:560px;margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width:768px){.landing-container.landing-container--playlist-hero .container.landing-content{padding-top:.5rem;padding-bottom:.5rem}.landing-container.landing-container--playlist-hero .playlist-landing-pick{margin-bottom:.35rem}.landing-container.landing-container--playlist-hero .playlist-landing-pick-art{margin-bottom:.5rem}.landing-container.landing-container--playlist-hero .playlist-landing-intro{margin-bottom:.65rem}.landing-container.landing-container--playlist-hero .playlist-landing-genres{margin-bottom:.45rem}.landing-container.landing-container--playlist-hero .playlist-landing-hero-badges{margin-bottom:.35rem}.playlist-landing-detail-stack{display:flex;flex-direction:column}.playlist-landing-detail-stack .landing-start-section{order:-1;margin-top:0;margin-bottom:.85rem}}.playlist-landing-recognition-row{display:flex;justify-content:center;margin-top:.4rem;width:100%}.playlist-landing-recognition-row .playlist-recognition-wrap{white-space:normal;justify-content:center}.playlist-landing-crumb{font-size:.9rem;font-weight:500;margin:0 0 1.25rem;text-align:center}.playlist-landing-crumb a{color:rgba(255,255,255,.78);text-decoration:none;transition:color .2s}.playlist-landing-crumb a:hover{color:#c4b5fd}.playlist-landing-pick{max-width:560px;margin:0 auto 1.25rem;text-align:center}.playlist-landing-pick-art{display:flex;justify-content:center;margin-bottom:.85rem}.playlist-landing-pick-art-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.playlist-landing-pick-art .playlist-landing-art-fallback,.playlist-landing-pick-art img{width:clamp(120px,28vw,160px);height:clamp(120px,28vw,160px);border-radius:16px;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}.playlist-landing-art-fallback{background:linear-gradient(135deg,#667eea,#764ba2)}.playlist-landing-cover-rating{position:absolute;left:10px;right:10px;bottom:10px;display:inline-flex;align-items:center;justify-content:center;color:#facc15;font-size:20px;font-weight:600;font-family:var(--font-heading);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.45)}.playlist-landing-cover-rating-star{font-size:30px;line-height:1;margin-right:4px}.playlist-landing-intro{margin-bottom:1.15rem}.playlist-landing-intro h1{margin:0;line-height:1.2}.playlist-landing-intro .playlist-landing-desc.landing-section-subtitle{max-width:38rem;margin:.4rem auto 0}.playlist-landing-desc.playlist-landing-desc--mobile-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 42%,rgba(0,0,0,.35) 72%,transparent);mask-image:linear-gradient(180deg,#000 0,#000 42%,rgba(0,0,0,.35) 72%,transparent)}.playlist-landing-desc-toggle{display:block;width:100%;max-width:38rem;margin:.35rem auto 0;padding:.35rem 0 0;border:none;border-top:1px solid rgba(255,255,255,.14);border-radius:0;background:transparent;color:rgba(255,255,255,.42);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:inherit;text-align:center}.playlist-landing-desc-toggle:hover{color:rgba(255,255,255,.62);border-top-color:rgba(255,255,255,.22)}.playlist-landing-desc-toggle:focus-visible{outline:2px solid rgba(167,139,250,.85);outline-offset:4px;border-radius:2px}.playlist-landing-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 auto .75rem;max-width:38rem}.playlist-landing-intro .playlist-landing-genres{margin-top:.35rem}.playlist-landing-genre-pill{font-size:.72rem;font-weight:600;text-transform:capitalize;padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.85);background:rgba(255,255,255,.07);line-height:1.2}.playlist-landing-genre-pill.playlist-landing-genre-pill--classic{text-transform:none;font-weight:700;border-color:rgba(196,181,253,.46);background:linear-gradient(135deg,rgba(109,40,217,.26),rgba(76,29,149,.2));color:#ede9fe;box-shadow:0 0 0 1px rgba(196,181,253,.14)}.playlist-landing-hero-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 auto .85rem;max-width:100%}.playlist-landing-byline-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.25rem .35rem;width:100%;max-width:none;margin:0 auto}.playlist-landing-byline,.playlist-landing-byline-played{margin:0;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.48);font-family:var(--font-heading);line-height:1.5}.playlist-landing-byline-played{white-space:nowrap}.playlist-meta-sep{opacity:.7}.playlist-skip-signal{white-space:nowrap}.playlist-skip-signal--low{color:rgba(252,165,165,.95)}.playlist-skip-signal--medium{color:rgba(253,224,71,.95)}.playlist-skip-signal--high{color:rgba(134,239,172,.95)}.playlist-recognition-wrap{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .35rem;white-space:nowrap}.playlist-recognition-skip-pct{opacity:.6;font-size:.9em;font-weight:500;color:rgba(255,255,255,.72)}.playlist-recognition-help{flex-shrink:0;flex-grow:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;aspect-ratio:1/1;margin:0;padding:0!important;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:inherit;font-size:.75rem;font-weight:700;line-height:1;cursor:pointer;vertical-align:middle;opacity:.85;overflow:hidden;-webkit-tap-highlight-color:transparent}.playlist-recognition-help:focus-visible,.playlist-recognition-help:hover{opacity:1;outline:none;border-color:rgba(255,255,255,.5)}.inline-help-popover{position:relative;display:inline-flex;flex-shrink:0;vertical-align:middle}.inline-help-popover-panel{position:fixed;z-index:10050;min-width:11rem;max-width:min(20rem,calc(100vw - 2rem));padding:.5rem .65rem;font-size:.78rem;font-weight:500;line-height:1.4;color:#f1f5f9;background:rgba(15,23,42,.97);border:1px solid rgba(148,163,184,.4);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.38);white-space:normal;pointer-events:auto}.playlist-landing-buttons{width:100%;max-width:560px;margin-left:auto;margin-right:auto;gap:.75rem}a.playlist-landing-cta,button.playlist-landing-cta{text-decoration:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.playlist-landing-extra{margin-top:2.5rem;text-align:center}button.playlist-landing-related-load-more{margin-top:1rem;padding:.55rem 1.35rem;font-size:.95rem;font-weight:700;font-family:var(--font-body);color:#e9e5ff;background:linear-gradient(135deg,rgba(102,126,234,.35),rgba(118,75,162,.3));border:1px solid rgba(129,140,248,.45);border-radius:10px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}button.playlist-landing-related-load-more:hover{background:linear-gradient(135deg,rgba(102,126,234,.48),rgba(118,75,162,.42));border-color:rgba(167,139,250,.55);transform:translateY(-1px)}button.playlist-landing-related-load-more:focus-visible{outline:2px solid rgba(167,139,250,.9);outline-offset:3px}.playlist-landing-subheading{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 .85rem;font-family:var(--font-heading)}.playlist-landing-sample-spoiler{position:relative;margin-top:2.5rem;width:100%;max-width:none;margin-left:auto;margin-right:auto;text-align:left;border-radius:12px;border:1px solid rgba(102,126,234,.22);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));overflow:visible}.playlist-landing-sample-spoiler[open]{z-index:5;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.playlist-landing-sample-spoiler summary{padding:.9rem 1.1rem;cursor:pointer;font-size:1.05rem;font-weight:700;color:#fff;font-family:var(--font-heading);list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.playlist-landing-sample-spoiler summary::-webkit-details-marker{display:none}.playlist-landing-sample-spoiler summary:after{content:"▸";margin-left:auto;font-size:.85rem;color:rgba(255,255,255,.45);transition:transform .2s ease}.playlist-landing-sample-spoiler[open] summary:after{transform:rotate(90deg)}.playlist-landing-spoiler-hint{font-weight:600;font-size:.88rem;color:rgba(255,255,255,.52)}.playlist-landing-sample-spoiler[open]>.playlist-landing-sample-list{position:absolute;left:0;right:0;top:calc(100% - 1px);z-index:2;margin:0 auto;padding:.75rem 1.1rem 1rem;max-width:560px;width:100%;box-sizing:border-box;max-height:min(55vh,22rem);overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(102,126,234,.22);border-top-color:rgba(129,140,248,.18);border-radius:0 0 12px 12px;background:linear-gradient(180deg,rgba(22,20,35,.98),rgba(18,16,30,.99));box-shadow:0 14px 40px rgba(0,0,0,.45)}.playlist-landing-sample-list{list-style:none;padding-left:0;max-width:560px;margin:0 auto;text-align:left;color:rgba(255,255,255,.78);font-size:.98rem;line-height:1.55;font-family:var(--font-body)}.playlist-landing-sample-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.playlist-landing-sample-list li:before{content:"➜";position:absolute;left:0;top:.05em;font-size:.95em;font-weight:800;color:#d8b4fe;text-shadow:0 0 14px rgba(167,139,250,.55)}.playlist-landing-related{list-style:none;padding:0;max-width:560px;margin:0 auto}.playlist-landing-related a{color:#a5b4fc;text-decoration:none;font-weight:600;font-size:1.02rem;font-family:var(--font-body);transition:color .2s}.playlist-landing-related a:hover{color:#f0abfc}.playlist-landing-related li{margin-bottom:.55rem}.playlist-landing-status-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.88rem;font-weight:700;font-family:var(--font-body);border:1px solid rgba(134,239,172,.35);background:rgba(22,101,52,.35);color:#ecfccb;box-shadow:0 0 0 1px rgba(34,197,94,.12)}.playlist-engagement-pill-icon{margin-right:.25rem;line-height:1}.playlist-landing-status-badge--trending{border-color:rgba(251,191,36,.45);background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(217,119,6,.2));color:#fef3c7;box-shadow:0 0 0 1px rgba(251,191,36,.15)}.playlist-landing-status-badge--momentum{border-color:rgba(129,140,248,.4);background:rgba(79,70,229,.22);color:#e0e7ff;box-shadow:0 0 0 1px rgba(129,140,248,.12)}.playlist-landing-status-badge--classic{border-color:rgba(196,181,253,.46);background:linear-gradient(135deg,rgba(109,40,217,.26),rgba(76,29,149,.2));color:#ede9fe;box-shadow:0 0 0 1px rgba(196,181,253,.14)}.playlist-landing-status-badge--hidden-gem{border-color:rgba(45,212,191,.44);background:linear-gradient(135deg,rgba(15,118,110,.24),rgba(17,94,89,.2));color:#ccfbf1;box-shadow:0 0 0 1px rgba(45,212,191,.14)}.playlist-landing-status-badge--community-favorite{border-color:rgba(251,191,36,.45);background:linear-gradient(135deg,rgba(217,119,6,.24),rgba(180,83,9,.2));color:#fef3c7;box-shadow:0 0 0 1px rgba(251,191,36,.14)}.playlist-landing-status-badge--solve-rate{border-color:rgba(167,139,250,.45);background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(124,58,237,.18));color:#ede9fe;box-shadow:0 0 0 1px rgba(167,139,250,.14)}.playlist-landing-status-badge--full-solve{border-color:rgba(45,212,191,.4);background:linear-gradient(135deg,rgba(13,148,136,.22),rgba(15,118,110,.18));color:#ccfbf1;box-shadow:0 0 0 1px rgba(45,212,191,.12)}.playlist-landing-status-badge--bare-skip{border-color:rgba(251,191,36,.42);background:linear-gradient(135deg,rgba(180,83,9,.2),rgba(146,64,14,.18));color:#fef3c7;box-shadow:0 0 0 1px rgba(251,191,36,.12)}.playlist-difficulty-module{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.35rem;color:rgba(226,232,240,.95)}.playlist-landing-intro .playlist-difficulty-module{justify-content:center}.playlist-difficulty-module--calibrating{color:rgba(226,232,240,.95);opacity:1}.playlist-difficulty-module--calibrating .playlist-difficulty-level{color:inherit;opacity:.35}.playlist-difficulty-help{flex-shrink:0;flex-grow:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.45rem;height:1.45rem;min-width:1.45rem;min-height:1.45rem;max-width:1.45rem;max-height:1.45rem;aspect-ratio:1/1;margin:0;padding:0!important;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:transparent;color:inherit;font-size:.72rem;font-weight:700;line-height:1;cursor:pointer;vertical-align:middle;opacity:.85;overflow:hidden;-webkit-tap-highlight-color:transparent}.playlist-difficulty-help:focus-visible,.playlist-difficulty-help:hover{opacity:1;outline:none;border-color:rgba(255,255,255,.45)}.playlist-difficulty-module--calibrating .playlist-difficulty-help{width:1.125rem;height:1.125rem;min-width:1.125rem;min-height:1.125rem;max-width:1.125rem;max-height:1.125rem;font-size:.58rem}.playlist-difficulty-module--beginner{color:#86efac}.playlist-difficulty-module--casual{color:#facc15}.playlist-difficulty-module--expert{color:#fca5a5}.playlist-difficulty-level{font-size:.84rem;font-weight:700;color:rgba(226,232,240,.92)}.playlist-difficulty-meter{display:inline-flex;align-items:center;gap:.2rem}.playlist-difficulty-meter-square{width:.5rem;height:.5rem;border-radius:.12rem;border:1px solid;opacity:.35;background:rgba(15,23,42,.14)}.playlist-difficulty-meter-square.is-filled{opacity:.95;background:currentColor}.playlist-difficulty-score{font-size:.84rem;font-weight:800;letter-spacing:.01em;color:rgba(226,232,240,.92)}@media (min-width:769px){.playlist-landing-intro .playlist-difficulty-meter{gap:.22rem}.playlist-landing-intro .playlist-difficulty-meter-square{width:.625rem;height:.625rem;border-radius:.14rem}.playlist-landing-intro .playlist-difficulty-score{font-size:.9rem}}@media (max-width:768px){.playlist-difficulty-module{width:100%;margin-top:.45rem}.playlist-landing-buttons{flex-direction:column}.playlist-landing-buttons .playlist-landing-cta{width:100%}.playlist-landing-buttons .landing-buttons-sep{display:none}}@keyframes mq-admin-banner-enter{0%{transform:translateY(calc(-100% - 1.25rem))}to{transform:translateY(0)}}@keyframes mq-admin-banner-exit{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 1.25rem))}}.mq-admin-top-dock{position:fixed;top:0;left:0;right:0;z-index:100000;padding:0;width:100%;display:block;pointer-events:none}.mq-admin-top-dock .mq-admin-top-actions,.mq-admin-top-dock .mq-admin-top-actions button,.mq-admin-top-dock .mq-admin-top-banner,.mq-admin-top-dock .mq-admin-top-card,.mq-admin-top-dock .mq-admin-top-close,.mq-admin-top-dock .mq-admin-top-ok{pointer-events:auto}.mq-admin-top-banner{width:100%;max-width:none;animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.mq-admin-top-banner--enter{animation-name:mq-admin-banner-enter}.mq-admin-top-banner--exit{animation-name:mq-admin-banner-exit;animation-timing-function:cubic-bezier(.55,0,1,.45)}.mq-admin-top-card{position:relative;width:100%;overflow:hidden;isolation:isolate;border-radius:0 0 55% 55%/0 0 2.35rem 2.35rem;border:none;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,8,18,.48);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 16px 44px rgba(0,0,0,.32),0 28px 64px rgba(0,0,0,.28)}.mq-admin-top-card:before{content:"";position:absolute;inset:-35% -20% -15%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 95% 72% at 50% -8%,rgba(102,126,234,.42),transparent 58%),radial-gradient(ellipse 68% 50% at 8% 102%,rgba(118,75,162,.28),transparent 52%),radial-gradient(ellipse 68% 50% at 92% 102%,rgba(102,126,234,.22),transparent 52%),radial-gradient(ellipse 120% 90% at 50% 120%,rgba(255,255,255,.06),transparent 55%);opacity:.95}.mq-admin-top-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(165deg,rgba(255,255,255,.11),rgba(255,255,255,.03) 38%,transparent 52%)}.mq-admin-top-close{position:absolute;top:max(.4rem,env(safe-area-inset-top,0px));right:max(.45rem,env(safe-area-inset-right,0px));z-index:4;margin:0;line-height:1;font-size:1.05rem;font-weight:500;color:rgba(255,255,255,.45);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none!important;border-radius:4px!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:.15rem .35rem!important}.mq-admin-top-close:hover{color:rgba(255,255,255,.88)}.mq-admin-top-card-body{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;padding:max(.85rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) 1.35rem max(1.25rem,env(safe-area-inset-left,0px));min-width:0}.mq-admin-top-title{margin:0;max-width:min(36rem,92%);font-family:var(--font-heading);font-size:clamp(1.12rem,3.8vw,1.45rem);font-weight:700;color:rgba(255,255,255,.96);letter-spacing:-.02em;line-height:1.22;text-wrap:balance}.mq-admin-top-body{margin:0;width:100%;max-width:min(36rem,92%);max-height:min(30vh,15rem);overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:rgba(255,255,255,.58);line-height:1.55;word-break:break-word}.mq-admin-top-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.65rem;width:100%;max-width:min(36rem,92%);margin-top:.2rem;flex-wrap:wrap}.mq-admin-top-actions .mq-admin-top-close-action,.mq-admin-top-actions .mq-admin-top-link-open{flex:0 1 auto}.mq-admin-top-ok{margin-top:.2rem}@media (prefers-reduced-motion:reduce){.mq-admin-top-banner{animation-duration:.01ms!important;animation-iteration-count:1!important}}.text-page-container{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.text-page-content{flex:1 1}.landing-container.text-page-content{flex-direction:column;justify-content:flex-start;align-items:center}.landing-container.landing-container--contact.text-page-content,.landing-container.landing-container--proposal-centered.text-page-content{justify-content:center;flex:1 1 auto;min-height:100svh;min-height:100dvh;box-sizing:border-box}.landing-container.landing-container--proposal-centered.text-page-content{align-items:center}.landing-container.landing-container--proposal-centered .container.landing-content{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.landing-container.landing-container--proposal-centered .text-page-content-container{width:100%}.landing-container.landing-container--proposal-centered .partner-card{text-align:center}.text-page-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.text-page-title{font-size:3rem;margin-bottom:2rem;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.3)}.text-page-content-container{max-width:900px;margin:0 auto;text-align:left;color:#fff;line-height:1.6;font-size:.95rem}.text-page-date{margin-bottom:2rem;text-align:center}.text-page-date p{font-size:1.1rem;opacity:.9;margin:0}.text-page-section{margin-bottom:1.5rem;opacity:.9}.text-page-section h2{color:#fff;font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.text-page-list{margin-left:1.5rem;margin-bottom:1.5rem;list-style-type:disc}.text-page-link{color:#667eea;text-decoration:none}.text-page-link:hover{text-decoration:underline}.text-page-italic{font-size:.9rem;opacity:.7;font-style:italic}.text-page-button-container{margin-top:2rem;text-align:center}.text-page-button{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.text-page-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3)}.text-page-button:active{transform:translateY(0);box-shadow:none}.text-page-lead{font-size:1.05rem;line-height:1.65;opacity:.92;margin-bottom:2rem}.text-page-title--long{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.2;max-width:920px;margin-left:auto;margin-right:auto}.partner-hero-subtitle{font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:600;margin:-1rem auto 1.25rem;max-width:720px;text-align:center;line-height:1.35;background:linear-gradient(135deg,#a5b4fc,#c4b5fd 45%,#e9d5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.partner-section-title{color:#fff;font-size:1.5rem;margin:2.5rem 0 1.25rem;font-weight:600}.partner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:.5rem}.partner-card{padding:1.25rem 1.35rem;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.partner-card h3{color:#fff;font-size:1.05rem;margin:0 0 .65rem;font-weight:600}.partner-card p{margin:0;color:#e0e0e0;line-height:1.55;font-size:.92rem;opacity:.95}.partner-card p.partner-deezer-download{margin-top:1.75rem}.partner-solution{margin-bottom:2rem;padding:1.35rem 1.5rem;background:rgba(255,255,255,.025);border-radius:10px;border:1px solid rgba(255,255,255,.08)}.partner-solution h3{color:#fff;font-size:1.2rem;margin:0 0 .75rem;font-weight:600}.partner-solution p{margin:0 0 .75rem;color:#e8e8e8;line-height:1.6}.partner-solution ul{margin:.5rem 0 0 1.25rem;padding:0;color:#d8d8d8;line-height:1.55}.partner-solution li{margin-bottom:.4rem}.partner-spec-list{list-style:none;margin:0 0 1.5rem;padding:0}.partner-spec-list li{padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e0e0e0;font-size:.92rem}.partner-spec-list li:last-child{border-bottom:none}.partner-spec-list strong{color:#fff;font-weight:600;display:inline-block;min-width:8.5rem}.partner-trust{margin:2rem 0 1.5rem;padding:1rem 1.25rem;border-radius:10px;background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.25);font-size:.9rem;color:#e0e0e0;line-height:1.55}.partner-trust-links{margin-top:.5rem}.partner-trust-links a{color:#a5b4fc;text-decoration:none}.partner-trust-links a:hover{text-decoration:underline}.partner-cta{margin-top:2.5rem;padding:2rem 1.5rem;border-radius:12px;text-align:center;background:linear-gradient(145deg,rgba(102,126,234,.15),rgba(118,75,162,.12));border:1px solid rgba(255,255,255,.12)}.partner-cta h2{color:#fff;font-size:1.45rem;margin:0 0 .75rem;font-weight:600}.partner-cta>p{color:#e8e8e8;margin:0 0 1.25rem;line-height:1.55}.partner-cta-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.partner-cta-secondary{display:inline-block;padding:.55rem 1.35rem;color:#c4b5fd;text-decoration:none;font-size:.95rem;font-weight:500;border-radius:8px;border:1px solid rgba(196,181,253,.35);background:rgba(255,255,255,.04);transition:background .2s,border-color .2s}.partner-cta-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(196,181,253,.55);color:#ddd6fe}.text-page-content-container>.deezer-documents-grid{margin-top:1.5rem}.deezer-questions{margin-top:2.5rem;padding:0;text-align:center;background:none;border:none}.deezer-questions-heading{color:#fff;font-size:1.45rem;margin:0 0 .85rem;font-weight:600}.deezer-questions-email-wrap{margin:0;line-height:1.4}.deezer-questions-email{display:inline-block;font-size:1.35rem;font-weight:600;color:#c4b5fd;text-decoration:none;letter-spacing:.02em;border-bottom:2px solid rgba(196,181,253,.45);padding-bottom:.1rem;transition:color .2s,border-color .2s}.deezer-questions-email:hover{color:#ddd6fe;border-bottom-color:rgba(221,214,254,.75)}.about-intro-block{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.about-intro-block p{margin-bottom:.85rem;opacity:.92}.about-intro-block p:last-child{margin-bottom:0}.marketing-faq-section{margin-top:2rem}.marketing-faq-heading{color:#fff;font-size:1.5rem;margin:0 0 1.25rem;font-weight:600}.marketing-faq-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem}.marketing-faq-item{padding:1.25rem 1.35rem;background:rgba(255,255,255,.03);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.marketing-faq-q{color:#fff;font-size:1.05rem;margin:0 0 .65rem;font-weight:600}.marketing-faq-a{color:#e0e0e0;line-height:1.55;margin:0;font-size:.92rem}.landing-container.landing-container--contact .container.landing-content{max-width:1240px;width:100%}.landing-container.landing-container--contact .text-page-title{text-align:center;width:100%}.contact-page-content{max-width:1180px;text-align:center}.contact-page-split{display:grid;grid-template-columns:repeat(2,minmax(260px,400px));justify-content:center;gap:2rem 2.5rem;align-items:start;margin-top:.5rem;margin-bottom:1rem}.contact-page-emails{min-width:0;width:100%;max-width:400px;justify-self:center;display:flex;flex-direction:column;align-items:center}.contact-email-card{background:linear-gradient(155deg,rgba(52,42,72,.5),rgba(30,24,44,.9) 45%,rgba(24,19,36,.94));border:1px solid rgba(124,118,198,.28);border-radius:16px;padding:1.35rem 1.5rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:100%;max-width:400px;text-align:center;box-shadow:0 14px 44px rgba(6,4,12,.45),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(95,105,199,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-email-card-title{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:.02em}.contact-email-card-desc{margin:0 0 1rem;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.55}.contact-email-card-link{display:inline-block;font-size:1.08rem;font-weight:500;word-break:break-word}.contact-page-partnership-note{margin-top:.25rem;margin-bottom:0;width:100%;max-width:400px;text-align:center}.contact-page-feedback{position:sticky;top:1rem;min-width:0;width:100%;max-width:400px;justify-self:center}.contact-page-feedback .feedback-form-panel--centered input[type=text],.contact-page-feedback .feedback-form-panel--centered textarea{text-align:left}@media (max-width:960px){.contact-page-split{grid-template-columns:1fr;justify-items:center}.contact-page-emails{max-width:420px}.contact-page-feedback{position:static;max-width:420px}}@media (max-width:768px){.text-page-title{font-size:2.5rem}.partner-grid{grid-template-columns:1fr}.partner-spec-list strong{display:block;margin-bottom:.25rem}.text-page-content-container{padding:0 1rem}}@media (max-width:480px){.text-page-title{font-size:2rem}.text-page-content-container{padding:0 .5rem}}