:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07080d;--bg-raised:#0e1017;--line:#1c1f2b;--line-strong:#2a2f42;--ink:#eef0f7;--muted:#8b93ad;--accent:#6b8cff;--accent-ink:#b9c8ff;--easy:#5ee9a4;--medium:#ffd23f;--hard:#ff6b8a;--rylan:#7ee0d6;--expert:#c77dff;--mason:#5b8cff;--radius:6px;--ease-out:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}body{background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}a{color:var(--accent-ink);text-decoration:none}a:hover{color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{text-align:center;min-width:20px;color:var(--ink);border:1px solid var(--line-strong);vertical-align:middle;background:#171a25;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font:600 11px ui-monospace,SFMono-Regular,monospace;display:inline-block}button,.button{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);padding:10px 16px}button:hover,.button:hover{color:var(--ink);border-color:#3c4460}button:disabled{opacity:.4;cursor:default}.primary{color:#dfe6ff;background:#1f2b52;border-color:#33478a}.primary:hover{background:#26356a;border-color:#4a63b8}.muted{color:var(--muted)}.notice{color:#c3cbe2;border-left:2px solid var(--accent);background:#12151f;margin:0 0 20px;padding:10px 12px;font-size:13px}.menu{isolation:isolate;min-height:100%;padding:calc(env(safe-area-inset-top) + 20px) clamp(20px, 5vw, 56px) calc(env(safe-area-inset-bottom) + 32px);position:relative;overflow:hidden}.menu-backdrop{z-index:0;background:radial-gradient(ellipse at 50% 30%, #121630 0%, var(--bg) 65%);position:fixed;inset:0;overflow:hidden}.menu-cover{filter:blur(48px)saturate(1.3);opacity:0;animation:backdrop-in .5s var(--ease-out) forwards;background-position:50%;background-size:cover;position:absolute;inset:-12%}.menu-grid{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45% 100%);mask-image:linear-gradient(#0000 0%,#000 45% 100%)}.menu-veil{background:linear-gradient(90deg,#07080db3,#07080d40);position:absolute;inset:0}@keyframes backdrop-in{to{opacity:.45}}.menu-head,.menu-body,.menu>.notice,.menu>.install-hint{z-index:1;position:relative}.menu-head{justify-content:space-between;align-items:baseline;margin-bottom:clamp(24px,5vh,48px);display:flex}.wordmark{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.menu-head nav{align-items:baseline;gap:20px;font-size:14px;display:flex}.link-button{color:var(--accent-ink);background:0 0;border:0;padding:0;font-size:14px}.link-button:hover{color:#fff}.menu-body{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:start;gap:clamp(24px,5vw,64px);display:grid}@media (max-width:760px){.menu-body{grid-template-columns:1fr}.song-detail{order:-1}}.song-list{flex-direction:column;display:flex}.song-row{text-align:left;border:1px solid #0000;border-bottom-color:var(--line);background:0 0;border-radius:0;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;width:100%;padding:10px 12px 10px 10px;display:grid}.song-row:first-child{border-top-color:var(--line)}.song-row img{aspect-ratio:16/9;object-fit:cover;background:var(--bg-raised);border-radius:4px;width:72px}.song-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.song-row-title{font-size:16px;font-weight:600}.song-row-artist,.song-row-bpm{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.song-row:hover{background:#ffffff08}.song-row[data-selected=true]{border-radius:var(--radius);background:#6b8cff1a;border-color:#6b8cff59}.song-detail{animation:detail-in .24s var(--ease-out);flex-direction:column;gap:8px;display:flex}@keyframes detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cover{aspect-ratio:16/9;background:var(--bg-raised);border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #00000080}.cover img{object-fit:cover;width:100%;height:100%}.song-detail h1{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(28px,4vw,40px);line-height:1}.song-detail .muted{margin:0}.diff-picker{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:4px;margin-top:18px;padding:4px;display:grid}.diff-option{width:100%;min-width:0;color:var(--muted);appearance:none;transition:color .15s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 0;font-size:13px;display:flex}.diff-option:hover{background:#ffffff08;border-color:#0000}.diff-option b{font-variant-numeric:tabular-nums;opacity:.7;font-size:11px}.diff-option[aria-checked=true]{background:color-mix(in srgb, var(--tier,var(--accent)) 14%, transparent);border-color:color-mix(in srgb, var(--tier,var(--accent)) 55%, transparent);color:var(--tier,var(--ink))}.diff-easy{--tier:var(--easy)}.diff-rylan{--tier:var(--rylan)}.diff-medium{--tier:var(--medium)}.diff-hard{--tier:var(--hard)}.diff-expert{--tier:var(--expert)}.diff-mason{--tier:var(--mason)}.play-button{justify-content:space-between;align-items:center;margin-top:10px;padding:14px 18px;font-size:16px;font-weight:600;display:flex}.diff-mapper{color:var(--muted);margin:10px 0 0;font-size:12px}.menu-hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.9}.sheet{max-width:560px;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 40px);margin:0 auto}.sheet-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.sheet-head h1{letter-spacing:-.01em;margin:0;font-size:26px}.lede{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.settings-page{max-width:880px;padding:calc(env(safe-area-inset-top) + 24px) clamp(20px, 4vw, 40px) calc(env(safe-area-inset-bottom) + 48px);margin:0 auto}.settings-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.settings-head h1{letter-spacing:-.02em;margin:0;font-size:28px}.settings-layout{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:640px){.settings-layout{grid-template-columns:1fr;gap:16px}.settings-tabs{overflow-x:auto;flex-direction:row!important}}.settings-tabs{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.settings-tabs button{text-align:left;border-radius:var(--radius);color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:10px 14px;font-size:14px}.settings-tabs button:hover{color:var(--ink);background:#ffffff0a;transform:none}.settings-tabs button[data-active=true]{color:var(--accent-ink);background:#6b8cff1f}.settings-panel{animation:rise-in .22s var(--ease-out);flex-direction:column;display:flex}.srow{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px 28px;padding:20px 0;display:grid}.srow:first-child{border-top:0;padding-top:4px}@media (max-width:640px){.srow{grid-template-columns:1fr}}.srow-text{flex-direction:column;gap:4px;display:flex}.srow-label{align-items:baseline;gap:10px;font-size:15px;font-weight:600;display:flex}.srow-label em{color:var(--accent-ink);font-variant-numeric:tabular-nums;font-size:13px;font-style:normal;font-weight:500}.srow-text small{color:var(--muted);font-size:13px;line-height:1.45}.srow-control{justify-content:flex-end;align-items:center;min-width:0;display:flex}.srow-control input[type=range]{width:100%;accent-color:var(--accent)}.srow-control .button{white-space:nowrap}.keys{color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:2}.switch{border:1px solid var(--line-strong);cursor:pointer;width:46px;height:26px;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out);background:#1b1f2c;border-radius:13px;flex-shrink:0;position:relative}.switch:after{content:"";background:var(--muted);width:18px;height:18px;transition:transform .18s var(--ease-out), background-color .18s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch[data-on=true]{background:#23305c;border-color:#3b4f9a}.switch[data-on=true]:after{background:var(--accent-ink);transform:translate(20px)}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.choice{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);gap:4px;padding:3px;display:flex}.choice button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:8px 12px;font-size:13px}.choice button:hover{color:var(--ink);transform:none}.choice button[aria-checked=true]{color:var(--ink);background:#1c2134}.sound-grid{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;display:grid}.sound-grid button{background:var(--bg-raised);border:1px solid var(--line-strong);padding:10px 8px;font-size:13px}.sound-grid button[aria-checked=true]{border-color:var(--accent);color:var(--accent-ink);background:#6b8cff1f}.tap-pad{touch-action:manipulation;width:100%;height:160px;margin:12px 0;font-size:16px}.reading{font-variant-numeric:tabular-nums;margin:0 0 12px}.row{gap:8px;display:flex}.slider{color:var(--muted);margin-top:28px;font-size:14px;display:block}.slider input{width:100%;accent-color:var(--accent);margin-top:8px}.install-hint{background:var(--bg-raised);border-radius:var(--radius);color:#b9c2d8;margin-top:32px;padding:14px 16px;font-size:13px;line-height:1.5}.install-hint p{margin:0 0 10px}.stage{background:#05060a;position:fixed;inset:0;overflow:hidden}.video-bg{position:absolute;inset:0;overflow:hidden}.video-host,.video-host iframe,.video-host video{pointer-events:none;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transition:opacity .25s var(--ease-out);border:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.34)}.video-bg[data-hidden=true] .video-host{opacity:0}.video-dim{pointer-events:none;background:radial-gradient(at 50% 100%,#05060a8c 0%,#05060a33 55%,#05060a00 100%),linear-gradient(#05060a8c,#05060a59 40%,#05060abf);position:absolute;inset:0}.track-wrap{perspective:700px;perspective-origin:50% 20%;position:absolute;inset:0;overflow:hidden}.track{transform-origin:50% 100%;width:100%;height:140vh;transform:rotateX(var(--tilt,18deg));will-change:transform;display:block;position:absolute;bottom:-4vh;left:0;right:0}.overlay{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:calc(env(safe-area-inset-top) + 12px);font-variant-numeric:tabular-nums;color:var(--muted);pointer-events:none;justify-content:space-between;align-items:baseline;font-size:15px;display:flex;position:absolute;left:16px;right:16px}.hud .score{color:var(--ink);letter-spacing:-.01em;font-size:22px;font-weight:700}.hud .chart-name{font-size:13px}.hud-foot{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 10px);color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;align-items:center;font-size:12px;display:flex;position:absolute}.hud-foot .hint{opacity:.55}.combo-panel{text-align:right;pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;gap:18px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.combo-block{opacity:.35;transition:opacity .2s var(--ease-out);flex-direction:column;align-items:flex-end;display:flex}.combo-block[data-active=true]{opacity:1}.combo-value{letter-spacing:-.02em;color:var(--ink);text-shadow:0 0 22px #78a0ff80;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1}.combo-perfect .combo-value{color:var(--medium);text-shadow:0 0 22px #ffd23f73}.combo-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:11px}@media (max-width:640px){.combo-panel{gap:10px;right:10px}}.lyric{text-align:center;color:#ffffffd9;text-shadow:0 2px 18px #000c;pointer-events:none;animation:lyric-in .22s var(--ease-out);margin:0;font-size:clamp(16px,2.6vw,26px);font-weight:600;position:absolute;top:44%;left:8%;right:8%}@keyframes lyric-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.gate{text-align:center;isolation:isolate;animation:fade-in .18s var(--ease-out);background:#07080d;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0;overflow:hidden}.gate:before{content:"";background:var(--gate-art) center / cover no-repeat;filter:blur(40px)saturate(1.2);opacity:.35;z-index:-1;position:absolute;inset:-10%}.gate[data-transparent=true]{background:#05060a66}.gate[data-transparent=true]:before{display:none}.gate-sub{max-width:34ch;line-height:1.5}.gate-title{letter-spacing:.02em;margin:0;font-size:34px;font-weight:700}.gate-sub{color:var(--muted);margin:0;font-size:14px}.gate-link{margin-top:16px;font-size:14px}.gate-links{gap:22px;margin-top:16px;font-size:14px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.results{text-align:center;isolation:isolate;animation:fade-in .26s var(--ease-out);background:#07080d;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.results:before{content:"";background:var(--gate-art) center / cover no-repeat;filter:blur(40px)saturate(1.2);opacity:.3;z-index:-1;position:absolute;inset:-10%}.results-song{color:var(--muted);margin:0;font-size:13px}.results-grade{letter-spacing:-.03em;animation:grade-in .42s var(--ease-out) both;margin:4px 0 0;font-size:clamp(72px,14vh,120px);font-weight:800;line-height:1}@keyframes grade-in{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:none}}.grade-ss,.grade-s{color:var(--medium)}.grade-a{color:var(--easy)}.grade-b,.grade-c{color:var(--accent-ink)}.grade-d{color:var(--hard)}.results-score{font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:30px;font-weight:700}.results-stats{text-align:left;grid-template-columns:auto auto;gap:6px 24px;margin:0 0 18px;font-size:14px;display:grid}.results-stats dt{color:var(--muted)}.results-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.results-judgements{color:var(--muted);gap:22px;margin:0 0 26px;padding:0;font-size:12px;list-style:none;display:flex}.results-judgements li{flex-direction:column;align-items:center;gap:2px;display:flex}.results-judgements span{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.j-perfect span{color:var(--medium)}.j-great span{color:var(--easy)}.j-good span{color:#38bdf8}.j-miss span{color:var(--hard)}.results-actions{gap:10px;display:flex}.results-actions .button{padding:12px 22px}.harness-controls{gap:6px;display:flex;position:absolute;top:12px;left:12px}.harness-controls button{padding:6px 10px;font-size:12px}.harness-controls button[data-active=true]{border-color:var(--accent);color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.progress{z-index:2;background:#ffffff14;height:3px;position:absolute;top:0;left:0;right:0}.progress span{transform-origin:0;background:linear-gradient(to right, var(--accent), var(--accent-ink));width:100%;height:100%;transition:transform .12s linear;display:block;box-shadow:0 0 10px #6b8cff99}.hud .chart-name{text-shadow:0 1px 8px #000000e6;flex-direction:column;align-items:center;gap:2px;display:flex}.time-left{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}button,.button,.link-button,.diff-option,.song-row{transition:transform .15s var(--ease-out), border-color .15s var(--ease-out), background-color .15s var(--ease-out), color .15s var(--ease-out), box-shadow .15s var(--ease-out)}button:not(:disabled):hover,.button:hover{transform:translateY(-1px)}button:not(:disabled):active,.button:active{transition-duration:60ms;transform:translateY(0)scale(.98)}.primary:hover{box-shadow:0 6px 24px #6b8cff47}.play-button{position:relative;overflow:hidden}.play-button:after{content:"";transition:transform .5s var(--ease-out);background:linear-gradient(110deg,#0000 30%,#ffffff1f 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.play-button:hover:after{transform:translate(100%)}.diff-option:hover{transform:translateY(-1px)}.song-row:hover img{filter:brightness(1.15)}.song-row img{transition:filter .15s var(--ease-out)}.link-button:hover{text-underline-offset:3px;text-decoration:underline;transform:none}.menu-head nav a:hover{text-underline-offset:3px;text-decoration:underline}.track-wrap{transition:opacity .7s var(--ease-out), filter .7s var(--ease-out)}.track-wrap[data-intro=true] .track{animation:track-in .8s var(--ease-out) both}@keyframes track-in{0%{opacity:0;transform:rotateX(calc(var(--tilt,18deg) + 22deg)) translateY(12vh) scale(.92)}to{opacity:1;transform:rotateX(var(--tilt,18deg))}}.track-wrap[data-ending=true]{opacity:0;filter:blur(8px)}.track-wrap[data-ending=true] .track{animation:track-out .9s var(--ease-out) both}@keyframes track-out{to{transform:rotateX(var(--tilt,18deg)) translateY(-8vh) scale(1.04)}}.results>*{animation:rise-in .42s var(--ease-out) both}.results>:nth-child(2){animation-delay:60ms}.results>:nth-child(3){animation-delay:.14s}.results>:nth-child(4){animation-delay:.22s}.results>:nth-child(5){animation-delay:.3s}.results>:nth-child(6){animation-delay:.38s}.results>:nth-child(7){animation-delay:.46s}.results>:nth-child(8){animation-delay:.54s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.results-grade{animation:grade-in .52s var(--ease-out) both!important;animation-delay:.14s!important}.grade-bar{width:min(420px,80vw);margin:4px 0 18px;padding-top:18px}.grade-track{background:#ffffff14;border-radius:4px;height:8px;position:relative}.grade-fill{transform-origin:0;background:linear-gradient(to right, var(--hard), var(--medium) 55%, var(--easy) 85%, #fff);animation:fill-in .9s var(--ease-out) .5s both;border-radius:4px;position:absolute;inset:0}@keyframes fill-in{0%{transform:scaleX(0)}}.grade-marker{width:14px;height:14px;animation:fade-in .3s var(--ease-out) 1.3s both;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff40,0 0 16px #fff9}.grade-tick{letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:700;position:absolute;top:-18px;transform:translate(-50%)}.grade-tick:after{content:"";background:#ffffff40;width:1px;height:12px;position:absolute;top:16px;left:50%}.grade-tick.grade-ss,.grade-tick.grade-s{color:var(--medium)}.grade-tick.grade-a{color:var(--easy)}.confetti{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;animation:none!important}.touch-surface{z-index:4;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.touch-surface[data-active=true]{pointer-events:auto}.pause-button{top:calc(env(safe-area-inset-top) + 8px);z-index:5;letter-spacing:-2px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1017b3;border-color:#ffffff1f;width:40px;height:36px;padding:0;font-size:11px;position:absolute;right:12px}.gate,.results{z-index:6}.hud,.hud-foot,.combo-panel,.lyric,.progress{z-index:3}@media (pointer:coarse){.track-wrap{perspective:1100px;perspective-origin:50% 25%}.hud{top:calc(env(safe-area-inset-top) + 10px);font-size:13px;left:12px;right:60px}.hud .score{font-size:18px}.combo-panel{top:calc(env(safe-area-inset-top) + 64px);text-align:center;flex-direction:row;justify-content:center;gap:28px;left:0;right:0;transform:none}.combo-block{align-items:center}.combo-value{font-size:clamp(22px,7vw,34px)}.lyric{font-size:clamp(14px,4.2vw,20px);top:36%}.hud-foot{font-size:11px}.menu{padding-left:16px;padding-right:16px}.song-row{padding:12px 10px}.diff-option{padding:11px 0}.play-button{padding:16px 18px}.menu-hint{display:none}.results-actions .button,.gate button,.link-button{padding:12px 20px;font-size:15px}}@media (max-width:480px){.results-stats{font-size:13px}.results-judgements{gap:14px}.grade-bar{width:86vw}}.icon-nav{align-items:center;gap:6px;display:flex}.icon-button{width:38px;height:38px;color:var(--muted);background:#ffffff0a;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{color:var(--ink);border-color:var(--line-strong);background:#ffffff14}.pause-button.icon-button{width:40px;height:38px;color:var(--ink);background:#0e1017b3;border-color:#ffffff1f}.results-actions .button{align-items:center;gap:8px;display:inline-flex}.gate-links .icon-button{width:44px;height:44px}.search{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--muted);transition:border-color .15s var(--ease-out);align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;display:flex}.search:focus-within{border-color:var(--accent);color:var(--ink)}.search input{min-width:0;font:inherit;color:var(--ink);-webkit-appearance:none;background:0 0;border:0;outline:0;flex:1;font-size:15px}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.song-list{scrollbar-width:thin;max-height:calc(100vh - 140px);padding-right:4px;overflow-y:auto}.logo{border-radius:7px;width:28px;height:28px}.account-button{height:38px;color:var(--ink);border:1px solid var(--line-strong);background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;margin-left:6px;padding:0 12px 0 8px;font-size:13px;display:inline-flex}.account-button:hover{background:#ffffff14}.avatar{color:#fff;background:linear-gradient(135deg,#7b5cff,#ff5fa8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:inline-flex}.avatar.small{width:24px;height:24px;font-size:12px}img.avatar{object-fit:cover;background:var(--bg-raised)}.avatar-picker{flex-direction:column;align-items:center;gap:4px;display:flex}.avatar-edit{transition:transform .16s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-edit:hover{transform:scale(1.05)}.avatar-edit-badge{background:var(--bg-raised);border:1px solid var(--line-strong);width:26px;height:26px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.account-links{gap:18px;margin:-12px 0 28px;display:flex}.account-links a{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.friend-person{align-items:center;gap:10px;display:inline-flex}.coins.big{margin-right:8px;font-size:15px}.grade-tally{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;padding:0;font-size:13px;list-style:none;display:flex}.grade-tally b{margin-right:3px;font-size:15px}.note-preview{background:var(--accent);border-radius:5px;flex-shrink:0;width:44px;height:14px;box-shadow:0 0 14px #6b8cff8c}.note-preview-neon{border:2px solid var(--accent);background:0 0}.note-preview-pill{border-radius:999px;height:10px}.note-preview-block{box-shadow:none;border-radius:1px}.note-preview-arrow{clip-path:polygon(50% 0,100% 60%,70% 60%,70% 100%,30% 100%,30% 60%,0 60%);border-radius:0;width:26px;height:20px}.note-preview-diamond{border-radius:3px;width:18px;height:18px;transform:rotate(45deg)}.note-preview-ring{border:3px solid var(--accent);background:0 0;border-radius:50%;width:18px;height:18px}.shop li{gap:14px}.highway-preview{background:linear-gradient(to right, var(--rail) 0 2px, var(--lane) 2px 14px, var(--rail) 14px 16px, var(--lane) 16px 28px, var(--rail) 28px 30px, var(--lane) 30px 42px, var(--rail) 42px 44px);width:44px;height:26px;box-shadow:0 0 10px color-mix(in srgb, var(--rail) 50%, transparent);border-radius:4px;flex-shrink:0}.note-preview-split{background:linear-gradient(to right, var(--accent) 0 45%, transparent 45% 55%, var(--accent) 55%);box-shadow:none}.note-preview-hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0;width:24px;height:20px}.note-preview-star{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);border-radius:0;width:22px;height:22px}.note-preview-bolt{clip-path:polygon(60% 0,20% 55%,45% 55%,35% 100%,80% 40%,55% 40%);border-radius:0;width:18px;height:24px}.note-preview-glass{background:#6b8cff59;border:1.5px solid #ffffffe6}.shop-text{flex:1}.zoom-text{z-index:6;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px #ffffffb3,0 2px 12px #00000080;pointer-events:none;animation:zoom-text 1.4s var(--ease-out) both;margin:0;font-size:clamp(28px,6vw,56px);font-weight:800;position:absolute;top:38%;left:50%}.zoom-text.results-zoom{animation-duration:2.4s;animation-delay:.4s;position:fixed;top:16%}@keyframes zoom-text{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.song-row,.board li,.bests li,.shop li{animation:stagger-in .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms)}@keyframes stagger-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.song-row{transition:transform .16s var(--ease-out), background .16s var(--ease-out)}.song-row:hover{transform:translate(4px)}.song-row[data-selected=true]{transform:translate(6px)}.button:active,.icon-button:active,.diff-option:active,.song-row:active{transition-duration:60ms;transform:scale(.96)}.icon-button{transition:transform .16s var(--ease-out), background .16s var(--ease-out), color .16s var(--ease-out)}.icon-button:hover{transform:translateY(-2px)}.sheet{animation:sheet-in .36s var(--ease-out) both}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.song-row,.board li,.bests li,.shop li,.sheet,.zoom-text{animation:none!important}}@media (max-width:640px){.account-label{display:none}.account-button{padding:0 8px}}.auth{flex-direction:column;gap:14px;max-width:380px;display:flex}.auth-mode{align-self:flex-start}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);transition:border-color .15s var(--ease-out);outline:0;padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--accent)}.form-error{color:var(--hard);margin:0;font-size:13px}.profile{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;margin-bottom:28px;padding:16px;display:flex}.profile-text{flex:1}.profile-name{margin:0;font-size:18px;font-weight:700}.profile .lede{margin:2px 0 0}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600}.bests{margin:0;padding:0;list-style:none}.bests a{border-top:1px solid var(--line);color:var(--ink);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:11px 6px;font-size:14px;display:grid}.bests li:first-child a{border-top:0}.bests a:hover{background:#ffffff08}.bests-song em{color:var(--tier,var(--muted));margin-left:6px;font-size:12px;font-style:normal}.bests-grade{font-weight:800}.bests-acc{color:var(--muted);font-size:13px}.board{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.board h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:12px;font-weight:600;display:flex}.board-me{letter-spacing:0;text-transform:none;color:var(--accent-ink);font-variant-numeric:tabular-nums}.board ol{font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:13px;list-style:none}.board li{border-radius:4px;grid-template-columns:24px 22px 1fr auto auto;align-items:center;gap:8px;padding:5px 6px;display:grid}.board li[data-me=true]{color:var(--accent-ink);background:#6b8cff1f}.board-rank{color:var(--muted)}.board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-acc{color:var(--muted)}.small{margin:0;font-size:13px}.results-post{color:var(--accent-ink);align-items:center;gap:6px;margin:-6px 0 10px;font-size:13px;display:inline-flex}.auto-badge{letter-spacing:.1em;color:#05060a;background:var(--medium);border-radius:4px;margin-right:8px;padding:2px 7px;font-size:11px;display:inline-block}.icon-button[data-on=true]{color:var(--medium);background:#ffd23f1f;border-color:#ffd23f80}.buffering{top:calc(env(safe-area-inset-top) + 52px);z-index:5;color:var(--ink);border:1px solid var(--line-strong);animation:fade-in .2s var(--ease-out);background:#0e1017d9;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.spinner{border:2px solid #fff3;border-top-color:var(--accent-ink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button.discord{color:#fff;background:#5865f2;border-color:#5865f2;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:inline-flex}.button.discord:hover{background:#4752c4}.or{color:var(--muted);margin:14px 0;font-size:13px}img.avatar{object-fit:cover}.lyrics-editor{max-width:720px}.lyrics-step{border-top:1px solid var(--line);padding:20px 0}.lyrics-step h2{margin:0 0 6px;font-size:15px}.lyrics-step textarea{width:100%;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);resize:vertical;margin-bottom:10px;padding:10px 12px;font:14px/1.5 ui-monospace,monospace}.lyrics-player{grid-template-columns:240px 1fr;align-items:start;gap:16px;margin:12px 0;display:grid}@media (max-width:560px){.lyrics-player{grid-template-columns:1fr}}.lyrics-video{aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}.lyrics-video iframe{border:0;width:100%;height:100%}.lyrics-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lyrics-time{font-variant-numeric:tabular-nums;color:var(--muted);min-width:64px;font-size:13px}.lyrics-lines{border:1px solid var(--line);border-radius:var(--radius);max-height:360px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.lyrics-lines li{cursor:pointer;border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:12px;padding:7px 12px;font-size:14px;display:grid}.lyrics-lines li:first-child{border-top:0}.lyrics-lines li[data-current=true]{background:#6b8cff24}.lyrics-lines li[data-done=true] .lyrics-stamp{color:var(--easy)}.lyrics-stamp{color:var(--muted);font:12px ui-monospace,monospace}.lyrics-link{align-items:center;gap:6px;margin-top:14px;font-size:13px;display:inline-flex}.title-card{z-index:5;pointer-events:none;text-align:center;animation:card-out .4s var(--ease-out) var(--card-hold,2.2s) both;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.title-card-title{letter-spacing:-.02em;text-shadow:0 4px 30px #000000b3;animation:card-title .7s var(--ease-out) both;margin:0;font-size:clamp(30px,6vw,64px);font-weight:800}.title-card-artist{color:#fffc;text-shadow:0 2px 16px #000000b3;animation:card-title .7s var(--ease-out) .55s both;margin:0;font-size:clamp(14px,2.2vw,22px)}@keyframes card-title{0%{opacity:0;letter-spacing:.1em;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes card-out{to{opacity:0;transform:scale(1.04)}}.coins{border-left:1px solid var(--line-strong);color:var(--medium);font-variant-numeric:tabular-nums;align-items:center;gap:4px;margin-left:2px;padding-left:8px;display:inline-flex}.account-tabs{align-self:flex-start;margin:0 0 20px}.choice button[data-active=true]{color:var(--ink);background:#1c2134}.friend-add{margin-bottom:14px}.friend-add input{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;flex:1;padding:10px 12px;font-size:15px}.friend-list{margin:0 0 20px;padding:0;list-style:none}.friend-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 6px;font-size:14px;display:flex}.friend-list li:first-child{border-top:0}.friend-list em{color:var(--muted);margin-left:6px;font-size:13px;font-style:normal}.shop{margin:0 0 24px;padding:0;list-style:none}.shop li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 6px;display:flex}.shop li:first-child{border-top:0}.shop li[data-equipped=true]{border-radius:var(--radius);background:#6b8cff14}.shop-text{flex-direction:column;gap:2px;display:flex}.shop-name{font-size:14px;font-weight:600}.shop-text small{color:var(--muted);font-size:12px}.shop .button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.board-toggle{letter-spacing:0;text-transform:none;border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0d;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.board-toggle[data-on=true]{color:var(--accent-ink);border-color:var(--accent)}.versus-actions{flex-wrap:wrap;gap:10px;margin:18px 0 28px;display:flex}.versus-actions .row{gap:8px;display:flex}.versus-actions input{width:120px;font:inherit;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;padding:0 12px;font-size:15px}.versus-actions input:focus{border-color:var(--accent)}.versus-actions .button{align-items:center;gap:8px;display:inline-flex}.chart-picker{flex-direction:column;gap:12px;max-width:520px;display:flex}.chart-picker select{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;padding:10px 12px;font-size:15px}.chart-picker .diff-picker{max-width:520px}.room{flex-direction:column;gap:22px;max-width:560px;display:flex}.room-code{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:16px 18px;display:flex}.room-code b{letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:40px}.room-code small{color:var(--muted)}.room-players{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.room-players li{border:1px solid var(--line);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);background:#ffffff05;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.room-players li[data-ready=true]{border-color:var(--accent);background:#6b8cff1a}.room-players .room-empty{color:var(--muted);border-style:dashed;font-size:13px}.room-name{flex:1;font-weight:600}.room-name em{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-left:6px;font-size:11px;font-style:normal}.room-status{color:var(--muted);font-size:12px}li[data-ready=true] .room-status{color:var(--accent-ink)}.room-chart{flex-direction:column;gap:10px;display:flex}.room-chart-name{margin:0;font-size:18px;font-weight:700}.room-chart-name em{margin-left:8px;font-size:13px;font-style:normal}.room-chart-name small{color:var(--muted);font-size:13px;font-weight:400;display:block}.match-list{margin:0;padding:0;list-style:none}.match-list li{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;animation:stagger-in .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms);grid-template-columns:28px 24px 1fr auto;align-items:center;gap:10px;padding:9px 6px;font-size:14px;display:grid}.match-list li:first-child{border-top:0}.match-result{color:var(--hard);font-weight:800}li[data-won=true] .match-result{color:var(--easy)}.match-who small,.match-score small{color:var(--muted);font-size:12px;display:block}.match-score{text-align:right}.rival-panel{z-index:5;font-variant-numeric:tabular-nums;pointer-events:none;min-width:150px;animation:fade-in .3s var(--ease-out);background:#0a0c14b3;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:absolute;top:86px;right:16px}.rival-who{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.rival-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.rival-score{font-size:22px;font-weight:700}.rival-meta{color:var(--muted);font-size:12px}.rival-lead{color:var(--hard);font-size:13px;font-weight:700}.rival-panel[data-ahead=true] .rival-lead{color:var(--easy)}.rival-chart{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px}.gate-title.countdown{animation:zoom-text 1s var(--ease-out) both;font-size:clamp(72px,18vw,160px)}.match-banner{border:1px solid var(--line-strong);text-align:center;background:#ffffff0d;border-radius:12px;margin:4px 0 8px;padding:14px 18px}.match-banner.waiting{color:var(--muted);font-size:14px}.match-banner.won{border-color:var(--easy);background:#4ade801a}.match-banner.lost{border-color:var(--hard);background:#f871711a}.match-verdict{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:26px;font-weight:800}.match-line{color:var(--muted);margin:4px 0 12px;font-size:14px}.match-banner .results-actions{justify-content:center;margin:0}@media (max-width:640px){.room-players{grid-template-columns:1fr}.rival-panel{min-width:0;padding:8px 10px;top:auto;bottom:96px;right:10px}.rival-score{font-size:18px}}.shop-tabs{flex-wrap:wrap;align-self:flex-start;margin:0 0 18px}.title-badge{letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:var(--muted);border:1px solid var(--line-strong);background:#ffffff0a;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:700;display:inline-block}.title-preview{text-align:center;min-width:44px;margin:0}.title-rookie{color:#9ec5ff;border-color:#9ec5ff55}.title-grinder{color:#ffd07a;border-color:#ffd07a55}.title-sharpshooter{color:#ff8fb3;border-color:#ff8fb355}.title-mason{color:#6b8cff;background:#6b8cff1f;border-color:#6b8cff88}.title-untouchable{color:#5ee9a4;background:#5ee9a41a;border-color:#5ee9a488}.title-legend{color:#fff;background:linear-gradient(90deg,#b8860b,#f5c542,#b8860b);border-color:#f5c542}.title-founder{color:#fff;background:linear-gradient(90deg,#ff5fa8,#7b5cff,#5ee9a4);border:0}.combo-preview{text-align:center;color:#fff;flex-shrink:0;width:44px;font-size:18px;font-weight:800}.combo-preview[data-style=rainbow] b{background:linear-gradient(90deg,#ff5f5f,#ffd23f,#5ee9a4,#6b8cff,#ff5fa8);color:#0000;-webkit-background-clip:text;background-clip:text}.combo-preview[data-style=flame] b{color:#ff9a3c;text-shadow:0 0 10px #ff6a00}.combo-preview[data-style=gold] b{background:linear-gradient(#fff3b0,#f5c542 50%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text}.combo-preview[data-style=glitch] b{text-shadow:-2px 0 #ff3c5a,2px 0 #3cdcff}.combo-preview[data-style=bounce] b{animation:combo-bounce .9s var(--ease-out) infinite;display:inline-block}.combo-preview[data-style=slam] b{animation:combo-slam 1.2s var(--ease-out) infinite;display:inline-block}.judge-preview{text-transform:uppercase;color:#ffd23f;text-shadow:0 0 10px #ffd23f88;flex-shrink:0;width:60px;font-size:13px;font-weight:800}.judge-preview[data-style=outline]{color:#0000;-webkit-text-stroke:1px #ffd23f;text-shadow:none}.judge-preview[data-style=pixel]{text-shadow:none;font-family:ui-monospace,Menlo,monospace}.judge-preview[data-style=script]{text-transform:none;font-family:Georgia,serif;font-style:italic;font-weight:600}.judge-preview[data-style=neon]{text-shadow:0 0 6px #ffd23f,0 0 16px #ffd23f;font-weight:300}.judge-preview[data-style=minimal]{text-shadow:none;letter-spacing:.1em;font-size:10px}.lobby-preview{background:linear-gradient(135deg, var(--a), var(--b));border:1px solid #ffffff26;border-radius:5px;flex-shrink:0;width:44px;height:26px}.room[data-lobby] .room-code,.room[data-lobby] .room-players li{background:linear-gradient(135deg, var(--lobby-a,var(--bg-raised)), var(--lobby-b,var(--bg-raised)))}.room[data-lobby=ember]{--lobby-a:#3a1a0a;--lobby-b:#150804}.room[data-lobby=ocean]{--lobby-a:#0a2a3a;--lobby-b:#04101a}.room[data-lobby=galaxy]{--lobby-a:#2a0a3a;--lobby-b:#3a0a2a}.room[data-lobby=gold]{--lobby-a:#4a3a08;--lobby-b:#1a1204}.room[data-lobby=blackout]{--lobby-a:#000;--lobby-b:#050505}.room[data-lobby=blackout] .room-code,.room[data-lobby=blackout] .room-players li{border-color:#ffffff80}.combo-panel .combo-value{display:inline-block}.combo-panel[data-style=bounce] .combo-value{animation:combo-bounce .26s var(--ease-out)}.combo-panel[data-style=slam] .combo-value{animation:combo-slam .3s var(--ease-out)}.combo-panel[data-style=glitch] .combo-value{animation:.22s steps(3,end) both combo-glitch}.combo-panel[data-style=rainbow] .combo-value{animation:3s linear infinite combo-rainbow}.combo-panel[data-style=flame] .combo-value{color:#ff9a3c;text-shadow:0 0 14px #ff6a00,0 0 30px #ff3c00;animation:.7s ease-in-out infinite alternate combo-flame}.combo-panel[data-style=gold] .combo-value{background:linear-gradient(#fff3b0,#f5c542 50%,#b8860b);color:#0000;filter:drop-shadow(0 0 8px #f5c54299);-webkit-background-clip:text;background-clip:text}@keyframes combo-bounce{0%{transform:scale(1.4)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes combo-slam{0%{opacity:.4;transform:translateY(-18px)scale(1.2)}to{opacity:1;transform:none}}@keyframes combo-glitch{0%{text-shadow:-4px 0 #ff3c5a,4px 0 #3cdcff;transform:translate(-2px)}50%{text-shadow:3px 0 #ff3c5a,-3px 0 #3cdcff;transform:translate(2px)}to{text-shadow:none;transform:none}}@keyframes combo-rainbow{0%{color:#f65555}25%{color:#a6f655}50%{color:#55f6f6}75%{color:#a655f6}to{color:#f65555}}@keyframes combo-flame{0%{text-shadow:0 0 10px #ff6a00,0 0 24px #ff3c00}to{text-shadow:0 0 18px #ffa040,0 0 40px #ff5a00}}.hero{border:1px solid var(--line-strong);background:radial-gradient(120% 160% at 0% 0%, #7b5cff59, transparent 55%), radial-gradient(100% 140% at 100% 100%, #ff5fa847, transparent 55%), var(--bg-raised);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin:0 0 26px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000)}.hero-shop{background:radial-gradient(120% 160% at 0% 0%, #f5c5424d, transparent 55%), radial-gradient(100% 140% at 100% 100%, #7b5cff4d, transparent 55%), var(--bg-raised)}.hero-text{z-index:1;position:relative}.hero h2{letter-spacing:-.01em;margin:4px 0 6px;font-size:clamp(26px,4vw,38px)}.hero .lede{max-width:520px;margin:0}.hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink);margin:0;font-size:11px;font-weight:700}.hero-wallet{z-index:1;color:#f5c542;background:#00000059;border:1px solid #f5c54266;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 22px;display:flex;position:relative}.hero-wallet b{color:#fff;font-variant-numeric:tabular-nums;font-size:24px}.hero-wallet small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.discord-button{z-index:1;white-space:nowrap;color:#fff;background:#5865f2;border-color:#5865f2;align-items:center;gap:8px;display:inline-flex;position:relative}.discord-button:hover{background:#4752c4}.versus-grid{grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:24px;display:grid}.panel{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;padding:18px 20px}.panel .versus-actions{margin-bottom:0}.chart-pick-row{align-items:flex-end;gap:12px;display:flex}.chart-pick-row .field{flex:1}.chart-pick-art{object-fit:cover;border:1px solid var(--line-strong);border-radius:8px;width:84px;height:48px}.size-picker{align-self:flex-start;margin-top:12px}.join-form{gap:8px;margin-bottom:6px;display:flex}.join-form input{font:inherit;letter-spacing:.35em;text-align:center;text-transform:uppercase;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;flex:1;padding:8px 12px;font-size:22px;font-weight:700}.join-form input:focus{border-color:var(--accent)}.room-head{grid-template-columns:auto 1fr;align-items:start;gap:18px;display:grid}.room-code b{font-size:44px}.teams{grid-template-columns:1fr 1fr;gap:14px;display:grid}.team{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:14px}.team[data-mine=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px #6b8cff4d}.team-b{--accent:#ff6b8a}.team-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.team-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);font-size:12px;font-weight:700}.team-b .team-name{color:#ffb3c1}.team .room-players{grid-template-columns:1fr}.rival-teams{grid-template-columns:auto auto;align-items:baseline;column-gap:10px;margin-bottom:4px;display:grid}.rival-teams b{font-size:20px}.rival-teams small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.rival-row{grid-template-columns:18px minmax(0,1fr) auto auto;align-items:center;gap:6px;font-size:12px;display:grid}.rival-row .rival-score{font-size:14px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.shop-grid li{border:1px solid var(--line);border-top:1px solid var(--line);background:var(--bg-raised);transition:transform .16s var(--ease-out), border-color .16s var(--ease-out);border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;padding:14px}.shop-grid li:first-child{border-top:1px solid var(--line)}.shop-grid li:hover{border-color:var(--line-strong);transform:translateY(-2px)}.shop-grid li[data-equipped=true]{border-color:var(--accent);background:linear-gradient(180deg, #6b8cff24, var(--bg-raised))}.shop-grid li[data-owned=true]:not([data-equipped=true]){border-color:#5ee9a459}.shop-preview{border:1px solid var(--line);background:radial-gradient(60% 80%,#ffffff0f,#0000),#0b0d15;border-radius:10px;justify-content:center;align-items:center;height:64px;display:flex}.shop-grid .shop-text{flex:1}.shop-grid .button{justify-content:center}@media (max-width:720px){.hero{flex-direction:column;align-items:flex-start}.versus-grid,.teams,.room-head{grid-template-columns:1fr}}.sheet.versus,.sheet.shop-page{max-width:1080px}.fever-preview{border:1px solid var(--line);--f:#6b8cff99;background:#0b0d15;border-radius:5px;flex-shrink:0;width:44px;height:30px}.fever-preview[data-style=chevrons]{background-image:linear-gradient(135deg, transparent 45%, var(--f) 45% 55%, transparent 55%), linear-gradient(45deg, transparent 45%, var(--f) 45% 55%, transparent 55%);background-position:0 0,22px 0;background-repeat:repeat;background-size:22px 14px}.fever-preview[data-style=rays]{background-image:repeating-linear-gradient(90deg, transparent 0 9px, var(--f) 9px 11px)}.fever-preview[data-style=pulse]{box-shadow:inset 6px 0 10px -4px var(--f), inset -6px 0 10px -4px var(--f)}.fever-preview[data-style=rain]{background-image:repeating-linear-gradient(180deg, var(--f) 0 6px, transparent 6px 14px);background-position:8px 0,20px 4px,32px 2px;background-repeat:repeat-y;background-size:2px 14px}.play-setup{flex-direction:column;gap:18px;display:flex}.setup-chart{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;grid-template-columns:200px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.setup-art{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line-strong);border-radius:10px;width:100%}.setup-fields{flex-direction:column;gap:10px;min-width:0;display:flex}.setup-fields select,.host-controls select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;max-width:100%;padding:9px 12px;font-size:14px}.setup-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tile{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.tile h3{margin:0;font-size:15px}.tile p{color:var(--muted);flex:1;margin:0;font-size:13px}.tile .size-picker,.tile .join-form{margin:0}.tile .join-form input{padding:6px 10px;font-size:18px}.room-top{grid-template-columns:auto 1fr;align-items:stretch;gap:16px;display:grid}.room-chart-card{border:1px solid var(--line);background:var(--bg-raised);border-radius:10px;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.room-chart-card img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex-shrink:0;width:120px}.room-chart-card .room-chart-name{margin:0 0 8px}.host-controls{flex-wrap:wrap;gap:8px;display:flex}.room-body{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.room-body .room-players{grid-template-columns:1fr 1fr}.chat{border:1px solid var(--line);background:var(--bg-raised);border-radius:12px;flex-direction:column;height:320px;display:flex;overflow:hidden}.chat-list{scrollbar-width:thin;flex-direction:column;flex:1;gap:4px;padding:10px 12px;font-size:13px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:auto 0;font-size:12px}.chat-line{word-break:break-word;margin:0;line-height:1.35}.chat-line b{color:var(--accent-ink);margin-right:6px}.chat-line b small{color:var(--muted);margin-left:4px;font-size:10px;font-weight:400}.chat-line[data-me=true] b{color:#fff}.chat-line[data-system=true]{color:var(--muted);font-size:12px;font-style:italic}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-form input{min-width:0;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;outline:0;flex:1;padding:8px 10px;font-size:13px}.chat-form input:focus{border-color:var(--accent)}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-list li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms);border-radius:12px;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.room-list img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:96px}.room-list-text{flex-direction:column;gap:2px;min-width:0;display:flex}.room-list-text b em{margin-left:6px;font-size:12px;font-style:normal}.room-list-text small{color:var(--muted);font-size:12px}.live-board{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.live-board li{border:1px solid var(--line);background:var(--bg-raised);font-variant-numeric:tabular-nums;animation:stagger-in .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms);border-radius:10px;grid-template-columns:28px 28px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.live-board .board-score{font-size:16px;font-weight:700}.live-meta{color:var(--muted);font-size:12px}.spectate-state{font-size:28px}.spectate-state[data-live=true]{color:var(--hard)}.spectate-state[data-live=true]:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px;margin-right:8px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:.3}}.rival-place{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.rival-place b{font-size:22px}.rival-place small{color:var(--muted);font-size:11px}.rival-chat{color:var(--ink);border-top:1px solid #ffffff1a;flex-direction:column;gap:2px;margin-top:6px;padding-top:6px;font-size:11px;display:flex}.rival-chat b{color:var(--accent-ink)}.rival-chat [data-system=true]{color:var(--muted);font-style:italic}.places{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin:8px 0 12px;padding:0;font-size:14px;list-style:none;display:flex}.places li{border-radius:6px;grid-template-columns:36px 1fr auto;gap:10px;padding:4px 8px;display:grid}.places li[data-me=true]{background:#ffffff1a}@media (max-width:720px){.setup-chart,.setup-actions,.room-top,.room-body,.room-body .room-players{grid-template-columns:1fr}}.note-preview-heart{clip-path:polygon(50% 100%,0 40%,10% 12%,30% 0,50% 18%,70% 0,90% 12%,100% 40%);border-radius:0;width:22px;height:20px}.note-preview-crystal{clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);border-radius:0;width:18px;height:24px}.note-preview-music{clip-path:polygon(30% 100%,0 78%,30% 60%,40% 66%,40% 0,100% 10%,100% 35%,55% 25%,55% 85%);border-radius:0;width:18px;height:24px}.note-preview-flame{background:linear-gradient(#ffd07a,#ff6a2a);border-radius:50%/70% 70% 30% 30%;width:18px;height:26px;box-shadow:0 0 12px #ff6a2a}.note-preview-eye{background:radial-gradient(circle at 50% 50%, #0a0a12 0 30%, var(--accent) 31%);border-radius:50%;width:30px;height:16px}.combo-preview[data-style=ice] b{color:#bff0ff;text-shadow:0 0 10px #78dcff}.combo-preview[data-style=toxic] b{color:#96ff3c;text-shadow:0 0 10px #5aff28}.combo-preview[data-style=shadow] b{color:#000;-webkit-text-stroke:1px #fff}.combo-panel[data-style=ice] .combo-value{color:#bff0ff;text-shadow:0 0 14px #78dcff,0 0 30px #78dcff}.combo-panel[data-style=toxic] .combo-value{color:#96ff3c;text-shadow:0 0 14px #5aff28,0 0 30px #5aff28}.combo-panel[data-style=shadow] .combo-value{color:#000;-webkit-text-stroke:1.5px #fff}.judge-preview[data-style=comic]{color:#ffd23f;-webkit-text-stroke:1px #000;text-shadow:none;font-weight:900}.judge-preview[data-style=metal]{background:linear-gradient(#f4f4f4,#8a8f99 50%,#d8dbe0 52%,#5c616b);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.judge-preview[data-style=retro]{letter-spacing:.2em;text-shadow:none;font-family:ui-monospace,Menlo,monospace}.fever-preview[data-style=waves]{background-image:repeating-linear-gradient(180deg, transparent 0 6px, var(--f) 6px 10px)}.fever-preview[data-style=orbit]{background-image:radial-gradient(circle at 20% 60%, var(--f) 0 2px, transparent 3px), radial-gradient(circle at 50% 70%, var(--f) 0 2px, transparent 3px), radial-gradient(circle at 80% 60%, var(--f) 0 2px, transparent 3px)}.fever-preview[data-style=embers]{background-image:radial-gradient(circle at 25% 70%,#ffb060 0 1.5px,#0000 2.5px),radial-gradient(circle at 55% 40%,#ffb060 0 1.5px,#0000 2.5px),radial-gradient(circle at 75% 60%,#ffb060 0 1.5px,#0000 2.5px),radial-gradient(circle at 40% 20%,#ffb060 0 1.5px,#0000 2.5px)}.fever-preview[data-style=grid]{background-image:linear-gradient(var(--f) 1px, transparent 1px), linear-gradient(90deg, var(--f) 1px, transparent 1px);background-size:8px 8px}.title-sweat{color:#9ad8ff;border-color:#9ad8ff55}.title-speedrunner{color:#ffe08a;border-color:#ffe08a55}.title-menace{color:#ff7a7a;border-color:#ff7a7a66}.title-goat{color:#fff;background:#ffd23f2e;border-color:#ffd23f}.title-whale{color:#fff;background:linear-gradient(90deg,#22d3ee,#6b8cff,#22d3ee);border:0}.room[data-lobby=neon]{--lobby-a:#3a0a3a;--lobby-b:#0a2a3a}.room[data-lobby=royal]{--lobby-a:#2a1040;--lobby-b:#4a3a08}.settings-head{border:1px solid var(--line-strong);background:radial-gradient(120% 160% at 0% 0%, #6b8cff4d, transparent 55%), radial-gradient(100% 140% at 100% 100%, #5ee9a42e, transparent 55%), var(--bg-raised);border-radius:16px;padding:22px 26px}.settings-head .hero-kicker{margin-bottom:2px}.settings-layout{grid-template-columns:240px minmax(0,1fr)}.settings-tabs{gap:6px}.settings-tabs button{white-space:normal;border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-tabs button span{flex-direction:column;gap:1px;line-height:1.2;display:flex}.settings-tabs button small{color:var(--muted);font-size:11px}.settings-tabs button[data-active=true]{background:linear-gradient(90deg,#6b8cff29,#6b8cff0d);border-color:#6b8cff59}.settings-tabs button[data-active=true] small{color:var(--accent-ink)}@media (max-width:640px){.settings-tabs button small{display:none}}.calibrator{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;margin-bottom:24px;padding:18px}.calibrator .tap-pad{background:radial-gradient(60% 80% at 50% 50%, #6b8cff40, transparent), var(--bg);border:1px dashed var(--line-strong);color:var(--ink);border-radius:14px;margin:0 0 12px}.calibrator .slider{margin-top:18px}.calibrator .slider b{color:var(--ink);font-variant-numeric:tabular-nums}.changelog{max-width:760px}.build{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;margin-bottom:18px;padding:20px 22px}.build h2{margin:0 0 12px;font-size:20px}.build h2 span{color:var(--muted);font-size:14px;font-weight:400}.build-section{margin-top:12px}.build-section h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 6px;font-size:12px}.build-section ul{margin:0;padding-left:18px;font-size:14px;line-height:1.5}.build-section li{margin:2px 0}.roadmap .build-section ul{list-style:"▸  "}.menu-hint a{color:var(--muted)}.versus .room{max-width:none}.live-board .board-name{min-width:0}.rival-panel.audience{min-width:0;max-width:220px}.spectate-bar{left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:7;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c14c7;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.spectate-live{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.spectate-live[data-live=true]{color:var(--hard)}.spectate-live[data-live=true]:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s infinite blink;display:inline-block}.spectate-players{gap:4px;display:flex}.spectate-pick{background:0 0;border:2px solid #0000;border-radius:50%;padding:2px}.spectate-pick[data-active=true]{border-color:var(--accent)}.spectate-chat{right:16px;bottom:calc(env(safe-area-inset-bottom) + 70px);z-index:7;width:280px;position:absolute}.spectate-chat .chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c14bf;height:220px}@media (max-width:720px){.spectate-chat{width:auto;left:8px;right:8px}.spectate-chat .chat{height:150px}}.hit-select{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;min-width:200px;padding:9px 12px;font-size:14px}.hero-swag{background:radial-gradient(120% 160% at 0% 0%, #5ee9a440, transparent 55%), radial-gradient(100% 140% at 100% 100%, #ff5fa838, transparent 55%), var(--bg-raised)}.swag-group{margin-bottom:26px}.swag-group .section-title span{letter-spacing:0;text-transform:none;margin-left:8px;font-weight:400}.swag-more{justify-content:center;align-items:center;min-height:120px;display:flex;background:0 0!important;border-style:dashed!important}.swag-more a{color:var(--muted);font-size:13px}.sheet.studio{max-width:1080px}.choice-link{border-radius:var(--radius);color:var(--muted);align-items:center;padding:8px 14px;font-size:14px;display:inline-flex}.choice-link[data-active=true]{color:var(--ink);background:#1c2134}.studio-new{align-items:flex-end;gap:10px;max-width:640px;margin-bottom:8px;display:flex}.studio-new .field{flex:1}.draft-list{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.draft-list li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .36s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms);border-radius:12px;grid-template-columns:96px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.draft-list img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:96px}.draft-text{flex-direction:column;gap:2px;min-width:0;display:flex}.draft-text small{color:var(--muted);font-size:12px}.studio-editor{background:var(--bg);grid-template-columns:360px 1fr;height:100dvh;display:grid}.studio-side{border-right:1px solid var(--line);flex-direction:column;gap:12px;padding:14px;display:flex;overflow-y:auto}.studio-video{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.studio-video iframe{width:100%;height:100%}.studio-transport{align-items:center;gap:10px;display:flex}.studio-transport input[type=range]{accent-color:var(--accent);flex:1}.studio-time{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;font-size:12px}.studio-fields{flex-direction:column;gap:10px;display:flex}.studio-fields .field input,.studio-fields .field select{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius);outline:0;width:100%;padding:8px 10px;font-size:14px}.studio-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.studio-row .field{flex:1;min-width:90px}.studio-row .button{white-space:nowrap}.studio-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}@media (max-width:800px){.studio-editor{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh}.studio-side{border-right:0;border-bottom:1px solid var(--line)}.studio-canvas{height:70dvh}}.toasts{right:16px;top:calc(env(safe-area-inset-top) + 16px);z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{border:1px solid var(--line-strong);animation:slide-in .26s var(--ease-out);background:#0e1017f2;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;box-shadow:0 10px 30px #0006}.toast-text{max-width:220px}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.room-right{flex-direction:column;gap:10px;display:flex}.invite-box{border:1px solid var(--line);background:var(--bg-raised);border-radius:12px;padding:10px 12px}.invite-list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.invite-list li{grid-template-columns:22px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.color-field input[type=color]{cursor:pointer;height:38px;padding:2px}.note-preview-orb{border-radius:50%;width:18px;height:18px}.note-preview-chevron{clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%);border-radius:0;width:26px;height:20px}.note-preview-pixel{background:repeating-linear-gradient(90deg, var(--accent) 0 5px, transparent 5px 6px);box-shadow:none;border-radius:0}.note-preview-skull{background:radial-gradient(circle at 35% 40%, #0a0a12 0 3px, transparent 4px), radial-gradient(circle at 65% 40%, #0a0a12 0 3px, transparent 4px), var(--accent);border-radius:50% 50% 30% 30%;width:22px;height:22px}.combo-preview[data-style=candy] b{color:#ffa0dc;text-shadow:0 0 10px #fff}.combo-preview[data-style=matrix] b{color:#5aff6e;text-shadow:0 0 8px #3cff50;font-family:ui-monospace,Menlo,monospace}.combo-panel[data-style=candy] .combo-value{color:#ffa0dc;text-shadow:0 0 14px #fff,0 0 30px #ff9ad8}.combo-panel[data-style=matrix] .combo-value{color:#5aff6e;text-shadow:0 0 14px #3cff50;font-family:ui-monospace,Menlo,monospace}.judge-preview[data-style=bubble]{color:#fff;-webkit-text-stroke:1px #ff5fa8;text-shadow:none;font-weight:900}.judge-preview[data-style=stamp]{color:#0000;-webkit-text-stroke:1px #ffd23f;text-shadow:none;display:inline-block;transform:rotate(-8deg)}.fever-preview[data-style=stars]{background-image:radial-gradient(circle at 20% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 60% 70%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 80% 25%,#fff 0 1px,#0000 2px),radial-gradient(circle at 40% 55%,#fff 0 1px,#0000 2px)}.fever-preview[data-style=lightning]{background:linear-gradient(#ffffff59,#0b0d15 60%)}.title-charter{color:#ffd07a;border-color:#ffd07a55}.title-studiorat{color:#ff9a3c;background:#ff9a3c1f;border-color:#ff9a3c66}.title-spectator{color:#9ad8ff;border-color:#9ad8ff55}.room[data-lobby=studio]{--lobby-a:#1c1c22;--lobby-b:#3a0a12}.keybinder{align-items:center;gap:8px;display:flex}.keycap{background:var(--bg-raised);border:1px solid var(--line-strong);width:64px;color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.keycap small{color:var(--muted);font-size:10px}.keycap b{font-family:ui-monospace,Menlo,monospace;font-size:18px}.keycap[data-listening=true]{border-color:var(--accent);box-shadow:0 0 0 3px #6b8cff40}.swag-stage{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:16px;margin-bottom:28px;display:grid}.swag-track{border:1px solid var(--line-strong);background:#05060a;border-radius:16px;height:520px;position:relative;overflow:hidden}.swag-track .stage{position:absolute;inset:0}.swag-track .combo-panel{pointer-events:none}.hotspot{z-index:8;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .16s var(--ease-out), background .16s var(--ease-out);background:#0a0c14b3;border:1px dashed #ffffff4d;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;display:flex;position:absolute}.hotspot small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px}.hotspot b{font-size:13px}.hotspot:hover,.hotspot[data-active=true]{border-style:solid;border-color:var(--accent);background:#6b8cff33}.hs-notes{top:42%;left:50%;transform:translate(-50%)}.hs-highway{top:58%;left:12px}.hs-fever{top:12%;left:50%;transform:translate(-50%)}.hs-judge{top:62%;left:50%;transform:translate(-50%)}.hs-combo{top:40%;right:12px}.hs-title{top:12px;left:12px}.hs-lobby{top:12px;right:12px}.hs-name{z-index:7;background:#0a0c14b3;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 6px;font-size:13px;display:flex;position:absolute;top:52px;left:12px}.swag-picker{min-height:200px}.shop-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.shop-grid.compact li{gap:6px;padding:10px}.shop-grid.compact .shop-preview{height:48px}@media (max-width:800px){.swag-stage{grid-template-columns:1fr}.swag-track{height:420px}}.video-host video{object-fit:cover}.hs-lobby-card{z-index:7;border:1px solid var(--line-strong);background:linear-gradient(135deg, var(--lobby-a,#141a2b), var(--lobby-b,#0d1020));border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:52px;right:12px}.hs-lobby-card[data-lobby=ember]{--lobby-a:#3a1a0a;--lobby-b:#150804}.hs-lobby-card[data-lobby=ocean]{--lobby-a:#0a2a3a;--lobby-b:#04101a}.hs-lobby-card[data-lobby=galaxy]{--lobby-a:#2a0a3a;--lobby-b:#3a0a2a}.hs-lobby-card[data-lobby=gold]{--lobby-a:#4a3a08;--lobby-b:#1a1204}.hs-lobby-card[data-lobby=blackout]{--lobby-a:#000;--lobby-b:#050505;border-color:#ffffff80}.hs-lobby-card[data-lobby=neon]{--lobby-a:#3a0a3a;--lobby-b:#0a2a3a}.hs-lobby-card[data-lobby=royal]{--lobby-a:#2a1040;--lobby-b:#4a3a08}.hs-lobby-card[data-lobby=studio]{--lobby-a:#1c1c22;--lobby-b:#3a0a12}.hs-lobby{top:116px}.studio-tabs{align-self:flex-start}.studio-actions{border-top:1px solid var(--line);margin-top:6px;padding-top:10px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid var(--line-strong);border-radius:6px;width:40px;height:26px;padding:0}.color-demo{background:#0b0d15;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px;display:grid}.color-demo span{border-radius:5px;height:14px}.note-color-pick{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.note-color-pick .swatches{grid-column:1/-1}.note-colors[data-standalone=true]{max-width:520px}.note-colors .lede.small{margin:8px 0 0}.studio-notes{flex-direction:column;gap:14px;display:flex}.note-color-pick .color-demo{grid-column:1/-1}.profile-hero{border:1px solid var(--line-strong);background:radial-gradient(120% 160% at 0% 0%, #7b5cff4d, transparent 55%), linear-gradient(135deg, var(--lobby-a,#141a2b), var(--lobby-b,#0d1020));border-radius:16px;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex}.profile-hero[data-lobby=ember]{--lobby-a:#3a1a0a;--lobby-b:#150804}.profile-hero[data-lobby=ocean]{--lobby-a:#0a2a3a;--lobby-b:#04101a}.profile-hero[data-lobby=galaxy]{--lobby-a:#2a0a3a;--lobby-b:#3a0a2a}.profile-hero[data-lobby=gold]{--lobby-a:#4a3a08;--lobby-b:#1a1204}.profile-hero[data-lobby=blackout]{--lobby-a:#000;--lobby-b:#050505}.profile-hero[data-lobby=neon]{--lobby-a:#3a0a3a;--lobby-b:#0a2a3a}.profile-hero[data-lobby=royal]{--lobby-a:#2a1040;--lobby-b:#4a3a08}.profile-hero[data-lobby=studio]{--lobby-a:#1c1c22;--lobby-b:#3a0a12}.profile-hero-text{flex:1;min-width:0}.profile-hero .profile-name{flex-wrap:wrap;align-items:center;gap:8px;font-size:26px;display:flex}.profile-hero .row{margin-top:10px}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0 0 26px;padding:0;list-style:none;display:grid}.stat-tiles li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms);border-radius:12px;flex-direction:column;gap:2px;padding:14px;display:flex}.stat-tiles b{font-variant-numeric:tabular-nums;font-size:22px}.stat-tiles small{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px}.pill{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;display:inline-flex}.board-name,.room-name,.friend-person{color:inherit}.board-name:hover,.room-name:hover,.friend-person:hover{text-decoration:underline}@media (max-width:640px){.profile-hero{flex-direction:column;align-items:flex-start}}.review-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-list li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms);border-radius:12px;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.review-list li[data-focus=true]{border-color:var(--accent)}.review-list img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:120px}.review-text{flex-direction:column;gap:4px;min-width:0;display:flex}.review-text b span{color:var(--muted);font-weight:400}.review-text small{color:var(--muted);font-size:12px}.review-note{color:var(--ink)!important}.review-text input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;outline:0;max-width:420px;padding:6px 10px;font-size:13px}.review-actions{flex-direction:column;gap:6px;display:flex}.community-head{margin:10px 0 6px}.community-row{color:inherit}.studio-publish{border-top:1px solid var(--line);padding-top:10px}@media (max-width:640px){.review-list li{grid-template-columns:1fr}}.banner{background:linear-gradient(120deg, var(--ba), var(--bb));color:#fff;isolation:isolate;border-radius:12px;min-height:56px;position:relative;overflow:hidden}.banner:before{content:"";opacity:.35;pointer-events:none;position:absolute;inset:0}.banner-stripes:before{background:repeating-linear-gradient(135deg,#ffffff40 0 10px,#0000 10px 26px)}.banner-diamonds:before{background-color:#0000;background-image:linear-gradient(45deg,#fff3 25%,#0000 25% 75%,#fff3 75%),linear-gradient(-45deg,#fff3 25%,#0000 25% 75%,#fff3 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.banner-stars:before{background-image:radial-gradient(circle at 12% 30%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 40% 70%,#fff 0 1px,#0000 2px),radial-gradient(circle at 70% 25%,#fff 0 2px,#0000 3px),radial-gradient(circle at 88% 65%,#fff 0 1.2px,#0000 2.2px),radial-gradient(circle at 55% 45%,#fff 0 1px,#0000 2px)}.banner-waves:before{background:repeating-radial-gradient(circle at 50% 120%,#0000 0 18px,#ffffff2e 18px 20px)}.banner-grid:before{background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:18px 18px}.banner-rays:before{background:repeating-conic-gradient(from 0deg at 85% 50%, #ffffff38 0 6deg, transparent 6deg 16deg)}.banner-hex:before{background-image:radial-gradient(circle,#0000 0 9px,#fff3 9px 11px,#0000 11px);background-size:30px 26px}.banner-shine{pointer-events:none;background:linear-gradient(115deg,#0000 40%,#ffffff40 50%,#0000 60%);animation:4.5s ease-in-out infinite banner-shine;position:absolute;inset:-50% -20%;transform:translate(-60%)}.rarity-weekly .banner-shine{background:linear-gradient(115deg,#0000 40%,#ffffff73 50%,#0000 60%);animation-duration:2.8s}.rarity-epic .banner-shine{animation-duration:3.2s}.rarity-common .banner-shine{display:none}@keyframes banner-shine{0%,60%{transform:translate(-60%)}to{transform:translate(60%)}}.banner-emblem{opacity:.55;text-shadow:0 0 18px #fff9;pointer-events:none;font-size:34px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.rarity-weekly .banner-emblem{opacity:.9;animation:2.4s ease-in-out infinite emblem-pulse}@keyframes emblem-pulse{50%{transform:translateY(-50%)scale(1.15)}}.banner-name{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 6px #0009;font-size:12px;font-weight:700;position:absolute;bottom:10px;left:14px}.banner-content{z-index:1;position:relative}.banner-preview{width:100%;min-height:48px}.profile-hero{position:relative;overflow:hidden}.profile-banner{border-radius:0;min-height:0;position:absolute;inset:0}.profile-banner[data-banner=plain]{display:none}.profile-hero>:not(.profile-banner){z-index:1;position:relative}.profile-hero .lede,.profile-hero .profile-name{text-shadow:0 1px 8px #0009}.hs-banner-strip{z-index:6;opacity:.85;border-radius:0;height:96px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.hs-banner{top:100px;left:50%;transform:translate(-50%)}.weekly{z-index:1;margin-bottom:18px;position:relative}.weekly-banner{border:1px solid #ffffff2e;min-height:0}.weekly-inner{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.weekly-text h2{margin:2px 0 6px;font-size:22px}.weekly-text h2 em{margin-left:8px;font-size:13px;font-style:normal}.weekly-text .lede{color:#ffffffd9;text-shadow:0 1px 6px #00000080}.weekly .hero-kicker{color:#fffc}.weekly-side{flex-shrink:0;align-items:center;gap:12px;display:flex}.weekly-art{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff4d;border-radius:8px;width:120px}.weekly-board{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 18px;margin:8px 0 0;padding:0 6px;font-size:12px;list-style:none;display:flex}.weekly-board li{align-items:center;gap:6px;display:inline-flex}.weekly-board li[data-me=true]{color:var(--accent-ink)}.unlock{flex-direction:column;align-items:center;gap:6px;margin:6px 0 10px;display:flex}.unlock-banner{width:min(360px,80vw);min-height:64px;animation:unlock-in .7s var(--ease-out) both}@keyframes unlock-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:none}}.vs-intro{flex-direction:column;align-items:center;gap:16px;width:min(900px,94vw);display:flex}.vs-chart{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.vs-duel{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;width:100%;display:grid}.vs-mark{letter-spacing:-.04em;color:#fff;text-shadow:0 0 30px #ffffff80;animation:vs-pop .6s var(--ease-out) .3s both;font-size:clamp(40px,8vw,84px);font-style:italic;font-weight:900}.vs-card{border:1px solid #ffffff40;min-height:150px;box-shadow:0 20px 60px #00000080}.vs-left{animation:vs-left .6s var(--ease-out) both}.vs-right{animation:vs-right .6s var(--ease-out) both}.vs-card-inner{flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.vs-card-inner b{text-shadow:0 1px 8px #0009;font-size:22px}.vs-card-inner[data-small=true]{padding:12px}.vs-card-inner[data-small=true] b{font-size:15px}.vs-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%;display:grid}.vs-grid .vs-card{min-height:0}.vs-count{color:#fff;text-shadow:0 0 40px #fff9;margin:0;font-size:clamp(48px,10vw,110px);font-weight:900;line-height:1}@keyframes vs-left{0%{opacity:0;transform:translate(-60px)skew(-6deg)}to{opacity:1;transform:none}}@keyframes vs-right{0%{opacity:0;transform:translate(60px)skew(6deg)}to{opacity:1;transform:none}}@keyframes vs-pop{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:none}}@media (max-width:640px){.weekly-inner{flex-direction:column;align-items:flex-start}.vs-duel{grid-template-columns:1fr}.vs-mark{text-align:center}}.board-replay{color:var(--accent-ink);margin-right:6px;font-size:10px;display:inline-block}.board-replay:hover{color:#fff}.replay-bar{left:50%;top:calc(env(safe-area-inset-top) + 56px);z-index:7;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c14c7;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.replay-bar b{color:var(--ink)}.banner-art{pointer-events:none;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.banner-preview .banner-art text,.hs-banner-strip .banner-art text{display:none}.profile-banner .banner-art{opacity:.75}.banner-image{object-fit:cover;object-position:center 20%;pointer-events:none;width:46%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#0009 22%,#000 45%);mask-image:linear-gradient(90deg,#0000 0,#0009 22%,#000 45%)}.banner-cover{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.banner[data-bordered=true]:after{content:"";border:4px solid var(--bborder);border-radius:inherit;z-index:4;pointer-events:none;position:absolute;inset:0}.banner[data-bordered=true]{box-shadow:0 0 22px color-mix(in srgb, var(--bborder) 35%, transparent)}.banner[data-bordered=true] .banner-shine{background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--bborder) 40%, transparent) 50%, transparent 60%)}.profile-banner .banner-image{object-position:center 15%;width:36%}.banner-preview .banner-image,.hs-banner-strip .banner-image{width:40%}.banner-halftone:before{opacity:1;background-image:radial-gradient(circle, var(--bx) 0 1.6px, transparent 2.2px);background-size:9px 9px;-webkit-mask-image:linear-gradient(90deg,#0009,#00000026 50%,#00000080);mask-image:linear-gradient(90deg,#0009,#00000026 50%,#00000080)}.banner-halftone{box-shadow:inset 0 0 0 2px var(--bx), 0 0 24px color-mix(in srgb, var(--bx) 35%, transparent)}.banner-halftone .banner-shine{background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--bx) 45%, transparent) 50%, transparent 60%)}.banner-credit{letter-spacing:.08em;color:#ffffff8c;z-index:2;font-size:10px;position:absolute;bottom:8px;right:12px}.banner-preview .banner-credit,.hs-banner-strip .banner-credit{display:none}.banner-baguette{filter:drop-shadow(0 4px 10px #0009);opacity:.95;pointer-events:none;z-index:1;width:11%;max-width:120px;position:absolute;top:50%;left:46%;transform:translate(-50%,-50%)rotate(-28deg)}.profile-banner .banner-baguette,.banner-preview .banner-baguette,.hs-banner-strip .banner-baguette{display:none}.banner[data-hard=true] .banner-image{object-position:center 18%;width:34%;-webkit-mask-image:none;mask-image:none}.banner[data-light=true]{color:#111}.banner[data-light=true] .banner-credit{color:#0000008c}.banner[data-light=true] .banner-shine{display:none}.banner-titlebox{color:#fff;letter-spacing:.04em;z-index:2;background:#000;padding:.25em .55em;font-size:clamp(22px,5.5cqw,64px);font-weight:900;line-height:1.1;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.banner{container-type:inline-size}:is(.profile-hero:has(.banner[data-light=true]) .profile-name,.profile-hero:has(.banner[data-light=true]) .lede){color:#111;text-shadow:none}.profile-hero:has(.banner[data-light=true]) .button{color:#fff;background:#111;border-color:#111}.weekly-banner[data-light=true] .weekly-text h2,.weekly-banner[data-light=true] .weekly-text .lede,.weekly-banner[data-light=true] .hero-kicker{color:#111;text-shadow:none}.weekly-banner[data-light=true] .weekly-art{border-color:#0003}.vs-card[data-light=true] .vs-card-inner b{color:#111;text-shadow:none}.banner[data-light=true] .banner-baguette{filter:drop-shadow(0 3px 8px #00000040)}.profile-hero:has(.banner-cover){min-height:220px;padding:28px 24px}.profile-hero:has(.banner-cover) .banner-cover{object-position:right center}.profile-hero:has(.banner-cover) .profile-banner:before{content:"";opacity:1;z-index:1;background:linear-gradient(90deg,#0000008c,#00000040 45%,#0000 70%);position:absolute;inset:0}@media (max-width:640px){.profile-hero:has(.banner-cover) .banner-cover{object-position:72% center}.profile-hero:has(.banner-cover) .profile-banner:before{background:linear-gradient(#0000 30%,#0009)}.profile-hero:has(.banner-cover) .profile-hero-text{max-width:none}}.profile-hero:has(.banner-cover) .profile-hero-text{max-width:60%}.profile-hero:has(.banner-cover) .button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-color:#ffffff40}.weekly-banner:has(.banner-cover){height:clamp(220px,21vw,380px);min-height:0}.weekly-banner:has(.banner-cover):before{opacity:1;z-index:1;background:linear-gradient(#0000 40%,#000000bf)}.weekly-banner:has(.banner-cover) .banner-content{z-index:2;position:absolute;inset:auto 0 0}.weekly-banner:has(.banner-cover) .weekly-inner{padding:12px 18px 16px}.weekly-banner:has(.banner-cover) .weekly-side{margin-right:0}.weekly-banner:has(.banner-cover) .weekly-art{display:none}:is(.banner:has(.banner-cover) .banner-baguette,.banner:has(.banner-cover) .banner-titlebox,.banner:has(.banner-cover) .banner-name){display:none}@media (max-width:720px){.weekly-banner:has(.banner-cover){height:auto;min-height:200px}.weekly-banner:has(.banner-cover) .banner-cover{object-position:72% center}.weekly-banner:has(.banner-cover) .weekly-inner{flex-direction:row;align-items:flex-end}}.input-ask{flex-direction:column;align-items:center;gap:8px;display:flex}.input-ask-buttons{gap:12px;margin-top:10px;display:flex}.input-ask-buttons .button{flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:14px 18px;font-size:16px;display:flex}.input-ask-buttons small{opacity:.75;font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:400}.room[data-lobby=sakura]{--lobby-a:#3a1a2e;--lobby-b:#1a0a14}.room[data-lobby=mint]{--lobby-a:#0a2a22;--lobby-b:#04140f}.room[data-lobby=sunset]{--lobby-a:#3a1a0a;--lobby-b:#2a0a3a}.room[data-lobby=abyss]{--lobby-a:#06102a;--lobby-b:#020610}.room[data-lobby=crimson]{--lobby-a:#3a0a10;--lobby-b:#14040a}.room[data-lobby=toxic]{--lobby-a:#0e2a06;--lobby-b:#061402}.profile-hero[data-lobby=sakura]{--lobby-a:#3a1a2e;--lobby-b:#1a0a14}.profile-hero[data-lobby=mint]{--lobby-a:#0a2a22;--lobby-b:#04140f}.profile-hero[data-lobby=sunset]{--lobby-a:#3a1a0a;--lobby-b:#2a0a3a}.profile-hero[data-lobby=abyss]{--lobby-a:#06102a;--lobby-b:#020610}.profile-hero[data-lobby=crimson]{--lobby-a:#3a0a10;--lobby-b:#14040a}.profile-hero[data-lobby=toxic]{--lobby-a:#0e2a06;--lobby-b:#061402}.title-newbie{color:#c9d2e6;border-color:#c9d2e655}.title-tryhard{color:#ff9a3c;border-color:#ff9a3c55}.title-clutch{color:#5ee9a4;border-color:#5ee9a455}.title-nightowl{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa66}.title-fullcombo{color:#ffd23f;background:#ffd23f1a;border-color:#ffd23f66}.title-chartgoblin{color:#a3e635;border-color:#a3e63566}.title-tetofan{color:#ff5a5a;background:#ff5a5a1f;border-color:#ff5a5a88}.title-perfectionist{color:#fff;background:#ffd23f38;border-color:#ffd23f}.title-speeddemon{color:#fff;background:linear-gradient(90deg,#ef4444,#f97316);border:0}.title-touchgrass{color:#14532d;background:linear-gradient(90deg,#86efac,#4ade80);border:0}.title-overcharted{color:#fff;background:linear-gradient(90deg,#ff3c5a,#ffd23f);border:0}.title-mobilemenace{color:#fff;background:linear-gradient(90deg,#22d3ee,#f472b6);border:0}.note-preview-coin{background:radial-gradient(circle, var(--accent) 0 5px, #0006 5.5px 7px, var(--accent) 7.5px);border-radius:50%;width:18px;height:18px}.note-preview-cross{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);border-radius:0;width:20px;height:20px}.note-preview-bubble{border:2px solid var(--accent);background:0 0;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 8px #6b8cff80}.note-preview-moon{background:radial-gradient(circle at 70% 40%, transparent 0 7px, var(--accent) 7.5px);width:18px;height:18px;box-shadow:none;border-radius:50%}.note-preview-leaf{border-radius:100% 0;width:16px;height:24px}.note-preview-kite{clip-path:polygon(50% 0,100% 30%,50% 100%,0 30%);border-radius:0;width:16px;height:28px}.note-preview-saw{clip-path:polygon(0 100%,8% 0,16% 100%,25% 0,33% 100%,42% 0,50% 100%,58% 0,66% 100%,75% 0,83% 100%,92% 0,100% 100%);border-radius:0;width:44px;height:14px}.note-preview-dash{background:repeating-linear-gradient(90deg, var(--accent) 0 12px, transparent 12px 16px);box-shadow:none}.note-preview-ghost{background:radial-gradient(circle at 35% 40%, #0a0a12 0 2px, transparent 2.5px), radial-gradient(circle at 65% 40%, #0a0a12 0 2px, transparent 2.5px), var(--accent);border-radius:50% 50% 0 0;width:20px;height:22px}.note-preview-planet{outline-offset:4px;border-radius:50%;outline:2px solid #fffc;width:18px;height:18px;box-shadow:0 0 0 3px #0000,0 0 14px #6b8cff8c}.combo-preview[data-style=neon] b{color:#a5f3fc;text-shadow:0 0 12px #22d3ee,0 0 24px #22d3ee;font-weight:300}.combo-preview[data-style=outline] b{color:#0000;-webkit-text-stroke:1.5px #fff;text-shadow:none}.combo-preview[data-style=retro] b{color:#ffb000;text-shadow:0 0 10px #ffb000cc;font-family:ui-monospace,Menlo,monospace}.combo-preview[data-style=sakura] b{color:#ffb7d5;text-shadow:0 0 14px #fff}.combo-preview[data-style=hologram] b{background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text}.combo-preview[data-style=blood] b{color:#ef4444;text-shadow:0 3px #7f1d1d}.combo-preview[data-style=royal] b{color:#7c3aed;-webkit-text-stroke:1px #f5c542;text-shadow:0 0 10px #f5c54299}.judge-preview[data-style=ghost]{opacity:.45;text-shadow:none;font-size:12px}.judge-preview[data-style=loud]{font-size:22px}.judge-preview[data-style=sticker]{color:#fff;-webkit-text-stroke:3px #ffd23f;paint-order:stroke fill;text-shadow:none}.judge-preview[data-style=typewriter]{text-transform:lowercase;text-shadow:none;font-family:ui-monospace,Menlo,monospace;font-weight:500}.judge-preview[data-style=gothic]{text-shadow:0 3px #000;font-family:Georgia,Times New Roman,serif;font-weight:900}.judge-preview[data-style=chrome]{background:linear-gradient(#fff,#bfc5d2 48%,#6b7280 52%,#e5e7eb);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.fever-preview[data-style=bubbles]{background-image:radial-gradient(circle at 20% 60%, transparent 0 4px, var(--f) 4px 5px, transparent 5.5px), radial-gradient(circle at 60% 30%, transparent 0 3px, var(--f) 3px 4px, transparent 4.5px), radial-gradient(circle at 85% 70%, transparent 0 2px, var(--f) 2px 3px, transparent 3.5px)}.fever-preview[data-style=confetti]{background-image:linear-gradient(#ff5f5f,#ff5f5f),linear-gradient(#ffd23f,#ffd23f),linear-gradient(#5ee9a4,#5ee9a4),linear-gradient(#6b8cff,#6b8cff);background-position:10% 30%,40% 70%,65% 20%,85% 60%;background-repeat:no-repeat;background-size:6px 3px}.fever-preview[data-style=snow]{background-image:radial-gradient(circle at 15% 40%,#fff 0 1.5px,#0000 2px),radial-gradient(circle at 45% 75%,#fff 0 1.2px,#0000 2px),radial-gradient(circle at 70% 25%,#fff 0 1.8px,#0000 2.5px),radial-gradient(circle at 90% 60%,#fff 0 1px,#0000 2px)}.fever-preview[data-style=petals]{background-image:radial-gradient(5px 3px at 20% 40%,#ffb7d5 0 100%,#0000 101%),radial-gradient(5px 3px at 55% 70%,#ffb7d5 0 100%,#0000 101%),radial-gradient(5px 3px at 80% 30%,#ffb7d5 0 100%,#0000 101%)}.fever-preview[data-style=hearts]{background-image:radial-gradient(circle at 25%,#ff5fa8 0 3px,#0000 3.5px),radial-gradient(circle at 60% 40%,#ff5fa8 0 2.5px,#0000 3px),radial-gradient(circle at 85% 65%,#ff5fa8 0 2px,#0000 2.5px)}.fever-preview[data-style=scanlines]{background-image:repeating-linear-gradient(180deg, var(--f) 0 1px, transparent 1px 4px)}.fever-preview[data-style=beams]{background-image:conic-gradient(from 200deg at 50% 100%, transparent 0 20deg, var(--f) 20deg 28deg, transparent 28deg 60deg, var(--f) 60deg 68deg, transparent 68deg)}.clan-tag{letter-spacing:.04em;color:var(--accent-ink,#9ec5ff);opacity:.9;margin-right:5px;font-size:.85em;font-weight:700}.title-season{color:#fff;background:linear-gradient(90deg,#f5c542,#ff8a3c);border:0}.title-season-runnerup{color:#0f172a;background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.title-season-third{background:linear-gradient(90deg,#d97706,#92400e)}.season-card{z-index:1;border:1px solid var(--line);background:linear-gradient(120deg, #f5c54214, transparent 60%), var(--bg-raised);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 18px;display:flex;position:relative}.season-card-line{color:var(--muted);margin:2px 0 0}.season-card-line b{color:var(--ink)}.season-top{flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none;display:flex}.season-top li{align-items:center;gap:6px;font-size:13px;display:inline-flex}.season-top li b{font-variant-numeric:tabular-nums}.season-top li[data-rank="1"] .board-rank{color:#f5c542}.season-top li[data-rank="2"] .board-rank{color:#cbd5e1}.season-top li[data-rank="3"] .board-rank{color:#d97706}.season-me{border:1px solid var(--line);background:var(--bg-raised);border-radius:12px;padding:12px 16px}.season-board{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.season-board li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 30ms);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.season-board li[data-me=true]{border-color:var(--accent)}.season-board li[data-rank="1"] .board-rank{color:#f5c542}.season-board li[data-rank="2"] .board-rank{color:#cbd5e1}.season-board li[data-rank="3"] .board-rank{color:#d97706}.season-board .board-name{flex:1;min-width:0}.season-plays{color:var(--muted);font-size:12px}.stat-tiles li a{color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:flex}.clan-forms{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:22px;display:grid}.clan-form{border:1px solid var(--line);background:var(--bg-raised);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.clan-form .lede.small{margin:0}.clan-code{background:#ffffff14;border-radius:6px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace}.clan-members,.clan-list,.request-list{flex-direction:column;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.clan-members li,.clan-list li,.request-list li{border:1px solid var(--line);background:var(--bg-raised);animation:stagger-in .3s var(--ease-out) both;animation-delay:calc(var(--i,0) * 30ms);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.clan-members .board-name{flex:1}.clan-owner{color:var(--muted);margin-left:6px;font-size:11px;font-style:normal}.clan-list li .muted{margin-left:auto;font-size:12px}.button.small{padding:4px 10px;font-size:12px}.button.danger{color:#ff8fa3;border-color:#ff4d6d80}.request-form{flex-direction:column;gap:12px;max-width:560px;display:flex}.request-list .review-text{flex:1;min-width:0}.request-list .review-text b{word-break:break-all}.form-ok{color:#5ee9a4;margin:0}.studio-tempos{border:1px dashed var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.studio-tempos .lede.small{margin:0}.studio-tempos .studio-row{align-items:flex-end}