:root{--p1: #a855f7;--p2: #7c3aed;--pink: #ec4899;--cyan: #22d3ee;--good: #34d399;--danger: #f43f5e;--text: #ffffff;--muted: #c3b3ea;--line: rgba(255,255,255,.12);--card: rgba(255,255,255,.06);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased}.btLogo{display:block}.btApp{position:relative;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:20px 16px;overflow-x:hidden;background:radial-gradient(130% 100% at 50% 0%,#2a1150,#160a2c 55%,#0e0620)}.btCenter{align-items:center}.btGlow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(40% 30% at 20% 15%,rgba(168,85,247,.25),transparent),radial-gradient(40% 30% at 85% 20%,rgba(34,211,238,.18),transparent),radial-gradient(50% 40% at 60% 100%,rgba(236,72,153,.18),transparent)}.btHome{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.btTitle{margin:4px 0 0;font-size:clamp(30px,9vw,44px);font-weight:900;letter-spacing:.5px}.btTitle span{color:var(--pink)}.btTag{margin:2px 0 8px;color:var(--muted);font-size:14px;font-weight:600}.btUser{display:inline-flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 16px 6px 6px}.btUserAv{width:34px;height:34px;border-radius:50%;object-fit:cover}.btFb{display:grid;place-items:center;background:var(--p1);color:#fff;font-weight:900}.btUserTxt{display:flex;flex-direction:column;line-height:1.2;text-align:left}.btUserTxt b{font-size:14px}.btUserTxt span{font-size:11px;color:var(--muted)}.btMenu{width:100%;display:flex;flex-direction:column;gap:10px}.btBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.5px;transition:transform .05s,filter .12s}.btBtn:active{transform:translateY(1px)}.btBtn:disabled{filter:grayscale(.4) opacity(.5);cursor:not-allowed}.btPrimary{background:linear-gradient(180deg,var(--p1),var(--p2));color:#fff;box-shadow:0 4px #5b1ea8}.btPrimary:hover{filter:brightness(1.08)}.btLight{background:#fff;color:#2a1150;box-shadow:0 4px #0000004d}.btGhost{background:var(--card);color:#fff;border:1px solid var(--line)}.btGhost:hover{background:#ffffff1f}.btRow2{display:flex;gap:10px;width:100%}.btRow2 .btBtn{flex:1}.btCode{border:2px solid var(--line);background:#0000004d;border-radius:12px;padding:14px;font-family:ui-monospace,monospace;font-size:24px;font-weight:900;letter-spacing:8px;text-align:center;color:#fff;text-transform:uppercase}.btCode:focus{outline:none;border-color:var(--p1)}.btHow{width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-top:8px}.btHowTitle{color:var(--cyan);font-size:13px;letter-spacing:2px}.btHow p{margin:8px 0 0;font-size:13px;color:#efe8ff;line-height:1.45}.btCodeBox{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 22px}.btCodeBox span{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:800}.btCodeBox b{font-family:ui-monospace,monospace;font-size:30px;font-weight:900;letter-spacing:8px}.btThemeWrap{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px}.btThemeLabel{color:var(--cyan);font-size:12px;letter-spacing:2px}.btThemes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btTheme{border:1px solid var(--line);background:#ffffff0f;color:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.btTheme.on{background:linear-gradient(180deg,var(--p1),var(--p2));border-color:transparent}.btTheme:disabled{cursor:default}.btDim{color:var(--muted);font-size:12px;margin:8px 0 0}.btPlayers{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.btChip{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;font-weight:700}.btChipAv{width:26px;height:26px;border-radius:50%;object-fit:cover}.btChipAv.big{width:32px;height:32px}.btWait{color:var(--muted);font-size:14px}.btToast{position:fixed;z-index:3000;bottom:20px;left:50%;transform:translate(-50%);background:#000;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line)}.btPlayApp{flex-direction:column;align-items:stretch;padding:10px;gap:10px}.btPlayApp>*{position:relative;z-index:1;width:100%;max-width:620px;margin-left:auto;margin-right:auto}.btBar{display:flex;align-items:center;gap:8px}.btPill{font-size:12px;font-weight:800;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--muted);white-space:nowrap}.btPillBtn{cursor:pointer;color:#fff;margin-left:auto}.btTimer{font-size:17px;font-weight:900;color:var(--cyan);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 14px;margin-left:auto}.btTimer.danger{color:var(--danger)}.btBar .btPillBtn{margin-left:0}.btStage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:300px}.btLoad,.btDisc{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted)}.btSpinner{width:44px;height:44px;border-radius:50%;border:5px solid var(--line);border-top-color:var(--p1);animation:btSpin .9s linear infinite}@keyframes btSpin{to{transform:rotate(360deg)}}.btEq{display:flex;align-items:flex-end;gap:5px;height:90px}.btEq span{width:9px;height:100%;border-radius:6px;background:linear-gradient(180deg,var(--cyan),var(--pink));animation:btBounce .8s ease-in-out infinite;transform-origin:bottom}@keyframes btBounce{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.btListen{margin:0;font-size:15px;font-weight:700;color:#fff}.btChips{display:flex;gap:10px}.btGot{font-size:13px;font-weight:800;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted)}.btGot.on{background:#34d3992e;border-color:#34d39980;color:#d5ffe9}.btInputWrap{display:flex;gap:8px;width:100%;max-width:460px}.btInput{flex:1;border:2px solid var(--p1);background:#0000004d;border-radius:12px;padding:14px;font-family:inherit;font-size:17px;font-weight:700;color:#fff;text-align:center}.btInput:focus{outline:none;box-shadow:0 0 16px #a855f780}.btInput:disabled{border-color:var(--good);color:var(--good)}.btInput::placeholder{color:#ffffff73;font-weight:600}.btGo{padding:14px 20px}.btUnmute{width:100%;max-width:460px}.btFeed{width:100%;max-width:460px;display:flex;flex-direction:column;gap:4px;min-height:40px}.btFeedLine{font-size:13px;color:var(--muted);text-align:center}.btFeedLine b{color:var(--cyan)}.btReveal{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:460px}.btCover{width:150px;height:150px;border-radius:14px;object-fit:cover;box-shadow:0 10px 30px #00000080}.btRevealTxt{text-align:center}.btRevealTitle{font-size:22px;font-weight:900}.btRevealArtist{font-size:15px;color:var(--muted);font-weight:700}.btResults{width:100%;display:flex;flex-direction:column;gap:4px}.btResRow{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;background:var(--card)}.btResRow.me{background:#a855f733}.btResName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btResIcons{letter-spacing:1px}.btResPts{color:var(--good);min-width:52px;text-align:right}.btScores{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;max-height:168px;overflow-y:auto}.btScoreRow{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px;font-weight:700}.btScoreRow.me{background:#a855f729}.btScoreRow.off{opacity:.45}.btMini{letter-spacing:1px}.btScoreVal{color:var(--cyan)}.btTrophy{font-size:66px;line-height:1}.btBoard{width:100%;display:flex;flex-direction:column;gap:6px}.btBoardRow{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:700}.btBoardRow.first{background:linear-gradient(90deg,#ffd77840,#ec489933);border-color:#ffd77880}.btRank{width:22px;font-weight:900;color:var(--pink)}.btBootInner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.btLoadBar{width:200px;height:6px;border-radius:6px;background:#00000059;overflow:hidden}.btLoadBar span{display:block;height:100%;width:42%;border-radius:6px;background:var(--p1);animation:btSlide 1.1s ease-in-out infinite}@keyframes btSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.btLoadTxt{color:var(--muted);font-size:13px;font-weight:600;margin:0}.btBootErr{color:#ffd7d7;font-weight:700;margin:0}.btBootCode{font-family:ui-monospace,monospace;font-size:11px;color:#ffd7d7;max-width:300px;word-break:break-word;text-align:center}