:root{color:#f5f4ee;font-synthesis:none;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 15%,#334786 0,#0000 32rem),radial-gradient(circle at 82% 85%,#683458 0,#0000 34rem),#0b1020;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.shell{min-height:100vh;padding:30px}.landing{grid-template-columns:1.15fr .85fr;align-items:center;gap:78px;max-width:1060px;min-height:calc(100vh - 60px);margin:auto;display:grid}.hero h1,.game h1,.admin-shell h1{letter-spacing:-.055em;margin:14px 0 24px;font-family:Georgia,serif;line-height:.93}.hero h1{font-size:clamp(4rem,9vw,7.4rem)}i{color:#f5ad58;font-style:italic}.hero p{color:#c4c9db;max-width:470px;font-size:1.08rem;line-height:1.75}.eyebrow{color:#92a9fa;text-transform:uppercase;letter-spacing:.15em;font-size:.67rem;font-weight:700}.entry-card,.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141b35d1;border:1px solid #aec0ff30;border-radius:22px;padding:28px;box-shadow:0 25px 70px #0005}.entry-card>label{margin-bottom:24px;display:block}.entry-card form{gap:16px;display:grid}label{color:#b9c0d6;letter-spacing:.02em;font-size:.77rem;font-weight:700}input{color:#fff;background:#11182f;border:1px solid #485378;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:13px 14px}input:focus{border-color:#9cb2ff;box-shadow:0 0 0 3px #738fff2b}.form-heading{justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.badge{letter-spacing:.1em;color:#b9c8ff;background:#304783;border-radius:999px;padding:5px 8px;font-size:.61rem}.round-pills{gap:7px;margin-top:8px;display:flex}.round-pills button{color:#bdc4db;background:0 0;border:1px solid #475276;border-radius:8px;padding:7px 10px;font-size:.8rem}.round-pills .selected{color:#172044;background:#dae1ff;border-color:#dae1ff}.primary,.secondary{text-align:center;border:0;border-radius:10px;padding:13px 17px;font-weight:800;text-decoration:none}.primary{color:#211305;background:#f3ab55}.primary:hover{background:#ffc37e}.secondary{color:#e7ebff;background:#27345f}.divider{background:#3a4569;height:1px;margin:25px 0;position:relative}.divider span{color:#96a0c1;background:#171e3a;padding:0 10px;font-size:.68rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.code-input{text-transform:uppercase;letter-spacing:.16em}.form-error{color:#ff9a99;font-size:.8rem}.footer-note{text-align:center;color:#7d87a7;grid-column:1/-1;margin:0;font-size:.72rem}.game{max-width:1180px;margin:auto}.game-header{color:#97a1bf;letter-spacing:.08em;border-bottom:1px solid #2e385a;align-items:center;gap:24px;height:54px;font-size:.72rem;display:flex}.brand{letter-spacing:-.05em;color:#fff;font-size:1.1rem;font-weight:800;text-decoration:none}.room-code{margin-left:auto}.room-code b{color:#e9ecf8}.game-layout{grid-template-columns:minmax(0,1fr) 310px;gap:26px;padding-top:28px;display:grid}.round-stage{background:linear-gradient(145deg,#171f43dd,#141a35cc);border:1px solid #374366;border-radius:24px;min-height:610px;position:relative;overflow:hidden}.stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:610px;padding:36px;display:flex}.stage h1{max-width:640px;font-size:clamp(2.6rem,5vw,4.4rem)}.stage p{color:#b5bdd4;max-width:500px;line-height:1.65}.player-bubbles{margin:25px 0;display:flex}.player-bubbles span{background:linear-gradient(145deg,#7d91dc,#475a9f);border:3px solid #192143;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:-8px;font-size:.7rem;font-weight:800;display:grid}.big-count{color:#f5b76a;font:700 clamp(6rem,14vw,11rem)/.8 Georgia,serif}.playing{justify-content:flex-start;padding-top:30px}.playing-top{color:#f7d798;justify-content:space-between;width:100%;font-size:.8rem;display:flex}.live{color:#fc9191;text-transform:uppercase}.vinyl{background:repeating-radial-gradient(circle,#12162a 0 3px,#242b49 4px 6px);border-radius:50%;place-items:center;width:165px;height:165px;margin:50px 0 22px;animation:5s linear infinite spin;display:grid;box-shadow:0 20px 40px #0005}.vinyl span{background:#f2a654;border:11px solid #f6d69f;border-radius:50%;width:40px;height:40px}.playing h1{margin-bottom:4px;font-size:3rem}.search-box{width:min(100%,520px);position:relative}.search-box ul{z-index:4;text-align:left;background:#111831;border:1px solid #48577e;border-radius:12px;width:100%;max-height:260px;margin:7px 0 0;padding:5px;list-style:none;position:absolute;top:100%;overflow:auto;box-shadow:0 18px 34px #0008}.search-box li button{color:#eef0fb;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px}.search-box li button:hover{background:#283763}.search-box li b,.search-box li span{display:block}.search-box li span{color:#aeb8d4;margin-top:3px;font-size:.7rem}.guess-status{font-size:.8rem;color:#ffd086!important}.audio-button{color:#ffd28b;background:#3f2d26;border:1px solid #f5b76a;border-radius:999px;margin-bottom:15px;padding:8px 14px}.reveal .music-note{background:#354675;border-radius:18px;place-items:center;width:150px;height:150px;margin-bottom:30px;font-size:4rem;display:grid}.reveal h1{margin-bottom:4px}.reveal a{color:#ffce8b;font-size:.8rem}.reveal small{color:#909ab9;margin-top:40px}.crown{color:#f3b75d;font-size:5rem}.leaderboard{background:#151c37bb;border:1px solid #33405f;border-radius:18px;height:max-content;overflow:hidden}.leaderboard header{border-bottom:1px solid #303a5b;justify-content:space-between;padding:17px 18px;font-size:.87rem;display:flex}.leaderboard small{color:#939dbe}.leaderboard ol{margin:0;padding:8px;list-style:none}.leaderboard li{border-radius:10px;grid-template-columns:21px 31px 1fr auto;align-items:center;gap:9px;padding:9px 7px;font-size:.79rem;display:grid}.leaderboard li.me{background:#4d629a45}.leaderboard li i{color:#fff;background:#5268ad;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.6rem;font-style:normal;display:grid}.leaderboard li>b{color:#ffd086}.error-card,.loading{text-align:center;background:#171f40;border-radius:18px;max-width:480px;margin:20vh auto;padding:32px}.admin-shell{width:min(1200px,100% - 36px);margin:0 auto;padding:40px 0 80px}.admin-login{max-width:430px;margin:12vh auto}.admin-login h1{font-size:2.8rem}.admin-login label{margin:30px 0 18px;display:block}.admin-login button{width:100%}.admin-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-header h1{margin:5px 0;font-size:3.5rem}.admin-header>div:last-child{align-items:center;gap:18px;font-size:.8rem;display:flex}.text-button{color:#aeb9dc;background:0 0;border:0;padding:5px}.danger{color:#fa9a9a}.upload-panel h2,.track-list h2,.metadata-panel h2{margin-top:0}.upload-panel p,.muted{color:#97a1bd;font-size:.84rem;line-height:1.6}.upload-panel form{align-items:center;gap:12px;display:flex}.upload-panel input[type=file]{margin:0}.catalogue-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.track-list h2 small{color:#8290b7;font-size:.7rem}.track-list article{border-top:1px solid #303a5b;justify-content:space-between;gap:15px;padding:16px 8px;display:flex}.track-list article.active{background:#2c396366;border-radius:10px;padding:16px 12px}.track-list article>div:first-child{gap:5px;min-width:0;display:grid}.track-list article>div:last-child{align-items:center;gap:5px;display:flex}.track-list article b{overflow-wrap:anywhere}.track-list article small,.linked{color:#929dbc;font-size:.68rem;display:block}.linked{color:#c6cdec}.track-list .secondary{padding:8px 10px;font-size:.7rem}.metadata-panel>label{display:block}.metadata-results{border-top:1px solid #34405f;max-height:410px;overflow:auto}.metadata-results label,.selected-matches label{cursor:pointer;border-bottom:1px solid #2d3857;grid-template-columns:20px 1fr;align-items:flex-start;gap:9px;padding:11px 5px;display:grid}.metadata-results input,.selected-matches input{width:auto;margin:2px 0}.metadata-results small,.selected-matches small{color:#96a2c2;margin-top:3px;line-height:1.45;display:block}.selected-matches{margin-top:24px}.selected-matches h3{font-size:.85rem}.selected-matches .primary{width:100%;margin-top:18px}.metadata-query{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metadata-query label{display:block}.audio-engine{opacity:.001;pointer-events:none;width:1px;height:1px;position:fixed;bottom:0;left:-10px}.round-stage{overflow:visible}.search-box ul{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;max-height:min(360px,45vh);overflow-y:auto}.manual-entry{border-top:1px solid #34405f;margin-top:22px;padding-top:18px}.manual-entry>p{margin:7px 0 0}.upload-panel code{color:#ffd293}.upload-report{background:#11182f;border-radius:10px;gap:7px;margin-top:18px;padding:13px;display:grid}.upload-report>span{justify-content:space-between;gap:14px;display:flex}.upload-report small{color:#aeb8d4;text-align:right}.match-progress{background:#11182f;border:1px solid #33405f;border-radius:12px;gap:8px;margin-top:18px;padding:14px;display:grid}.match-progress>div{justify-content:space-between;gap:12px;display:flex}.match-progress span,.match-progress small{color:#aeb8d4}.match-progress progress{accent-color:#f3ab55;width:100%;height:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.shell{padding:18px}.landing{padding:45px 0;display:block}.hero{margin-bottom:45px}.hero h1{font-size:4rem}.game-layout,.catalogue-grid{grid-template-columns:1fr}.leaderboard{order:-1}.round-stage,.stage{min-height:510px}.game-header{gap:11px}.vinyl{width:130px;height:130px;margin:30px 0 20px}.playing h1{font-size:2.5rem}.admin-header,.upload-panel form,.track-list article{flex-direction:column;align-items:stretch}.admin-header h1{font-size:2.8rem}.track-list article>div:last-child{justify-content:flex-start}.metadata-query{grid-template-columns:1fr}.search-box ul{max-height:50vh}}html,body{min-height:100%;overflow-x:hidden}body{min-height:100dvh}.shell{min-height:100dvh;padding-bottom:max(30px,env(safe-area-inset-bottom))}select{color:#fff;background:#11182f;border:1px solid #485378;border-radius:10px;width:100%;margin-top:8px;padding:13px 14px}fieldset{border:0;margin:0;padding:0}legend{color:#b9c0d6;margin-bottom:8px;font-size:.77rem;font-weight:700}.enhanced{grid-template-columns:.85fr 1.15fr}.setup-card{max-height:calc(100dvh - 60px);overflow:auto}.category-pills{flex-wrap:wrap;gap:8px;display:flex}.category-pills button{color:#c5cce0;background:#11182f;border:1px solid #485378;border-radius:999px;padding:8px 11px}.category-pills button.selected{border-color:var(--category);box-shadow:inset 0 0 0 1px var(--category);color:#fff}.category-pills small{opacity:.7;margin-left:6px}.pool-summary{background:#11182f;border-radius:10px;justify-content:space-between;gap:8px;padding:12px;font-size:.76rem;display:flex}.pool-summary span{color:#98a2c0}.pool-summary.good b{color:#9be3bd}.pool-summary.bad b{color:#ff9a99}.profile-chip{color:#e8ecff;background:#1b2548;border:1px solid #6374ad;border-radius:999px;padding:9px 14px}.profile-card{background:#101831;border:1px solid #3f4c75;border-radius:14px;gap:8px;max-width:430px;margin-top:12px;padding:15px;display:grid}.profile-card span,.profile-card p{color:#aeb8d2;margin:0;font-size:.75rem}.profile-card button,.host-bar button,.bulk-bar button,.category-admin-list button{color:#fff;background:#253259;border:1px solid #4a5679;border-radius:8px;padding:7px 10px}.connection{font-size:.65rem}.connection.online{color:#8ee4b6}.connection.offline{color:#ffae80}.lobby-stage{justify-content:flex-start;padding-top:45px}.share-panel{color:#11182f;background:#fff;border-radius:14px;align-items:center;gap:20px;padding:10px;display:flex}.share-panel img{width:120px;height:120px}.share-panel>div{gap:10px;display:grid}.share-panel b{letter-spacing:.15em;font-size:2rem}.player-ready-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 20px;display:flex}.player-ready-list>span,.round-results>span,.match-stats>span{text-align:left;background:#202b50;border:1px solid #3c496f;border-radius:10px;padding:9px 12px;display:grid}.player-ready-list small,.round-results small,.match-stats small,.leaderboard li span small{color:#95a0be;margin-top:3px;font-size:.65rem;display:block}.host-start{align-items:center;gap:8px;display:flex}.hint{color:#efe4ff;background:#493b65;border:1px solid #7964a0;border-radius:999px;margin:3px;padding:6px 10px;font-size:.72rem}.searching{color:#8f9aba;font-size:.7rem;position:absolute;top:23px;right:12px}.search-box li button.active{background:#334579}.round-results,.match-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 20px;display:flex}.podium{align-items:flex-end;gap:10px;margin:15px 0 22px;display:flex}.podium>span{background:#202b50;border-radius:12px;min-width:120px;padding:16px;display:grid}.podium i{font-size:1.4rem}.host-bar{bottom:max(10px,env(safe-area-inset-bottom));z-index:8;background:#111831ee;border:1px solid #465477;border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex;position:sticky;box-shadow:0 12px 30px #0008}.host-bar b{margin-right:auto}.category-manager{margin-top:22px}.category-manager form{align-items:center;gap:10px;display:flex}.category-manager form input[type=color]{width:55px;padding:4px}.category-admin-list{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.category-admin-list>span{border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.category-admin-list small{color:#929dbc}.catalogue-filters{grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.bulk-bar{background:#29375f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;padding:9px;display:flex}.bulk-bar select{width:auto;margin:0;padding:7px}.track-list article{grid-template-columns:20px minmax(0,1fr) auto;display:grid}.track-list article>input{width:auto;margin:4px 0}.track-list audio{max-width:260px;height:30px;margin-top:5px}.category-labels{color:#f0ba77;font-size:.65rem}.full{width:100%;margin-top:16px}.leaderboard li span{min-width:0}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #ffcb85}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:760px){.shell{padding:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.landing.enhanced{padding:15px 0}.setup-card{max-height:none}.game-header{z-index:9;background:#0b1020;flex-wrap:wrap;height:auto;padding:10px 2px;position:sticky;top:0}.round-stage{overflow:visible}.stage{height:auto;min-height:calc(100dvh - 180px);padding:24px 14px}.game-layout{flex-direction:column;display:flex}.leaderboard{order:2}.round-stage{order:1}.host-bar{overflow:auto}.share-panel img{width:92px;height:92px}.share-panel b{font-size:1.35rem}.podium{justify-content:flex-start;width:100%;overflow:auto}.catalogue-filters{grid-template-columns:1fr}.category-manager form{flex-direction:column;align-items:stretch}.track-list article{grid-template-columns:20px 1fr}.track-list article>div:last-child{grid-column:2}.search-box ul{max-height:45dvh;position:relative;top:auto}.playing{justify-content:flex-start}.playing p{margin:8px}.vinyl{flex:none}}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,620px);margin-top:8px;display:grid}.choice-grid>button{color:#f4f6ff;text-align:left;background:linear-gradient(145deg,#263661,#1b274a);border:1px solid #4c5d8b;border-radius:16px;min-height:112px;padding:20px 18px 17px;transition:transform .15s,border-color .15s,background .15s;position:relative;box-shadow:0 10px 24px #0003}.choice-grid>button:hover{background:linear-gradient(145deg,#34477a,#24345e);border-color:#9ab0ff;transform:translateY(-2px)}.choice-grid>button:active{transform:translateY(0)}.choice-grid b,.choice-grid small{display:block}.choice-grid b{padding-right:24px;font-size:1.05rem;line-height:1.25}.choice-grid small{color:#aeb9d7;margin-top:7px;font-size:.76rem;line-height:1.35}.choice-number{color:#fff;background:#5269aa;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:12px;right:12px}.choice-loading{color:#9eabc9;border:1px dashed #4c5d8b;border-radius:16px;grid-column:1/-1;padding:36px}.host-player{white-space:nowrap;align-items:center;gap:6px;display:flex}@media (max-width:520px){.choice-grid{grid-template-columns:1fr;gap:9px}.choice-grid>button{min-height:86px;padding:15px 16px}.choice-grid b{font-size:.95rem}}