:root{--bg: #0b0818;--card: rgba(18, 14, 30, .72);--inset: #110e20;--fg: #f0eaff;--muted: #8a7ea8;--line: rgba(255, 64, 180, .22);--violet: #ff40b4;--violet-lt: #ff70cc;--fuchsia: #ff8c00;--aqua: #00f0ff;--aqua-lt: #5cf8ff;--good: #3ce6a0;--bad: #ff4d6a;--grad: linear-gradient(120deg, #ff40b4, #ff8c00);--grad-seg: linear-gradient(180deg, #ff70cc, #ff40b4);--accent: var(--violet);--radius: 14px;--font-display: "Orbitron", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}:root{--safe-top: var(--shell-safe-top, env(safe-area-inset-top, 0px));--safe-right: var(--shell-safe-right, env(safe-area-inset-right, 0px));--safe-bottom: var(--shell-safe-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--shell-safe-left, env(safe-area-inset-left, 0px))}:root{--page-bg: radial-gradient(110% 60% at 85% -5%, rgba(255, 64, 180, .18), transparent 55%), radial-gradient(100% 65% at 0% 110%, rgba(0, 240, 255, .12), transparent 50%), var(--bg)}body{margin:0;color:var(--fg);background:var(--page-bg);background-attachment:fixed;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(40% 30% at 80% 14%,rgba(0,240,255,.1),transparent 60%);animation:breathe 9s ease-in-out infinite alternate}.winwash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 38%,rgba(60,230,160,.42),rgba(60,230,160,.14) 45%,transparent 75%);animation:winwashin .5s ease-out}@keyframes winwashin{0%{opacity:0;transform:scale(.7)}}@keyframes breathe{0%{opacity:.45}}@media (prefers-reduced-motion: reduce){body:after{animation:none}}.wrap{max-width:560px;margin:0 auto;padding:calc(24px + var(--safe-top)) calc(16px + var(--safe-right)) max(64px,calc(var(--safe-bottom) + 16px)) calc(16px + var(--safe-left))}.wrap.lobby-wide{max-width:880px}.lobby-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media (min-width: 760px){.lobby-grid{grid-template-columns:minmax(0,1fr) 290px}}.players-card h2{display:flex;align-items:center;gap:8px}.pcount{font-size:.85rem;font-weight:600;color:var(--violet-lt);background:#ff40b429;border-radius:999px;padding:1px 9px}.iconbtn{background:none;border:1px solid var(--line);box-shadow:none;padding:6px 9px;font-size:1rem;line-height:1;border-radius:10px;cursor:pointer}.iconbtn:hover:not(:disabled){filter:none;box-shadow:none;transform:none;background:#ff40b424;border-color:var(--violet-lt)}.leavebtn{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--fg)}.secbtn{background:#ff40b41a;color:var(--violet-lt);border:1px solid var(--line);box-shadow:none}.secbtn:hover:not(:disabled){filter:none;box-shadow:none;background:#ff40b433;border-color:var(--violet-lt)}.block{width:100%;display:block}.startbtn{margin:12px 0 16px}.settings-title{margin:18px 0 12px;padding-top:16px;border-top:1px solid var(--line);font-size:1.05rem}.daily-cta{background:linear-gradient(120deg,var(--aqua),var(--violet));font-family:var(--font-display);font-size:1.05rem;padding:12px}.daily-teaser{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 4px;padding:8px 12px;border-radius:12px;background:var(--inset);border:1px solid var(--line);box-shadow:none;color:var(--fg);font:inherit;cursor:pointer}.daily-teaser:hover:not(:disabled){filter:none;transform:none;box-shadow:none;border-color:var(--aqua)}.daily-teaser-lead{display:flex;align-items:center;gap:7px;min-width:0}.daily-teaser-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.daily-teaser-score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--good)}.daily-teaser-count{flex:none;color:var(--muted);font-size:.82rem;font-weight:600}.daily-recap-teaser{margin-top:0}.daily-recap-teaser:hover:not(:disabled){border-color:var(--violet-lt)}.daily-recap-teaser .daily-teaser-score{color:var(--violet-lt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-recap-of{color:var(--muted);font-weight:600}.daily-lb-paid .daily-lb-row{grid-template-columns:28px auto 1fr auto auto 44px}.daily-lb-xp{text-align:right;font-size:.8rem;font-weight:700;color:var(--good);font-variant-numeric:tabular-nums}.daily-recap-ladder{margin-top:10px;text-align:center}.daily-recap-prize{margin-top:4px;color:var(--good);font-weight:700;font-size:.95rem}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.menu-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.navbtn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 10px;border-radius:12px;background:#ff40b41a;border:1px solid var(--line);box-shadow:none;color:var(--fg);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer}.navbtn:hover:not(:disabled){filter:none;transform:none;box-shadow:none;background:#ff40b433;border-color:var(--violet-lt)}.navbtn-label{font-size:.68rem;font-weight:600;letter-spacing:.01em;color:var(--muted)}.navbtn-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--grad);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 10px #ff40b4b3}@media (max-width: 480px){.menu-nav{width:100%;margin-left:0}.navbtn{flex:1}}.joinrow{display:flex;gap:8px;margin:0 0 12px}.joinrow input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-display)}.joinrow button{flex:none}.menu-xp{margin:0 0 16px}.menu-section{margin:20px 0 10px;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.mode-list{display:flex;flex-direction:column;gap:8px}.mode-row{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px;border-radius:14px;background:#ff40b41a;border:1px solid var(--line);box-shadow:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.mode-row:hover:not(:disabled){filter:none;transform:none;box-shadow:none;background:#ff40b433;border-color:var(--violet-lt)}.mode-ico{font-size:1.5rem;line-height:1.2;flex:none}.mode-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-name{font-size:.95rem;font-weight:600}.mode-desc{color:var(--muted);font-size:.8rem;line-height:1.35;text-transform:none;letter-spacing:0}.daily-title{margin-bottom:2px}.daily-date{margin-top:0}.daily-yours{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0}.daily-score{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--good);line-height:1}.daily-rank{color:var(--muted);font-size:.95rem}.daily-share{background:#00f0ff24;color:var(--aqua-lt);border:1px solid rgba(0,240,255,.4);box-shadow:none}.daily-lb-head{margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line);font-size:1rem}.daily-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.daily-lb-row{display:grid;grid-template-columns:28px auto 1fr auto auto;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:var(--inset)}.daily-lb-row.you{background:#ff40b433;box-shadow:inset 0 0 0 1px var(--violet-lt)}.daily-lb-rank{color:var(--muted);text-align:center;font-weight:600;color:var(--violet-lt);background:#ff40b41f;border:1px solid var(--line);border-radius:999px;cursor:pointer;box-shadow:none;transition:background .15s,transform .08s}.playercount-link:hover{background:#ff40b438}.playercount-link:active{transform:translateY(1px)}.setup-label{display:block;font-size:.85rem;color:var(--muted);margin:12px 0 8px}.cardpick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pickcard{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--fg);box-shadow:none;font-family:var(--font-body)}.pickcard:hover:not(:disabled){filter:none;box-shadow:none;border-color:var(--violet-lt)}.pickcard.sel{border-color:var(--violet);background:#ff40b429;box-shadow:0 0 16px #ff40b42e}.pickcard-title{font-family:var(--font-display);font-weight:600;font-size:.95rem}.pickcard-sub{font-size:.78rem;color:var(--muted)}.chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.winfields .chiprow{margin-bottom:18px}.chip{background:var(--inset);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--fg);box-shadow:none;font-family:var(--font-body)}.chip:hover:not(:disabled){filter:none;box-shadow:none;border-color:var(--violet-lt)}.chip.sel{border-color:var(--violet);background:#ff40b438;color:#fff}.modtoggle{margin-bottom:12px}.players-h2{margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}.players-card{position:relative}.players-card.pulse:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;pointer-events:none;animation:playerspulse 1.2s ease-out}@keyframes playerspulse{0%,to{box-shadow:0 0 #ff40b400}25%{box-shadow:0 0 0 3px #ff40b48c}}@media (prefers-reduced-motion: reduce){.players-card.pulse:after{animation:none}}.players-card .invite{flex-direction:column;align-items:stretch;text-align:center;gap:10px}.players-card .invite-qr{align-self:center}.songpanel-state{font-size:.95rem;line-height:1}.identity{display:flex;flex-direction:column;align-items:center;gap:10px;margin:2px 0 18px}.identity-body{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.identity-left{flex-direction:row;align-items:center;gap:12px;margin:0;min-width:0}.identity-left .identity-body{align-items:flex-start;gap:6px}.identity-left .identity-name{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-btn{position:relative;padding:0;border:none;background:none;border-radius:50%;cursor:pointer;line-height:0;box-shadow:0 0 18px #ff40b466;transition:transform .1s}.avatar-btn:hover{transform:scale(1.05)}.avatar-btn:active{transform:scale(.97)}.avatar-edit{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--inset);border:1px solid var(--line);color:var(--fg);font-size:.7rem;display:flex;align-items:center;justify-content:center}.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.avatar-cell{min-width:0;padding:5px;border:1px solid transparent;border-radius:12px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .08s}.avatar-cell svg{width:100%;height:auto;max-width:46px}.avatar-cell:hover{background:#ff40b41f}.avatar-cell:active{transform:scale(.92)}.avatar-cell.sel{border-color:var(--violet);background:#ff40b42e}.avatar-cell.locked{position:relative;cursor:default}.avatar-cell.locked svg{opacity:.28;filter:grayscale(1)}.avatar-cell.locked:hover{background:none}.avatar-lock{position:absolute;bottom:1px;left:50%;transform:translate(-50%);padding:0 5px;border-radius:999px;background:#0a0818d1;color:var(--muted);font-size:.62rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none}.avatar-hint{margin:12px 0 0;text-align:center}@media (max-width: 480px){.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.identity-row{display:flex;align-items:center;gap:10px}.identity-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600}.identity-edit{padding:5px 12px;font-size:.82rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#080612b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));animation:popin .18s ease-out}.modal{background:#18132a;border:1px solid var(--line);border-radius:16px;padding:22px;width:100%;max-width:360px;box-shadow:0 24px 60px #00000080}.modal h2{margin:0 0 14px}.modal input{width:100%}.modal.wide{max-width:440px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{margin:0}.modal-body{margin-top:8px;max-height:62vh;overflow-y:auto;padding-right:12px;margin-right:-12px;scrollbar-width:thin;overscroll-behavior:contain}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-overlay.page{background:var(--page-bg);background-attachment:fixed;backdrop-filter:none;-webkit-backdrop-filter:none;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);align-items:stretch;animation:none}.modal.page,.modal.page.wide{display:flex;flex-direction:column;width:100%;max-width:none;padding:18px 16px;background:none;border:0;border-radius:0;box-shadow:none}.modal.page .modal-body{flex:1;max-height:none;padding-bottom:var(--safe-bottom)}.setup-buttons{display:flex;gap:10px;margin-top:6px}.setup-btn{flex:1;padding:12px 10px}.dangerbtn{background:var(--bad);color:#2a0710}.dangerbtn:hover{filter:brightness(1.08)}h1,h2{font-family:var(--font-display);letter-spacing:.2px}h1{font-size:1.5rem;margin:0;color:#f2effc}h2{margin:0 0 14px;font-size:1.2rem;font-weight:600;color:#ddd8f5}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.status{color:var(--muted);font-size:.85rem}.status-bad{color:#ffce6b;font-weight:600}.topbar-right{display:flex;align-items:center;gap:12px}.volume{display:inline-flex;align-items:center;gap:6px}.volicon{font-size:1.05rem;line-height:1}.volume input[type=range]{width:92px;padding:0;border:none;background:transparent;border-radius:0;accent-color:var(--violet)}@media (max-width: 480px){.volume input[type=range]{width:64px}}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 0 40px #ff40b41a,inset 0 1px #ffffff0a;animation:cardin .4s ease-out}@keyframes cardin{0%{opacity:0;transform:translateY(8px)}}.card.solved{animation:winflash .85s ease-out}@keyframes winflash{30%{box-shadow:0 0 46px 4px #3ce6a073;border-color:#3ce6a099}}label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:.9rem}input{background:var(--inset);border:1px solid var(--line);color:var(--fg);border-radius:999px;padding:11px 16px;font-size:1rem;font-family:inherit}input::placeholder{color:#6f6b85}input:focus{outline:none;border-color:var(--violet-lt);box-shadow:0 0 0 3px #ff40b438}.modfixed select{background:var(--inset);border:1px solid var(--line);color:var(--fg);border-radius:12px;padding:7px 9px;font-family:inherit}button{background:var(--grad);color:#fff;border:none;border-radius:999px;padding:11px 18px;font-size:.95rem;font-weight:600;font-family:var(--font-display);cursor:pointer;box-shadow:0 0 20px #ff40b473;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 28px #ff70cc99}button:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.linkbtn{background:none;color:var(--muted);border-bottom:1px solid transparent;border-radius:0;padding:2px 0;font-size:.85rem;font-family:var(--font-body);box-shadow:none}.linkbtn:hover:not(:disabled){color:var(--aqua-lt);border-bottom-color:var(--aqua-lt);filter:none;box-shadow:none}.soundprompt{width:100%;margin-bottom:14px;background:var(--grad);color:#fff;font-weight:700;padding:12px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.72}}.roundhead{display:flex;justify-content:space-between;align-items:baseline}.roundhead-title{display:flex;flex-direction:column;gap:3px}.roundhead-mode{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-target{font-size:.78rem;color:var(--muted)}.mode-tag{align-self:flex-start;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--violet-lt);background:#ff40b429;border-radius:999px;padding:2px 9px}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;display:inline-block;font-size:1.55rem;font-weight:700;color:var(--aqua-lt);text-shadow:0 0 14px rgba(0,240,255,.5);transition:color .2s}.timer.low{color:var(--bad);text-shadow:0 0 16px rgba(255,77,106,.65);animation:timerlow 1s ease-in-out infinite}@keyframes timerlow{50%{transform:scale(1.16);opacity:.82}}@media (prefers-reduced-motion: reduce){.timer.low{animation:none}}.songpanel{border:1px solid var(--line);border-radius:14px;padding:12px 14px 14px;margin:14px 0 8px;background:#00f0ff0a;transition:border-color .25s,box-shadow .25s}.songpanel.playing{border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1f}.songpanel-head{display:flex;align-items:center;gap:10px}.songpanel-title{font-family:var(--font-display);font-weight:600;font-size:1.02rem}.songpanel-title.guessnow{color:var(--good);text-shadow:0 0 12px rgba(60,230,160,.45);animation:pulse 1.4s ease-in-out infinite}.songpanel-count{margin-left:auto;color:var(--muted);font-size:.82rem}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.eq span{width:3px;height:35%;background:var(--aqua);border-radius:2px;transition:height .2s}.songpanel.playing .eq span{animation:eqbounce .65s ease-in-out infinite}.songpanel.playing .eq span:nth-child(2){animation-delay:.16s}.songpanel.playing .eq span:nth-child(3){animation-delay:.32s}.songpanel.playing .eq span:nth-child(4){animation-delay:.48s}@keyframes eqbounce{0%,to{height:25%}50%{height:100%}}@media (prefers-reduced-motion: reduce){.songpanel.playing .eq span{animation:none;height:60%}}.segments{display:flex;gap:6px;margin:16px 0 6px}.songpanel .segments{margin:10px 0 6px}.seg{flex:1;height:16px;border-radius:8px;background:#1e1630;position:relative;overflow:hidden;transition:box-shadow .25s}.seg-fill{position:absolute;inset:0 auto 0 0;width:0;background:var(--grad-seg);border-radius:inherit;transition:width .25s linear}.seg.on{box-shadow:0 0 12px #ff70cca6}@media (prefers-reduced-motion: reduce){.seg-fill{transition:none}}.timebar{height:6px;border-radius:999px;background:#1e1630;overflow:hidden;margin:12px 0 2px}.timebar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--aqua),var(--violet));box-shadow:0 0 10px #00f0ff80;transition:width .25s linear}.timebar.low .timebar-fill{background:var(--bad);box-shadow:0 0 12px #ff4d6a99}.hint{color:var(--muted);font-size:.85rem;margin:4px 0 14px}.modifier{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;padding:9px 13px;border-radius:var(--radius);background:#ff40b41f;border:1px solid rgba(255,64,180,.4);box-shadow:0 0 18px #ff40b429}.modifier-tag{font-weight:700;white-space:nowrap;color:var(--violet-lt);text-shadow:0 0 10px rgba(255,64,180,.5)}.modifier-blurb{color:var(--muted);font-size:.85rem}.hint-letter{margin:8px 0 0;font-size:.95rem}.hint-letter strong{display:inline-block;min-width:1.4em;text-align:center;padding:1px 8px;border-radius:8px;background:var(--grad);color:#fff;box-shadow:0 0 12px #ff40b499}.guessrow{display:flex;gap:8px;margin:14px 0 8px}.guessrow input{flex:1}.feedback{margin:6px 0 0;font-size:.95rem;animation:popin .25s ease-out}@keyframes popin{0%{opacity:0;transform:translateY(3px)}}.feedback.win{color:var(--good);font-weight:700;font-size:1.18rem;font-family:var(--font-display);text-shadow:0 0 14px rgba(60,230,160,.5);animation:winpop .5s cubic-bezier(.2,1.3,.4,1)}@keyframes winpop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}}.answer{font-size:1.05rem;margin:0}.answer strong{color:var(--violet-lt)}.reveal{display:flex;align-items:center;gap:12px;margin:6px 0 4px}.reveal-art{flex:none;width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid var(--line);box-shadow:0 4px 14px #0006}.attribution{margin:-6px 0 4px;text-align:center;font-size:.78rem;color:var(--muted)}.attribution a{color:var(--aqua-lt);text-decoration:none;white-space:nowrap}.attribution a:hover{text-decoration:underline}.modsetup{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:4px 0 16px}.modsetup legend{padding:0 6px;color:var(--muted);font-size:.85rem}.modfixed{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.modgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0 4px}.modbox{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;background:var(--inset);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);font-family:var(--font-body);font-weight:600;font-size:.78rem;text-align:center}.modbox:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--violet)}.modbox.on{background:#ff40b42e;box-shadow:inset 0 0 0 1px var(--violet-lt)}.modbox:disabled{opacity:.45}.packfacets.overridden{opacity:.5;filter:grayscale(.4)}.modbox-icon{font-size:1.4rem;line-height:1}.modbox-label{line-height:1.15}.packgroup-label{margin:10px 0 0;color:var(--muted);font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:8px}.packgroup-label:first-of-type{margin-top:2px}.packall{font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--violet-lt);background:#ff40b429;padding:1px 7px;border-radius:999px}.moditem input{width:auto;accent-color:var(--violet)}.moditem:has(input:disabled){opacity:.45;cursor:default}.lobbycode{font-size:1rem;margin:0 0 14px}.lobbycode strong{font-family:var(--font-display);letter-spacing:4px;font-size:1.3rem;color:var(--aqua-lt);background:var(--inset);border:1px solid rgba(0,240,255,.45);border-radius:10px;padding:3px 12px;box-shadow:0 0 16px #00f0ff38}.invite{display:flex;gap:14px;align-items:center;margin:0 0 16px}.invite-qr{background:#fff;padding:8px;border-radius:12px;line-height:0;flex-shrink:0;box-shadow:0 0 22px #ff40b447}.invite-actions{display:flex;flex-direction:column;gap:6px}.nameedit{margin:0 0 14px}.nameedit-row{display:flex;gap:8px}.nameedit-row input{flex:1}.nameedit-row button{white-space:nowrap}.players{list-style:none;padding:0;margin:0 0 16px}.players li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.players li.offline{color:var(--muted);text-decoration:line-through}.kickbtn{background:none;color:var(--muted);font-size:.85rem;padding:2px 8px;line-height:1;box-shadow:none}.kickbtn:hover:not(:disabled){color:var(--bad);filter:none;box-shadow:none}.placement{display:flex;align-items:center;gap:16px;margin:18px 0 6px;padding:18px 20px;border-radius:var(--radius);background:#ff40b41f;box-shadow:inset 0 0 0 1px var(--line)}.placement-podium{background:#ff40b42e}.placement-win{background:linear-gradient(120deg,#ff40b44d,#ff8c004d);box-shadow:inset 0 0 0 1px #ff8c008c,0 0 28px #ff8c0040}.placement-medal{font-size:2.6rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.placement-text{display:flex;flex-direction:column;gap:2px}.placement-rank{font-family:var(--font-display);font-weight:700;font-size:1.7rem;line-height:1.1}.placement-sub{color:var(--muted);font-variant-numeric:tabular-nums}.placement-win .placement-sub{color:var(--fg)}.choicebtn{white-space:nowrap;margin-top:10px}.passrow{display:flex;justify-content:center;margin-top:18px}.passlink{background:transparent;box-shadow:none;color:var(--muted);font-size:.9rem;font-weight:500;padding:6px 14px}.passlink:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}.choicegrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}@media (max-width: 480px){.choicegrid{grid-template-columns:1fr}}.choice{width:100%;background:var(--inset);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;text-align:center;white-space:normal;word-break:break-word;min-height:48px}.choice:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--violet)}.choice.picked{background:#ff40b447;box-shadow:inset 0 0 0 1px var(--violet-lt)}.choice:disabled{opacity:.55}.toggle-card{display:flex;flex-direction:row;align-items:center;gap:12px;background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin:4px 0 16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.toggle-card.on{border-color:var(--violet);background:#ff40b429;box-shadow:0 0 16px #ff40b42e}.toggle-card:focus-within{border-color:var(--violet-lt)}.toggle-input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggle-text{display:flex;flex-direction:column;gap:2px;line-height:1.25;flex:1}.toggle-title{font-weight:600}.toggle-sub{color:var(--muted);font-size:.82rem}.toggle-switch{flex:none;position:relative;width:44px;height:25px;border-radius:999px;background:#ffffff1a;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,box-shadow .2s}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s}.toggle-card.on .toggle-switch{background:var(--grad);box-shadow:none}.toggle-card.on .toggle-switch:after{transform:translate(19px);background:#fff}.finished-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.finished-head h2{margin:0}.scoreboard{list-style:none;padding:0;margin:16px 0 0}.scoreboard li{display:flex;justify-content:space-between;padding:9px 12px;border-radius:12px;margin-bottom:4px;background:#ffffff08}.scoreboard li.me{background:#ff40b433;box-shadow:inset 0 0 0 1px #ff40b480}.scoreboard li span:last-child{font-variant-numeric:tabular-nums;font-weight:700}.rank{color:var(--muted);margin-right:8px;font-weight:700}.player-name,.scorename{display:inline-flex;align-items:center;gap:8px;min-width:0}.scorename .rank{margin-right:0}.scoreboard-gap{justify-content:center;color:var(--muted);padding:2px;background:none}.scorecell{display:inline-flex;align-items:baseline;gap:8px}.delta{font-style:normal;font-size:.8rem;font-weight:600;color:var(--muted)}.delta.pos{color:var(--good);text-shadow:0 0 8px rgba(60,230,160,.4)}.guess-cloud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.guess-float{position:absolute;font-family:var(--font-display);font-weight:500;white-space:nowrap;max-width:70vw;overflow:hidden;text-overflow:ellipsis;color:var(--muted);opacity:0;transform:translate(0) rotate(var(--rot, 0deg));text-shadow:0 1px 8px rgba(255,64,180,.3);animation:guessfloat var(--dur, 8s) ease-in-out var(--delay, 0s) infinite}.guess-float.tint-violet{color:var(--violet-lt)}.guess-float.tint-fuchsia{color:var(--fuchsia)}.guess-float.tint-aqua{color:var(--aqua-lt)}@keyframes guessfloat{0%{opacity:0;transform:translate(0) rotate(var(--rot, 0deg)) scale(.92)}18%{opacity:.55}82%{opacity:.55}to{opacity:0;transform:translate(var(--dx, 0),var(--dy, -6vh)) rotate(var(--rot, 0deg)) scale(1.02)}}@media (prefers-reduced-motion: reduce){.guess-float{transform:rotate(var(--rot, 0deg));animation:guessfade var(--dur, 8s) ease-in-out var(--delay, 0s) infinite}@keyframes guessfade{0%,to{opacity:0}18%,82%{opacity:.5}}}.support{margin:14px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;text-align:center}.support a{display:inline-block;padding:7px 14px;font-size:.85rem;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;transition:color .15s,border-color .15s,background .15s}.support a:hover{color:var(--fg);border-color:var(--violet);background:#ff40b41a}.support-lobby{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.setlist{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.setlist-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1rem}.setlist-count{font-size:.8rem;font-weight:600;color:var(--violet-lt);background:#ff40b429;border-radius:999px;padding:1px 9px}.setlist-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.setlist-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff08}.setlist-art{flex:none;border-radius:7px;object-fit:cover;border:1px solid var(--line)}.setlist-song{display:flex;flex-direction:column;min-width:0;flex:1}.setlist-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-artist{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setlist-pts{flex:none;font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;color:var(--muted);min-width:34px;text-align:right}.setlist-pts.got{color:var(--good);text-shadow:0 0 8px rgba(60,230,160,.35)}.setlist-link{flex:none;color:var(--aqua-lt);text-decoration:none;padding:4px 6px}.setlist-link:hover{color:var(--fg)}@media (max-width: 480px){.wrap{padding:calc(16px + var(--safe-top)) calc(12px + var(--safe-right)) max(56px,calc(var(--safe-bottom) + 16px)) calc(12px + var(--safe-left))}.card{padding:16px}.timer{font-size:1.4rem}.guess-float{max-width:86vw;font-size:.9rem!important}}.admin-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.admin-row select{flex:1 1 auto;min-width:160px}.admin-list{margin:8px 0;padding-left:1.2em;font-size:.92rem;line-height:1.6}.admin-list li strong{color:var(--violet-lt)}.admin-list .linkbtn{margin-left:10px;padding:0 4px;opacity:.55}.admin-list .linkbtn:hover:not(:disabled){color:var(--bad);border-bottom-color:var(--bad);opacity:1}.usage-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.usage-head h2,.usage-head .admin-row{margin:0}.usage-sub{margin:18px 0 0;font-size:.95rem;color:var(--muted)}.secbtn.on{background:#00f0ff29;border-color:var(--aqua);color:var(--aqua-lt)}.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}@media (max-width: 720px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 340px){.kpi-row{grid-template-columns:minmax(0,1fr)}}.kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--inset)}.kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kpi-value{font-size:1.6rem;line-height:1.1;font-weight:600;color:var(--fg)}.kpi-sub{font-size:.78rem;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 20px;margin-top:12px}.chart{margin:0;min-width:0}.chart-head{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin-bottom:6px}.chart-title{font-size:.85rem;font-weight:600;color:var(--fg)}.chart-peak{font-size:.72rem;color:var(--muted);white-space:nowrap}.chart-plot{position:relative;height:74px}.chart-plot svg{display:block;width:100%;height:100%;overflow:visible}.chart .bar{fill:var(--aqua);opacity:.75}.chart .bar-on{fill:var(--aqua-lt);opacity:1}.chart-line{fill:none;stroke:var(--aqua);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-area{fill:var(--aqua);opacity:.14;stroke:none}.chart-base{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.chart-cross{position:absolute;top:0;bottom:0;width:1px;background:var(--aqua);opacity:.35;pointer-events:none}.chart-dot{position:absolute;width:9px;height:9px;margin:0 0 -4.5px -4.5px;border-radius:50%;background:var(--aqua-lt);box-shadow:0 0 0 2px var(--card);pointer-events:none}.chart-tip{position:absolute;top:2px;display:flex;flex-direction:column;align-items:center;padding:4px 8px;border-radius:8px;background:var(--bg);border:1px solid var(--line);white-space:nowrap;pointer-events:none;z-index:2}.chart-tip strong{font-size:.9rem;color:var(--fg)}.chart-tip span{font-size:.7rem;color:var(--muted)}.chart-axis{display:flex;justify-content:space-between;margin-top:4px;font-size:.7rem;color:var(--muted)}.stat-scroll{overflow-x:auto;margin-top:10px}.stat-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.stat-table th,.stat-table td{padding:5px 10px 5px 0;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.stat-table th:first-child,.stat-table td:first-child{text-align:left}.stat-table .stat-track{white-space:normal;min-width:140px}.stat-table thead th,.stat-table tfoot th,.stat-table tfoot td{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.stat-table tfoot td{font-size:.85rem;color:var(--fg)}.stat-table .hint{margin:0}.admin-nav{font-size:.85rem;font-weight:600;color:var(--violet-lt);align-self:center;margin-right:4px}.song-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.song-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:var(--inset)}.song-row.blocked{opacity:.6}.song-main{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}.song-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{font-size:.85rem;color:var(--muted)}.song-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--violet-lt);background:#ff40b429;border-radius:999px;padding:1px 7px;margin-top:2px;width:fit-content}.song-badge.bad{color:var(--bad);background:#ff4d6a29}.song-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.song-controls select,.song-controls button{font-size:.82rem;padding:5px 8px}.alias-edit{display:inline-flex;gap:6px;align-items:center}.alias-edit input{width:160px;padding:5px 8px;font-size:.82rem}.genre-toggles{display:inline-flex;gap:3px}.genre-chip{background:var(--inset);border:1px solid var(--line);box-shadow:none;padding:4px 7px;font-size:.95rem;line-height:1;border-radius:8px;cursor:pointer;filter:grayscale(.7);opacity:.55}.genre-chip.on{background:#ff40b42e;border-color:var(--violet-lt);filter:none;opacity:1}.genre-chip:disabled{cursor:default}.challenge-link{text-align:center;margin:10px 0 8px}.challenge-link code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:var(--inset, rgba(0, 0, 0, .25));border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.95rem}.preparing-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:20px}.preparing-box .hint{margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.lvl-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;border-radius:999px;background:var(--grad);color:#12091d;font-family:var(--font-display);font-size:.72rem;font-weight:700;line-height:1;flex:none}.lvl-md{min-width:32px;height:24px;font-size:.85rem}.lvl-rookie{min-width:20px;background:var(--inset);border:1px solid var(--line)}.lvl-dot{width:6px;height:6px;border-radius:50%;background:var(--violet);display:block}.xp-bar{display:flex;align-items:center;gap:8px;width:100%}.xp-track{flex:1;height:8px;border-radius:999px;background:var(--inset);border:1px solid var(--line);overflow:hidden}.xp-fill{height:100%;border-radius:999px;background:var(--grad);transition:width 1.1s cubic-bezier(.2,.7,.3,1)}.xp-count{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;flex:none}.xp-panel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--inset);animation:xp-rise .45s ease-out}.xp-panel .xp-track{background:#ffffff12}@keyframes xp-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.xp-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.xp-gain{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--good)}.xp-levelup{font-size:.8rem;color:var(--aqua)}.xp-events{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:3px;font-size:.82rem;color:var(--muted)}.xp-events li{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}.xp-ev-neg{opacity:.75}.xp-streak{margin:10px 0 0;font-size:.85rem;color:var(--fg)}.xp-unlock{margin:10px 0 0;font-size:.85rem;color:var(--aqua)}.identity-xp{width:min(320px,100%);margin-top:2px}.profile-sub{margin:20px 0 6px;font-size:.95rem;font-family:var(--font-display)}.profile-facts{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:.9rem}.profile-facts li{display:flex;justify-content:space-between;gap:12px}.profile-facts li span:first-child{color:var(--muted)}.code-box{display:grid;gap:8px;justify-items:start}.profile-code{display:block;width:100%;padding:10px 12px;border-radius:var(--radius);background:var(--inset);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;letter-spacing:.08em;color:var(--fg);-webkit-user-select:all;user-select:all;text-align:center}.privacy-note{margin-bottom:12px}.ach-grid{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ach{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico name" "ico detail";gap:0 10px;align-items:center;padding:8px 10px;border-radius:var(--radius);background:var(--inset);opacity:.55}.ach.got{opacity:1;border:1px solid var(--line)}.ach-ico{grid-area:ico;font-size:1.5rem;line-height:1}.ach-name{grid-area:name;font-weight:600;font-size:.9rem}.ach-detail{grid-area:detail;color:var(--muted);font-size:.78rem}.xp-ach{margin:10px 0 0;font-size:.85rem;color:var(--good)}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}.restore-compare{display:grid;gap:4px;padding:10px 12px;margin-bottom:12px;border-radius:var(--radius);background:var(--inset)}.restore-compare p{margin:0}.restore-cta{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px;justify-items:center;text-align:center}.restore-cta-lead{margin:0;font-size:.9rem;color:var(--fg)}.device-line{margin:0}.restore-help{justify-self:start;margin-top:4px}.help-steps{margin:0 0 4px;padding-left:1.35em;display:grid;gap:8px;font-size:.88rem;line-height:1.45}.help-steps::marker,.help-steps li::marker{color:var(--violet-lt)}.help-code{display:inline-block;padding:1px 6px;border-radius:6px;background:var(--inset);border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;letter-spacing:.04em;white-space:nowrap}.help-note{margin-top:16px;padding:10px 12px;border-radius:var(--radius);background:var(--inset)}.levelup-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 28px #ff40b473;animation:levelup-in .35s ease-out}.levelup-toast.leaving{opacity:0;transition:opacity .5s ease-in}.levelup-spark{font-size:1.4rem}.levelup-unlock{font-size:.8rem;color:var(--muted)}@keyframes levelup-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.xp-fill{transition:none}.xp-panel,.levelup-toast{animation:none}}.streak-line{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0 0;font-size:.85rem;color:var(--muted)}.streak-line strong{color:var(--fg);font-weight:600}.streak-flame{font-size:1rem;filter:drop-shadow(0 0 6px rgba(255,140,0,.7))}.streak-line.at-risk .streak-note{color:var(--fuchsia)}.roster-streak{margin-left:4px;font-size:.78rem;color:var(--fuchsia);font-variant-numeric:tabular-nums}.player-name .lvl-badge{margin-left:6px}.collected-toast{display:flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--line)}.collected-ico{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(255,64,180,.6))}.collected-text{display:grid;gap:2px;text-align:left}.collected-text small{color:var(--muted)}.collected-run{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:10px 0 0;font-size:.9rem;color:var(--muted)}.collected-run strong{color:var(--fg)}.coll-summary{display:grid;gap:10px}.coll-big{display:flex;align-items:baseline;gap:8px}.coll-big strong{font-family:var(--font-display);font-size:1.8rem;color:var(--aqua)}.coll-big span{color:var(--muted)}.coll-eras{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:7px;font-size:.88rem}.coll-eras li{display:grid;grid-template-columns:6.5em 1fr 4.5em;align-items:center;gap:10px}.coll-era-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.coll-bar{height:8px;border-radius:999px;background:var(--inset);overflow:hidden}.coll-bar-fill{display:block;height:100%;background:var(--grad);border-radius:999px}.coll-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.coll-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff08}.coll-art{flex:none;width:40px;height:40px;border-radius:7px;object-fit:cover}.coll-art.placeholder{display:grid;place-items:center;background:var(--inset);font-size:1.1rem}.coll-song{display:grid;gap:1px;min-width:0;flex:1}.coll-song strong,.coll-song small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coll-song small{color:var(--muted)}.coll-meta{flex:none;display:grid;gap:1px;text-align:right;font-size:.78rem;color:var(--muted)}.coll-rare{color:var(--aqua)}.sub-count{font-family:var(--font-body);font-size:.8rem;font-weight:500;color:var(--muted)}.handle-row{display:flex;align-items:stretch;gap:8px}.handle-row .profile-code{flex:1;min-width:0;overflow-wrap:anywhere}.handle-row .secbtn{flex:none}.sub-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sub-head .profile-sub{margin-bottom:0}.friends-card{margin-top:18px;padding:12px 12px 14px;border-radius:var(--radius);background:var(--inset);border:1px solid var(--line);box-shadow:0 0 24px #ff40b414,inset 0 1px #ffffff0a}.friends-card .sub-head .profile-sub{margin-top:0}.friends-card .friend-row-wrap{background:#ffffff0d}.friends-card .hint{margin-bottom:0}.invite-link{display:block;width:100%;padding:8px 10px;border-radius:10px;background:var(--inset);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;word-break:break-all}.friend-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-add{display:flex;gap:8px;margin-top:8px}.friend-add input{flex:1;min-width:0}.friend-error{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#ff4d6a1f;border:1px solid rgba(255,77,106,.4);color:var(--fg);font-size:.88rem}.friend-found{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border-radius:var(--radius);background:#00f0ff12;border:1px solid rgba(0,240,255,.35)}.friend-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.friend-row-wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:10px;background:#ffffff08}.friend-row{display:flex;align-items:center;gap:10px;min-width:0}.friend-who{display:grid;gap:1px;min-width:0}.friend-who strong,.friend-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-who small{color:var(--muted)}.coplayers{margin-top:16px;text-align:left}.tabs{display:flex;gap:8px;margin:4px 0 10px}.tab{background-image:none;background-color:#ffffff0a;color:var(--muted);border:1px solid var(--line);box-shadow:none}.tab.on{background-image:none;background-color:#ff40b429;color:var(--fg);border-color:var(--accent)}.tab:hover:not(:disabled){box-shadow:none;filter:none;background-color:#ffffff14}.friend-row-wrap{flex-wrap:wrap}.friend-row-wrap .friend-row{flex:1 1 auto}.friend-row-wrap button{padding:8px 14px;font-size:.85rem}.push-ask{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#00f0ff0f}.push-ask-title{margin:0 0 4px;font-weight:600}.push-ask .hint{margin:0 0 12px}.push-ask-actions{display:flex;gap:8px}.push-ask-actions button{flex:1}.legal{font-size:.92rem;line-height:1.6;color:var(--fg)}.legal p{margin:0 0 12px}.legal h3{margin:22px 0 6px;font-family:var(--font-display);font-size:.95rem;color:var(--aqua-lt)}.legal ul{margin:0 0 12px;padding-left:1.1em}.legal li{margin:0 0 6px}.legal a{color:var(--violet-lt)}.legal-updated{color:var(--muted);font-size:.8rem}.legal-page{max-width:720px}.legal-head{margin-bottom:16px}.legal-head h1{margin:8px 0 0}.legal-home{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-family:var(--font-display);font-size:.9rem}.legal-home:hover{color:var(--fg)}.legal-back{text-align:center}.legal-back a{color:var(--muted);font-size:.9rem}