:root{--bg:#090d12;--bg-soft:#101821;--surface:#121b24d1;--surface-strong:#16222d;--surface-muted:#ffffff0e;--text:#f3f7f6;--muted:#93a3ad;--border:#ffffff1f;--accent:#44f0c3;--accent-2:#7ca7ff;--accent-dark:#0b6a5a;--danger:#ff8b8b;--danger-bg:#ff60601f;--shadow:0 28px 90px #0000006b;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:radial-gradient(circle at 18% 12%, #44f0c333, transparent 28%), radial-gradient(circle at 82% 6%, #7ca7ff2e, transparent 30%), linear-gradient(160deg, #06090d 0%, var(--bg) 52%, #10151c 100%);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}.bingo-app{--bingo-blue:#2094ff;--bingo-yellow:#ffe04b;--bingo-purple:#9d54ff;--bingo-pink:#ff4fc8;--bingo-green:#45ff83;isolation:isolate;color:#f7fbff;background:#020207;min-height:100svh;padding:14px;position:relative;overflow:hidden}.bingo-starfield{z-index:-2;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/18px 18px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/18px 18px,radial-gradient(circle at 50% 0,#44f0c32e,#0000 34%),#020207;position:fixed;inset:0}.bingo-starfield canvas{width:100%;height:100%;image-rendering:pixelated}.bingo-app:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 50%,#0000 50%) 0 0/100% 4px,radial-gradient(circle at 50% 110%,#ff4fc829,#0000 38%);position:fixed;inset:0}.bingo-app.is-shaking{animation:.34s steps(2,end) bingo-shake}.bingo-auth,.bingo-card-view,.bingo-spectate,.bingo-admin{width:min(1040px,100%);margin:0 auto}.bingo-auth{align-content:center;gap:16px;min-height:calc(100svh - 28px);display:grid}.bingo-brand,.bingo-topbar,.bingo-tabs,.bingo-auth-switch,.bingo-form,.bingo-card-status,.bingo-leaderboard,.bingo-mini-board,.bingo-admin,.bingo-rules-panel,.bingo-admin-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff1b,#ffffff09),#040612d1;border:2px solid #ffffff24;box-shadow:0 18px #00000052,0 0 34px #44f0c31f}.bingo-brand{justify-self:start;align-items:center;gap:12px;padding:10px 12px;display:inline-flex}.bingo-brand-mark{width:42px;height:42px;color:var(--bingo-green);background:#111331;place-items:center;display:grid;box-shadow:inset -5px -5px #00000059}.bingo-brand strong,.bingo-brand small{display:block}.bingo-brand strong{font-size:1.18rem;line-height:1}.bingo-brand small{color:#a7b4c8;margin-top:4px;font-size:.78rem}.bingo-topbar{justify-content:space-between;align-items:center;gap:12px;width:min(1040px,100%);margin:0 auto 12px;padding:8px;display:flex}.bingo-tabs,.bingo-auth-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:min(1040px,100%);margin:0 auto 14px;padding:7px;display:grid}.bingo-auth-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.bingo-tabs button,.bingo-auth-switch button,.bingo-primary,.bingo-secondary,.bingo-icon-button{color:#f7fbff;background:#ffffff13;border:2px solid #ffffff26;min-height:44px;font-weight:900;box-shadow:inset -4px -4px #00000040}.bingo-tabs button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.bingo-tabs button.is-active,.bingo-auth-switch button.is-active,.bingo-primary{color:#030511;background:linear-gradient(135deg,#45ff83f2,#2094ffe6)}.bingo-primary,.bingo-secondary{justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.bingo-secondary{background:#9d54ff38}.bingo-icon-button{place-items:center;width:46px;display:grid}.bingo-form{gap:12px;padding:14px;display:grid}.bingo-form label{gap:6px;display:grid}.bingo-form label span,.bingo-toggle,.bingo-card-status span,.bingo-leaderboard small,.bingo-admin-player small,.bingo-rules-panel p{color:#a7b4c8;font-size:.84rem}.bingo-form input,.bingo-form select,.bingo-admin-player input{color:#f7fbff;background:#00000052;border:2px solid #ffffff24;width:100%;min-height:44px;padding:9px 10px}.bingo-toggle{align-items:center;gap:8px;display:inline-flex}.bingo-error{color:#ffb1b1;background:#ff60601f;border:2px solid #ff8b8b73;width:min(1040px,100%);margin:8px auto;padding:10px 12px;font-weight:800}.bingo-card-view{perspective:900px;justify-items:center;gap:14px;display:grid}.bingo-board-wrap{aspect-ratio:1;width:min(92vw,560px);transform-style:preserve-3d;transition:transform .18s}.bingo-board{background:linear-gradient(135deg,#ff4fc852,#2094ff2e),#000000b8;border:3px solid #ffffff38;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.5vw,10px);width:100%;height:100%;padding:clamp(8px,2vw,16px);display:grid;box-shadow:inset -10px -10px #00000052,0 22px #00000057,0 0 46px #ff4fc833}.bingo-cell{aspect-ratio:1;color:#0000;border:3px solid #ffffff3d;min-width:0;transition:transform .15s,filter .15s;position:relative;overflow:hidden;box-shadow:inset -7px -7px #00000052,inset 5px 5px #ffffff38}.bingo-cell:not(:disabled):active{filter:saturate(1.4);transform:scale(.94)rotate(2deg)}.bingo-cell span{color:#0000;text-shadow:4px 4px #030511,-3px 3px #030511,0 0 24px #ffffffa6;place-items:center;font-size:clamp(2rem,13vw,5.2rem);font-weight:950;line-height:1;display:grid;position:absolute;inset:0}.bingo-cell.is-marked span{color:#f7fbff}.bingo-cell.is-impact span{animation:.5s steps(4,end) bingo-impact}.bingo-blue{background:var(--bingo-blue)}.bingo-yellow{background:var(--bingo-yellow)}.bingo-purple{background:var(--bingo-purple)}.bingo-pink{background:var(--bingo-pink)}.bingo-green{background:var(--bingo-green)}.bingo-card-status{justify-items:center;gap:3px;width:min(420px,100%);padding:12px;display:grid}.bingo-card-status strong{color:var(--bingo-yellow);font-size:2rem;line-height:1}.bingo-spectate{gap:14px;display:grid}.bingo-leaderboard{padding:14px}.bingo-leaderboard h1{align-items:center;gap:8px;margin-bottom:10px;font-size:1.35rem;display:flex}.bingo-leaderboard ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bingo-leaderboard li,.bingo-admin-player{background:#ffffff0b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.bingo-leaderboard li span,.bingo-admin-player span{min-width:0}.bingo-leaderboard strong,.bingo-leaderboard small,.bingo-admin-player strong,.bingo-admin-player small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bingo-leaderboard b{color:var(--bingo-yellow);font-size:1.45rem}.bingo-mini-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;display:grid}.bingo-mini-board{gap:8px;padding:10px;display:grid}.bingo-mini-board>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.bingo-mini-cell{aspect-ratio:1;border:1px solid #ffffff2e;position:relative}.bingo-mini-cell.is-marked:after{content:"X";color:#fff;text-shadow:2px 2px #030511;place-items:center;font-weight:950;display:grid;position:absolute;inset:0}.bingo-admin{gap:14px;padding:14px;display:grid}.bingo-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.bingo-panel-heading>span{align-items:center;gap:8px;display:inline-flex}.bingo-admin-grid{gap:10px;display:grid}.bingo-admin-actions{flex-wrap:wrap;gap:8px;display:flex}.bingo-admin-player input{width:72px}.bingo-rules-panel{gap:4px;padding:12px;display:grid}.bingo-rules-panel h2{margin:0;font-size:1.1rem}.bingo-rules-panel label{gap:5px;display:grid}.bingo-rules-panel input{color:#f7fbff;background:#00000052;border:2px solid #ffffff24;min-height:40px;padding:8px 10px}@keyframes bingo-impact{0%{transform:scale(.1)rotate(-18deg)}60%{transform:scale(1.16)rotate(7deg)}to{transform:scale(1)rotate(0)}}@keyframes bingo-shake{0%,to{transform:translate(0)}25%{transform:translate(6px,-4px)}50%{transform:translate(-5px,4px)}75%{transform:translate(3px,5px)}}@media (width<=560px){.bingo-app{padding:10px}.bingo-topbar{padding:7px}.bingo-brand{min-width:0;padding:8px}.bingo-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.bingo-tabs{gap:5px}.bingo-tabs button{padding:0 6px;font-size:.86rem}.bingo-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#root{min-height:100svh}.app-frame{width:min(1180px,100%);min-height:100svh;margin:0 auto;padding:26px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-button{text-align:left;background:0 0;border:0;padding:0}.brand-mark{width:46px;height:46px;color:var(--accent);background:linear-gradient(135deg,#44f0c33d,#7ca7ff1f),#ffffff0f;border:1px solid #44f0c380;place-items:center;font-weight:900;display:grid;box-shadow:0 0 34px #44f0c329}.brand strong,.brand small{display:block}.brand strong{letter-spacing:0;font-size:1.24rem;line-height:1}.brand small{color:var(--muted);margin-top:4px;font-size:.82rem}.live-pill{color:var(--accent);background:#44f0c314;border:1px solid #44f0c352;padding:8px 12px;font-size:.82rem;font-weight:800}.topbar-actions{align-items:center;gap:10px;display:inline-flex}.beta-pill,.ghost-button{color:var(--accent);background:#44f0c314;border:1px solid #44f0c352;padding:8px 12px;font-size:.82rem;font-weight:800}.ghost-button{color:#dce8e7;background:#ffffff0e}.ghost-button:hover{border-color:#44f0c394}.catalog-frame{gap:18px;display:grid}.catalog-hero{width:min(760px,100%);padding:30px 0 4px}.catalog-hero h1{font-size:clamp(2.35rem,9vw,5.1rem)}.catalog-hero>p:last-child{width:min(620px,100%);color:var(--muted);margin-top:14px;font-size:1rem}.selling-points{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:4px 0 18px;font-size:.82rem;display:flex}.catalog-window,.playlist-card,.info-panel,.analytics-panel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff13, #ffffff09), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.selling-points span:not(:last-child):after{content:"/";color:#ffffff38;margin-left:14px}.catalog-window{width:100%;margin:0 auto;padding:16px}.catalog-window .section-heading{margin-bottom:12px}.playlist-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:9px;display:grid}.playlist-card{min-width:0;color:var(--text);text-align:left;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:grid}.playlist-card:hover{border-color:#44f0c375;transform:translateY(-1px)}.playlist-card-art,.playlist-visual{aspect-ratio:1;background:radial-gradient(circle at 28% 24%,#44f0c37a,#0000 28%),radial-gradient(circle at 72% 68%,#7ca7ff61,#0000 32%),linear-gradient(135deg,#0a1118,#16222d 55%,#0b6a5a);border:1px solid #ffffff24;place-items:center;display:grid;position:relative;overflow:hidden}.playlist-card-art img,.playlist-visual img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}:is(.playlist-card-art:has(img),.playlist-visual:has(img)){background:#0f171f}.playlist-card-art{width:58px;height:58px}.playlist-card-art span,.playlist-visual span{color:#ffffffe0;font-size:clamp(1.4rem,8vw,5.4rem);font-weight:950;position:relative}:is(.playlist-card-art:has(img) span,.playlist-visual:has(img) span){display:none}.playlist-card-copy{gap:3px;min-width:0;display:grid}.playlist-card-copy strong{font-size:1rem}.playlist-card-copy small,.playlist-card-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-card-copy span{color:var(--accent);font-weight:800}.player-shell{grid-template-columns:minmax(0,1.15fr) minmax(280px,.62fr);align-items:start;gap:22px;display:grid}.player-main,.playlist,.status-panel,.error-panel{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff12, #ffffff09), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.player-main{align-content:start;gap:24px;min-width:0;padding:32px;display:grid}.track-info{grid-template-columns:minmax(220px,.88fr) minmax(280px,1fr);align-items:center;gap:34px;display:grid}.cover{aspect-ratio:1;background:#0f171f;border:1px solid #ffffff24;width:100%;max-width:420px;height:auto;box-shadow:0 24px 70px #0000006b,0 0 0 10px #ffffff06}.info-backdrop{z-index:20;background:#0000009e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.info-panel{width:min(560px,100%);padding:22px}.analytics-panel{width:min(760px,100%);max-height:min(760px,100svh - 36px);padding:18px;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.panel-heading>span{align-items:center;gap:9px;display:inline-flex}.icon-only-button{border:1px solid var(--border);width:38px;height:38px;color:var(--text);background:#ffffff0e;place-items:center;display:inline-grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.metric-grid span{background:#ffffff0b;border:1px solid #ffffff17;gap:2px;min-width:0;padding:12px;display:grid}.metric-grid strong{color:var(--accent);font-size:1.35rem;line-height:1}.metric-grid small,.analytics-list small,.analytics-list>li>span:last-child{color:var(--muted)}.analytics-section+.analytics-section{margin-top:18px}.analytics-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.analytics-list li{background:#ffffff0b;border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.analytics-list strong,.analytics-list small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.info-panel p{color:var(--muted)}.info-panel p+p{margin-top:14px}.info-panel a{color:var(--accent)}.track-copy{min-width:0}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:900}h1,h2,p{margin:0}h1{overflow-wrap:anywhere;letter-spacing:0;max-width:100%;font-size:clamp(2.35rem,4.9vw,4.75rem);font-weight:900;line-height:.98}.track-copy>p:not(.eyebrow){color:var(--muted);margin-top:14px;font-size:1.08rem}.reaction-row{background:#ffffff09;border:1px solid #ffffff14;justify-self:start;gap:8px;padding:4px;display:inline-flex}.reaction-row.is-compact{background:#080d1247;justify-self:end;gap:4px;padding:3px}.reaction-button{width:46px;height:38px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.reaction-row.is-compact .reaction-button{width:34px;height:32px}.reaction-button:not(:disabled):hover,.reaction-button.is-active{color:var(--accent);background:#44f0c31c;border-color:#44f0c373}.album{font-size:.95rem}.controls{border-top:1px solid #ffffff14;gap:18px;margin-top:2px;padding-top:22px;display:grid}.transport{grid-template-columns:92px minmax(150px,230px) 92px;justify-content:start;align-items:center;gap:12px;display:grid}.icon-button,.play-button{border:1px solid var(--border);min-height:54px;color:var(--text);place-items:center;font-weight:850;transition:transform .16s,border-color .16s,background .16s;display:inline-grid}.icon-button{color:#c9d4da;background:#ffffff0f}.play-button{color:#071017;background:linear-gradient(135deg,#44f0c3f5,#7ca7ffe0);border-color:#44f0c394;box-shadow:0 16px 40px #44f0c32e}.icon-button:not(:disabled):hover,.play-button:not(:disabled):hover{border-color:#44f0c38c;transform:translateY(-1px)}.icon-button:focus-visible,.play-button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #44f0c347}.slider-row,.volume-row{color:var(--muted);grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:14px;font-size:.9rem;display:grid}.volume-row{grid-template-columns:34px minmax(0,1fr) 34px}.volume-label{align-items:center;gap:8px;display:inline-flex}input[type=range]{width:100%;accent-color:var(--accent)}.playlist{min-width:0;padding:20px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.section-heading h2{font-size:1.15rem}.section-heading span{color:var(--muted);font-size:.9rem}.playlist ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.playlist li{background:var(--surface-muted);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;transition:border-color .16s,background .16s,opacity .16s,transform .16s;display:grid}.playlist li.is-current{background:linear-gradient(90deg,#44f0c326,#7ca7ff12);border-color:#44f0c36b}.playlist li.is-dragging{opacity:.42;transform:scale(.99)}.playlist li.is-drag-over{background:#7ca7ff29;border-color:#7ca7ffcc}.playlist-track-button{width:100%;min-width:0;color:inherit;text-align:left;cursor:grab;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;padding:13px;display:grid}.playlist-track-button:not(:disabled):hover{background:#ffffff0b}.playlist li:active .playlist-track-button{cursor:grabbing}.playlist-track-button:focus-visible,.reaction-button:focus-visible{outline-offset:-3px;outline:3px solid #44f0c347}.track-number{color:var(--accent);font-weight:900}.playlist strong,.playlist small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.playlist strong{color:#f7fbfb}.playlist small{color:var(--muted);margin-top:2px}.status-panel,.error-panel{width:min(520px,100% - 32px);margin:32px auto;padding:18px}.player-main .status-panel,.player-main .error-panel{width:100%;margin:0}.status-panel{color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:999px;width:18px;height:18px;animation:.8s linear infinite spin}.error-panel{color:var(--danger);background:var(--danger-bg);box-shadow:none;gap:4px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.app-frame{padding:16px}.player-shell,.playlist-grid,.selling-points{grid-template-columns:1fr}.selling-points{line-height:1.8;display:block}.selling-points span{display:inline}.catalog-window{padding:12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-main,.playlist{padding:18px}.track-info{grid-template-columns:1fr;gap:18px}.cover{max-width:100%}.transport{grid-template-columns:minmax(0,1fr) minmax(120px,1.4fr) minmax(0,1fr);justify-content:stretch}h1{font-size:clamp(2.15rem,13vw,3.7rem)}}@media (width<=480px){.topbar{flex-direction:row;align-items:center}.live-pill{display:none}.brand-mark{width:44px;height:44px}.brand small{font-size:.78rem}.topbar-actions{gap:7px}.beta-pill,.ghost-button{padding:7px 9px}.slider-row{grid-template-columns:1fr auto}.slider-row input{grid-area:1/1/auto/-1}.analytics-list li{grid-template-columns:1fr}.playlist li{grid-template-columns:minmax(0,1fr)}.reaction-row.is-compact{justify-content:flex-end;justify-self:stretch;margin:-4px 8px 8px}}