:root{--bg:#1c1c1c;--chrome:#111;--panel:#2b2b2b;--panel-head:#3a3a3a;--line:#454545;--text:#e8e8e8;--muted:#a0a0a0;--accent:#7c4dff;--primary:#2b6cd4;--danger:#c0392b;--ok:#3f8f4a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;font:15px/1.55 var(--font);font-synthesis-weight:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}.loading{color:var(--muted);padding:2rem}.shell{grid-template-rows:auto 1fr;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar{background:var(--chrome);border-bottom:1px solid var(--line);grid-column:1/-1;padding:1rem 1.25rem}.sidebar{background:var(--chrome);flex-direction:column;padding-bottom:1rem;display:flex}.sidebar a,.nav-logout{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.6rem 1.5rem;text-decoration:none}.sidebar a:hover,.nav-logout:hover{background:#222}.nav-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .25rem;padding:0 1.25rem;font-size:.75rem}.nav-game>summary{cursor:pointer;padding:.6rem 1.5rem}.nav-game>summary:hover{background:#222}.nav-game>a{color:var(--muted);padding-left:2.5rem;font-size:.9rem;display:block}.nav-game[open]>summary{color:var(--accent)}.nav-footer{color:var(--muted);margin-top:auto;padding:1rem 1.5rem 0;font-size:.7rem}.nav-footer p{margin:.15rem 0}main{width:100%;max-width:92rem;margin:0 auto;padding:1.5rem 2rem 4rem}.crumbs{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.75rem}.page-title{background:var(--panel-head);border-left:4px solid var(--accent);letter-spacing:.01em;margin:0 0 1.5rem;padding:.9rem 1.25rem;font-size:1.6rem}.panel{margin-bottom:1.5rem}.panel>h2{background:var(--panel-head);border-left:4px solid var(--accent);margin:0;padding:.7rem 1rem;font-size:1.1rem;font-weight:600}.panel-body{background:var(--panel);padding:1rem}.split{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;display:grid}.row{flex-wrap:wrap;gap:.5rem;display:flex}.request+.request{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.tile{background:var(--panel-head);text-align:center;padding:2rem 1rem;text-decoration:none}.tile:hover{background:#474747}.cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:#232323;padding:1rem}table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem}th,td{text-align:left;border:1px solid var(--line);vertical-align:top;padding:.5rem .75rem}thead th{background:var(--panel-head)}code{letter-spacing:.05em;font-family:ui-monospace,monospace}.status{text-transform:capitalize}.status.approved{color:#6ecf7b}.status.denied{color:#e8827a}.status.pending{color:#e8c96e}label{color:var(--muted);margin-bottom:.25rem;font-size:.9rem;display:block}input,textarea,select{width:100%;max-width:32rem;color:var(--text);border:1px solid var(--line);font:inherit;background:#1a1a1a;margin-bottom:1rem;padding:.55rem .7rem;display:block}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input.inline{width:auto;margin:0;display:inline-block}input.inline.wide{width:18rem}input[type=checkbox]{accent-color:var(--accent)}.saved{color:var(--ok);margin-left:.75rem}button{color:#fff;font:inherit;cursor:pointer;background:#4a4a4a;border:0;padding:.55rem 1rem}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--primary)}button.danger{background:var(--danger)}button.small{padding:.25rem .6rem;font-size:.85rem}button.linkish{color:var(--muted);background:0 0;padding:.5rem 0;text-decoration:underline}.revoke{border:1px solid var(--danger);background:#2a1c1c;margin-top:1rem;padding:1rem}.revoke p{max-width:40rem;margin-top:0}button.danger-text{color:#e8827a}.hint{max-width:40rem;color:var(--muted);font-size:.9rem}.notice{border-left:4px solid;margin:0 0 1rem;padding:.7rem 1rem}.notice.error{border-color:var(--danger);background:#3a2020}.notice.ok{border-color:var(--ok);background:#1f3423}.jacket{object-fit:cover;background:var(--panel-head);vertical-align:middle;flex-shrink:0;width:2.75rem;height:2.75rem}.score-list{flex-direction:column;display:flex}.score-row{border:0;border-bottom:1px solid var(--line);color:inherit;font:inherit;text-align:left;cursor:default;background:0 0;grid-template-columns:2.75rem minmax(0,1fr) auto auto auto;align-items:center;gap:.75rem;width:100%;padding:.5rem .25rem;display:grid}.score-row.sdvx{grid-template-columns:2.75rem minmax(0,1fr) auto auto auto auto auto}.score-row:last-child{border-bottom:0}button.score-row{cursor:pointer}button.score-row:hover{background:#232323}.score-song{min-width:0}.score-title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.score-artist{font-size:.8rem;display:block}.score-chart{white-space:nowrap;background:var(--panel-head);border:1px solid #0000;padding:.15rem .5rem;font-size:.8rem;font-weight:700}.score-chart-level{opacity:.85;margin-left:.35rem;font-weight:400}.diff-nov{color:#7ec4f2;background:#1c3a52;border-color:#2f6ea6}.diff-adv{color:#f2c25c;background:#4a3a10;border-color:#b8892a}.diff-exh{color:#f2807a;background:#4a1620;border-color:#c0392b}.diff-inf{color:#d7a3f2;background:#3a1a4a;border-color:#9a4fd1}.diff-mxm{color:#f27ab8;background:#4a1030;border-color:#d1327f}.diff-ult{color:#e8e8e8;background:#050505;border-color:#6a6a6a}.diff-beg{color:#c8c8c8;background:#2e2e2e;border-color:#6a6a6a}.diff-nor{color:#7fb0f2;background:#16324a;border-color:#2b6cd4}.diff-hyp{color:#f2cd6e;background:#4a3a10;border-color:#d9a824}.diff-ano{color:#f2807a;background:#4a1620;border-color:#c0392b}.diff-leg{color:#ea8adf;background:#3a1030;border-color:#b12fa0}.score-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.score-value .ex{color:var(--muted);font-size:.8rem;display:block}.grade{text-align:center;background:var(--panel-head);border-bottom:3px solid #0000;min-width:2.5rem;padding:.15rem 0;font-weight:700;display:inline-block}.grade-d{color:#bdbdbd;border-color:#7a7a7a}.grade-c{color:#d1b28c;border-color:#9a7a56}.grade-b{color:#e0b17e;border-color:#b08a5c}.grade-a{color:#7fb0f2;border-color:#2b6cd4}.grade-aa{color:#7bd989;border-color:#3f8f4a}.grade-aaa{color:#f2ae5c;border-color:#d98324}.grade-s{color:#fff;background:linear-gradient(135deg,#4a1030,#10304a);border-color:#d1466b}.clear-flag{white-space:nowrap;font-size:.85rem}.clear-flag.is-clear{color:#6ecf7b}.clear-badge{text-align:center;letter-spacing:.04em;white-space:nowrap;background:var(--panel-head);border:1px solid var(--line);min-width:6.5rem;color:var(--muted);padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-block}.clear-played{color:#bdbdbd;background:#3a3a3a;border-color:#5a5a5a}.clear-clear{color:#7bd989;background:#17401f;border-color:#3f8f4a}.clear-excessive{color:#f2807a;background:#4a1620;border-color:#c0392b}.clear-uc{color:#7fb0f2;background:#16324a;border-color:#2b6cd4}.clear-puc{color:#f7e08a;background:linear-gradient(135deg,#4a3a10,#4a1030);border-color:#d1a72a}.score-time{white-space:nowrap;color:var(--muted);text-align:right;font-size:.8rem}.score-time-rel{color:var(--text);font-weight:600;display:block}.score-time-abs{display:block}@media (width<=60rem){.score-row,.score-row.sdvx{grid-template-columns:2.75rem minmax(0,1fr) auto}.score-time{display:none}}.filters{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filters select[multiple]{height:8rem;margin-bottom:0}.filter-search{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.filter-search input{flex:16rem;margin-bottom:0}.filter-search select{flex:0 16rem;margin-bottom:0}.score-row.is-open{background:#232323}.score-detail{border-bottom:1px solid var(--line);border-left:3px solid var(--accent);background:#232323;padding:1rem .75rem 1.25rem}.detail-columns{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.5rem;margin-top:1rem;display:grid}.detail-columns h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0 0 .5rem;font-size:.75rem}.meter{align-items:center;gap:.6rem;max-width:44rem;margin-bottom:.4rem;display:flex}.meter-label{letter-spacing:.04em;min-width:3.5rem;color:var(--muted);white-space:nowrap;font-size:.75rem}.meter-track{border:1px solid var(--line);background:#111;flex:1;height:1.35rem;position:relative}.meter-fill{position:absolute;inset:0 auto 0 0}.meter-value{text-align:center;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700;line-height:1.35rem;display:block;position:relative}.tone-effective{background:#2f6e3c}.tone-excessive{background:#8f2438}.tone-btn{background:#2b6cd4}.tone-long{background:#8a8a3a}.tone-vol{background:#b8479f}.judgements{grid-template-columns:auto minmax(3rem,max-content);justify-content:start;gap:.15rem .75rem;margin:0;font-size:.85rem;display:grid}.judgements dt{letter-spacing:.03em;font-weight:600}.judgements dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.judge-just{color:#f24a7a}.judge-critical{color:#f2c25c}.judge-near{color:#7fb0f2}.judge-error{color:#f2807a}.just-checker{flex-direction:column;gap:2px;display:flex}.just-bar-row{align-items:center;gap:.4rem;display:flex}.just-bar{min-width:1px;height:.6rem}.just-bar.is-early{background:#f24a7a}.just-bar.is-crit-early{background:#f2a54a}.just-bar.is-centre{background:#f2c25c}.just-bar.is-crit-late{background:#f2a54a}.just-bar.is-late{background:#4ad1f2}.just-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.7rem}.just-legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.7rem}.just-centre-note{text-transform:none;letter-spacing:0;margin-top:.4rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-grid .stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.15rem;font-size:.75rem;display:block}.stat-grid .stat-value{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.profile-head{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.profile-id{color:var(--muted);font-size:.9rem}.profile-id code{color:var(--text)}.rename-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rename-form input{width:12rem;margin:0;display:inline-block}.auth{max-width:30rem;margin:0 auto;padding:3rem 1.25rem}@media (width<=45rem){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;padding:0 .5rem .5rem}.nav-heading{width:100%;margin-top:.5rem}main{padding:1rem}}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1rem;display:grid}.picker-generator{grid-template-columns:minmax(16rem,24rem) minmax(11rem,17rem) 1fr;align-items:start;gap:1.5rem;display:grid}.picker-heroes{flex-direction:column;gap:1.25rem;display:flex}.picker-tall{flex-direction:column;display:flex}.picker-small-grid{grid-template-columns:repeat(4,minmax(0,8rem));align-content:start;gap:1rem;display:grid}.picker-tile{border:1px solid var(--line);color:inherit;text-align:left;background:#232323;flex-direction:column;padding:0;display:flex;overflow:hidden}.picker-tile:hover{border-color:var(--accent)}.picker-tile-hero .picker-thumb{aspect-ratio:16/9}.picker-tile-tall{height:100%}.picker-tile-tall .picker-thumb{aspect-ratio:9/16;flex:1}.picker-tile-small .picker-thumb{aspect-ratio:1}.picker-thumb{aspect-ratio:4/3;background:#151515;justify-content:center;align-items:center;display:flex;overflow:hidden}.picker-thumb img,.picker-thumb video{object-fit:cover;width:100%;height:100%}.picker-empty{color:var(--muted);font-size:.85rem}@media (width<=55rem){.picker-generator{grid-template-columns:1fr}}.picker-caption{border-top:1px solid var(--line);padding:.5rem .6rem}.picker-label{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.picker-id{margin-top:.1rem;display:block}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:flex-start;padding:3rem 1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--line);flex-direction:column;width:100%;max-width:64rem;max-height:calc(100vh - 6rem);padding:1.25rem;display:flex}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-head h2{margin:0;font-size:1.15rem}.modal-search{max-width:none;margin-bottom:.5rem}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem;padding-right:.25rem;display:grid;overflow-y:auto}.asset-tile{border:1px solid var(--line);color:inherit;background:#1a1a1a;flex-direction:column;align-items:center;gap:.35rem;padding:.4rem;display:flex}.asset-tile:hover{border-color:var(--accent)}.asset-tile.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.asset-thumb{aspect-ratio:4/3;background:#111;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.asset-thumb img,.asset-thumb video{object-fit:cover;width:100%;height:100%}.asset-thumb-none{color:var(--muted);font-size:.8rem}.asset-id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}