@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-ext-300-normal-BYS6Dpvq.woff2)format("woff2"),url(/assets/outfit-latin-ext-300-normal-CMIMshEd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/outfit-latin-300-normal-CRYTwY6m.woff2)format("woff2"),url(/assets/outfit-latin-300-normal-AWLfuCom.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-ext-700-normal-CI4iH74K.woff2)format("woff2"),url(/assets/outfit-latin-ext-700-normal-fjS8-Gm7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-ext-800-normal-DRv2ic_2.woff2)format("woff2"),url(/assets/outfit-latin-ext-800-normal-DyhPHUt-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(/assets/outfit-latin-800-normal-BRHLSPcU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-color:#121212;--bg-elevated:#181818;--card-bg:#181818;--card-hover:#242424;--primary:#1db954;--primary-hover:#1ed760;--primary-active:#1aa34a;--secondary:#1db954;--text-main:#fff;--text-muted:#b3b3b3;--text-subdued:#727272;--glass-border:#ffffff14;--gold-accent:gold;--font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;touch-action:manipulation;overscroll-behavior:none;width:100%;height:100dvh;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 0,#1db95426 0%,#0000 40%),radial-gradient(circle at 90% 100%,#1db95414 0%,#0000 50%);background-attachment:fixed}.app-container{max-width:520px;height:100%;flex-direction:column;height:100dvh;margin:0 auto;padding:16px;display:flex;overflow:hidden}.main-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 0;display:flex}.logo{letter-spacing:-.03em;color:#fff;align-items:center;gap:8px;font-size:1.6rem;font-weight:800;display:flex}.disco-ball{transform-origin:50%;filter:drop-shadow(0 2px 8px #1db95466);animation:3.5s linear infinite discoHorizontalSpin;display:inline-block}@keyframes discoHorizontalSpin{0%{transform:rotate(-25deg)rotate(0)}to{transform:rotate(-25deg)rotate(360deg)}}.help-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-main);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.help-btn:hover{background:var(--primary);color:#000;transform:scale(1.1);box-shadow:0 0 15px #1db95466}.screen{opacity:0;flex-direction:column;flex:1;animation:.4s cubic-bezier(.16,1,.3,1) forwards spotifyFadeIn;display:flex;position:relative}@keyframes spotifyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}h1{letter-spacing:-.03em;margin-bottom:8px;font-size:2.2rem;font-weight:800;line-height:1.15}.highlight{color:var(--primary)}.subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.95rem;font-weight:400;line-height:1.4}h2{letter-spacing:-.02em;margin-bottom:16px;font-size:1.75rem;font-weight:700}.glass-panel{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:background-color .2s,border-color .2s;box-shadow:0 8px 24px #00000080}.glass-panel:hover{border-color:#ffffff1a}.hero-content{text-align:center;flex-direction:column;flex:1;justify-content:flex-start;padding-top:12px;display:flex}.hero-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background:#1db9541f;border:1px solid #1db9544d;border-radius:500px;align-self:center;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.input-group{text-align:left;margin-bottom:20px}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}input[type=text],input[type=number]{color:#fff;background:#242424;border:1px solid #0000;border-radius:8px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s}input[type=text]::placeholder,input[type=number]::placeholder{color:var(--text-subdued)}input:focus{border-color:var(--primary);background:#2a2a2a;box-shadow:0 0 0 2px #1db95433}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:500px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.97)!important}.btn.primary{background:var(--primary);color:#000;box-shadow:0 4px 14px #1db9544d}.btn.primary:hover{background:var(--primary-hover);transform:scale(1.03);box-shadow:0 6px 20px #1db95473}.btn.secondary{color:#fff;background:0 0;border:1px solid #fff3}.btn.secondary:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.02)}.actions{flex-direction:column;gap:16px;display:flex}.divider{text-align:center;color:var(--text-subdued);letter-spacing:.1em;margin:4px 0;font-size:.75rem;font-weight:700;position:relative}.divider:before,.divider:after{content:"";background:#ffffff1a;width:42%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.join-action{gap:10px;display:flex}.join-action input{text-align:center;letter-spacing:2px;font-weight:700}.join-action .btn{white-space:nowrap;width:auto;padding-left:28px;padding-right:28px}.lobby-header-info{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.code-display{color:var(--primary);letter-spacing:3px;background:#1db9541a;border:1px solid #1db95440;border-radius:8px;padding:6px 14px;font-family:monospace;font-size:1.4rem;font-weight:800}.player-list-container{margin-bottom:24px}.player-list-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subdued);margin-bottom:12px;font-size:.8rem;font-weight:700}.player-list{list-style:none}.player-list li{background:#242424;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:background .2s;display:flex}.player-list li:hover{background:#2a2a2a}.player-list li.highlight-player{border-left:3px solid var(--primary);background:#1db9541f}.player-name-wrap{align-items:center;gap:10px;font-weight:600;display:flex}.host-tag{background:var(--primary);color:#000;text-transform:uppercase;border-radius:500px;padding:2px 8px;font-size:.7rem;font-weight:800}.game-top-bar{background:var(--card-bg);border:1px solid #ffffff0d;border-radius:500px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;font-weight:700;display:flex}.timer{color:#fff;align-items:center;gap:6px;font-size:1rem;display:flex}.timer span{color:var(--primary);font-size:1.1rem;font-weight:800}.round-info{color:var(--text-muted);font-size:.9rem}.round-info span{color:#fff}.emoji-display{text-align:center;background:linear-gradient(135deg,#242424 0%,#181818 100%);border:1px solid #ffffff14;border-radius:20px;margin-bottom:16px;padding:40px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0006,0 10px 30px #00000080}.timer-border-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.timer-border-svg path{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 0 6px #1db954cc);animation:30s linear forwards drawTimerBorder}@keyframes drawTimerBorder{to{stroke-dashoffset:0}}.clues{filter:drop-shadow(0 4px 12px #0009);word-break:break-word;font-size:3.2rem;line-height:1.3}.guess-input-area-split{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.guess-input-area-split input{margin-bottom:0;font-size:1rem}.live-scoreboard{margin-top:20px}.live-scoreboard h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-subdued);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.player-list.small li{padding:10px 14px;font-size:.9rem}.rank-num{color:var(--text-subdued);width:24px;font-size:.85rem;font-weight:700}.score-pts{color:var(--primary);font-weight:700}.x2-popup{color:#000;background:var(--gold-accent);z-index:50;pointer-events:none;white-space:nowrap;border-radius:500px;padding:6px 18px;font-size:1.25rem;font-weight:800;animation:2.5s cubic-bezier(.16,1,.3,1) forwards spotifyPopup;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #ffd70066}@keyframes spotifyPopup{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.05)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)translateY(-15px)}}.overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#00000040;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.overlay-content{text-align:center;background:#181818;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:420px;padding:32px 24px;animation:.35s cubic-bezier(.16,1,.3,1) spotifyPopIn;box-shadow:0 20px 50px #000c}.song-reveal{background:#242424;border:1px solid #1db95433;border-radius:12px;margin:20px 0;padding:16px}.reveal-title{color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:800}.reveal-artist{color:var(--primary);font-size:1.1rem;font-weight:600}.timer-next{color:var(--text-muted);margin-top:16px;font-size:.9rem}@keyframes spotifyPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}input[type=range]{width:100%;accent-color:var(--primary);margin:10px 0}.setting{margin-bottom:16px}