:root{--bg:var(--slate-bg,#08080a);--bg-2:var(--slate-bg-2,#0d0d10);--panel:var(--slate-panel,#131317);--bg-scrim-rgb:0, 0, 0;--card-min:168px;--card-basis:172px;--card-ratio:1;--panel-2:#1a1a20;--panel-3:#22222a;--line:#26262f;--line-soft:#1c1c23;--text:#f5f5f7;--muted:#8b8b97;--muted-2:#6a6a76;--accent:#e5232b;--accent-hot:#ff3b43;--accent-deep:#8f0f15;--accent-soft:#e5232b24;--accent-glow:#e5232b66;--on-accent:#fff;--head-bg:#08080ac7;--scrim:#00000080;--frame:#000;--shadow:0 18px 40px -18px #000000e6;--art-l1:46%;--art-l2:24%;--art-s:70%;--fx-1:34%;--fx-2:46%;--fx-3:20%;--fx-4:28%;--fx-5:42%;--sheet-shadow:-26px 0 60px -30px #000000bf;--gate-glow:0 6px 40px #00000080;--radius:14px;--radius-sm:10px;--head-h:62px;--rail-w:212px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:var(--slate-bg,#fbfbfc);--bg-2:var(--slate-bg-2,#fff);--panel:var(--slate-panel,#fff);--bg-scrim-rgb:255, 255, 255;--panel-2:#f2f2f5;--panel-3:#e7e7ec;--line:#e2e2e8;--line-soft:#eeeef2;--text:#121216;--muted:#65656f;--muted-2:#85858f;--accent:#d51720;--accent-hot:#b81118;--accent-deep:#7d0c12;--accent-soft:#d5172014;--accent-glow:#d5172038;--on-accent:#fff;--head-bg:#ffffffd1;--scrim:#00000061;--frame:#fff;--shadow:0 16px 34px -20px #14141e57;--art-l1:52%;--art-l2:32%;--art-s:74%;--fx-1:14%;--fx-2:17%;--fx-3:9%;--fx-4:12%;--fx-5:16%;--sheet-shadow:-22px 0 50px -34px #1e141859;--gate-glow:0 6px 34px #be283229;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 Segoe UI Variable Display,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.icon{flex:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel-3);background-clip:content-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);min-height:100%;display:grid}header{z-index:30;height:var(--head-h);background:var(--head-bg);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);grid-column:1/-1;position:sticky;top:0}header:after{content:"";background:linear-gradient(to right, transparent, var(--accent) 22%, var(--accent-hot) 50%, var(--accent) 78%, transparent);opacity:.5;height:1px;position:absolute;inset:auto 0 -1px}.bar{align-items:center;gap:14px;height:100%;padding:0 18px;display:flex}.brand{letter-spacing:-.03em;flex:none;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brandmark{align-items:flex-end;gap:3px;height:22px;display:flex}.brandmark i{background:var(--accent);border-radius:2px;width:5px;animation:1.5s ease-in-out infinite eq}.brandmark i:first-child{height:12px;animation-delay:0s}.brandmark i:nth-child(2){height:22px;animation-delay:.18s}.brandmark i:nth-child(3){height:16px;animation-delay:.36s}@keyframes eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}.brand:hover .brandmark i{background:var(--accent-hot)}.searchwrap{background:var(--panel);border:1px solid var(--line);min-width:0;max-width:520px;height:38px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:9px;margin:0 auto;padding:0 12px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.searchwrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);color:var(--accent)}.search{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1}.search::-webkit-search-cancel-button{display:none}.searchwrap kbd{background:var(--panel-2);border:1px solid var(--line);color:var(--muted-2);border-radius:6px;flex:none;padding:1px 7px;font:600 11px/1.6 inherit}.clear{background:var(--panel-2);width:22px;height:22px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:15px;line-height:1}.clear:hover{background:var(--accent);color:var(--on-accent)}.iconbtn{background:var(--panel);border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:color .15s,border-color .15s,background .15s,transform .15s;display:grid}.iconbtn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.iconbtn.fav-on{color:var(--accent);border-color:var(--accent)}.only-narrow{display:none}.rail{top:var(--head-h);height:calc(100vh - var(--head-h));border-right:1px solid var(--line);background:color-mix(in srgb, var(--bg-2) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;align-self:start;padding:16px 10px;display:flex;position:sticky;overflow-y:auto}:root[data-bg=image] .rail{background:var(--bg-2)}.rail nav{flex-direction:column;gap:2px;display:flex}.rail-item{border-radius:var(--radius-sm);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:9px 11px;font-size:14px;font-weight:500;transition:background .14s,color .14s;display:flex}.rail-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rail-count{color:var(--muted-2);font-size:11px;font-weight:600}.rail-item:hover{background:var(--panel-2);color:var(--text)}.rail-item.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.rail-item.on .rail-count{color:var(--accent)}.rail-scrim{display:none}main{min-width:0;padding:22px 26px 70px}section{margin-bottom:34px}h2{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin:0 0 15px;font-size:13px;font-weight:700;display:flex}h2 .rule{background:linear-gradient(to right, var(--line), transparent);flex:1;height:1px}h2 .count,h2 .arrows{letter-spacing:0;color:var(--muted-2);gap:6px;font-size:11px;display:flex}.arrow{background:var(--panel);border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;transition:opacity .15s,color .15s,border-color .15s;display:grid}.arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.arrow:disabled{opacity:.3;cursor:default}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;padding:26px}footer{border-top:1px solid var(--line);color:var(--muted-2);justify-content:space-between;align-items:center;padding-top:22px;font-size:13px;display:flex}.brand-sm{letter-spacing:-.02em;color:var(--muted);font-weight:800}.hero{border:1px solid var(--line);background:var(--panel);min-height:250px;box-shadow:var(--shadow);border-radius:20px;align-items:center;margin-bottom:34px;padding:40px 38px;display:flex;position:relative;overflow:hidden}.hero-art{background:linear-gradient(var(--ang), hsl(calc(var(--art-base,0deg) + var(--h) * 1deg) var(--art-s) var(--art-l1)), hsl(calc(var(--art-base,0deg) + var(--h2) * 1deg) var(--art-s) var(--art-l2)));opacity:.9;position:absolute;inset:0}.hero-mesh{background:radial-gradient(38% 46% at 22% 32%, #ffffff57, transparent 70%), radial-gradient(34% 40% at 78% 68%, var(--accent-glow), transparent 72%);mix-blend-mode:soft-light;animation:17s ease-in-out infinite alternate drift;position:absolute;inset:-30%}@keyframes drift{0%{transform:translate(-3%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.12)}}.hero:after{content:"";background:linear-gradient(100deg,#000000d1 0%,#0009 42%,#0000 78%);position:absolute;inset:0}.hero-inner{z-index:2;color:#fff;max-width:560px;position:relative}.hero-kicker{letter-spacing:.1em;text-transform:uppercase;background:#0000006b;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:4px 11px 4px 8px;font-size:11px;font-weight:700;display:inline-flex}.hero-kicker .dot{background:var(--accent-hot);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.hero h1{letter-spacing:-.035em;text-shadow:0 3px 22px #0009;margin:0 0 8px;font-size:clamp(30px,4.4vw,50px);font-weight:800;line-height:1.03}.hero p{color:#ffffffd6;max-width:44ch;margin:0 0 20px}.hero-row{align-items:center;gap:13px;display:flex}.cta{background:var(--accent);color:var(--on-accent);cursor:pointer;box-shadow:0 8px 26px -8px var(--accent-glow);border:0;border-radius:999px;align-items:center;gap:9px;padding:12px 22px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.cta:hover{background:var(--accent-hot);box-shadow:0 12px 30px -8px var(--accent-glow);transform:translateY(-2px)}.hero-tag{color:#ffffffc7;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.hero-glyph{z-index:1;letter-spacing:-.06em;color:#ffffff24;text-shadow:0 0 60px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:200px;font-weight:800;position:absolute;top:50%;right:3%;transform:translateY(-50%)}.track{scroll-snap-type:x proximity;gap:15px;margin:-3px -3px -12px;padding:3px 3px 12px;display:flex;overflow-x:auto}.track>.card{flex:0 0 var(--card-basis);scroll-snap-align:start}.grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));gap:15px;display:grid}.card-lg{grid-area:span 2/span 2}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);animation:.42s cubic-bezier(.22,1,.36,1) both rise;animation-delay:calc(min(var(--i,0), 22) * 26ms);flex-direction:column;transition:transform .19s cubic-bezier(.22,1,.36,1),border-color .19s,box-shadow .19s;display:flex;position:relative;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.card:hover{border-color:var(--accent);box-shadow:0 16px 34px -14px var(--accent-glow);z-index:3;transform:translateY(-5px)}.thumb{aspect-ratio:var(--card-ratio);flex:1;position:relative;overflow:hidden}.card-lg .thumb{aspect-ratio:auto;min-height:0}.art{background:linear-gradient(var(--ang), hsl(calc(var(--art-base,0deg) + var(--h) * 1deg) var(--art-s) var(--art-l1)), hsl(calc(var(--art-base,0deg) + var(--h2) * 1deg) var(--art-s) var(--art-l2)));position:absolute;inset:0}.art:after{content:"";background-position:var(--ox) var(--oy);opacity:.4;mix-blend-mode:overlay;position:absolute;inset:0}[data-pattern="0"] .art:after{background-image:repeating-linear-gradient(var(--ang), #ffffff80 0 8px, transparent 8px 22px)}[data-pattern="1"] .art:after{background-image:radial-gradient(#fff9 1.6px,#0000 1.8px);background-size:15px 15px}[data-pattern="2"] .art:after{background-image:repeating-radial-gradient(circle at 32% 30%,#ffffff73 0 2px,#0000 2px 19px)}[data-pattern="3"] .art:after{background-image:linear-gradient(#ffffff57 1px,#0000 1px),linear-gradient(90deg,#ffffff57 1px,#0000 1px);background-size:21px 21px}[data-pattern="4"] .art:after{background-image:linear-gradient(45deg,#ffffff57 25%,#0000 25% 75%,#ffffff57 75%),linear-gradient(45deg,#ffffff57 25%,#0000 25% 75%,#ffffff57 75%);background-position:0 0,13px 13px;background-size:26px 26px}[data-pattern="5"] .art:after{background-image:repeating-conic-gradient(from var(--ang), #fff6 0 7deg, transparent 7deg 22deg)}.art-initials{letter-spacing:-.04em;color:#ffffffeb;text-shadow:0 3px 16px #00000059;-webkit-user-select:none;user-select:none;place-items:center;font-size:54px;font-weight:800;display:grid;position:absolute;inset:0}.card-lg .art-initials{font-size:96px}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.card:hover .thumb img{transform:scale(1.07)}.shine{pointer-events:none;background:linear-gradient(105deg,#0000 36%,#ffffff47 48%,#0000 60%);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-110%)}.card:hover .shine{transform:translate(110%)}.playwrap{opacity:0;background:#0000006b;place-items:center;transition:opacity .19s;display:grid;position:absolute;inset:0}.card:hover .playwrap{opacity:1}.playbtn{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;padding-left:3px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:grid;transform:scale(.72);box-shadow:0 6px 20px -4px #0009}.card-lg .playbtn{width:64px;height:64px}.card:hover .playbtn{transform:scale(1)}.badge{letter-spacing:.07em;color:#fff;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:9px;left:9px;box-shadow:0 3px 10px #00000059}.badge-new{background:linear-gradient(135deg,#1fa971,#0d6b47)}.fav{color:#fff;cursor:pointer;opacity:0;background:#00000080;border:0;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .16s,transform .16s,color .16s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.8)}.card:hover .fav,.fav.on,.fav:focus-visible{opacity:1;transform:none}.fav:hover,.fav.on{color:var(--accent-hot)}.meta{z-index:2;background:var(--panel);padding:10px 12px 11px;position:relative}.meta h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:13.5px;font-weight:650;overflow:hidden}.card-lg .meta h3{font-size:17px}.tag{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.card:hover .tag{color:var(--accent)}.player{z-index:20;background:var(--bg);flex-direction:column;height:100vh;display:flex;position:relative}.playerbar{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.nowplaying{align-items:center;gap:11px;min-width:0;display:flex}.np-art{background:linear-gradient(var(--ang), hsl(calc(var(--art-base,0deg) + var(--h) * 1deg) var(--art-s) var(--art-l1)), hsl(calc(var(--art-base,0deg) + var(--h2) * 1deg) var(--art-s) var(--art-l2)));color:#fff;border-radius:9px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.np-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.np-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.np-text em{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;font-style:normal;display:flex}.spacer{flex:1}.stage{background:var(--frame);flex:1;min-height:0;position:relative}.stage iframe{z-index:2;border:0;width:100%;height:100%;position:relative}.stage-load{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid var(--panel-3);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hint{background:var(--panel);border-top:1px solid var(--line);color:var(--muted);flex:none;margin:0;padding:10px 16px;font-size:13px}.skel-hero,.skel-thumb,.skel-line{background:linear-gradient(100deg, var(--panel) 30%, var(--panel-2) 50%, var(--panel) 70%);background-size:220% 100%;animation:1.3s linear infinite sweep}.skel-hero{border-radius:20px;height:250px;margin-bottom:34px}.skel-card{border:1px solid var(--line-soft);border-radius:var(--radius);animation:.4s both rise;animation-delay:calc(var(--i) * 40ms);overflow:hidden}.skel-thumb{aspect-ratio:1}.skel-line{border-radius:4px;height:10px;margin:11px 12px 0}.skel-line.short{width:42%;margin-bottom:13px}@keyframes sweep{to{background-position:-220% 0}}.state{text-align:center;height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:14px;display:grid}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.only-narrow{display:grid}.rail{top:var(--head-h);z-index:25;width:var(--rail-w);transition:transform .24s cubic-bezier(.22,1,.36,1);position:fixed;left:0;transform:translate(-100%)}.rail.open{transform:none}.rail-scrim.on{inset:var(--head-h) 0 0;z-index:24;background:var(--scrim);display:block;position:fixed}main{padding:18px 16px 60px}.hero{padding:28px 22px}.hero-glyph{opacity:.6;font-size:130px}}@media (width<=620px){.searchwrap kbd{display:none}.bar{gap:9px;padding:0 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:11px}.track>.card{flex-basis:140px}.art-initials{font-size:40px}.searchwrap{max-width:none}.brand{font-size:17px}footer{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body:before{content:"";z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}:root[data-bg=gradient] body:before{background-image:var(--bg-gradient);background-color:var(--bg-gradient-base,transparent)}:root[data-bg=image] body:before{background-image:linear-gradient(rgba(var(--bg-scrim-rgb), var(--bg-dim,.55)), rgba(var(--bg-scrim-rgb), var(--bg-dim,.55))), var(--bg-image)}:root[data-shape=portrait]{--card-min:152px;--card-basis:156px;--card-ratio:3 / 4}:root[data-shape=landscape]{--card-min:238px;--card-basis:244px;--card-ratio:16 / 10}:root[data-titles=off] .meta{display:none}:root[data-titles=off] .thumb{border-radius:calc(var(--radius) - 1px)}:root{--tone-0:#8b93a7;--tone-1:#10b981;--tone-2:#f59e0b;--tone-3:#eab308;--tone-4:#a855f7;--tone-5:#06b6d4;--tone-6:#3b82f6;--tone-7:#8b5cf6;--tone-8:#ef4444;--tone-9:#ec4899;--tone-10:#b07a3f;--tone-11:#e11d48;--tone-12:#22c55e;--tone-13:#0ea5e9;--tone-14:#f97316}.secicon[data-tone="0"],.tag[data-tone="0"],.rail-item[data-tone="0"]{--tone:var(--tone-0)}.secicon[data-tone="1"],.tag[data-tone="1"],.rail-item[data-tone="1"]{--tone:var(--tone-1)}.secicon[data-tone="2"],.tag[data-tone="2"],.rail-item[data-tone="2"]{--tone:var(--tone-2)}.secicon[data-tone="3"],.tag[data-tone="3"],.rail-item[data-tone="3"]{--tone:var(--tone-3)}.secicon[data-tone="4"],.tag[data-tone="4"],.rail-item[data-tone="4"]{--tone:var(--tone-4)}.secicon[data-tone="5"],.tag[data-tone="5"],.rail-item[data-tone="5"]{--tone:var(--tone-5)}.secicon[data-tone="6"],.tag[data-tone="6"],.rail-item[data-tone="6"]{--tone:var(--tone-6)}.secicon[data-tone="7"],.tag[data-tone="7"],.rail-item[data-tone="7"]{--tone:var(--tone-7)}.secicon[data-tone="8"],.tag[data-tone="8"],.rail-item[data-tone="8"]{--tone:var(--tone-8)}.secicon[data-tone="9"],.tag[data-tone="9"],.rail-item[data-tone="9"]{--tone:var(--tone-9)}.secicon[data-tone="10"],.tag[data-tone="10"],.rail-item[data-tone="10"]{--tone:var(--tone-10)}.secicon[data-tone="11"],.tag[data-tone="11"],.rail-item[data-tone="11"]{--tone:var(--tone-11)}.secicon[data-tone="12"],.tag[data-tone="12"],.rail-item[data-tone="12"]{--tone:var(--tone-12)}.secicon[data-tone="13"],.tag[data-tone="13"],.rail-item[data-tone="13"]{--tone:var(--tone-13)}.secicon[data-tone="14"],.tag[data-tone="14"],.rail-item[data-tone="14"]{--tone:var(--tone-14)}.secicon{width:24px;height:24px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}:root[data-tint=on] .secicon{color:var(--tone,var(--muted));background:color-mix(in srgb, var(--tone,transparent) 16%, transparent)}:root[data-tint=on] .rail-item .icon{color:var(--tone,var(--muted))}:root[data-tint=on] .rail-item.on .icon{color:var(--tone,var(--accent))}:root[data-tint=on] .tag .icon{color:var(--tone,var(--muted))}:root[data-tint=on] .card:hover .tag{color:var(--tone,var(--accent))}.card.idle .shine{animation:1.15s cubic-bezier(.4,0,.6,1) idlesweep}.card.idle{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}@keyframes idlesweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}.shell.no-rail{grid-template-columns:minmax(0,1fr)}.range{width:150px;accent-color:var(--accent)}.btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.55;cursor:default}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=460px){.sheet{width:100vw}}.credit a{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none}.credit a:hover{border-bottom-color:var(--accent)}.credit strong{color:var(--text);font-weight:650}.sheet-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#00000080;transition:opacity .22s;position:fixed;inset:0}.sheet-scrim.on{opacity:1;pointer-events:auto}.sheet{z-index:41;background:var(--bg-2);border-left:1px solid var(--line);width:min(432px,100vw);height:100%;box-shadow:var(--sheet-shadow);flex-direction:column;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.sheet.open{transform:none}.sheet[aria-hidden=true]{visibility:hidden;transition:transform .28s cubic-bezier(.32,.72,0,1),visibility 0s linear .28s}.sheet-head{border-bottom:1px solid var(--line);background:var(--bg-2);align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.sheet-title{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.sheet-glyph{color:#fff;background:linear-gradient(140deg, var(--accent), var(--accent-hot));width:34px;height:34px;box-shadow:0 6px 16px -8px var(--accent-glow);border-radius:11px;flex:none;place-items:center;display:grid}.sheet-titletext{flex-direction:column;gap:2px;min-width:0;display:flex}.sheet-titletext strong{letter-spacing:-.01em;font-size:15px;font-weight:700}.sheet-titletext em{color:var(--dim);font-size:11.5px;font-style:normal}.stabs{border-bottom:1px solid var(--line);gap:4px;padding:10px 12px;display:flex}.stab{min-width:0;color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:12.5px;font-weight:600;transition:color .16s,background .16s,border-color .16s;display:flex}.stab:hover{color:var(--text);background:var(--panel)}.stab.on{color:var(--text);background:var(--panel-2);border-color:var(--line)}.stab.on svg{color:var(--accent)}.sheet-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 12px 12px;display:flex;overflow-y:auto}.sgroup{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex:none;overflow:hidden}.sgroup>header{align-items:baseline;gap:8px;padding:12px 13px 0;display:flex}.sgroup>header h4{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:0;font-size:12px;font-weight:700}.sgroup>header .svalue{color:var(--accent);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600}.sgroup>header p{color:var(--dim);flex-basis:100%;margin:0;padding-top:6px;font-size:11.5px;line-height:1.45}.sgroup-body{flex-direction:column;gap:11px;padding:12px 13px 13px;display:flex}.sfield{align-items:center;gap:12px;display:flex}.sfield+.sfield{border-top:1px solid var(--line);padding-top:11px}.sfield-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sfield-label span{font-size:13px;font-weight:600}.sfield-label em{color:var(--dim);font-size:11px;font-style:normal}.sfield-control{flex:none;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line);background:var(--bg);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.seg.wide{width:100%;display:flex}.seg button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.seg button:hover{color:var(--text)}.seg button.on{color:var(--text);background:var(--panel-2);box-shadow:0 1px 2px #00000040}.seg button.on svg{color:var(--accent)}.switch{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;flex:none;width:42px;height:25px;padding:0;transition:background .18s,border-color .18s;position:relative}.switch span{background:var(--dim);border-radius:50%;width:19px;height:19px;transition:transform .2s cubic-bezier(.32,.72,0,1),background .18s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on span{background:#fff;transform:translate(17px)}.swatches{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.swatch{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:0;transition:transform .14s,box-shadow .14s;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch.on{box-shadow:0 0 0 2px var(--bg-2), 0 0 0 4px var(--accent)}.swatch svg{color:#fff;filter:drop-shadow(0 1px 2px #0009);width:16px;height:16px;margin:auto;position:absolute;inset:0}.bgpick{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.bgtile{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:11px;padding:0;position:relative;overflow:hidden}.bgtile i{display:block;position:absolute;inset:0}.bgtile.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.bgtile .tick{background:var(--accent);border-radius:50%;place-items:center;width:20px;height:20px;margin:auto;display:grid;position:absolute;inset:0}.bgtile .tick svg{color:#fff;width:12px;height:12px}.bgsub{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:4px 0 0;font-size:11px;font-weight:700}.sdrop{border:1.5px dashed var(--line);background:var(--bg);color:var(--dim);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:flex}.sdrop:hover,.sdrop.over{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.sdrop svg{width:22px;height:22px}.sdrop strong{color:var(--text);font-size:13px}.sthumb{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:11px;height:108px}.rangewrap{align-items:center;gap:9px;display:flex}.rangewrap b{font-variant-numeric:tabular-nums;min-width:34px;color:var(--dim);text-align:right;font-size:11.5px}.stack{gap:8px;display:flex}.stack .btn{flex:1;justify-content:center}.snote{color:var(--dim);margin:0;font-size:11.5px;line-height:1.5}.snote.bad{color:var(--accent-hot)}.libs{flex-direction:column;gap:7px;display:flex}.lib{border:1px solid var(--line);background:var(--bg);border-radius:11px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.lib:hover{border-color:var(--dim)}.lib.on{border-color:var(--accent);background:var(--accent-soft)}.lib-pick{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:9px 10px;display:flex}.lib-badge{background:var(--panel-2);border:1px solid var(--line);width:30px;height:30px;color:var(--dim);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:800;display:grid}.lib.on .lib-badge{background:linear-gradient(140deg, var(--accent), var(--accent-hot));color:#fff;border-color:#0000}.lib-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lib-text strong{font-size:13px;font-weight:650}.lib-text em,.lib-text small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;overflow:hidden}.lib-count{background:var(--panel-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--dim);border-radius:999px;flex:none;padding:3px 7px;font-size:10.5px;font-weight:700}.lib.on .lib-count{color:var(--text)}.lib-tick{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.lib-tick svg{color:#fff;width:12px;height:12px}.spreview{border:1px solid var(--line);background:var(--bg);pointer-events:none;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px;display:grid}.spreview .card{--i:0;opacity:1;animation:none;transform:none}.spreview .card h3{font-size:10px}.spreview .card .tag{padding:2px 5px;font-size:9px}.spreview .art-initials{font-size:19px}.sheet-foot{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex:none;align-items:center;gap:10px;padding:12px 13px;display:flex}.sheet-foot .btn{flex:none}.sheet-credit{color:var(--dim);text-align:right;margin-left:auto;font-size:11px}.sheet-credit a{color:var(--text);border-bottom:1px solid var(--line);text-decoration:none}.sheet-credit a:hover{border-bottom-color:var(--accent)}@media (width<=460px){.sheet{border-left:0;width:100vw}.swatches{grid-template-columns:repeat(6,1fr);gap:5px}.stab{gap:4px;font-size:12px}}@media (width<=330px){.stab span{display:none}}.fx{pointer-events:none;position:absolute;inset:-20%;overflow:hidden}:root{--fx-a:var(--accent);--fx-b:var(--accent-deep);--fx-c:var(--accent-hot)}.fx i{filter:blur(12px);will-change:transform;border-radius:50%;display:block;position:absolute}.fx i:first-child{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--fx-a) var(--fx-1), transparent), transparent 68%);width:62%;height:70%;animation:8s ease-in-out infinite alternate slosh-a;top:-10%;left:-8%}.fx i:nth-child(2){background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--fx-b) var(--fx-2), transparent), transparent 70%);width:66%;height:72%;animation:11s ease-in-out infinite alternate slosh-b;bottom:-14%;right:-12%}.fx i:nth-child(3){background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--fx-c) var(--fx-3), transparent), transparent 66%);width:46%;height:52%;animation:6.5s ease-in-out infinite alternate slosh-c;top:18%;left:38%}.fx i:nth-child(4){background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--fx-a) var(--fx-4), transparent), transparent 68%);width:58%;height:64%;animation:9.5s ease-in-out infinite alternate slosh-d;top:-12%;right:-10%}.fx i:nth-child(5){background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--fx-b) var(--fx-5), transparent), transparent 70%);width:62%;height:66%;animation:7.5s ease-in-out infinite alternate slosh-e;bottom:-14%;left:-12%}@keyframes slosh-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(22%,14%)scale(1.22)}}@keyframes slosh-b{0%{transform:translate(0,0)scale(1.1)}to{transform:translate(-20%,-16%)scale(.92)}}@keyframes slosh-c{0%{transform:translate(0,0)scale(.95)}to{transform:translate(-16%,20%)scale(1.28)}}@keyframes slosh-d{0%{transform:translate(0,0)scale(1.05)}to{transform:translate(-24%,18%)scale(.9)}}@keyframes slosh-e{0%{transform:translate(0,0)scale(.92)}to{transform:translate(26%,-20%)scale(1.24)}}.bgfx{z-index:-1;pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}:root[data-bg=gradient] .bgfx{display:block}:root[data-bganim=off] .fx i{animation:none}body.gated{overflow:hidden}.under{transform:none}.under.gating{transform:scale(calc(.94 + var(--p,0) * .06));transform-origin:50% 46vh}.under.committing{transition:transform .76s cubic-bezier(.16,1,.3,1)}.under-scrim{z-index:99;pointer-events:none;background:var(--bg);opacity:calc(.55 - var(--p,0) * .55);position:fixed;inset:0}.under-scrim.committing{transition:opacity .6s ease-out}.gate{z-index:100;background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:calc(1 - var(--p,0));transform:scale(calc(1 + var(--p,0) * .16));filter:blur(calc(var(--p,0) * 13px));transform-origin:50% 46%;grid-template-rows:1fr auto;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gate.committing{transition:opacity .66s ease-in,transform .76s cubic-bezier(.16,1,.3,1),filter .66s ease-in}.gate:after{content:"";background:linear-gradient(to right, transparent, var(--accent), transparent);height:1px;opacity:calc(.7 - var(--p,0) * .7);position:absolute;inset:auto 0 0}.gate .fx{opacity:.92}.gate-inner{z-index:2;text-align:center;opacity:calc(1 - var(--p,0) * 1.9);transform:scale(calc(1 + var(--p,0) * .1));justify-items:center;gap:14px;padding:24px;display:grid;position:relative}.gate.committing .gate-inner{transition:opacity .42s ease-in,transform .7s cubic-bezier(.16,1,.3,1)}.gate-mark{align-items:flex-end;gap:7px;height:58px;display:flex}.gate-mark i{background:linear-gradient(to top, var(--accent), var(--accent-hot));width:13px;box-shadow:0 8px 26px -8px var(--accent-glow);border-radius:5px;animation:1.5s ease-in-out infinite eq}.gate-mark i:first-child{height:32px;animation-delay:0s}.gate-mark i:nth-child(2){height:58px;animation-delay:.18s}.gate-mark i:nth-child(3){height:42px;animation-delay:.36s}.gate h1{letter-spacing:-.045em;color:var(--text);text-shadow:var(--gate-glow);margin:0;font-size:clamp(52px,12vw,132px);font-weight:800;line-height:.9}.gate-cue{z-index:2;opacity:calc(1 - var(--p,0) * 2.2);justify-items:center;padding:0 24px 44px;display:grid;position:relative}.gate.committing .gate-cue{transition:opacity .3s ease-in}.gate-track{background:var(--panel-3);border-radius:999px;width:132px;height:3px;display:block;overflow:hidden}.gate-fill{height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(to right, var(--accent), var(--accent-hot));border-radius:999px;display:block}@media (prefers-reduced-motion:reduce){.fx i,.gate-mark i{animation:none}.gate{filter:none;transform:none}.under.gating,.gate-inner{transform:none}}:root[data-theme=light] .card{box-shadow:0 1px 2px #1616200d,0 8px 18px -12px #16162038}:root[data-theme=light] .card:hover{box-shadow:0 2px 4px #1616200f, 0 16px 30px -14px var(--accent-glow)}:root[data-theme=light] .card.idle{border-color:color-mix(in srgb, var(--accent) 35%, var(--line))}:root[data-theme=light] .hero,:root[data-theme=light] .sgroup,:root[data-theme=light] .lib{box-shadow:0 1px 2px #1616200a}:root[data-theme=light] header,:root[data-theme=light] .rail{border-color:#dcdce4}:root[data-theme=light] .art-initials{text-shadow:0 2px 10px #28141973}:root[data-theme=light] .badge{box-shadow:0 2px 6px #16162038}:root[data-theme=light] .swatch{border-color:#d5d5e0;box-shadow:inset 0 0 0 1px #1616200a}:root[data-theme=light] .swatch.on{border-color:var(--text);box-shadow:0 0 0 3px var(--accent-soft), 0 1px 3px #16162029}:root[data-theme=light] .spreview{background:#f7f7fa;border-color:#e4e4ec}:root[data-theme=light] .gate-track{background:#1616201f}:root[data-theme=light] .seg,:root[data-theme=light] .switch{border-color:#dcdce6}:root[data-theme=light] .switch:not(.on) span{background:#9a9aa6}.lib-text small{color:var(--muted-2);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.rail-item .icon{transform-origin:50% 60%}.rail-item.on .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop}@keyframes icon-pop{0%{transform:scale(.6)rotate(-12deg)}60%{transform:scale(1.18)rotate(4deg)}to{transform:none}}.rail-item.on[data-tone="0"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,2.6s ease-in-out .36s infinite breathe}.rail-item.on[data-tone="1"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,3.4s ease-in-out .36s infinite rise-set}.rail-item.on[data-tone="2"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.9s ease-in-out .36s infinite bob}.rail-item.on[data-tone="3"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.1s ease-in-out .36s infinite tap}.rail-item.on[data-tone="4"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,3.2s ease-in-out .36s infinite haunt}.rail-item.on[data-tone="5"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.6s ease-out .36s infinite ping}.rail-item.on[data-tone="6"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.4s cubic-bezier(.3,0,.4,1) .36s infinite hop}.rail-item.on[data-tone="7"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,2.4s ease-in-out .36s infinite wiggle}.rail-item.on[data-tone="8"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.5s cubic-bezier(.4,0,.3,1) .36s infinite drive}.rail-item.on[data-tone="9"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.8s ease-in-out .36s infinite tilt}.rail-item.on[data-tone="10"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,3.6s ease-in-out .36s infinite turn}.rail-item.on[data-tone="11"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,1.7s ease-in-out .36s infinite lock}.rail-item.on[data-tone="12"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,2.8s linear .36s infinite spin}.rail-item.on[data-tone="13"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,2s ease-in-out .36s infinite wave}.rail-item.on[data-tone="14"] .icon{animation:.36s cubic-bezier(.34,1.56,.64,1) icon-pop,2.2s step-end .36s infinite flicker}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes rise-set{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes tap{0%,70%,to{transform:translate(0)}80%{transform:translate(-1.5px,1.5px)scale(.92)}}@keyframes haunt{0%,to{transform:translate(0)}33%{transform:translate(1.5px,-1.5px)}66%{transform:translate(-1.5px,-.5px)}}@keyframes ping{0%{opacity:1;transform:scale(1)}55%{opacity:.72;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes hop{0%,55%,to{transform:translateY(0)}30%{transform:translateY(-3.5px)}}@keyframes wiggle{0%,60%,to{transform:rotate(0)}70%{transform:rotate(9deg)}85%{transform:rotate(-6deg)}}@keyframes drive{0%{transform:translate(-2.5px)}70%{transform:translate(2.5px)}to{transform:translate(-2.5px)}}@keyframes tilt{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}@keyframes turn{0%,to{transform:rotateY(0)}50%{transform:rotateY(28deg)}}@keyframes lock{0%,to{transform:scale(1)}40%{transform:scale(.82)}55%{transform:scale(1.06)}}@keyframes wave{0%,to{transform:skewY(0)}30%{transform:skewY(-7deg)}65%{transform:skewY(5deg)}}@keyframes flicker{0%,46%,52%,58%,to{opacity:1}49%,55%{opacity:.35}}.rail-item{position:relative;overflow:hidden}.rail-item .icon path{stroke-dasharray:1;stroke-dashoffset:0}.rail-item:hover .icon path{animation:.72s cubic-bezier(.65,0,.35,1) draw-on}.rail-item.on .icon path{animation:.8s cubic-bezier(.65,0,.35,1) draw-on}@keyframes draw-on{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.rail-item:before{content:"";pointer-events:none;background:linear-gradient(100deg, transparent 32%, color-mix(in srgb, var(--text) 8%, transparent) 50%, transparent 68%);transition:transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-125%)}.rail-item:hover:before{transform:translate(125%)}.rail-item:after{content:"";background:var(--tone,var(--accent));pointer-events:none;border-radius:0 3px 3px 0;width:3px;height:0;transition:height .3s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-item:hover:after{height:62%}.rail-item.on:after{height:0}.rail-item .rail-label,.rail-item .rail-count{transition:transform .34s cubic-bezier(.22,1,.36,1)}.rail-item:hover .rail-label{transform:translate(3px)}.rail-item:hover .rail-count{transform:translate(-2px)}.rail-item:not(.on) .icon{transition:transform .34s cubic-bezier(.34,1.56,.64,1)}.rail-item:not(.on):hover .icon{transform:scale(1.16)}.rail-item:hover .rail-count{color:var(--text)}@media (prefers-reduced-motion:reduce){.rail-item:before,.rail-item:after{display:none}.rail-item .icon path{stroke-dashoffset:0}}.hero-fill{filter:blur(38px)saturate(1.3);background-position:50%;background-size:cover;position:absolute;inset:-10%;transform:scale(1.08)}.hero-poster{z-index:1;object-fit:contain;border-radius:14px;width:auto;max-width:36%;height:76%;position:absolute;top:50%;right:3.5%;transform:translateY(-50%);box-shadow:0 20px 50px -18px #000000bf,0 0 0 1px #ffffff14}.hero[data-art=cover] .hero-mesh{opacity:.3}.hero[data-art=cover]:after{background:linear-gradient(100deg,#000000e6 0%,#000000c7 38%,#00000059 62%,#00000026 100%)}@media (width<=760px){.hero-poster{display:none}.hero[data-art=cover]:after{background:linear-gradient(15deg,#000000e0 0%,#000000b3 55%,#00000073 100%)}}.hero-poster.small{width:auto;height:auto;max-height:55%;image-rendering:pixelated;background:#0000004d;padding:18px}.state-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.lib.blocked .lib-badge{opacity:.45}.lib.blocked .lib-text em{color:var(--accent-hot)}.np-art.has-cover{background:var(--panel-2);overflow:hidden}.np-art img{object-fit:cover;width:100%;height:100%;display:block}.fps{border:1px solid var(--line);background:var(--panel-2);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:baseline;gap:3px;min-width:58px;padding:4px 9px;line-height:1;display:inline-flex}.fps b{color:var(--tone-good,#46d17a);font-size:13px;font-weight:700}.fps em{letter-spacing:.04em;color:var(--dim);font-size:10px;font-style:normal}.fps[data-band=ok] b{color:#f0b429}.fps[data-band=bad] b{color:var(--accent-hot)}@media (width<=620px){.fps em{display:none}.fps{min-width:34px;padding:4px 6px}}.playtime{border:1px solid var(--line);background:var(--panel-2);color:var(--dim);border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:68px;padding:4px 9px;line-height:1;display:inline-flex}.playtime b{font-variant-numeric:tabular-nums;color:var(--text);font-size:12.5px;font-weight:700}.times{flex:none;align-items:center;gap:10px;display:inline-flex}@media (width<=520px){.playerbar{gap:6px;padding:10px}.times{flex-direction:column;align-items:flex-end;gap:3px}.times .playtime{background:0 0;border:0;gap:4px;min-width:0;padding:0}.times .playtime b{font-size:11.5px}.times .playtime svg{display:inline}}.playtime em{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);font-size:10px;font-style:normal;font-weight:700}@media (width<=620px){.playtime{min-width:0;padding:4px 7px}.playtime svg{display:none}}.rail-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.rail-item.chat-open .rail-label{font-weight:600}.chat{height:calc(100vh - var(--head-h) - 48px);border:1px solid var(--line);background:var(--panel);border-radius:18px;flex-direction:column;min-height:420px;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:12px;padding:13px 15px;display:flex}.chat-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-title h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}:root{--chat-l:68%}:root[data-theme=light]{--chat-l:38%}.chat-me{border:1px solid var(--line);background:var(--bg);color:hsl(var(--u) 62% var(--chat-l));border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 4px;font-size:12px;font-weight:650;display:inline-flex}.chat-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:30px 26px;display:flex}.chat-state h3{margin:0;font-size:17px;font-weight:700}.chat-state p{max-width:44ch;color:var(--dim);margin:0;font-size:13px;line-height:1.55}.chat-off .chat-join-glyph{background:var(--panel-2);color:var(--dim);box-shadow:none}.chat-join{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:11px;padding:30px 26px;display:flex}.chat-join-glyph{color:#fff;background:linear-gradient(140deg, var(--accent), var(--accent-hot));width:46px;height:46px;box-shadow:0 10px 24px -12px var(--accent-glow);border-radius:14px;place-items:center;display:grid}.chat-join h2{margin:0;font-size:19px;font-weight:750}.chat-join p{max-width:40ch;color:var(--dim);margin:0;font-size:13px}.chat-name{border:1px solid var(--line);background:var(--bg);width:min(280px,100%);color:var(--text);font:inherit;text-align:center;border-radius:11px;padding:11px 14px;font-size:14px}.chat-name:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:11px;min-height:0;margin:0;padding:14px 15px;list-style:none;display:flex;overflow-y:auto}.chat-empty{color:var(--dim);margin:auto;font-size:13px}.msg{align-items:flex-start;gap:10px;display:flex}.msg-badge{width:28px;height:28px;color:hsl(var(--u) 62% var(--chat-l));background:hsl(var(--u) 62% var(--chat-l) / .14);border:1px solid hsl(var(--u) 62% var(--chat-l) / .3);border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.msg-body{flex-direction:column;gap:2px;min-width:0;display:flex}.msg-head{align-items:baseline;gap:7px;display:flex}.msg-head b{color:hsl(var(--u) 62% var(--chat-l));font-size:12.5px;font-weight:700}.msg-head time{color:var(--dim);font-variant-numeric:tabular-nums;font-size:10.5px}.msg-text{overflow-wrap:anywhere;white-space:pre-wrap;font-size:13.5px;line-height:1.5}.msg.mine .msg-text{color:var(--text)}.msg.mine .msg-badge{box-shadow:0 0 0 2px var(--accent-soft)}.chat-compose{border-top:1px solid var(--line);background:var(--panel-2);align-items:center;gap:8px;padding:11px 12px;display:flex}.chat-compose input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:11px;flex:1;padding:10px 13px;font-size:13.5px}.chat-compose input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat-compose .cta{flex:none;justify-content:center;min-width:78px}.chat-left{font-variant-numeric:tabular-nums;color:var(--dim);flex:none;font-size:11px}.chat-error{color:var(--accent-hot);margin:0;padding:8px 15px 0;font-size:12px}@media (width<=760px){.chat{height:calc(100vh - var(--head-h) - 24px)}.chat-me{display:none}}:root[data-fx=lean] *,:root[data-fx=lean] :before,:root[data-fx=lean] :after{animation:none!important}:root[data-fx=lean] .spinner{animation:.8s linear infinite spin!important}:root[data-fx=lean] .fx{display:none}:root[data-fx=lean] header,:root[data-fx=lean] .sheet-head,:root[data-fx=lean] .rail{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-2)}:root[data-fx=lean] .sheet-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-fx=lean] .card{opacity:1;transform:none}.grid-more{pointer-events:none;height:1px;margin-top:-1px}.board-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;margin:0;padding:10px 12px;list-style:none;display:flex;overflow-y:auto}.board-row{border-radius:11px;align-items:center;gap:11px;padding:9px 10px;display:flex}.board-row.mine{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.board-rank{text-align:right;font-variant-numeric:tabular-nums;width:30px;color:var(--dim);flex:none;font-size:13px;font-weight:800}.board-row:nth-child(-n+3) .board-rank{color:var(--accent)}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:hsl(var(--u) 62% var(--chat-l));flex:1;font-size:13.5px;font-weight:650;overflow:hidden}.board-time{font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:700}.board-gap{background:var(--line);height:1px;margin:8px 10px}.account-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:30px 20px;display:flex}.account-avatar{width:76px;height:76px;color:hsl(var(--u) 62% var(--chat-l));background:hsl(var(--u) 62% var(--chat-l) / .14);border:1px solid hsl(var(--u) 62% var(--chat-l) / .35);border-radius:24px;place-items:center;font-size:32px;font-weight:800;display:grid}.account-name{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:21px;font-weight:750}.account-rename{flex-direction:column;align-items:center;gap:10px;width:min(280px,100%);display:flex}.account-rename .chat-name,.account-rename .stack{width:100%}.account-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.account-stat{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;flex-direction:column;gap:3px;min-width:122px;padding:13px 16px;display:flex}.account-stat b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.account-stat span{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}.rail-view .rail-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg-badge,.account-avatar,.rail-avatar{position:relative;overflow:hidden}.msg-badge img,.account-avatar img,.rail-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rail-avatar{width:22px;height:22px;color:hsl(var(--u) 62% var(--chat-l));background:hsl(var(--u) 62% var(--chat-l) / .14);border-radius:7px;flex:none;place-items:center;margin:-1.5px;font-size:11px;font-weight:800;display:grid}.account-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.account-error{color:var(--accent);margin:0;font-size:13px;font-weight:600}