:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#000;--accent:#c084fc;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body{overscroll-behavior-y:contain;margin:0}#root{min-height:100vh;min-height:100svh}h1{color:var(--text-h);font-weight:600}.debug-overlay{z-index:9999;max-width:42ch;font:14px/1.45 var(--mono);color:#d1fae5;pointer-events:none;white-space:pre-wrap;background:#000000b8;border:1px solid #ffffff26;border-radius:8px;padding:.6rem .8rem;position:fixed;top:6vmin;left:6vmin}.debug-overlay-head{color:#34d399;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-weight:700}.debug-line{color:#e5e7eb}.debug-line-muted{color:#9ca3af}.debug-time{color:#6ee7b7}.timing-readout{font:15px/1.5 var(--mono);color:#6ee7b7;text-align:center;margin-top:1rem}.timing-readout-line{color:#d1fae5}.mkt{--mkt-bg:#080a09;--mkt-panel:#ffffff0a;--mkt-border:#ffffff1a;--mkt-text:#e8efe9;--mkt-dim:#e8efe99e;--mkt-heading:#fff;--mkt-accent:#7ee0a2;--mkt-nav-h:84px;min-height:100vh;background:var(--mkt-bg);min-height:100svh;color:var(--mkt-text);font-family:"Bricolage Grotesque", var(--sans);flex-direction:column;font-weight:500;line-height:1.55;display:flex;position:relative;overflow-x:hidden}.mkt a{color:var(--mkt-text);text-decoration:none}.mkt a:hover{color:#fff}.mkt-nav{z-index:5;width:100%;max-width:1080px;height:var(--mkt-nav-h);justify-content:center;align-items:center;margin:0 auto;padding:24px 24px 0;display:flex;position:relative}.mkt-logo-link{align-items:center;display:inline-flex}.mkt-logo{opacity:.8;width:auto;height:30px;display:block}.mkt-nav-cta{color:var(--mkt-bg);background:var(--mkt-accent);border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;transition:transform .18s,filter .18s}.mkt-nav-cta:hover{color:var(--mkt-bg);filter:brightness(1.08)}.mkt-nav-cta:active{transform:translateY(1px)scale(.98)}.mkt-nav-cta:focus-visible{outline:2px solid var(--mkt-accent);outline-offset:3px}.mkt-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 24px 24px}.mkt-stage{z-index:1;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--mkt-nav-h));min-height:min(940px,100svh);display:flex;position:relative;overflow:hidden}@media (max-width:700px){.mkt-stage{min-height:760px}}.mkt-stage .lobby-bg-wrap{z-index:0}.mkt-stage-scrim{z-index:1;pointer-events:none;background:linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--mkt-bg) 70%, transparent) 82%, var(--mkt-bg) 100%);position:absolute;inset:0}.mkt-stage-content{z-index:2;width:100%;max-width:720px;padding:calc(var(--mkt-nav-h) + 20px) 24px 56px;text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex;position:relative}.mkt-stage-top{flex-direction:column;align-items:center;display:flex}.mkt-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--mkt-accent);margin-bottom:16px;font-size:13px;font-weight:700}.mkt-stage h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--mkt-heading);letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 24px #0000008c;margin:0 0 18px;font-size:clamp(36px,6.4vw,64px);font-weight:700;line-height:1.02}.mkt-lead{color:var(--mkt-text);text-shadow:0 1px 16px #000;max-width:40ch;margin:0;font-size:clamp(16px,2.2vw,20px)}.mkt-download{flex-direction:column;align-items:center;gap:16px;margin:auto 0;padding-top:clamp(40px,8vh,96px);display:flex;position:relative}.mkt-download:before{content:"";z-index:-1;background:radial-gradient(closest-side,#040605b8,#0000 78%);width:150%;height:150%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.mkt-qr-tile{background:#fff;border-radius:22px;padding:14px;line-height:0;box-shadow:0 24px 60px -20px #000c,0 0 0 1px #ffffff24}.mkt-qr-tile .mkt-qr,.mkt-qr-tile .mkt-qr svg{border-radius:8px;display:block}.mkt-download-copy{flex-direction:column;align-items:center;gap:3px;display:flex}.mkt-download-copy strong{color:var(--mkt-heading);font-size:18px;font-weight:700}.mkt-download-copy>span{color:var(--mkt-dim);font-size:14px}.mkt-trial{color:var(--mkt-heading);align-items:center;gap:9px;margin:8px 0 4px;font-size:14px;font-weight:600;display:inline-flex}.mkt-appstore{border-radius:10px;margin-top:10px;transition:transform .18s,opacity .18s;display:inline-flex}.mkt-appstore:hover{opacity:.86}.mkt-appstore:active{transform:translateY(1px)scale(.98)}.mkt-appstore img{width:auto;height:48px;display:block}.mkt-appstore{border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 20px;transition:transform .18s,background .18s;display:inline-flex}.mkt-appstore:focus-visible{outline:2px solid var(--mkt-accent);outline-offset:3px}.mkt-appstore svg{fill:#fff;width:22px;height:22px}.mkt-appstore>span{text-align:left;flex-direction:column;font-size:17px;font-weight:700;line-height:1.05;display:flex}.mkt-appstore small{letter-spacing:.02em;opacity:.85;font-size:10px;font-weight:500}@media (max-width:600px){.mkt-download{padding-top:24px}.mkt-qr-tile,.mkt-download-copy>span{display:none}.mkt-download-copy{flex-direction:column;align-items:center;display:flex}.mkt-download-copy .mkt-trial{order:1}.mkt-appstore img{height:54px}}.mkt-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin:48px 0;display:grid}@media (max-width:680px){.mkt-steps{grid-template-columns:1fr}}.mkt-step{background:var(--mkt-panel);border:1px solid var(--mkt-border);border-radius:20px;padding:24px}.mkt-step-n{font-family:var(--mono);color:var(--mkt-accent);letter-spacing:.08em;font-size:13px;font-weight:700}.mkt-step h3{color:var(--mkt-heading);margin:10px 0 6px;font-size:20px;font-weight:700}.mkt-step p{color:var(--mkt-dim);margin:0;font-size:15px}.mkt-callout{background:#7ee0a214;border:1px solid #7ee0a259;border-radius:20px;margin:40px 0;padding:24px 26px}.mkt-callout h3{color:var(--mkt-heading);margin:0 0 8px;font-size:19px;font-weight:700}.mkt-callout p{color:var(--mkt-text);margin:0;font-size:16px}.mkt-doc h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--mkt-heading);letter-spacing:-.02em;margin:40px 0 6px;font-size:clamp(30px,6vw,44px);font-weight:700}.mkt-doc .mkt-updated{color:var(--mkt-dim);margin:0 0 32px;font-size:14px}.mkt-doc h2{color:var(--mkt-heading);margin:34px 0 10px;font-size:21px;font-weight:700}.mkt-doc p,.mkt-doc li{color:var(--mkt-text);font-size:16px}.mkt-doc ul{padding-left:22px}.mkt-doc li{margin:6px 0}.mkt-doc a{color:var(--mkt-accent);text-underline-offset:2px;text-decoration:underline}.mkt-footer{border-top:1px solid var(--mkt-border);margin-top:48px}.mkt-footer-inner{width:100%;max-width:960px;color:var(--mkt-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:0 auto;padding:28px 24px 40px;font-size:14px;display:flex}.mkt-footer-links{flex-wrap:wrap;gap:20px;display:flex}.mkt-footer-links a{color:var(--mkt-dim)}.mkt-main .ring-gallery-layer{transform:scale(.7);opacity:.6!important;top:20vh!important}@media only screen and (max-width:600px){.mkt-main .ring-gallery-layer{transform:scale(1);top:10vh!important}}.nf-page{width:100vw;height:100vh;height:100svh;position:relative;overflow:hidden}.nf-logo{color:#fff;pointer-events:none;will-change:transform, color;width:160px;height:auto;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.nf-logo{top:30%;left:50%;transform:translate(-50%,-50%)}}.nf-center{z-index:2;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.nf-code{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:-.04em;color:var(--mkt-heading);text-shadow:0 4px 40px #0009;font-size:clamp(96px,20vw,200px);font-weight:700;line-height:1}.nf-sub{color:var(--mkt-dim);margin:6px 0 26px;font-size:clamp(15px,2vw,18px)}a.nf-home-link{pointer-events:auto;color:#000;background:#fff;border-radius:999px;padding:10px 22px;font-size:15px;font-weight:700;transition:transform .18s,filter .18s}a.nf-home-link:hover{color:#000;filter:brightness(.94)}a.nf-home-link:active{transform:translateY(1px)scale(.98)}a.nf-home-link:focus-visible{outline:2px solid var(--mkt-accent);outline-offset:3px}.tv-screen,.host-screen,.player-screen{min-height:100vh;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:24px;display:flex}.tv-screen{gap:24px}.tv-qr{background:#fff;border-radius:20px;padding:12px;line-height:0;display:inline-flex;box-shadow:0 0 40px #ffffff1f}.tv-qr svg{border-radius:10px;display:block}.loading-overlay{z-index:10;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.lobby-bg-wrap{position:absolute;inset:0}.lobby-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tunnel-overlay{pointer-events:none;background:#0006;position:absolute;inset:0}.ring-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ring-gallery-layer{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.lobby-frame{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lobby-stage{z-index:2;display:flex;position:relative}.lobby-avatar-row{z-index:3;align-items:center;display:flex;position:absolute;top:calc(100% + clamp(14px,2.4vmin,34px));left:50%;transform:translate(-50%)}.lobby-avatar{aspect-ratio:1;width:clamp(48px,8vmin,92px);margin-left:clamp(-20px,-2.2vmin,-10px)}.lobby-avatar:first-child{margin-left:0}.lobby-avatar-inner{background:#ededed;border:clamp(3px,.6vmin,6px) solid #fff;border-radius:50%;width:100%;height:100%;animation:.54s cubic-bezier(.22,1,.36,1) both avatar-pop;box-shadow:0 10px 26px #00000059}.lobby-avatar-more .lobby-avatar-inner{color:#fff;font-family:"Bricolage Grotesque", var(--sans);background:#1b1b1b;justify-content:center;align-items:center;font-size:clamp(15px,2.6vmin,30px);font-weight:700;display:flex}.lobby-avatar-inner img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;transform:scale(1.15)}@keyframes avatar-pop{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.18)}75%{transform:scale(.94)}to{transform:scale(1)}}.lobby-card{z-index:2;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:clamp(16px,2.5vmin,40px);max-width:min(90vw,620px);padding:clamp(20px,3vmin,48px);display:flex;position:relative;box-shadow:0 24px 70px #00000073}.lobby-card-title{font-family:"Bricolage Grotesque", var(--sans);color:#222;text-align:center;margin:0;font-size:clamp(24px,5vmin,56px);font-weight:700;line-height:1.1}.lobby-card-sub{font-family:"Bricolage Grotesque", var(--sans);color:#313131;text-align:center;margin:0;font-size:clamp(16px,3vmin,32px);font-weight:500;line-height:1.1}.lobby-card-sub strong{font-weight:700}.lobby-qr{line-height:0;display:inline-flex}.lobby-qr svg{width:clamp(160px,26vmin,300px);height:auto;display:block}.lobby-card-returning{gap:clamp(10px,1.6vmin,24px);max-width:min(92vw,1180px);padding:clamp(22px,4vmin,56px) clamp(24px,5vmin,72px)}.lobby-card-returning .lobby-card-title{max-width:14em;font-size:clamp(22px,4.2vmin,48px)}.lobby-round-tag{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#ff0040;margin:0;font-size:clamp(13px,1.8vmin,22px);font-weight:700}.lobby-roster{flex-wrap:wrap;justify-content:center;gap:clamp(12px,2vmin,30px);margin-top:clamp(6px,1.4vmin,18px);display:flex}.lobby-roster-player{flex-direction:column;align-items:center;gap:clamp(6px,.9vmin,12px);width:clamp(84px,12vmin,150px);animation:.54s cubic-bezier(.22,1,.36,1) both avatar-pop;display:flex}.lobby-roster-avatar{background:#ededed;border:clamp(3px,.5vmin,5px) solid #fff;border-radius:50%;width:clamp(64px,9vmin,116px);height:clamp(64px,9vmin,116px);box-shadow:0 8px 22px #00000047}.lobby-roster-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;transform:scale(1.15)}.lobby-roster-name{font-family:"Bricolage Grotesque", var(--sans);color:#222;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(14px,2vmin,26px);font-weight:700;line-height:1.15;overflow:hidden}.lobby-join-aside{z-index:3;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:clamp(6px,1vmin,12px);padding:clamp(10px,1.6vmin,20px);display:flex;position:absolute;bottom:clamp(20px,3.5vmin,56px);right:clamp(20px,3.5vmin,56px);box-shadow:0 16px 44px #0006}.lobby-qr-mini svg{width:clamp(96px,13vmin,170px)}.lobby-join-aside-label{font-family:"Bricolage Grotesque", var(--sans);color:#313131;text-align:center;margin:0;font-size:clamp(11px,1.5vmin,19px);font-weight:500;line-height:1.25}.lobby-join-aside-label strong{font-family:var(--mono);letter-spacing:.06em;color:#111;font-weight:700}.lobby-footer{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:90vw;display:flex;position:absolute;bottom:clamp(20px,4vh,48px);left:50%;transform:translate(-50%)}.lobby-footer-line{color:#f3f4f6;margin:0;font-size:20px}.sound-setup{background:#111e12;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.sound-setup-hand{z-index:1;pointer-events:none;user-select:none;object-fit:cover;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0}.sound-setup-text{z-index:2;max-width:45%;font-family:"Bricolage Grotesque", var(--sans);color:#fff;margin:0;padding-left:clamp(32px,6vw,110px);font-size:clamp(28px,7.4vmin,80px);font-weight:700;line-height:1.1;position:relative}.sound-setup-ok{color:#fff;background:#fe4620;border-radius:clamp(6px,1.4vmin,17px);padding:0 .24em;line-height:1.05;display:inline-block}.tv-loader-rgb{animation:3s linear infinite tv-rgb-cycle;display:inline-flex}@keyframes tv-rgb-cycle{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.phase-crossfade{min-height:100vh;position:relative}.phase-crossfade.is-transitioning>.phase-layer{position:absolute;inset:0}.phase-crossfade.is-transitioning>.phase-layer:not(.is-entering){will-change:opacity;animation:.26s ease-in both phase-exit}.phase-layer.is-entering{will-change:opacity;animation:.26s ease-out both phase-enter}@keyframes phase-enter{0%{opacity:0}to{opacity:1}}@keyframes phase-exit{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.phase-layer.is-entering,.phase-crossfade.is-transitioning>.phase-layer:not(.is-entering){animation:none}}.tv-label{color:var(--text);font-size:24px}.tv-code{font-family:var(--mono);letter-spacing:16px;color:var(--text-h);margin:0;font-size:120px;line-height:1}.tv-code-small{font-family:var(--mono);letter-spacing:8px;color:var(--text);font-size:32px}.tv-status{font-size:40px}.tv-hint{max-width:40ch;color:var(--text)}.tv-players{margin-top:8px}.tv-players-count{color:var(--text-h);margin:0 0 4px;font-size:24px}.tv-players-names{max-width:60ch;color:var(--text);margin:0}.tv-error{color:#e5484d}.tv-audio-gate{border:2px solid var(--text-h);border-radius:16px;max-width:44ch;margin-top:20px;padding:18px 24px;animation:2s ease-in-out infinite tv-audio-pulse}.tv-audio-gate-title{color:var(--text-h);margin:0 0 6px;font-size:26px;font-weight:700}.tv-audio-gate-hint{color:var(--text);margin:0;font-size:20px}.tv-audio-ready{color:#30a46c;margin-top:20px;font-size:22px;font-weight:600}@keyframes tv-audio-pulse{0%,to{opacity:1}50%{opacity:.55}}.host-screen form{gap:8px;display:flex}.join-screen{min-height:100vh;box-sizing:border-box;background:#000;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.join-card{z-index:2;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:300px;padding:32px 24px;display:flex;position:relative;box-shadow:0 24px 70px #00000073}.join-card h1{font-family:"Bricolage Grotesque", var(--sans);color:#222;margin:0;font-size:32px;font-weight:700}.join-card .player-room-chip{color:#313131;background:#0000000f}.join-card .player-room-chip strong{color:#111}.join-card .name-input,.join-card .code-input{color:#18181b;font-family:"Bricolage Grotesque", var(--sans);background:#fff;border:1px solid #e4e4e7;font-weight:500;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0000000a}.join-card .name-input{text-align:left}.join-card .name-input::placeholder,.join-card .code-input::placeholder{color:#a1a1aa;font-weight:500}.join-card .name-input:focus,.join-card .code-input:focus{border-color:#18181b;box-shadow:0 0 0 3px #00000026}.join-card .player-join{color:#fff;background:#111}.join-card .player-error{color:#c23b30}.player-screen h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-align:center;font-size:26px;font-weight:700}.player-join-head{flex-direction:column;align-items:center;gap:14px;margin-bottom:4px;display:flex}.player-room-chip{font-family:var(--mono);letter-spacing:2px;color:var(--text);background:#ffffff17;border-radius:999px;padding:6px 16px;font-size:14px}.player-room-chip strong{color:var(--text-h)}.player-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.name-input,.code-input{box-sizing:border-box;width:100%;color:var(--text-h);text-align:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:15px 16px;font-size:18px;transition:border-color .15s}.name-input::placeholder,.code-input::placeholder{color:var(--text)}.name-input:focus,.code-input:focus{border-color:#ffffff7a}.code-input{font-family:var(--mono);letter-spacing:8px;font-size:28px}.player-join{color:#000;width:100%;font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:#fff;border:0;border-radius:12px;padding:15px;font-size:18px;font-weight:700;transition:opacity .15s}.player-join:disabled{opacity:.32;cursor:not-allowed}.player-hint,.player-error{max-width:320px;font-size:15px}.player-hint{color:var(--text)}.player-error{color:#e5786f}.player-leave{color:var(--text);cursor:pointer;background:0 0;border:0;margin-top:8px;font-size:15px;font-weight:600}.waiting-lobby{background:#000 url(/assets/joined.webp) 50%/cover no-repeat;gap:20px}.waiting-lobby .waiting-status,.waiting-lobby .player-room-chip,.waiting-lobby .player-leave{color:#ffffffd9}.waiting-avatar-wrap{justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}.waiting-avatar-wrap:before,.waiting-avatar-wrap:after{content:"";border:2px solid #ffffff47;border-radius:50%;animation:2.6s ease-out infinite waiting-ping;position:absolute;inset:0}.waiting-avatar-wrap:after{animation-delay:1.3s}@keyframes waiting-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.waiting-avatar{border-width:3px;width:132px;height:132px;position:relative}.waiting-name{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;max-width:90vw;font-size:40px;font-weight:700;line-height:1.1;overflow:hidden}.waiting-status{color:var(--text);align-items:center;margin:0;font-size:16px;display:inline-flex}.waiting-dots{align-items:flex-end;gap:3px;margin-left:5px;padding-bottom:2px;display:inline-flex}.waiting-dots span{opacity:.25;background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite waiting-dot}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}@keyframes waiting-dot{0%,60%,to{opacity:.25}30%{opacity:1}}.host-screen button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:18px}.host-screen button:disabled{opacity:.5;cursor:not-allowed}.host-error{color:#e5484d}.playing-screen{background:#000;flex-direction:column;height:130vh;margin-top:-15vh;display:flex;position:relative;overflow:hidden}.yt-player{flex:1;min-height:0}.persistent-video-layer{z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}.persistent-video-inner{flex-direction:column;height:130vh;display:flex;position:absolute;top:-15vh;left:0;right:0}.persistent-video-inner .yt-player{flex:1;min-height:0}.receiver-screen-layer{z-index:2;position:relative}.playing-screen.is-persistent{background:0 0;height:100vh;margin-top:0}.video-preloader{pointer-events:none;opacity:0;width:320px;height:180px;position:fixed;top:0;left:-10000px}.yt-player iframe{border:0;width:100%;height:100%;display:block}.playing-blackout{opacity:0;pointer-events:none;z-index:1;background:#000;position:absolute;inset:0}.playing-blackout.is-fading{opacity:1;transition:opacity 10s linear}.playing-fade{z-index:3;background:#000;justify-content:center;align-items:center;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}.playing-loading{z-index:3;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}.playing-loading p{color:#fff;font-size:28px;font-weight:600}.song-loading{font-family:"Bricolage Grotesque", var(--sans);opacity:0;flex-direction:column;align-items:center;animation:.45s ease-out .15s both reveal-title-in;display:flex}.song-loading-steps{text-align:left;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.sls-step{color:#ffffff59;align-items:center;gap:18px;font-size:30px;font-weight:600;transition:color .35s;display:flex}.sls-step.is-done,.sls-step.is-active{color:#fff}.sls-mark{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.4em;height:1.4em;font-size:.7em;display:inline-flex}.sls-step.is-done .sls-mark{color:#000;background:#fff}.sls-step.is-active .sls-mark{animation:1s ease-in-out infinite sls-pulse}.sls-loading{background:linear-gradient(90deg,#fff9 0%,#fff 50%,#fff9 100%) 200% 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:600;animation:1.6s linear infinite sls-shimmer}@keyframes sls-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes sls-shimmer{to{background-position:-200% 0}}.playing-hud{z-index:2;color:#fff;background:linear-gradient(360deg,#000,#0000);justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.yt-attribution{z-index:3;color:#fff;font-family:var(--sans);letter-spacing:.01em;text-shadow:0 1px 2px #00000080;pointer-events:none;background:#0000006b;border-radius:999px;align-items:center;gap:8px;margin:20px;padding:7px 13px 7px 11px;font-size:14px;font-weight:600;display:flex;position:fixed;top:0;right:0}html[data-native-host] .yt-attribution{transform-origin:100% 0;transform:scale(.7)}.yt-attribution svg{display:block}.playing-clock{font-family:"Bricolage Grotesque", var(--sans);font-variant-numeric:tabular-nums;min-width:6ch;font-size:24px;font-weight:700}.playing-hint{color:#9ca3af}.playing-avatars{gap:6px;display:flex}.avatar{background:#ededed;border:2px solid #fff;border-radius:50%;width:64px;height:64px;position:relative;box-shadow:0 4px 12px #00000059}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;transform:scale(1.15)}.avatar-done:after{content:"✓";color:#fff;box-sizing:content-box;background:#22c55e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:-3px;right:-3px}.reveal-screen{background:#000 url(/assets/timesup.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:24px;display:flex}.reveal-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);opacity:0;font-size:40px;font-weight:700;animation:.45s ease-out both reveal-title-in}html[data-native-host] .reveal-title{display:none}@media (prefers-reduced-motion:reduce){.reveal-title{opacity:1;animation:none}}@keyframes reveal-title-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reveal-answers{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:16px;width:100%;max-width:620px;display:grid}.reveal-field{opacity:0;background:#0000008c;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px 18px 24px;animation:.5s ease-out forwards cascade-in;display:flex}.reveal-field-label{text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:12px}.reveal-field-value{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-align:center;font-size:24px;font-weight:700}.reveal-solvers{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:40px;margin-top:2px;display:flex}.reveal-solver{width:40px;height:40px}.reveal-solver.is-fastest{border-color:#fff;box-shadow:0 0 0 2px #fff,0 4px 14px #ffffff4d}.reveal-solver.is-fastest:after{content:attr(data-fastest-label);color:#000;font-family:"Bricolage Grotesque", var(--sans);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;background:#f59e0b;border-radius:4px;margin-top:4px;padding:1px 6px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:105%;left:50%;transform:translate(-50%)}.reveal-nobody{color:var(--text);opacity:.7;font-size:13px}.countdown-clock{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;top:28px;right:28px}html[data-native-host] .countdown-clock{top:11px;right:16px}.countdown-clock-ring{position:absolute;inset:0;transform:rotate(-90deg)}.countdown-clock-track{fill:#0000008c;stroke:#ffffff24;stroke-width:2px}.countdown-clock-progress{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.countdown-clock-num{font-family:"Bricolage Grotesque", var(--sans);font-variant-numeric:tabular-nums;color:var(--text-h);font-size:20px;font-weight:700;position:relative}@keyframes cascade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.song-loading,.leaderboard-title,.leaderboard-row,.winner-callout,.q-screen,.rr-points,.rr-headline,.rr-tile,.reveal-field,.lobby-avatar-inner,.waiting-avatar,.treasure-tag,.treasure-question,.treasure-option,.podium-slot,.podium-medal,.podium-base,.podium-slot.is-rank-1 .podium-avatar{opacity:1;animation:none}}.leaderboard-screen{background:#000 url(/assets/final.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:24px;display:flex}.leaderboard-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);opacity:0;font-size:28px;font-weight:700;animation:.45s ease-out both reveal-title-in}.leaderboard-list{gap:clamp(4px, calc(10px - (var(--count,5) - 5) * .85px), 10px);flex-direction:column;width:100%;max-width:56ch;display:flex}.leaderboard-row{grid-template-columns:2.5ch clamp(22px, calc(44px - (var(--count,5) - 5) * 3.2px), 44px) 1fr auto auto;align-items:center;gap:clamp(7px, calc(16px - (var(--count,5) - 5) * 1.2px), 16px);padding:clamp(6px, calc(14px - (var(--count,5) - 5) * 1.6px), 14px) clamp(10px, calc(22px - (var(--count,5) - 5) * 2px), 22px);font-size:clamp(14px, calc(24px - (var(--count,5) - 5) * 1.6px), 24px);opacity:0;animation:.4s ease-out forwards fade-in;animation-delay:calc(var(--row-i,0) * 80ms + .2s);background:#000000c7;border:1px solid #ffffff24;border-radius:12px;transition:background .4s;display:grid}.leaderboard-row.is-leader{color:var(--text-h);background:#f5c5184d;border-color:#f5c5188c}.lb-rank{font-family:var(--mono);color:var(--text);text-align:right;text-shadow:0 1px 4px #0009}.leaderboard-row.is-leader .lb-rank{color:#e6b400}.lb-avatar{width:clamp(22px, calc(44px - (var(--count,5) - 5) * 3.2px), 44px);height:clamp(22px, calc(44px - (var(--count,5) - 5) * 3.2px), 44px)}.lb-name{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lb-time{font-family:var(--mono);color:var(--text);justify-self:end;align-items:center;gap:6px;font-size:15px;display:inline-flex}.lb-time.is-fastest{color:#f59e0b}.lb-fastest-badge{color:#000;font-family:"Bricolage Grotesque", var(--sans);text-transform:uppercase;letter-spacing:.03em;background:#f59e0b;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.lb-move{min-width:3.2ch;font-family:var(--mono);border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:3px;padding:4px 10px;font-size:15px;font-weight:600;transition:opacity .35s;display:inline-flex}.lb-move.up{color:#4cc38a;background:#1c3a2a}.lb-move.down{color:#e5786f;background:#3a2020}.lb-move.same{color:var(--text);background:0 0}.lb-move.pending{opacity:0}.lb-gained{font-family:var(--mono);color:var(--text);font-size:18px}.lb-gained.is-ticking{color:#4cc38a;animation:.5s ease-in-out infinite alternate lb-pulse}@keyframes lb-pulse{0%{opacity:.55}to{opacity:1}}.lb-total{font-family:"Bricolage Grotesque", var(--sans);font-variant-numeric:tabular-nums;color:var(--text-h);text-align:right;min-width:3ch;font-weight:700}.final-screen .leaderboard-title{letter-spacing:-.02em;text-shadow:0 2px 16px #00000080;font-size:clamp(28px,3.5vw,48px)}.final-screen{justify-content:center;align-items:center;gap:clamp(16px, calc(4vh - (var(--count,5) - 5) * .3vh), 4vh);background:#000 url(/assets/final.webp) 50%/cover no-repeat;flex-direction:column;min-height:100vh;padding:clamp(10px,2.5vh,32px);display:flex;position:relative;overflow:hidden}.podium{justify-content:center;align-items:flex-end;gap:clamp(16px, calc(3vw - (var(--count,5) - 5) * .2vw), 3vw);z-index:1;display:flex}.podium-slot{width:clamp(100px, calc(12vw - (var(--count,5) - 5) * .5vw), 220px);opacity:0;flex-direction:column;align-items:center;gap:clamp(6px,.8vh,12px);animation:.7s cubic-bezier(.16,1,.3,1) both podium-rise;display:flex}@keyframes podium-rise{0%{opacity:0;transform:translateY(60px)scale(.7)}60%{opacity:1;transform:translateY(-8px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.podium-medal{width:clamp(22px, calc(2.2vw - (var(--count,5) - 5) * .08vw), 38px);height:clamp(22px, calc(2.2vw - (var(--count,5) - 5) * .08vw), 38px);font-family:"Bricolage Grotesque", var(--sans);color:#1a1a1f;opacity:0;background:linear-gradient(135deg,#fde68a,#f5c518,#eab308);border-radius:50%;justify-content:center;align-items:center;font-size:clamp(13px,1vw,18px);font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) both medal-pop;display:flex;box-shadow:0 2px 12px #f5c51880,inset 0 1px #fff6}@keyframes medal-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{opacity:1;transform:scale(1.3)rotate(5deg)}to{transform:scale(1)rotate(0)}}.podium-slot.is-rank-2 .podium-medal{background:linear-gradient(135deg,#e8ecf0,#c7ccd1,#9ca3af);box-shadow:0 2px 12px #c7ccd166,inset 0 1px #ffffff80}.podium-slot.is-rank-3 .podium-medal{background:linear-gradient(135deg,#f0b88a,#d9895c,#c2703e);box-shadow:0 2px 12px #d9895c66,inset 0 1px #ffffff4d}.podium-avatar{width:clamp(56px, calc(8vw - (var(--count,5) - 5) * .3vw), 110px);height:clamp(56px, calc(8vw - (var(--count,5) - 5) * .3vw), 110px);border-width:3px;margin-bottom:12px;box-shadow:0 0 0 3px #c7ccd1,0 8px 24px #c7ccd159}.podium-slot.is-rank-1 .podium-avatar{width:clamp(70px, calc(10vw - (var(--count,5) - 5) * .4vw), 140px);height:clamp(70px, calc(10vw - (var(--count,5) - 5) * .4vw), 140px);animation:2.4s ease-in-out 1.3s infinite gold-pulse;box-shadow:0 0 0 4px #f5c518,0 0 20px #f5c51866,0 0 50px #f5c51826}@keyframes gold-pulse{0%,to{box-shadow:0 0 0 4px #f5c518,0 0 20px #f5c51866,0 0 50px #f5c51826}50%{box-shadow:0 0 0 5px #f5c518,0 0 30px #f5c5188c,0 0 70px #f5c51840}}.podium-slot.is-rank-3 .podium-avatar{box-shadow:0 0 0 3px #d9895c,0 8px 24px #d9895c59}.podium-name{font-family:"Bricolage Grotesque", var(--sans);font-weight:700;font-size:clamp(14px, calc(1.4vw - (var(--count,5) - 5) * .05vw), 24px);color:var(--text-h);text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px #00000080;max-width:100%;overflow:hidden}.podium-slot.is-rank-1 .podium-name{font-size:clamp(18px, calc(1.8vw - (var(--count,5) - 5) * .06vw), 32px)}.podium-score{font-family:var(--mono);font-weight:700;font-size:clamp(13px, calc(1.2vw - (var(--count,5) - 5) * .03vw), 22px);color:#ffffffe6;text-shadow:0 1px 6px #0006}.podium-base{-webkit-backdrop-filter:blur(12px);width:100%;height:clamp(50px, calc(9vh - (var(--count,5) - 5) * .3vh), 100px);transform-origin:bottom;background:linear-gradient(#ffffff1a 0%,#ffffff08 40%,#00000080 100%);border:1px solid #ffffff2e;border-bottom:none;border-radius:12px 12px 0 0;margin-top:6px;animation:.6s cubic-bezier(.16,1,.3,1) both base-grow;position:relative;overflow:hidden}@keyframes base-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.podium-slot.is-rank-1 .podium-base{height:clamp(70px, calc(14vh - (var(--count,5) - 5) * .5vh), 150px);background:linear-gradient(#f5c51866 0%,#f5c51826 50%,#00000073 100%);border-color:#f5c51880;box-shadow:inset 0 1px #f5c51866,0 0 40px #f5c51826,0 -10px 30px #f5c51814}.podium-slot.is-rank-2 .podium-base{background:linear-gradient(#c7ccd126 0%,#ffffff08 40%,#00000080 100%);border-color:#c7ccd140}.podium-slot.is-rank-3 .podium-base{height:clamp(36px, calc(6vh - (var(--count,5) - 5) * .2vh), 70px);background:linear-gradient(#d9895c1f 0%,#ffffff08 40%,#00000080 100%);border-color:#d9895c33}.podium-slot.is-rank-1 .podium-base:after{font-size:clamp(56px,10vh,100px)}.podium-slot.is-rank-2 .podium-base:after{font-size:clamp(30px,6vh,80px)}.podium-slot.is-rank-3 .podium-base:after{font-size:clamp(30px,4vh,80px)}.podium-base:after{font-family:"Bricolage Grotesque", var(--sans);color:#ffffff14;justify-content:center;align-items:center;font-size:clamp(40px,8vh,100px);font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.podium-slot.is-rank-1 .podium-base:after{content:"1";color:#f5c51826}.podium-slot.is-rank-2 .podium-base:after{content:"2";color:#c7ccd11f}.podium-slot.is-rank-3 .podium-base:after{content:"3";color:#d9895c1f}.final-solo{gap:clamp(24px,5vh,48px)}.final-solo .podium-slot{width:clamp(160px,20vw,300px)}.final-solo .podium-avatar{width:clamp(100px,14vw,180px);height:clamp(100px,14vw,180px)}.final-solo .podium-name{font-size:clamp(22px,2.5vw,40px)}.final-solo .podium-score{font-size:clamp(18px,2vw,32px)}.final-duo{gap:clamp(12px,2vh,24px)}.final-duo .podium-base{display:none}.final-duo>.podium-slot.is-rank-2{width:clamp(80px,10vw,160px)}.final-duo>.podium-slot.is-rank-2 .podium-avatar{width:clamp(48px,7vw,90px);height:clamp(48px,7vw,90px)}.final-list{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:820px;display:grid}.final-list .leaderboard-row:last-child:nth-child(odd){grid-column:1/-1}.final-list .leaderboard-row{grid-template-columns:2.5ch clamp(22px, calc(44px - (var(--count,5) - 5) * 3.2px), 44px) 1fr auto;-webkit-backdrop-filter:blur(16px);animation-name:final-row-in;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;animation-delay:calc(var(--row-i,0) * 80ms + 1.4s);background:#0000008c;border:1px solid #ffffff1f}@keyframes final-row-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.gameover-tv{background:#000 url(/assets/final.webp) 50%/cover no-repeat}.gameover-player{background:#000 url(/assets/leaderboard-player.webp) 50%/cover no-repeat}.gameover-card{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:12px;animation:.6s ease-out both cascade-in;display:flex}.gameover-heading{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:52px;font-weight:700;line-height:1.05}.gameover-player .gameover-heading{font-size:32px}.gameover-thanks{font-family:"Bricolage Grotesque", var(--sans);color:#ffffffe6;text-shadow:0 1px 8px #000000d9;margin:0;font-size:24px}.gameover-player .gameover-thanks{font-size:18px}.gameover-hint{color:var(--text);max-width:36ch;margin:0;font-size:16px}.gameover-tv .gameover-hint{font-size:20px}.gameover-leave{color:var(--text);font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;margin-top:24px;padding:10px 28px;font-size:15px;font-weight:600;transition:border-color .2s,color .2s}.gameover-leave:hover{color:var(--text-h);border-color:#ffffff80}.treasure-screen{text-align:center;background:#000 url(/assets/treasure-bg.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px 24px;display:flex}.treasure-tag{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--text-h);opacity:0;margin:0;font-size:18px;font-weight:700;animation:.45s ease-out both reveal-title-in}.treasure-question{font-family:"Bricolage Grotesque", var(--sans);max-width:32ch;color:var(--text-h);opacity:0;margin:0;font-size:28px;font-weight:700;line-height:1.25;animation:.45s ease-out .15s both reveal-title-in}.treasure-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:620px;display:grid}.treasure-option{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-align:left;opacity:0;animation:.5s ease-out forwards cascade-in;animation-delay:calc(var(--row-i,0) * .1s + .35s);background:#0000008c;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:14px;padding:18px 22px;font-size:22px;font-weight:500;transition:background .4s,border-color .4s;display:flex}.treasure-option.is-correct{color:var(--text-h);background:#4cc38a47;border-color:#4cc38ab3;font-weight:700}.treasure-letter{width:40px;height:40px;color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background .4s,color .4s;display:flex}.treasure-option.is-correct .treasure-letter{color:#0a1f14;background:#4cc38a}.treasure-option-label{min-width:0}.treasure-hint{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);margin:0;font-size:18px}.treasure-story-overlay{flex-direction:column;align-items:center;gap:20px;max-width:720px;display:flex}.treasure-story{font-family:"Bricolage Grotesque", var(--sans);max-width:26ch;color:var(--text-h);text-align:center;opacity:0;margin:0;font-size:32px;font-weight:700;line-height:1.4;animation:.45s ease-out .15s both reveal-title-in}.treasure-winners{opacity:0;flex-wrap:wrap;justify-content:center;gap:10px;max-width:620px;animation:.4s ease-out .25s both fade-in;display:flex}.treasure-winner-avatar{border-color:#4cc38a}.treasure-winner-badge{min-width:28px;height:20px;font-family:var(--mono);color:#fff;background:#4cc38a;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #0006}.treasure-winner{border:2px solid #0000;border-radius:999px;align-items:center;height:64px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.treasure-nobody{color:var(--text);background:#0000008c;border-color:#ffffff24}.treasure-card{text-align:left;background:#000 url(/assets/treasure-bg.webp) 50%/cover no-repeat;justify-content:flex-start;gap:16px;padding:24px 20px 20px}.treasure-card-head{align-items:center;gap:14px;display:flex}.treasure-card-tag{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--text-h);margin:0;font-size:13px;font-weight:700}.treasure-card-question{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:4px 0 8px;font-size:18px;font-weight:700;line-height:1.3}.treasure-card-options{flex-flow:wrap;flex-grow:1;gap:8px;display:flex}.treasure-card-option{color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);text-align:left;cursor:pointer;background:#0000008c;border:1px solid #ffffff24;border-radius:12px;flex:1 0 50%;align-items:center;gap:14px;padding:14px 16px;font-size:16px;font-weight:500;transition:background .18s,border-color .18s,transform .12s;display:flex}.treasure-card-option.is-selected{color:var(--text-h);background:#4cc38a38;border-color:#4cc38aa6}.treasure-card-option:active{transform:scale(.99)}.treasure-card-option-label{min-width:0}.treasure-card-actions{gap:12px;width:100%;margin-top:auto;padding-top:4px;display:flex}.treasure-card-actions .skip-button,.treasure-card-actions .lock-button{width:100%;font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;border-radius:999px;padding:14px;font-size:18px;font-weight:700;transition:opacity .15s}.treasure-card-actions .skip-button{color:var(--text);background:#ffffff14;border:1px solid #ffffff40}.treasure-card-actions .lock-button{color:#000;background:#fff;border:none}.treasure-card-actions .lock-button:disabled{opacity:.4;cursor:not-allowed}.treasure-card-done{text-align:center;justify-content:center;align-items:center;gap:20px}.treasure-card-status{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:32px;font-weight:700}.treasure-card-look{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);margin:0;font-size:18px}html[data-native-host] .treasure-screen{gap:20px;padding:32px 24px}html[data-native-host] .treasure-question{font-size:34px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.song-card{min-height:100vh;background:#000 url(/assets/answer.webp) 50%/cover no-repeat;flex-direction:column;min-height:100svh;padding:16px 18px 14px;display:flex}.sc-header{align-items:center;gap:12px;display:flex}.sc-avatar{flex:none;width:40px;height:40px}.sc-team{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-size:22px;font-weight:700}.sc-song{letter-spacing:1px;color:var(--text);margin-left:auto;font-size:14px;font-weight:600}.sc-divider{background:#ffffff1f;height:1px;margin:10px 0 12px}.sc-count{letter-spacing:.5px;color:var(--text-h);margin:10px 0 0;font-size:14px;font-weight:700}.sc-fields{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;margin:10px 0;display:grid}.sc-cueing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 8px;display:flex}.sc-cueing-spinner{width:40px;height:40px;animation:.8s steps(8,end) infinite sc-spin;position:relative}.sc-cueing-blade{transform-origin:50% 20px;background:#ffffffd9;border-radius:2px;width:4px;height:12px;margin-left:-2px;position:absolute;top:0;left:50%}.sc-cueing-blade:first-child{opacity:1;transform:rotate(0)}.sc-cueing-blade:nth-child(2){opacity:.85;transform:rotate(45deg)}.sc-cueing-blade:nth-child(3){opacity:.7;transform:rotate(90deg)}.sc-cueing-blade:nth-child(4){opacity:.55;transform:rotate(135deg)}.sc-cueing-blade:nth-child(5){opacity:.4;transform:rotate(180deg)}.sc-cueing-blade:nth-child(6){opacity:.3;transform:rotate(225deg)}.sc-cueing-blade:nth-child(7){opacity:.2;transform:rotate(270deg)}.sc-cueing-blade:nth-child(8){opacity:.15;transform:rotate(315deg)}@keyframes sc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sc-cueing-spinner{animation:none}}.sc-cueing-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:28px;font-weight:700}.sc-cueing-sub{color:var(--text);max-width:300px;margin:0;font-size:16px;line-height:1.4}.sc-field{aspect-ratio:4/5;text-align:center;background:#0d0d0f;border:1.5px solid #ffffff29;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 14px;display:flex;position:relative}.sc-field-label{text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:13px;font-weight:700}.sc-field-icon{color:color-mix(in srgb, var(--text-h) 55%, transparent)}.sc-field-value{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:19px;font-weight:800;overflow:hidden}.sc-field-meta{color:#4cc38a;font-size:13px;font-weight:600}.sc-field.is-locked{background:#12241a;border-color:#4cc38a47}.sc-field.is-locked .sc-field-value{color:#eafff3}.sc-field.is-skipped .sc-field-value{color:var(--text);font-weight:600}.sc-field.is-open{cursor:pointer;border-color:#ffffff38}.sc-link{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:700}.sc-field-corner{font-size:13px;position:absolute;bottom:10px;right:12px}.done-button{color:#000;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.3px;cursor:pointer;background:#fff;border:0;border-radius:14px;padding:17px;font-size:18px;font-weight:700}.done-button:disabled{color:#ffffff73;cursor:not-allowed;background:#1a1a1f}.q-screen{min-height:100vh;min-height:100svh;min-height:100dvh;max-height:100svh;background:#000 url(/assets/tab-questions.webp) 50%/cover no-repeat;flex-direction:column;max-height:100dvh;padding:0 18px 20px;animation:.28s cubic-bezier(.2,.8,.2,1) q-enter;display:flex}@keyframes q-enter{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.q-topbar{grid-template-columns:1fr 1fr;align-items:center;padding:14px 0 4px;display:grid}.q-step{letter-spacing:1px;color:var(--text);font-size:12px;font-weight:700}.q-song{letter-spacing:1px;color:var(--text);text-align:right;font-size:12px;font-weight:700}.q-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:12px 0 0;font-size:30px;font-weight:700}.q-help{color:var(--text);margin:6px 0 16px;font-size:16px}.q-type{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.q-input{width:100%;color:var(--text-h);background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:14px;outline:none;padding:15px 18px;font-size:19px}.q-input:focus{border-color:#ffffff73}.q-options{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.q-empty{text-align:center;color:var(--text);margin:20px 0 0;font-size:15px}.q-choices{flex-direction:column;flex:1;gap:12px;min-height:0;padding-top:4px;display:flex}.q-choice{color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);text-align:left;cursor:pointer;background:#0d0d0f;border:1.5px solid #ffffff1f;border-radius:16px;flex:1;align-items:center;gap:14px;padding:14px 18px;font-size:19px;font-weight:600;transition:border-color .12s,background .12s,transform .14s ease-out;display:flex}.q-choice:active{transform:scale(.98)}.q-choice.is-selected{background:#12241a;border-color:#4cc38a8c}.q-choice-letter{width:34px;height:34px;color:var(--text);background:#ffffff1a;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.q-choice.is-selected .q-choice-letter{color:#06150e;background:#4cc38a}.q-choice-label{overflow-wrap:anywhere;min-width:0}.q-option{color:var(--text-h);text-align:left;cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-size:19px;font-weight:600;display:flex}.q-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.q-option.is-selected{background:#ffffff1f;border-color:#ffffff8c}.q-option-tag{color:var(--text-h);flex:none;font-size:15px;font-weight:700}.q-note{color:#ffffffe6;text-shadow:0 1px 6px #000c;text-align:center;margin:14px 0 0;font-size:14px}.q-footer{flex-direction:column;align-items:center;gap:14px;margin-top:auto;padding-top:16px;display:flex}.q-lock{color:#000;width:100%;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.3px;cursor:pointer;background:#fff;border:0;border-radius:14px;padding:18px;font-size:18px;font-weight:700}.q-lock:disabled{color:#ffffff73;cursor:not-allowed;background:#1a1a1f}.q-lock-value{text-transform:none}.q-skip-link{color:#ffffffd9;text-shadow:0 1px 6px #000c;cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:700}.year-wheel{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-snap-type:y proximity;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:0;margin:0;padding:40% 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 32% 68%,#0000);mask-image:linear-gradient(#0000,#000 32% 68%,#0000)}.year-wheel-item{scroll-snap-align:center;color:#ffffff9e;text-shadow:0 1px 8px #000000d9;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:8px 28px;font-size:40px;font-weight:700;transition:transform .15s,color .15s;transform:scale(.65)}.year-wheel-item.is-selected{color:#4cc38a;background:#12241a;font-weight:800;transform:scale(1)}.player-reveal-points{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-size:34px;font-weight:700}.player-standing-rank{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:28px;font-weight:700}.reveal-result{background:#000 url(/assets/answer.webp) 50%/cover no-repeat;gap:18px}.rr-look{color:var(--text);margin:0;font-size:15px}.rr-hero{flex-direction:column;align-items:center;gap:2px;display:flex}.rr-points{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-variant-numeric:tabular-nums;font-size:88px;font-weight:700;line-height:1;animation:.45s cubic-bezier(.2,1.3,.4,1) both rr-pop}@keyframes rr-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rr-points-label{color:var(--text);font-size:15px}.rr-headline{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);opacity:0;margin:0;font-size:26px;font-weight:700;animation:.5s ease-out .2s forwards cascade-in}.rr-tiles{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:320px;margin-top:6px;display:grid}.rr-tile{opacity:0;background:#0d0d0f;border:1.5px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;animation:.4s ease-out forwards cascade-in;display:flex}.rr-tile.is-correct{background:#12241a;border-color:#4cc38a4d}.rr-tile.is-wrong{background:#241214;border-color:#e5484d4d}.rr-tile-icon{width:40px;height:40px;color:var(--text);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;line-height:1;display:flex}.rr-tile.is-correct .rr-tile-icon{color:#4cc38a;background:#1c3a2a}.rr-tile.is-wrong .rr-tile-icon{color:#e5786f;background:#e5484d29}.rr-tile.is-skipped .rr-tile-icon{color:color-mix(in srgb, var(--text) 55%, transparent)}.rr-tile-label{text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:12px;font-weight:700}.pl-screen{max-height:100vh;max-height:100svh;background:#000 url(/assets/leaderboard-player.webp) 50%/cover no-repeat;justify-content:flex-start;gap:18px;max-height:100dvh;padding-top:40px;overflow:hidden}.pl-headline{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:32px;font-weight:700}.pl-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;width:100%;max-width:360px;min-height:0;padding-bottom:24px;display:flex;overflow-y:auto}.pl-row{opacity:0;background:#0000008c;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:2ch 36px 1fr auto;align-items:center;gap:12px;padding:10px 16px;animation:.4s ease-out forwards cascade-in;display:grid}.pl-row.is-leader{background:#f5c51838;border-color:#f5c51866}.pl-row.is-you{background:#ffffff1f;border-color:#ffffff8c}.pl-row.is-you.is-leader{background:#f5c5184d;border-color:#f5c51899}.pl-rank{font-family:var(--mono);color:var(--text);text-align:right}.pl-row.is-leader .pl-rank{color:#b8860b}.pl-avatar{width:36px;height:36px}.pl-name{min-width:0;font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex;overflow:hidden}.pl-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pl-you-tag{font-family:var(--sans);letter-spacing:.5px;text-transform:uppercase;color:var(--text);background:#ffffff1f;border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.pl-total{font-family:"Bricolage Grotesque", var(--sans);font-variant-numeric:tabular-nums;color:var(--text-h);text-align:right;min-width:4ch;font-size:19px;font-weight:700}.pf-hero{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex}.pf-avatar-wrap{margin-top:14px;display:flex;position:relative}.pf-avatar{border-width:3px;width:104px;height:104px;box-shadow:0 0 0 3px #f5c518,0 8px 26px #f5c51866}.yt-player iframe{width:100%!important;height:130vh!important}.admin-library{min-height:100vh;background:#000;justify-content:center;min-height:100svh;padding:48px 20px 80px;display:flex}.admin-library-inner{flex-direction:column;align-items:center;width:100%;max-width:540px;display:flex}.admin-library-topbar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.admin-library-back{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.admin-library-back:hover{color:var(--text-h)}.admin-signout{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:600}.admin-signout:hover{color:var(--text-h)}.admin-loading{min-height:100vh;min-height:100svh;font-family:"Bricolage Grotesque", var(--sans);color:var(--text);background:#000;justify-content:center;align-items:center;display:flex}.admin-login{min-height:100vh;background:#000;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.admin-login-card{flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.admin-login-card h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-align:center;margin:0;font-size:32px;font-weight:700}.admin-login-card .admin-library-sub{margin:8px 0 28px}.admin-library h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);text-align:center;margin:0 0 14px;font-size:32px;font-weight:700}.admin-library-chip{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--text);background:#ffffff17;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:13px}.admin-library-sub{color:var(--text);text-align:center;margin:14px 0 28px;font-size:15px}.admin-library-form{flex-direction:column;gap:16px;width:100%;display:flex}.admin-library-section{background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:14px;margin:0;padding:18px;display:flex}.admin-library-section-title{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--text);padding:0 2px;font-size:13px;font-weight:700}.admin-library-section-hint{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);margin:-6px 0 4px;font-size:13px;font-weight:500}.admin-library-section--answers{background:#4a8ae00a;border-color:#4a8ae04d}.admin-library-row{gap:12px;display:flex}.admin-library-row label{flex:1}.admin-library-row--3col label{flex:1;min-width:0}.admin-library-form label{flex-direction:column;gap:8px;display:flex}.admin-library-label{text-transform:uppercase;letter-spacing:1px;color:var(--text);font-size:12px;font-weight:700}.admin-library-form input,.admin-library-form select{box-sizing:border-box;width:100%;font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:12px;outline:none;padding:12px 14px;font-size:16px;font-weight:500;transition:border-color .15s}.admin-library-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.admin-library-form select:disabled{opacity:.4;cursor:not-allowed}.admin-library-form input::placeholder{color:var(--text)}.admin-library-form input:focus,.admin-library-form select:focus{border-color:#ffffff73}.admin-library-ai{background:#9b87f514;border:1px solid #9b87f559;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;display:flex}.admin-library-ai-btn{color:#fff;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.2px;cursor:pointer;background:#9b87f5;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700}.admin-library-ai-btn:disabled{color:#ffffff73;cursor:not-allowed;background:#1a1a1f}.admin-library-ai-hint{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);max-width:60ch;font-size:13px;font-weight:500}.admin-library-ai-notes{color:#f5c065;max-width:60ch;margin:0;font-size:13px}.admin-library-ai-field{color:#b8a5f8;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.4px;cursor:pointer;vertical-align:middle;background:#9b87f526;border:1px solid #9b87f580;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.admin-library-ai-field:hover:not(:disabled){background:#9b87f54d;border-color:#9b87f5b3}.admin-library-ai-field:disabled{opacity:.35;cursor:not-allowed}.admin-library-answers{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding-top:10px;display:flex}.admin-library-answers:first-of-type{border-top:none;padding-top:0}.admin-library-answers-hint{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);margin:-4px 0 2px;font-size:12px;font-weight:500}.admin-library-answers-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.admin-library-answer{flex-direction:column;gap:6px;display:flex}.admin-library-answer--correct{pointer-events:none}.admin-library-answer--correct .admin-library-answer-value{color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);background:#4cc38a14;border:1.5px solid #4cc38a66;border-radius:12px;min-height:20px;padding:12px 14px;font-size:16px;font-weight:500}.admin-library-answer-badge{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.8px;text-transform:uppercase;color:#4cc38a;font-size:10px;font-weight:700}.admin-library-answer-badge--wrong{color:var(--text)}.admin-library-answer input{border-radius:10px!important;padding:10px 12px!important;font-size:14px!important}.admin-library-modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-library-modal{text-align:center;width:90%;max-width:360px;font-family:"Bricolage Grotesque", var(--sans);background:#1a1a1f;border:1px solid #9b87f559;border-radius:16px;padding:24px 28px}.admin-library-modal p{color:#fff;margin:0;font-size:15px;font-weight:600}.admin-library-modal-genre{color:#b8a5f8;background:#9b87f526;border:1px solid #9b87f566;border-radius:8px;margin:12px 0;padding:6px 16px;font-size:16px;font-weight:700;display:inline-block}.admin-library-modal-sub{color:var(--text)!important;margin-bottom:16px!important;font-size:13px!important;font-weight:500!important}.admin-library-modal-actions{justify-content:center;gap:10px;display:flex}.admin-library-modal-actions button{color:#fff;font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.admin-library-modal-accept{background:#9b87f5!important;border-color:#9b87f5!important}.admin-library-bonus{background:#4cc38a0f;border:1px solid #4cc38a59;border-radius:16px;flex-direction:column;gap:14px;margin:0;padding:18px;display:flex}.admin-library-bonus>legend{flex-direction:column;gap:4px;margin-inline-start:-6px;padding:0 6px;display:flex}.admin-library-bonus-tag{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-h);font-size:13px;font-weight:700}.admin-library-bonus-hint{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);text-transform:none;letter-spacing:0;max-width:60ch;font-size:13px;font-weight:500}.admin-library-bonus textarea{box-sizing:border-box;width:100%;font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);resize:vertical;background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:12px;outline:none;min-height:60px;padding:12px 14px;font-size:16px;font-weight:500;transition:border-color .15s}.admin-library-bonus textarea:focus{border-color:#ffffff73}.admin-library-bonus textarea::placeholder{color:var(--text)}.admin-library-bonus-options{flex-direction:column;gap:8px;display:flex}.admin-library-bonus-option{grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:4px;display:grid}.admin-library-bonus-option input[type=radio]{accent-color:#4cc38a;cursor:pointer;width:20px;height:20px;margin:0}.admin-library-bonus-letter{width:26px;height:26px;color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.admin-library-bonus-option input[type=radio]:checked~.admin-library-bonus-letter{color:#0a1f14;background:#4cc38a}.admin-library-bonus-option:has(input[type=radio]:checked) .admin-library-bonus-letter{color:#0a1f14;background:#4cc38a}.admin-library-submit{color:#000;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.3px;cursor:pointer;background:#fff;border:0;border-radius:14px;margin-top:4px;padding:16px;font-size:17px;font-weight:700}.admin-library-submit:disabled{color:#ffffff73;cursor:not-allowed;background:#1a1a1f}.admin-library-delete{color:#e5484d;font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.3px;cursor:pointer;background:0 0;border:1px solid #e5484d66;border-radius:14px;margin-top:4px;padding:14px;font-size:15px;font-weight:700}.admin-library-delete:hover:not(:disabled){background:#e5484d1f}.admin-library-delete:disabled{opacity:.5;cursor:not-allowed}.admin-library-delete-confirm{text-align:center;color:#ffffffd9;background:#e5484d14;border:1px solid #e5484d66;border-radius:14px;flex-direction:column;gap:12px;margin-top:4px;padding:16px;font-size:15px;display:flex}.admin-library-delete-actions{gap:12px;display:flex}.admin-library-delete-cancel,.admin-library-delete-confirm-btn{font-family:"Bricolage Grotesque", var(--sans);letter-spacing:.3px;cursor:pointer;border-radius:12px;flex:1;padding:13px;font-size:16px;font-weight:700}.admin-library-delete-cancel{color:#fff;background:0 0;border:1px solid #fff3}.admin-library-delete-confirm-btn{color:#fff;background:#e5484d;border:0}.admin-library-delete-cancel:disabled,.admin-library-delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.admin-library-error{color:#e5484d;text-align:center;margin:4px 0 0;font-size:15px}.admin-library-recent{width:100%;margin-top:40px}.admin-library-recent h2{font-family:"Bricolage Grotesque", var(--sans);text-transform:uppercase;letter-spacing:1px;color:var(--text);margin:0 0 12px;font-size:13px;font-weight:700}.admin-library-recent ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-library-recent li{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.admin-library-recent-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-size:16px;font-weight:700}.admin-library-recent-meta{color:var(--text);font-size:13px}.admin-dashboard{min-height:100vh;background:#000;min-height:100svh}.admin-dashboard-inner{width:100%;max-width:900px;margin:0 auto;padding:48px 24px 56px}.admin-dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.admin-dashboard-header h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0;font-size:36px;font-weight:700}.admin-dashboard-error{font-family:"Bricolage Grotesque", var(--sans);color:#e5786f;margin:0 0 20px}.admin-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.admin-dashboard-card{background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;display:flex;box-shadow:0 24px 70px #00000073}.admin-dashboard-card-label{font-family:"Bricolage Grotesque", var(--sans);color:#6b6b6b;text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.admin-dashboard-card-stats{align-items:baseline;gap:32px;display:flex}.admin-dashboard-stat{flex-direction:column;gap:4px;display:flex}.admin-dashboard-stat-value{font-family:"Bricolage Grotesque", var(--sans);color:#161616;font-size:44px;font-weight:700;line-height:1}.admin-dashboard-stat-value-gold{color:#b8860b}.admin-dashboard-stat-label{font-family:"Bricolage Grotesque", var(--sans);color:#6b6b6b;font-size:13px;font-weight:600}.admin-dashboard-pill{font-family:"Bricolage Grotesque", var(--sans);color:#8a6300;background:#f5c51838;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.admin-dashboard-card-cta{text-align:center;color:#fff;font-family:"Bricolage Grotesque", var(--sans);background:#161616;border-radius:12px;align-self:stretch;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s}.admin-dashboard-card-cta:hover{opacity:.85}.admin-songs-dashboard-back{margin-bottom:8px;display:block}.admin-songs{min-height:100vh;background:#000;min-height:100svh}.admin-songs-inner{width:100%;padding:0 32px 40px}.admin-songs-toolbar{padding:48px 0 0}.admin-songs-toolbar-fixed{z-index:50;pointer-events:none;background:#000;border-bottom:1px solid #ffffff14;padding:20px 32px;transition:transform .22s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.admin-songs-toolbar-fixed.is-visible{pointer-events:auto;transform:translateY(0)}.admin-songs-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.admin-songs-header-actions{flex:none;align-items:center;gap:20px;display:flex}.admin-songs-header h1{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);margin:0 0 6px;font-size:32px;font-weight:700}.admin-songs-sub{color:var(--text);margin:0;font-size:14px}.admin-songs-search{width:220px;color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);background:#ffffff0d;border:1.5px solid #ffffff29;border-radius:10px;outline:none;padding:10px 16px;font-size:14px;transition:border-color .12s}.admin-songs-search::placeholder{color:color-mix(in srgb, var(--text) 55%, transparent)}.admin-songs-search:focus{border-color:#fff6}.admin-songs-bulk{color:#b8a5f8;font-family:"Bricolage Grotesque", var(--sans);white-space:nowrap;background:#9b87f526;border:1px solid #9b87f566;border-radius:12px;flex:none;align-items:center;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.admin-songs-add{color:#000;font-family:"Bricolage Grotesque", var(--sans);white-space:nowrap;background:#fff;border-radius:12px;flex:none;align-items:center;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.admin-songs-filters{flex-wrap:wrap;flex:none;gap:28px;margin-bottom:28px;display:flex}.admin-songs-filter-group{flex-direction:column;gap:8px;display:flex}.admin-songs-chips{flex-wrap:wrap;gap:8px;max-width:none;display:flex}.admin-songs-chip{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);cursor:pointer;background:#ffffff0d;border:1.5px solid #ffffff29;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s,color .12s}.admin-songs-chip.is-active{color:#000;background:#fff;border-color:#fff}.admin-songs-tri{background:#ffffff0d;border:1.5px solid #ffffff29;border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.admin-songs-tri-btn{font-family:"Bricolage Grotesque", var(--sans);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.admin-songs-tri-btn.is-active{color:#000;background:#fff}.admin-songs-table-wrap{border:1px solid #ffffff1a;border-radius:14px;width:100%}.admin-songs-table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:"Bricolage Grotesque", var(--sans);font-size:15px}.admin-songs-table thead th{z-index:2;text-align:left;background:#0d0d0f;border-bottom:1px solid #ffffff1a;padding:0;position:sticky;top:0}.admin-songs-sort{width:100%;font-family:"Bricolage Grotesque", var(--sans);text-transform:uppercase;letter-spacing:1px;color:var(--text);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:12px 16px;font-size:12px;font-weight:700;display:inline-flex}.admin-songs-sort:hover{color:var(--text-h)}.admin-songs-sort-arrow{color:var(--text-h);width:1ch;font-size:9px}.admin-songs-table thead th:first-child{border-top-left-radius:14px}.admin-songs-table thead th:last-child{border-top-right-radius:14px}.admin-songs-table td{color:var(--text-h);overflow-wrap:anywhere;border-bottom:1px solid #ffffff0f;padding:0}.admin-songs-cell-link{color:inherit;padding:12px 16px;text-decoration:none;display:block}.admin-songs-table tbody tr:last-child td{border-bottom:0}.admin-songs-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.admin-songs-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.admin-songs-table tbody tr{cursor:pointer}.admin-songs-table tbody tr:hover{background:#ffffff0a}.admin-songs-num{font-family:var(--mono)}.admin-songs-bar{border-radius:3px;gap:1px;height:6px;margin-bottom:20px;display:flex;overflow:hidden}.admin-songs-bar-seg{transition:opacity .2s}.admin-songs-bar-seg.is-dimmed{opacity:.2}.admin-songs-bar-sm{height:4px;margin-bottom:10px}.admin-songs-genre-chip{font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.admin-songs-filter-full{flex-basis:100%}.admin-songs-style-chip{font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.admin-songs-style-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.admin-songs-style-count{opacity:.6;font-size:11px;font-weight:500}.admin-songs-filters-secondary{flex-wrap:wrap;gap:24px;margin-bottom:24px;display:flex}.admin-songs-tag{font-family:"Bricolage Grotesque", var(--sans);white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.admin-songs-yes{color:#4cc38a;font-weight:700}.admin-songs-no{color:color-mix(in srgb, var(--text) 55%, transparent)}.admin-songs-blocked{color:#e05c5c;font-weight:700}.admin-songs-confidence{font-variant-numeric:tabular-nums;font-weight:700}.admin-songs-confidence.is-high{color:#4cc38a}.admin-songs-confidence.is-mid{color:#e0a13a}.admin-songs-confidence.is-low{color:#e05c5c}.admin-songs-check-btn{color:#e0a33a;font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;white-space:nowrap;background:#e0a33a26;border:1px solid #e0a33a66;border-radius:12px;flex:none;align-items:center;padding:12px 20px;font-size:15px;font-weight:700;display:inline-flex}.admin-songs-check-btn:disabled{opacity:.6;cursor:default}.admin-songs-csv-btn{color:#4ac4a0;font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;white-space:nowrap;background:#4ac4a026;border:1px solid #4ac4a066;border-radius:12px;flex:none;align-items:center;padding:12px 20px;font-size:15px;font-weight:700;display:inline-flex}.admin-songs-csv-import-btn{color:#6a8ce2;background:#6a8ce226;border-color:#6a8ce266}.admin-songs-csv-btn:disabled{opacity:.6;cursor:default}.admin-songs-import-result{color:#4ac4a0;font-size:13px;font-family:"Bricolage Grotesque", var(--sans);white-space:nowrap}.admin-songs-import-dialog{z-index:1000;max-width:440px;font-family:"Bricolage Grotesque", var(--sans);background:#1a1a1a;border:1px solid #ffffff26;border-radius:16px;padding:28px 32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0009}.admin-songs-import-dialog p{color:var(--text-h);margin:0 0 20px;font-size:15px;line-height:1.5}.admin-songs-import-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-songs-import-dialog-btn{color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex:none;padding:10px 18px;font-size:14px;font-weight:700}.admin-songs-import-dialog-btn.is-primary{color:#4ac4a0;background:#4ac4a033;border-color:#4ac4a080}.admin-songs-import-dialog-btn.is-danger{color:#e5484d;background:#e5484d33;border-color:#e5484d80}.admin-songs-changelog-dialog{flex-direction:column;max-width:560px;max-height:80vh;display:flex}.admin-songs-changelog-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-songs-changelog-header h3{color:var(--text-h);font-size:16px;font-family:"Bricolage Grotesque", var(--sans);margin:0;font-weight:700}.admin-songs-changelog-close{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.admin-songs-changelog-summary{color:#4ac4a0;margin:0 0 12px;font-size:13px}.admin-songs-changelog-list{border-top:1px solid #ffffff14;flex:1;min-height:0;margin-bottom:16px;overflow-y:auto}.admin-songs-changelog-entry{border-bottom:1px solid #ffffff0f;padding:10px 0}.admin-songs-changelog-song{color:var(--text-h);font-size:14px;font-weight:700}.admin-songs-changelog-changes{color:var(--text);margin:4px 0 0 16px;padding:0;font-size:13px;list-style:none}.admin-songs-changelog-changes li:before{content:"·";color:#ffffff4d;margin-right:6px}.admin-songs-empty{text-align:center;color:var(--text);padding:40px 0}.admin-songs-incomplete td{opacity:.45}.admin-songs-checkbox-col{width:40px}.admin-songs-table td.admin-songs-checkbox-cell{text-align:center;padding:12px 0 12px 16px}.admin-songs-checkbox-col input,.admin-songs-checkbox-cell input{cursor:pointer;accent-color:#e5484d;width:16px;height:16px}.admin-songs-bulk-bar{background:#e5484d1a;border:1px solid #e5484d66;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;display:flex}.admin-songs-bulk-bar-count{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-size:15px;font-weight:700}.admin-songs-bulk-bar-actions{align-items:center;gap:10px;display:flex}.admin-songs-bulk-bar-confirm-text{color:var(--text-h);font-size:14px}.admin-songs-bulk-bar-delete-btn,.admin-songs-bulk-bar-confirm-btn,.admin-songs-bulk-bar-cancel-btn,.admin-songs-bulk-bar-clear-btn{font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:700}.admin-songs-bulk-bar-delete-btn,.admin-songs-bulk-bar-confirm-btn{color:#fff;background:#e5484d;border:0}.admin-songs-bulk-bar-cancel-btn,.admin-songs-bulk-bar-clear-btn{color:#fff;background:0 0;border:1px solid #fff3}.admin-songs-bulk-bar-confirm-btn:disabled,.admin-songs-bulk-bar-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.admin-songs-actions-col{width:44px}.admin-songs-table td.admin-songs-actions-cell{text-align:center;padding:8px}.admin-songs-row-delete{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:8px;font-size:16px;line-height:1}.admin-songs-row-delete:hover{color:#e5484d;border-color:#e5484d80}.admin-songs-row-confirm{white-space:nowrap;justify-content:center;gap:6px;display:flex}.admin-songs-row-confirm-btn,.admin-songs-row-cancel-btn{font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.admin-songs-row-confirm-btn{color:#fff;background:#e5484d;border:0}.admin-songs-row-cancel-btn{color:#fff;background:0 0;border:1px solid #fff3}.admin-songs-row-confirm-btn:disabled,.admin-songs-row-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.admin-bulk-inner{max-width:640px}.admin-bulk-setup{flex-direction:column;gap:16px;width:100%;display:flex}.admin-bulk-tabs{background:#ffffff0f;border-radius:12px;align-self:center;gap:4px;padding:4px;display:flex}.admin-bulk-tab{color:var(--text);font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700}.admin-bulk-tab--active{color:var(--text-h);background:#ffffff24}.admin-bulk-label-wrap{flex-direction:column;gap:8px;display:flex}.admin-bulk-textarea{box-sizing:border-box;width:100%;font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);resize:vertical;background:#ffffff0d;border:1.5px solid #ffffff2e;border-radius:14px;outline:none;min-height:60px;padding:14px 16px;font-size:16px;font-weight:500;transition:border-color .15s}.admin-bulk-textarea:focus{border-color:#ffffff73}.admin-bulk-textarea::placeholder{color:var(--text)}.admin-bulk-results{flex-direction:column;gap:16px;width:100%;display:flex}.admin-bulk-summary{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.admin-bulk-saved-count{color:#4cc38a}.admin-bulk-actions{gap:12px;display:flex}.admin-bulk-actions .admin-library-submit{flex:1}.admin-bulk-reset{color:var(--text);font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:14px;padding:14px 20px;font-size:15px;font-weight:700}.admin-bulk-reset:disabled{opacity:.4;cursor:not-allowed}.admin-bulk-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.admin-bulk-item{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;padding:14px 16px;transition:border-color .2s,opacity .2s}.admin-bulk-item--saved{background:#4cc38a0a;border-color:#4cc38a4d}.admin-bulk-item--error{border-color:#e5484d66}.admin-bulk-item--saving{opacity:.6}.admin-bulk-item-main{align-items:flex-start;gap:12px;display:flex}.admin-bulk-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.admin-bulk-item-title{font-family:"Bricolage Grotesque", var(--sans);color:var(--text-h);font-size:16px;font-weight:700}.admin-bulk-item-meta{color:var(--text);font-size:13px}.admin-bulk-item-notes{color:#f5c065;margin-top:2px;font-size:12px}.admin-bulk-item-err{color:#e5484d;margin-top:2px;font-size:12px}.admin-bulk-item-actions{flex:none;align-items:center;gap:8px;padding-top:2px;display:flex}.admin-bulk-item-badge{font-family:"Bricolage Grotesque", var(--sans);color:#4cc38a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.admin-bulk-item-badge--saving{color:var(--text)}.admin-bulk-item-save{color:var(--text-h);font-family:"Bricolage Grotesque", var(--sans);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:700}.admin-bulk-item-save:disabled{opacity:.4;cursor:not-allowed}.admin-bulk-item-remove{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.admin-bulk-item-remove:hover{color:#e5484d;background:#e5484d1a}.admin-bulk-item-remove:disabled{opacity:.4;cursor:not-allowed}.admin-bulk-item-bonus{color:var(--text);border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px;font-size:13px}