:root{--bg:#05070d;--text:#e8edf7;--muted:#8b94a8;--a:#3b82f6;--b:#60a5fa;--c:#22d3ee;--glass:#0d121e8c;--line:#ffffff14;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-palette=mixter]{--bg:#0a0118;--text:#f2eefc;--muted:#9d93b8;--a:#7c5cff;--b:#ec4bdc;--c:#22d3ee;--glass:#150a308c}html,body{background:var(--bg);height:100%;margin:0;transition:background .8s;overflow:hidden}.grain{pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:fixed;inset:0}.rule{background:linear-gradient(90deg,#94a3b859,#0000);width:min(320px,70vw);height:1px;margin:10px 0 12px;position:relative;overflow:hidden}.rule span{background:linear-gradient(90deg, transparent, var(--b), transparent);width:110px;animation:5.5s ease-in-out 1.4s infinite sweep;position:absolute;inset:0 auto 0 0;transform:translate(-120px)}@keyframes sweep{0%{transform:translate(-120px)}55%,to{transform:translate(340px)}}.controls{right:clamp(16px,3vw,40px);bottom:calc(clamp(24px, 6vh, 64px) + env(safe-area-inset-bottom));align-items:center;gap:8px;display:flex;position:fixed}.palette{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:2px;padding:4px;display:flex}.palette button{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.palette button:before{content:"";background:var(--sw);border-radius:50%;transition:inset .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:absolute;inset:7px}.palette button:after{content:"";border-radius:50%;transition:box-shadow .25s;position:absolute;inset:2px;box-shadow:inset 0 0 0 1.5px #fff0}.palette button:hover:before{inset:5px}.palette button[aria-pressed=true]:before{box-shadow:0 0 12px var(--glow);inset:6px}.palette button[aria-pressed=true]:after{box-shadow:inset 0 0 0 1.5px #ffffffbf}.palette button:focus-visible{outline:none}.palette button:focus-visible:after{box-shadow:inset 0 0 0 1.5px #ffffffe6}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.playing #stage{cursor:none}body.playing .menu,body.playing .controls{opacity:0;pointer-events:none}.menu,.controls{transition:opacity .35s}.menu{padding:calc(max(20px, env(safe-area-inset-top)) + 56px) clamp(20px, 5vw, 72px) 120px;position:fixed;inset:0;overflow-y:auto}.head h1{letter-spacing:-.02em;background:linear-gradient(110deg, var(--text) 0%, var(--b) 30%, var(--c) 50%, var(--text) 65%, var(--b) 85%, var(--text) 100%);color:#0000;width:-moz-fit-content;width:fit-content;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--b) 35%, transparent));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.1em;font-size:clamp(3.2rem,6vw,4.5rem);font-weight:800;line-height:1.15;animation:9s linear infinite sheen}@keyframes sheen{0%{background-position:0 0}to{background-position:-250% 0}}.hint{letter-spacing:.04em;color:var(--muted);margin:0;font-size:13px}.hint b{color:var(--text);font-weight:600}.sets{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1200px;margin-top:32px;display:grid}.drop,.set{background:var(--glass);min-height:170px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border-radius:18px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;position:relative;overflow:hidden}.drop:hover,.set:hover,.set:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 45%, transparent), 0 12px 40px #00000059;outline:none;transform:translateY(-2px)}.drop{border:1.5px dashed color-mix(in srgb, var(--b) 35%, transparent);box-shadow:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.drop .plus{color:var(--b);font-size:34px;font-weight:300;line-height:1}.drop .big{font-size:15px;font-weight:600}.drop .small{color:var(--muted);font-size:12px}.set img{object-fit:cover;opacity:.5;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.set:hover img{opacity:.65}.set .text{background:linear-gradient(#0000,#000000bf);padding:40px 16px 14px;position:absolute;inset:auto 0 0}.set .t{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;overflow:hidden}.set .a{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12.5px;overflow:hidden}.set .n{color:#ffffffd9;background:#00000073;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.about{max-width:640px;color:var(--muted);margin:28px 0 0;font-size:12.5px;line-height:1.7}kbd{color:var(--text);background:#ffffff14;border-radius:5px;padding:1px 6px;font:600 11px/1.5 Inter,system-ui,sans-serif;display:inline-block;box-shadow:inset 0 -1px #ffffff1f}.veil{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;place-items:center;transition:opacity .2s;display:grid;position:fixed;inset:0}.veil span{border:1.5px dashed var(--b);border-radius:20px;padding:22px 34px;font-size:18px;font-weight:600}body.dragging .veil{opacity:1}.pill{appearance:none;height:38px;color:var(--muted);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:0;border-radius:999px;padding:0 16px;font:600 13px/1 Inter,system-ui,sans-serif;transition:color .2s,filter .2s}.pill:hover,.pill:focus-visible{color:var(--text);outline:none}.pill.primary{color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));box-shadow:none}.pill.primary:hover,.pill.primary:focus-visible{color:var(--bg);filter:brightness(1.12)}.pill.danger:hover{color:#fda4af}.modal{background:color-mix(in srgb, var(--bg) 45%, transparent);opacity:0;pointer-events:none;place-items:center;padding:20px;transition:opacity .25s;display:grid;position:fixed;inset:0}.modal.open{opacity:1;pointer-events:auto}.card{background:color-mix(in srgb, var(--bg) 90%, transparent);width:min(440px,100%);max-height:calc(100vh - 40px);box-shadow:inset 0 0 0 1px var(--line), 0 30px 80px #00000080, 0 0 60px color-mix(in srgb, var(--b) 12%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;padding:24px;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow-y:auto;transform:translateY(10px)scale(.98)}.modal.open .card{transform:none}.card.wide{width:min(620px,100%);padding:0 0 20px}.card.small{width:min(300px,100%)}.kicker{letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:12px}.cover{border-radius:22px 22px 0 0;height:170px;position:relative;overflow:hidden}.cover img{object-fit:cover;opacity:.55;width:100%;height:100%}.cover-text{background:linear-gradient(transparent, color-mix(in srgb, var(--bg) 92%, transparent));padding:40px 24px 16px;position:absolute;inset:auto 0 0}.cover h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.cover .kicker{margin:0 0 2px}.cover .sub{color:#ffffffb8;margin:4px 0 0;font-size:13px}.diffs{margin:12px 0 0;padding:0 12px;list-style:none}.diffs button{appearance:none;width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 14px;transition:background .2s;display:grid}.diffs button:hover,.diffs button:focus-visible{background:#ffffff0f;outline:none}.diffs .dn{font-size:15px;font-weight:600}.diffs .ds{color:var(--muted);font-variant-numeric:tabular-nums;grid-column:1;font-size:12px}.diffs .db{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;grid-area:1/2/span 2;font-size:12px}.diffs .db b{background:linear-gradient(110deg, var(--b), var(--c));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;display:block}.actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.card.wide .actions{justify-content:space-between;padding:0 24px}.stack{flex-direction:column;gap:8px;display:flex}.row{justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:13.5px;display:flex}.row em{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:6px;font-style:normal}.row input[type=range]{width:160px;accent-color:var(--b)}.row input[type=checkbox]{width:18px;height:18px;accent-color:var(--b)}.note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.failtext{color:var(--muted);margin:0 0 16px;font-size:13px}.gradeline{align-items:center;gap:18px;margin:4px 0 18px;display:flex}.grade{letter-spacing:-.03em;background:linear-gradient(140deg, var(--text), var(--b) 50%, var(--c));color:#0000;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--c) 40%, transparent));-webkit-background-clip:text;background-clip:text;font-size:4.2rem;font-weight:800;line-height:1}.gradeline .score{font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:700}.gradeline .badge{width:-moz-fit-content;width:fit-content;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));border-radius:999px;margin:6px 0 0;padding:4px 10px;font-size:11.5px;font-weight:600;display:none}.results.best .badge{display:block}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.metrics div{flex-direction:column;gap:4px;display:flex}.metrics .k{color:var(--muted);font-size:11px}.metrics .v{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.counts{color:var(--muted);gap:16px;margin-bottom:14px;font-size:12.5px;display:flex}.counts b{color:var(--text);font-variant-numeric:tabular-nums}.errchart{width:100%;height:56px;margin-bottom:10px;display:block}.vs{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.loading,.toast{left:50%;bottom:calc(40px + env(safe-area-inset-bottom));background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:13px;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,10px)}.loading.show,.toast.show{opacity:1;transform:translate(-50%)}.loading{top:50%;bottom:auto}.settings-btn{height:38px}@media (max-width:640px){.controls{flex-direction:column-reverse;left:50%;right:auto;transform:translate(-50%)}.metrics{grid-template-columns:repeat(2,1fr)}}.mods{color:var(--muted);align-items:center;gap:8px;padding:14px 26px 0;font-size:12px;display:flex}.mod{appearance:none;letter-spacing:.04em;min-width:44px;height:28px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:0 10px;font:700 12px/1 Inter,system-ui,sans-serif;transition:color .2s,background .2s,box-shadow .2s}.mod:hover,.mod:focus-visible{color:var(--text);outline:none}.mod[aria-pressed=true]{color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));box-shadow:0 0 14px color-mix(in srgb, var(--c) 40%, transparent)}.diffs .db i{color:var(--c);margin-left:4px;font-size:10.5px;font-style:normal;font-weight:700}.results.silver .grade{background:linear-gradient(140deg,#fff,#cbd5e1 45%,#94a3b8);filter:drop-shadow(0 0 20px #e2e8f073);-webkit-background-clip:text;background-clip:text}.binds{gap:6px;display:flex}.keybind{appearance:none;min-width:44px;height:30px;color:var(--text);box-shadow:inset 0 -1px 0 #ffffff1f, inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff14;border:0;border-radius:8px;padding:0 10px;font:700 12.5px/1 Inter,system-ui,sans-serif}.keybind:hover,.keybind:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 60%, transparent);outline:none}.keybind.listening{color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));animation:1s ease-in-out infinite listen}@keyframes listen{50%{filter:brightness(1.25)}}.row select{appearance:none;height:32px;color:var(--text);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 15px) 50% / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 10px) 50% / 5px 5px no-repeat, #ffffff14;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:8px;padding:0 28px 0 12px;font:500 12.5px/1 Inter,system-ui,sans-serif}.row select option{color:#111}.advice{color:var(--muted);margin:-4px 0 6px;font-size:12px;line-height:1.6}.advice b{color:var(--text);font-variant-numeric:tabular-nums}.pill.mini{height:24px;margin-left:6px;padding:0 10px;font-size:11.5px}.countdown{letter-spacing:-.03em;color:#0000;background:linear-gradient(140deg, var(--text), var(--b) 50%, var(--c));pointer-events:none;opacity:0;-webkit-background-clip:text;background-clip:text;place-items:center;font-size:clamp(5rem,14vw,9rem);font-weight:800;display:grid;position:fixed;inset:0}.countdown.show{animation:.6s cubic-bezier(.22,1,.36,1) forwards count}@keyframes count{0%{opacity:0;transform:scale(1.25)}25%{opacity:.9}to{opacity:0;transform:scale(.9)}}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;max-width:1200px;margin-top:28px;display:flex}.toolbar .search{max-width:420px;height:38px;color:var(--text);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:999px;outline:none;flex:260px;padding:0 14px;font:500 13px/1 Inter,system-ui,sans-serif}.toolbar .search:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 60%, transparent)}.toolbar .sort{appearance:none;height:38px;color:var(--text);background:linear-gradient(45deg, transparent 50%, var(--muted) 50%) calc(100% - 17px) 50% / 5px 5px no-repeat, linear-gradient(135deg, var(--muted) 50%, transparent 50%) calc(100% - 12px) 50% / 5px 5px no-repeat, var(--glass);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:999px;padding:0 32px 0 14px;font:500 13px/1 Inter,system-ui,sans-serif}.toolbar .sort option{color:#111}.toolbar .count{color:var(--muted);font-size:12px}.sets{margin-top:16px}.set.hidden{display:none}.da{opacity:.4;pointer-events:none;margin:4px 0 0 66px;transition:opacity .2s}.da.on{opacity:1}.modal.open .da.on{pointer-events:auto}.darow{grid-template-columns:18px 1fr 130px 34px;gap:10px;display:grid}.darow em{text-align:right}.darow input[type=range]:disabled{opacity:.35}.mods .modnote b{color:var(--c);font-weight:700}.diffs .ds s{color:var(--c);text-decoration:none}.modsbtn b{color:var(--c);margin-left:6px;font-weight:700}.modsbtn b:empty{display:none}.modsummary{color:var(--c);margin-left:6px}.dropdown{appearance:none;height:38px;color:var(--text);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px 0 16px;font:500 13px/1 Inter,system-ui,sans-serif;transition:box-shadow .2s;display:inline-flex}.dropdown:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:6px;height:6px;margin-top:-3px;transition:transform .2s;transform:rotate(45deg)}.dropdown[aria-expanded=true]:after{margin-top:3px;transform:rotate(-135deg)}.dropdown:hover,.dropdown:focus-visible,.dropdown[aria-expanded=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 55%, transparent);outline:none}.row .dropdown{border-radius:10px;height:32px;font-size:12.5px}.dropdown-menu{z-index:100;background:color-mix(in srgb, var(--bg) 88%, transparent);box-shadow:inset 0 0 0 1px var(--line), 0 18px 50px #00000080, 0 0 40px color-mix(in srgb, var(--b) 10%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;border-radius:14px;margin:0;padding:6px;list-style:none;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(-4px)}.dropdown-menu.open{opacity:1;pointer-events:auto;transform:none}.dropdown-menu li{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:9px;outline:none;align-items:center;gap:10px;padding:9px 12px 9px 28px;font:500 13px/1.2 Inter,system-ui,sans-serif;display:flex;position:relative}.dropdown-menu li:focus,.dropdown-menu li:hover{color:var(--text);background:#ffffff12}.dropdown-menu li[aria-selected=true]{color:var(--text)}.dropdown-menu li[aria-selected=true]:before{content:"";background:linear-gradient(135deg, var(--b), var(--c));width:6px;height:6px;box-shadow:0 0 8px var(--c);border-radius:50%;margin-top:-3px;position:absolute;top:50%;left:12px}.set{cursor:default;flex-direction:column;min-height:0;display:flex}.sets{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start}.set{cursor:default;flex-direction:column;display:flex}.set:hover{transform:none}.set .head{height:96px;position:relative;overflow:hidden}.set .head img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.set .text{padding:26px 14px 10px}.set .t{font-size:15px}.rows{position:relative;overflow:hidden}.rows ul{margin:0;padding:6px;list-style:none;position:relative}.rows li+li{border-top:1px solid #ffffff0f}.row-diff{appearance:none;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto 14px;align-items:center;gap:4px 12px;padding:9px 10px;transition:background .2s,opacity .2s;display:grid}.row-diff:hover,.row-diff:focus-visible{background:#ffffff14;outline:none}.row-diff.dim{opacity:.35}.row-diff .l1{align-items:center;gap:8px;min-width:0;display:flex}.row-diff .sr{font-variant-numeric:tabular-nums;color:#0b0b12;background:var(--sr,#fff3);border-radius:999px;flex:none;padding:3px 7px;font:700 10.5px/1 Inter,system-ui,sans-serif}.row-diff .sr.light{color:#fff}.row-diff .dn{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.row-diff .ds{color:#ffffff9e;font-variant-numeric:tabular-nums;grid-area:2/1;font-size:11.5px}.row-diff .ds s{color:var(--c);text-decoration:none}.row-diff .db{text-align:right;color:#ffffff9e;font-variant-numeric:tabular-nums;grid-area:1/2/span 2;font-size:11.5px}.row-diff .db b{background:linear-gradient(110deg, var(--b), var(--c));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800;display:block}.row-diff .db i{color:var(--c);font-style:normal;font-weight:700}.row-diff .go{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #ffffff73;grid-area:1/3/span 2;width:0;height:0;transition:border-color .2s}.row-diff:hover .go,.row-diff:focus-visible .go{border-left-color:var(--c)}.drop{min-height:200px}.row-diff .sr{justify-content:center;align-items:center;gap:3px;height:18px;padding:0 7px 0 6px;line-height:1;display:inline-flex}.row-diff .sr svg{fill:currentColor;flex:none;width:9px;height:9px}.row-diff .sr span{line-height:1;transform:translateY(.5px)}.player{z-index:20;top:max(14px, env(safe-area-inset-top));background:var(--glass);max-width:min(420px,100vw - 140px);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:2px;padding:5px 6px 5px 16px;transition:opacity .35s;display:flex;position:fixed;right:clamp(16px,3vw,40px);overflow:hidden}body:not(.inmenu) .player,.player.empty{opacity:0;pointer-events:none}.np{flex-direction:column;min-width:0;margin-right:8px;line-height:1.25;display:flex}.np-t,.np-a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.np-t{font-size:12.5px;font-weight:600}.np-a{color:var(--muted);font-size:11px}.pp{appearance:none;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:color .2s,background .2s;display:grid}.pp svg{fill:currentColor;width:16px;height:16px}.pp:hover,.pp:focus-visible{color:var(--text);background:#ffffff14;outline:none}.pp.toggle{color:var(--text)}.pp.toggle .i-play,.player.paused .pp.toggle .i-pause{display:none}.player.paused .pp.toggle .i-play{display:block}.player .bar{height:2px;width:calc(var(--progress,0) * 100%);background:linear-gradient(90deg, var(--b), var(--c));opacity:.8;position:absolute;bottom:0;left:0}.sets{position:relative}.set.active{z-index:6;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent), 0 18px 50px -20px color-mix(in srgb, var(--c) 45%, transparent)}.row-diff.selected{background:color-mix(in srgb, var(--c) 14%, #ffffff0d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent)}.row-diff.selected .go{border-left-color:var(--c);filter:drop-shadow(0 0 6px var(--c))}.sets>.drop,.sets .set{box-sizing:border-box;flex:none;width:100%}.set>.rows{flex:1}.board{isolation:isolate;box-sizing:border-box;min-height:0;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);background:#06080e66;border-radius:20px;flex-direction:column;flex:0 auto;padding:18px 18px 14px;display:flex;position:relative;overflow:hidden}.board.bare .bi{border-bottom:0;margin-bottom:0;padding-bottom:0}.side .controls{margin-top:auto}@keyframes board-in{0%{opacity:0;transform:translateY(-8px)}}.board.swap .bl,.board.swap .bd{animation:.3s board-swap}@keyframes board-swap{0%{opacity:0;transform:translateY(4px)}}.board .bh{justify-content:space-between;align-items:center;display:flex}.board .kicker{margin:0}.board .bx{appearance:none;width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font:600 14px/1 Inter,system-ui,sans-serif;transition:background .2s,color .2s}.board .bx:hover,.board .bx:focus-visible{color:var(--text);background:#ffffff14;outline:none}.board .bd{align-items:center;gap:8px;min-width:0;margin:8px 0 10px;display:flex}.board .bd .dn{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.board .sr{font-variant-numeric:tabular-nums;color:#0b0b12;background:var(--sr,#fff3);border-radius:999px;flex:none;align-items:center;gap:3px;height:18px;padding:0 7px 0 6px;font:700 10.5px/1 Inter,system-ui,sans-serif;display:inline-flex}.board .sr.light{color:#fff}.board .sr svg{fill:currentColor;width:9px;height:9px}.board .sr span{transform:translateY(.5px)}.board .bl{scrollbar-width:thin;flex:1;min-height:0;margin:0 -6px;overflow-y:auto}.board .scores{margin:0;padding:0;list-style:none}.board .scores li{font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:16px 30px 1fr auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.board .scores li+li{border-top:1px solid #ffffff0d}.board .scores li.fresh{background:color-mix(in srgb, var(--c) 12%, transparent);border-top-color:#0000}.board .scores li.fresh+li{border-top-color:#0000}.board .rk{color:var(--muted);text-align:right;font-size:11.5px;font-weight:600}.board .gr{text-align:center;color:var(--g,var(--text));text-shadow:0 0 14px color-mix(in srgb, var(--g,#fff) 45%, transparent);font-size:19px;font-weight:800}.board li.ss,.board li.s{--g:#ffd166}.board li.silver{--g:#e8eef8}.board li.a{--g:#7ee787}.board li.b{--g:#6cb6ff}.board li.c{--g:#d2a8ff}.board li.d{--g:#ff7b72}.board .sc{min-width:0;font-size:14px;font-weight:700}.board .sc small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:500;display:block;overflow:hidden}.board .sc i{color:var(--c);font-style:normal;font-weight:700}.board .when{color:var(--muted);white-space:nowrap;font-size:11px}.board .empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:18px 10px 20px;font-size:12px;line-height:1.5;display:flex}.board .empty b{color:var(--text);font-size:14px}.board .empty .ring{width:34px;height:34px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent), 0 0 0 6px color-mix(in srgb, var(--c) 10%, transparent);border-radius:50%;margin-bottom:6px;animation:3.2s ease-in-out infinite ring-breathe}@keyframes ring-breathe{50%{opacity:.6;transform:scale(.86)}}.board .bf{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.board .play{height:30px;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));box-shadow:none;padding:0 16px}.board .play:hover,.board .play:focus-visible{color:var(--bg);filter:brightness(1.12)}.board .tip{color:var(--muted);font-size:11px}.board .tip kbd{padding:0 5px;font-size:10px}@media (prefers-reduced-motion:reduce){.sets .set,.set .rows{transition:none!important}}.scoretip{z-index:60;font-variant-numeric:tabular-nums;min-width:210px;color:var(--text);background:color-mix(in srgb, var(--bg) 92%, transparent);box-shadow:inset 0 0 0 1px var(--line), 0 16px 40px -16px #000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;opacity:0;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.55;transition:opacity .12s;position:fixed;top:0;left:0}.scoretip.show{opacity:1}.scoretip p{justify-content:space-between;gap:16px;margin:0;display:flex}.scoretip em{color:var(--muted);font-style:normal}.scoretip .st-h{margin-bottom:6px;font-weight:600}.scoretip .st-c{border-bottom:1px solid var(--line);justify-content:flex-start;gap:12px;margin-bottom:4px;padding-bottom:6px;font-weight:600}.scoretip .st-c em{margin-right:4px;font-weight:500}.scoretip .st-c .miss{color:#ff7b72}.scoretip .st-note{max-width:230px;color:var(--muted);margin-top:6px;font-size:11px;display:block}.speed{margin-bottom:4px}.pause .card.small,.failed .card.small{width:min(400px,100%)}.pause .stack,.failed .stack{gap:12px;margin-top:6px}.pause .stack .pill,.failed .stack .pill{letter-spacing:.02em;border-radius:20px;height:68px;font-size:18px}.pause .stack .pill:not(.primary):hover,.failed .stack .pill:not(.primary):hover{background:#ffffff1a}.results .actions .pill{border-radius:16px;min-width:120px;height:52px;padding:0 26px;font-size:15px}.menu{scrollbar-width:none;touch-action:none;overscroll-behavior:contain}.menu::-webkit-scrollbar{display:none}.menu .sets,.menu .head,.menu .about{-webkit-user-select:none;user-select:none}.menu img{-webkit-user-drag:none}.menu.dragging,.menu.dragging *{cursor:grabbing!important}.scrollbar{z-index:15;opacity:0;width:14px;height:200px;transition:opacity .35s;position:fixed;top:76px;left:0}.scrollbar.none,body.playing .scrollbar{opacity:0;pointer-events:none}.scrollbar.active,.scrollbar:hover,.scrollbar.held{opacity:1}.scrollbar .thumb{background:color-mix(in srgb, var(--c) 55%, #ffffff59);width:4px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 35%, transparent);cursor:grab;border-radius:999px;transition:width .2s,background .2s;position:absolute;top:0;right:3px}.scrollbar:hover .thumb,.scrollbar.held .thumb{background:var(--c);width:8px}.scrollbar.held .thumb{cursor:grabbing}.sets{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sets>.vlist{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.vlist>.set{box-sizing:border-box;flex:none;width:100%}.sets>.drop{flex-direction:row;justify-content:flex-start;gap:12px;height:64px;min-height:0;padding:0 20px}.sets>.drop .plus{margin:0;font-size:26px}.sets>.drop .big{font-size:14px}.sets>.drop .small{margin:0}.set .head{cursor:pointer;height:86px}.set.active .head{cursor:default}.set .head:after{content:"";pointer-events:none;background:linear-gradient(90deg,#000000b8,#00000059 55%,#0000001a);position:absolute;inset:0}.set .head img{transition:opacity .3s,transform .6s cubic-bezier(.22,1,.36,1)}.set .head:hover img{opacity:.7;transform:scale(1.03)}.set .text{z-index:1;background:0 0;flex-direction:column;justify-content:center;padding:0 16px;display:flex;position:absolute;inset:0 150px 0 0}.set .n{z-index:1}.chips{flex-wrap:nowrap;gap:4px;margin:7px 0 0;display:flex;overflow:hidden}.chips i{font-variant-numeric:tabular-nums;color:#0b0b12;background:var(--sr,#fff3);border-radius:999px;flex:none;padding:2px 6px;font:700 10px/1.2 Inter,system-ui,sans-serif;transition:opacity .2s}.chips i.light{color:#fff}.chips i.dim{opacity:.3}.set .rows{grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1);display:grid}.set.active .rows{grid-template-rows:1fr}.set .rows .rw{visibility:hidden;min-height:0;transition:visibility 0s linear .42s;position:relative;overflow:hidden}.set.active .rows .rw{visibility:visible;transition:visibility}.chips{padding:0}.sets>.drop .small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:520px){.sets>.drop .small{display:none}}.menu{padding:calc(max(20px, env(safe-area-inset-top)) + 52px) clamp(20px, 3vw, 48px) clamp(16px, 3vh, 28px);grid-template-columns:clamp(340px,30vw,500px) minmax(0,1fr);column-gap:clamp(24px,4vw,80px);display:grid;overflow:hidden}.side{flex-direction:column;gap:16px;min-width:0;min-height:0;display:flex}.side .head h1{font-size:clamp(2.6rem,4vw,3.8rem)}.side .rule{margin:6px 0 10px}.side .controls{flex-wrap:wrap;position:static}.side .about{margin:0;font-size:11.5px;line-height:1.65}.browse{flex-direction:column;justify-self:end;width:100%;min-width:0;max-width:800px;min-height:0;padding-top:16px;display:flex}.browse .toolbar{flex:none;margin:0 0 14px}.browse .toolbar .search{flex:1;min-width:160px}.list{overscroll-behavior:contain;scrollbar-width:none;touch-action:none;flex:1;min-height:0;padding-bottom:24px;overflow-y:auto}.list::-webkit-scrollbar{display:none}.list .sets{margin-top:0}.list.dragging,.list.dragging *{cursor:grabbing!important}.board .bi{border-bottom:1px solid var(--line);flex:none;margin-bottom:12px;padding-bottom:14px}.board .bt{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;font-weight:800;line-height:1.25;overflow:hidden}.board .ba{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12.5px;overflow:hidden}.board .bd{margin:12px 0 6px}.board .bs{font-variant-numeric:tabular-nums;color:#ffffffa8;margin:0;font-size:12px;line-height:1.6}.board .bs s{color:var(--c);text-decoration:none}.board .bh{flex:none;margin-bottom:4px}.board .bc{color:var(--muted);font-size:11.5px}.board.none .bi{text-align:center;border-bottom:0;margin:auto 0}.board.none .bt{white-space:normal}.board.none .ba{white-space:normal;line-height:1.6}@media (max-width:900px){.menu{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);row-gap:12px}.side{gap:10px}.side .hint,.side .about,.side .rule{display:none}.side .head h1{font-size:2.2rem}.side .board{flex:none;max-height:36vh}.side .controls{scrollbar-width:none;flex-flow:row;left:auto;overflow-x:auto;transform:none}.side .controls .pill{flex:none}.side .board .tip{display:none}.browse{max-width:none;padding-top:0}}.pause .stack .pill,.failed .stack .pill,.results .actions .pill{text-align:center;padding:0 56px;display:block;position:relative}.results .actions .pill{padding:0 44px}.pause .stack .pill>span,.failed .stack .pill>span,.results .actions .pill>span{display:block}.pause .stack .ic,.failed .stack .ic,.results .actions .ic{width:22px;height:22px;transition:transform .2s;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.results .actions .ic{width:17px;height:17px;right:16px}.pause .stack .pill:hover .ic,.failed .stack .pill:hover .ic,.results .actions .pill:hover .ic{transform:translateY(-50%)scale(1.12)}.playbtn{appearance:none;letter-spacing:.06em;text-transform:uppercase;height:56px;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));box-shadow:0 12px 34px -10px color-mix(in srgb, var(--c) 70%, transparent), 0 0 0 1px #ffffff1f inset;cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;border:0;border-radius:999px;align-items:center;gap:10px;max-width:0;padding:0;font:800 16px/1 Inter,system-ui,sans-serif;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1),max-width .35s cubic-bezier(.22,1,.36,1),padding .35s cubic-bezier(.22,1,.36,1),filter .2s;display:flex;overflow:hidden;transform:scale(.96)}.playbtn svg{fill:currentColor;width:18px;height:18px}body.inmenu.picked .playbtn{opacity:1;pointer-events:auto;max-width:220px;padding:0 28px 0 24px;transform:none}.playbtn:hover,.playbtn:focus-visible{filter:brightness(1.12);outline:none}.list .sets{padding-bottom:72px}.pause .stack .pill,.failed .stack .pill{line-height:68px}.results .actions .pill{line-height:52px}@property --vv{syntax:"<number>";inherits:true;initial-value:0}.volume{z-index:40;right:clamp(20px,3vw,48px);bottom:calc(clamp(18px, 3vh, 30px) + 100px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;align-items:flex-end;gap:14px;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;transform:translateY(10px)}.volume.show{opacity:1;pointer-events:auto;transform:none}.volume .dial{--vv:var(--v,0);width:92px;height:92px;box-shadow:inset 0 0 0 1px var(--line), 0 16px 40px -18px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);background:#06080e8c;border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,--vv .18s;display:grid;position:relative}.volume .dial.big{width:132px;height:132px}.volume .dial.on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent), 0 0 24px -4px color-mix(in srgb, var(--c) 45%, transparent), 0 16px 40px -18px #000000e6;transform:scale(1.06)}.volume .dial.bump b{animation:.22s vol-bump}@keyframes vol-bump{50%{transform:scale(1.12)}}.volume svg{width:calc(100% - 14px);height:calc(100% - 14px);position:absolute;inset:7px;transform:rotate(-90deg)}.volume .track,.volume .level{fill:none;stroke-width:7px}.volume .track{stroke:#ffffff14}.volume .level{stroke:var(--c);stroke-linecap:round;stroke-dasharray:calc(var(--vv) * 100) 100;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--c) 70%, transparent))}.volume .dial b{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;position:relative}.volume .dial.big b{font-size:22px}.volume .dial span{letter-spacing:.08em;color:#ffffffb8;text-shadow:0 1px 6px #000000e6;white-space:nowrap;font-size:11px;font-weight:600;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.volume .dial.on span{color:var(--text)}.dock{z-index:25;right:clamp(20px,3vw,48px);bottom:calc(clamp(18px, 3vh, 30px) + env(safe-area-inset-bottom));align-items:center;gap:10px;transition:opacity .3s;display:flex;position:fixed}body:not(.inmenu) .dock{opacity:0;pointer-events:none}body:not(.inmenu) .dock .playbtn{pointer-events:none}.modsbtn,.practicebtn{appearance:none;letter-spacing:.06em;text-transform:uppercase;height:56px;color:var(--text);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);cursor:pointer;background:#06080e80;border:0;border-radius:999px;align-items:center;gap:9px;padding:0 22px 0 18px;font:700 14px/1 Inter,system-ui,sans-serif;transition:box-shadow .25s,background .25s;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.modsbtn svg,.practicebtn svg{width:20px;height:20px;color:var(--c)}.modsbtn:hover,.modsbtn:focus-visible,.practicebtn:hover,.practicebtn:focus-visible{background:#ffffff1a;outline:none}.modsbtn.on{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 65%, transparent), 0 0 26px -6px color-mix(in srgb, var(--c) 55%, transparent)}.modsbtn b{letter-spacing:.04em;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));border-radius:999px;margin-left:2px;padding:5px 9px;font-size:12px}.help{position:static}.side .controls{position:relative;bottom:auto;right:auto}.helpbtn{width:38px;padding:0;font-size:15px;font-weight:800}.helptip{z-index:30;width:max-content;max-width:min(360px,80vw);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px -18px #000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#06080ed1;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.6;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(6px)}.helptip p{margin:0}.helptip p+p{margin-top:4px}.helptip .fine{opacity:.8;margin-top:8px;font-size:11px}.help:hover .helptip,.help:focus-within .helptip,.help.open .helptip{opacity:1;transform:none}.sortdir{place-items:center;width:38px;padding:0;display:grid}.sortdir svg{width:17px;height:17px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.sortdir.asc svg{transform:rotate(180deg)}.sets .set{background:#0d121e38}.set.active .rows{-webkit-backdrop-filter:blur(16px)saturate(1.35);backdrop-filter:blur(16px)saturate(1.35);background:#06080e24}.set.active .row-diff{text-shadow:0 1px 6px #0000008c}html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.ctxmenu{z-index:70;min-width:200px;box-shadow:inset 0 0 0 1px var(--line), 0 18px 44px -16px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);opacity:0;transform-origin:0 0;pointer-events:none;background:#06080ed9;border-radius:14px;padding:6px;transition:opacity .14s,transform .18s cubic-bezier(.22,1,.36,1);position:fixed;top:0;left:0;transform:scale(.97)}.ctxmenu.open{opacity:1;pointer-events:auto;transform:none}.ctxmenu .ct{max-width:260px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 10px 6px;font-size:11.5px;font-weight:600;overflow:hidden}.ctxmenu .ci{appearance:none;text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 10px;font:600 13px/1.2 Inter,system-ui,sans-serif;display:block}.ctxmenu .ci:hover,.ctxmenu .ci:focus-visible{background:#ffffff14;outline:none}.ctxmenu .ci.danger{color:#fda4af}.ctxmenu .ci.danger.confirm{color:#fff;background:#e11d48b3}.cursorcols{flex-wrap:wrap;justify-content:flex-end;gap:2px;max-width:300px;display:flex}.cursorcols>*{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:24px;height:24px;padding:0;position:relative}.cursorcols>:before{content:"";background:var(--sw);border-radius:50%;transition:inset .2s cubic-bezier(.22,1,.36,1);position:absolute;inset:5px}.cursorcols>:after{content:"";border-radius:50%;transition:box-shadow .2s;position:absolute;inset:1px;box-shadow:inset 0 0 0 1.5px #0000}.cursorcols>:hover:before{inset:3px}.cursorcols>[aria-pressed=true]:before{inset:4px}.cursorcols>[aria-pressed=true]:after{box-shadow:inset 0 0 0 1.5px #ffffffd9}.cursorcols .custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.set .setgrade{z-index:1;color:var(--g,#fff);text-shadow:0 0 16px color-mix(in srgb, var(--g,#fff) 50%, transparent);pointer-events:none;font-size:26px;font-weight:800;line-height:1;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:12px;right:16px}.set.active .setgrade{opacity:0;transform:scale(.85)}.g-ss,.g-s{--g:#ffd166}.g-silver{--g:#e8eef8}.g-a{--g:#7ee787}.g-b{--g:#6cb6ff}.g-c{--g:#d2a8ff}.g-d{--g:#ff7b72}.card.resultcard{width:min(1000px,100%);padding:18px}.resultcard .cardcanvas{aspect-ratio:1200/560;width:100%;height:auto;box-shadow:inset 0 0 0 1px var(--line);opacity:0;background:#ffffff08;border-radius:14px;transition:opacity .3s;display:block}.resultcard .cardcanvas.ready{opacity:1}.resultcard .vs{text-align:center;margin:14px 4px 0}.results .resultcard .actions{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.results .resultcard .actions .pill{letter-spacing:.02em;border-radius:18px;width:100%;min-width:0;height:60px;padding:0 52px;font-size:17px;line-height:60px}.results .resultcard .actions .pill:not(.primary):hover{background:#ffffff1a}.results .resultcard .actions .ic{width:20px;height:20px;right:22px}@media (max-width:560px){.results .resultcard .actions .pill{height:52px;padding:0 12px;font-size:15px;line-height:52px}.results .resultcard .actions .ic{display:none}}.row .ctl{align-items:center;gap:10px;display:flex}.row .ctl input[type=range]{width:132px}.numbox{height:30px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:9px;align-items:center;gap:4px;padding:0 8px 0 4px;transition:box-shadow .2s;display:flex}.numbox:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent)}.numbox input{font-variant-numeric:tabular-nums;text-align:right;width:44px;color:var(--text);appearance:textfield;background:0 0;border:0;outline:none;padding:0;font:600 13px/1 Inter,system-ui,sans-serif}.numbox input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numbox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numbox em{min-width:18px;color:var(--muted);margin:0;font-size:11.5px}.board .scores li{cursor:pointer;transition:background .15s}.board .scores li:hover,.board .scores li:focus-visible{background:#ffffff0f;outline:none}.board .scores li.fresh:hover,.board .scores li.fresh:focus-visible{background:color-mix(in srgb, var(--c) 18%, transparent)}.results .ic-play,.results.viewing .ic-retry{display:none}.results.viewing .ic-play{display:block}.settings .sect{margin-top:6px}.settings .sect+.sect{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.settings .sh{letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:0 0 2px;font-size:11px;font-weight:700}.settings .sect .row{padding:8px 0}.darow{grid-template-columns:18px 1fr 112px 64px}.speed .darow{grid-template-columns:1fr 140px 64px}.darow input[type=range]{width:100%}.darow .numbox{justify-self:end}.darow .numbox input{width:38px}.darow .numbox input::placeholder{color:var(--muted);opacity:.8}.board .bi{position:relative}.board .bi.haslink .bt{padding-right:104px}.board .maplink{appearance:none;height:28px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;font:600 12px/1 Inter,system-ui,sans-serif;transition:color .2s,background .2s;display:flex;position:absolute;top:-2px;right:0}.board .maplink svg{width:14px;height:14px}.board .maplink:hover,.board .maplink:focus-visible{color:var(--text);background:#ffffff1f;outline:none}.settings .io{gap:8px;display:flex}.settings .io .pill{height:30px;margin:0;padding:0 14px}.board li.failed{--g:#ff5c6c}.board li.failed .sc{opacity:.85}.board .ftag{color:#ff7b8a;font-style:normal;font-weight:700}.board .when{align-items:center;gap:5px;display:inline-flex}.board .when .rp{width:10px;height:10px;fill:var(--c);opacity:.85}.results .resultcard .actions{grid-template-columns:repeat(3,1fr)}.results.hasreplay .resultcard .actions{grid-template-columns:repeat(4,1fr)}.results [data-act=watch],.results .linkbtn{display:none!important}.results.hasreplay [data-act=watch]{display:block!important}.results.hasreplay .linkbtn{display:inline-block!important}.resultcard .vsrow{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;margin:14px 4px 0;display:flex}.resultcard .vsrow .vs{margin:0}.linkbtn{appearance:none;color:var(--c);cursor:pointer;background:0 0;border:0;padding:0;font:600 12.5px/1.5 Inter,system-ui,sans-serif}.linkbtn:hover,.linkbtn:focus-visible{outline:none;text-decoration:underline}@media (max-width:720px){.results.hasreplay .resultcard .actions{grid-template-columns:repeat(2,1fr)}}.failed .stack .pill .fk{line-height:1.5;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.failed .stack .pill:disabled{cursor:default;opacity:.6}.textin{width:190px;height:32px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border:0;border-radius:9px;outline:none;padding:0 10px;font:600 13px/1 Inter,system-ui,sans-serif}.textin:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent)}.textin::placeholder{color:var(--muted)}.watchbar{z-index:40;width:min(760px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--line), 0 18px 44px -16px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);opacity:0;pointer-events:none;background:#06080eb8;border-radius:18px;padding:10px 14px;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px)}body.watching .watchbar{opacity:1;pointer-events:auto;transform:translate(-50%)}body.watching .watchbar.idle{opacity:0;transform:translate(-50%,8px)}body.watching.idlecursor,body.watching .watchbar.idle{cursor:none}.watchbar .wb-who{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:12px;font-weight:600;overflow:hidden}.watchbar .wb-row{align-items:center;gap:10px;display:flex}.watchbar .wb-btn{appearance:none;width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.watchbar .wb-btn:hover,.watchbar .wb-btn:focus-visible{background:#ffffff29;outline:none}.watchbar .wb-btn svg{fill:currentColor;width:16px;height:16px}.watchbar .wb-play{color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c))}.watchbar .wb-play:hover,.watchbar .wb-play:focus-visible{background:linear-gradient(110deg, var(--b), var(--c));filter:brightness(1.12)}.watchbar .i-play,.watchbar.paused .i-pause{display:none}.watchbar.paused .i-play{display:block}.watchbar .wb-time,.watchbar .wb-len{font-variant-numeric:tabular-nums;min-width:36px;color:var(--muted);flex:none;font-size:12px;font-weight:600}.watchbar .wb-len{text-align:right}.watchbar .wb-seek{--p:0;cursor:pointer;touch-action:none;flex:1;min-width:80px;height:26px;position:relative}.watchbar .wb-track{background:#ffffff1f;border-radius:99px;height:4px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.watchbar .wb-fill{width:calc(var(--p) * 100%);background:linear-gradient(90deg, var(--b), var(--c));height:100%}.watchbar .wb-knob{top:50%;left:calc(var(--p) * 100%);width:12px;height:12px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 70%, transparent);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.watchbar .wb-speeds{background:#ffffff0d;border-radius:99px;flex:none;gap:2px;padding:2px;display:flex}.watchbar .wb-speeds button{appearance:none;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 8px;font:700 11px/1 Inter,system-ui,sans-serif}.watchbar .wb-speeds button:hover{color:var(--text)}.watchbar .wb-speeds button[aria-pressed=true]{color:var(--bg);background:var(--c)}.watchbar .wb-keys{color:var(--muted);text-align:center;margin:6px 0 0;font-size:11px}@media (max-width:640px){.watchbar .wb-speeds button:nth-child(2),.watchbar .wb-speeds button:nth-child(4),.watchbar .wb-keys{display:none}}body.watching #stage{cursor:default}body.watching.idlecursor #stage{cursor:none}.toolbar .collbtn{place-items:center;width:38px;padding:0;display:grid}.toolbar .collbtn svg{width:17px;height:17px}.toolbar.incoll .collection+.dropdown{color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));box-shadow:none}.ctxmenu .cs{letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin:8px 10px 2px;font-size:10.5px;font-weight:700}.ctxmenu .cwrap{border-bottom:1px solid var(--line);max-height:46vh;margin-bottom:4px;padding-bottom:6px;overflow-y:auto}.ctxmenu .ci.coll{align-items:center;gap:9px;display:flex}.ctxmenu .ci.coll .tick{border-radius:5px;flex:none;width:15px;height:15px;box-shadow:inset 0 0 0 1.5px #ffffff59}.ctxmenu .ci.coll[data-state=on] .tick{background:no-repeat center / 11px 11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), var(--c);box-shadow:none}.ctxmenu .ci.coll[data-state=some] .tick{background:no-repeat center / 9px 2.5px linear-gradient(var(--c), var(--c));box-shadow:inset 0 0 0 1.5px var(--c)}.ctxmenu .ci.newcoll{color:var(--c)}.ctxmenu .ci-input{width:calc(100% - 8px);height:34px;color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent);box-sizing:border-box;background:#ffffff0f;border:0;border-radius:9px;outline:none;margin:2px 4px;padding:0 10px;font:600 13px/1 Inter,system-ui,sans-serif;display:block}.collmenu .card{width:min(560px,100%)}.collmenu .clist{margin:12px 0 0;padding:0;list-style:none}.collmenu .clist li{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.collmenu .clist li:last-child{border-bottom:1px solid var(--line)}.collmenu .cname{min-width:0;height:32px;color:var(--text);background:0 0;border:0;border-radius:9px;outline:none;flex:1;padding:0 10px;font:600 14px/1 Inter,system-ui,sans-serif}.collmenu .cname:hover,.collmenu .cname:focus{background:#ffffff0f}.collmenu .cn{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.collmenu .pill.mini{height:28px;margin:0}.collmenu .del.confirm{color:#fff;background:#e11d48b3}.collmenu .cempty{color:var(--muted);text-align:center;margin:18px 0 4px;font-size:13px;display:none}.collmenu .cempty.show{display:block}.collmenu .actions{flex-wrap:wrap}.practicebtn{display:none}body.inmenu.picked .practicebtn{display:flex}.practicebar{z-index:40;width:min(820px,100vw - 32px);box-shadow:inset 0 0 0 1px var(--line), 0 18px 44px -16px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);opacity:0;pointer-events:none;background:#06080ec7;border-radius:18px;padding:12px 16px;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:22px;left:50%;transform:translate(-50%,16px)}body.practicepanel .practicebar{opacity:1;pointer-events:auto;transform:translate(-50%)}.practicebar .pb-title{color:var(--muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:12px;font-weight:600;overflow:hidden}.practicebar .pb-line{cursor:crosshair;touch-action:none;border-radius:10px;width:100%;height:64px;display:block}.practicebar .pb-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.practicebar .pb-start{font-variant-numeric:tabular-nums;flex:1;min-width:140px;font-size:13px;font-weight:700}.practicebar .pb-loop[aria-pressed=true]{color:var(--bg);background:#ffe14d}.practicebar .pb-speeds{background:#ffffff0d;border-radius:99px;flex:none;gap:2px;padding:2px;display:flex}.practicebar .pb-speeds button{appearance:none;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 8px;font:700 11px/1 Inter,system-ui,sans-serif}.practicebar .pb-speeds button:hover{color:var(--text)}.practicebar .pb-speeds button[aria-pressed=true]{color:var(--bg);background:var(--c)}.practicebar .pb-last{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px}.practicebar .pb-actions{justify-content:center;gap:8px;margin-top:10px;display:flex}.practicebar .pb-actions .pill{margin:0;padding:0 18px}.practicebar .pb-keys{color:var(--muted);text-align:center;margin:8px 0 0;font-size:11px}.practicetag{z-index:30;letter-spacing:.06em;text-transform:uppercase;color:#ffe14d;opacity:0;pointer-events:none;background:#06080e99;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:700;transition:opacity .3s;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffe14d59}body.practicing:not(.practicepanel) .practicetag{opacity:1}@media (max-width:640px){.practicebar .pb-speeds button:nth-child(3),.practicebar .pb-speeds button:nth-child(5),.practicebar .pb-keys{display:none}}.profile-btn{z-index:20;top:max(14px, env(safe-area-inset-top));max-width:min(280px,100vw - 32px);color:var(--text);font:inherit;letter-spacing:.01em;background:var(--glass);box-shadow:inset 0 0 0 1px var(--line), 0 8px 30px -18px var(--c);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:5px 18px 5px 5px;font-size:14px;font-weight:600;transition:opacity .35s,box-shadow .25s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;left:50%;transform:translate(-50%)}.profile-btn:hover,.profile-btn:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent), 0 10px 34px -14px var(--c);outline:none;transform:translate(-50%)translateY(-1px)}.profile-btn .pav{color:#fff;background:linear-gradient(135deg, var(--b), var(--c));width:30px;height:30px;box-shadow:0 0 14px color-mix(in srgb, var(--c) 45%, transparent);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.profile-btn .pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}body:not(.inmenu) .profile-btn{opacity:0;pointer-events:none}.settings .palette{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-wrap:wrap;justify-content:flex-end;padding:0}.modal.statsview{z-index:45}.modal.results{z-index:46}.toast{z-index:80}.statsview .card{width:min(880px,100%);padding:22px 24px 20px}.statsview .st-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.statsview .st-head .kicker{margin:0 0 2px}.statsview .st-name{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:800}.statsview .st-empty{color:var(--muted);text-align:center;margin:26px 0 10px;font-size:14px;display:none}.statsview .st-empty.show{display:block}.statsview .st-tiles{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;display:grid}.statsview .st-tile{min-width:0;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:14px;padding:12px 12px 11px}.statsview .st-tile .tl{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700;display:block}.statsview .st-tile b{font-variant-numeric:tabular-nums;white-space:nowrap;margin:6px 0 4px;font-size:21px;font-weight:800;display:block}.statsview .st-tile .ts{color:var(--muted);font-size:11px;line-height:1.35;display:block}.statsview .st-sect{min-width:0;margin-top:18px}.statsview .sh{letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:0 0 8px;font-size:11px;font-weight:700}.statsview .st-sub{letter-spacing:.02em;text-transform:none;color:var(--muted);margin-left:6px;font-weight:600}.statsview .st-ranks{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.statsview .st-rank{--p:0;background:#ffffff0a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.statsview .st-rank b{color:var(--col);font-size:15px;font-weight:800}.statsview .st-rank .bar{background:linear-gradient(90deg, var(--col) calc(var(--p) * 100%), #ffffff14 0);border-radius:99px;height:4px}.statsview .st-rank em{font-variant-numeric:tabular-nums;font-size:13px;font-style:normal;font-weight:700}.statsview .st-rank.none{opacity:.45}.statsview .st-trend{width:100%;height:150px;display:block}.statsview .st-cols{grid-template-columns:auto 1fr;gap:28px;display:grid}.statsview .st-heat{grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:3px;display:grid}.statsview .hc{background:#ffffff0f;border-radius:3px}.statsview .hc[data-l="1"]{background:color-mix(in srgb, var(--c) 30%, transparent)}.statsview .hc[data-l="2"]{background:color-mix(in srgb, var(--c) 52%, transparent)}.statsview .hc[data-l="3"]{background:color-mix(in srgb, var(--c) 76%, transparent)}.statsview .hc[data-l="4"]{background:var(--c)}.statsview .st-top,.statsview .st-recent{margin:0;padding:0;list-style:none}.statsview .st-top li,.statsview .st-recent li{border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 8px;font-size:13px;display:flex}.statsview li.go{cursor:pointer}.statsview li.go:hover{background:#ffffff0f}.statsview .st-grade{text-align:center;width:30px;color:var(--muted);flex:none;font-size:13px;font-weight:800}.statsview .st-grade.quit{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.statsview .st-map{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.statsview .st-map b{font-weight:700}.statsview .st-map i{color:var(--muted);font-style:normal}.statsview .st-map.gone b{color:var(--muted);font-style:italic;font-weight:500}.statsview .st-top em{font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-style:normal;font-weight:700}.statsview .st-recent{grid-template-rows:repeat(6,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:12px;display:grid}.statsview .st-nums{font-variant-numeric:tabular-nums;flex:none;gap:10px;display:flex}.statsview .st-nums span:first-child{font-weight:700}.statsview .st-nums .mods{color:var(--c);align-self:center;font-size:11px;font-weight:700}.statsview .st-nums .mods:empty{display:none}.statsview .when{min-width:52px;color:var(--muted);text-align:right;flex:none;font-size:11.5px}.statsview .st-note{color:var(--muted);margin:14px 0 0;font-size:11.5px}.statsview .st-note:empty{display:none}@media (max-width:820px){.statsview .st-tiles,.statsview .st-ranks{grid-template-columns:repeat(3,1fr)}.statsview .st-cols,.statsview .st-recent{grid-template-columns:1fr}.statsview .st-recent{grid-template-rows:none;grid-auto-flow:row}.statsview .st-heat{overflow-x:auto}}@media (max-width:480px){.statsview .st-tiles{grid-template-columns:repeat(2,1fr)}.statsview .st-nums span:nth-child(2){display:none}}.ctxmenu .sub{position:relative}.ctxmenu .ci.subopen{align-items:center;gap:8px;display:flex}.ctxmenu .ci.subopen span{flex:1}.ctxmenu .ci.subopen .cn{text-align:center;min-width:18px;color:var(--bg);background:var(--c);border-radius:99px;padding:1px 6px;font-size:11px}.ctxmenu .ci.subopen .cn:empty{display:none}.ctxmenu .ci.subopen .arr{opacity:.6;border-top:2px solid;border-right:2px solid;width:7px;height:7px;transform:rotate(45deg)}.ctxmenu .sub.open>.ci.subopen{background:#ffffff14}.ctxmenu .ctxsub{padding-left:8px;display:none;position:absolute;top:-6px;left:100%}.ctxmenu .sub.flip .ctxsub{padding-left:0;padding-right:8px;left:auto;right:100%}.ctxmenu .sub.open>.ctxsub,.ctxmenu .sub:focus-within>.ctxsub{display:block}.ctxmenu .subpanel{width:230px;box-shadow:inset 0 0 0 1px var(--line), 0 18px 44px -16px #000000e6;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);background:#06080eeb;border-radius:14px;padding:6px}.ctxmenu .subpanel .cs{margin:4px 10px 6px}.ctxmenu .sublist{overscroll-behavior:contain;border-bottom:1px solid var(--line);max-height:min(46vh,330px);margin:0 -2px 4px 0;padding:0 2px 4px 0;overflow-y:auto}.ctxmenu .sublist::-webkit-scrollbar{width:8px}.ctxmenu .sublist::-webkit-scrollbar-track{background:0 0}.ctxmenu .sublist::-webkit-scrollbar-thumb{background:#ffffff38 padding-box padding-box;border:2px solid #0000;border-radius:99px}.ctxmenu .sublist::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--c) 60%, transparent) padding-box}.ctxmenu .sublist::-webkit-scrollbar-button{width:0;height:0;display:none}@supports not selector(::-webkit-scrollbar){.ctxmenu .sublist{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}}.drop .folderpick{margin-top:8px}.settings .roots{flex-direction:column;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.settings .roots li{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.settings .roots li .rn{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.settings .roots li .rn small{color:var(--muted);font-size:11px;display:block}.access,.scanbar{z-index:60;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:calc(100vw - 32px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 40%, transparent), 0 12px 40px #00000059;border-radius:999px;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:13px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.access[hidden],.scanbar[hidden]{display:none}.scanbar{top:auto;bottom:18px}.scanbar .sbar{background:#ffffff1a;border-radius:2px;width:120px;height:4px;overflow:hidden}.scanbar .sbar i{height:100%;width:var(--p,0%);background:linear-gradient(90deg, var(--a,var(--b)), var(--c));transition:width .2s;display:block}body:not(.inmenu) .scanbar,body:not(.inmenu) .access{display:none}.set:not(.active){content-visibility:auto;contain-intrinsic-size:auto 86px}.accountm .card{width:min(380px,100vw - 32px)}.accountm .out,.accountm .in{display:none}.accountm[data-state=out] .out,.accountm[data-state=in] .in{display:block}.atabs{gap:6px;margin-bottom:12px;display:flex}.atab{appearance:none;height:32px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;background:#ffffff0a;border:0;border-radius:999px;flex:1;font:600 12.5px/1 Inter,system-ui,sans-serif}.atab[aria-selected=true]{color:var(--text);background:color-mix(in srgb, var(--b) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 55%, transparent)}.aform,.delform{flex-direction:column;gap:8px;display:flex}.delform[hidden]{display:none}.textin.wide{box-sizing:border-box;width:100%;height:38px}.accountm:not([data-mode=register]) .invite{display:none}.aerr{color:#fca5a5;min-height:16px;margin:0;font-size:12px}.aform .go,.delform .danger{align-self:flex-end}.pill.danger{color:#fecaca;box-shadow:inset 0 0 0 1px #f8717173}.account-btn.signed{color:var(--text)}.account-btn.signed:before{content:"";background:var(--c);width:7px;height:7px;box-shadow:0 0 8px var(--c);vertical-align:1px;border-radius:50%;margin-right:7px;display:inline-block}.board .btabs{gap:4px;display:flex}.board .btab{appearance:none;letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font:600 11.5px/1 Inter,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #0000}.board .btab[aria-selected=true]{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f}.board .bempty{color:var(--muted);margin:10px 2px;font-size:12.5px}.board .scores li.mine .who{color:var(--c)}.drop .folderpick{white-space:nowrap;flex:none}.sets>.drop .folderpick{margin:0 0 0 auto}.skincursor{pointer-events:none;z-index:10000;width:100vw;height:100vh;position:fixed;inset:0}.skincursor[hidden]{display:none}body.skincur,body.skincur *{cursor:none!important}.settings .skinpreview{width:100%;height:200px;box-shadow:inset 0 0 0 1px var(--line);background:#00000040;border-radius:12px;margin:2px 0 8px;display:block}.settings .skinpreview[hidden]{display:none}.achpop{z-index:80;pointer-events:none;position:fixed;top:22px;left:50%;transform:translate(-50%)}.ach-card{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);min-width:320px;max-width:min(520px,100vw - 32px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent), 0 0 32px color-mix(in srgb, var(--c) 35%, transparent), 0 18px 50px #00000073;border-radius:999px;align-items:center;gap:16px;padding:12px 26px 12px 12px;animation:.6s cubic-bezier(.2,1.35,.4,1) both achIn;display:flex;position:relative;overflow:hidden}.ach-card.out{animation:.45s ease-in both achOut}.ach-card:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff29 48%,#0000 66%);animation:1.1s ease-out .45s both achSheen;position:absolute;inset:0;transform:translate(-120%)}.ach-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 70%, white), var(--b) 55%, color-mix(in srgb, var(--a,var(--b)) 80%, black));width:58px;height:58px;box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent), 0 0 22px color-mix(in srgb, var(--c) 60%, transparent);border-radius:50%;flex:none;place-items:center;animation:.75s cubic-bezier(.2,1.6,.4,1) .12s both achBadge;display:grid;position:relative}.ach-badge svg{fill:none;stroke:#fff;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #00000059);width:30px;height:30px}.ach-badge:before{content:"";background:repeating-conic-gradient(color-mix(in srgb, var(--c) 55%, transparent) 0 8deg, transparent 8deg 30deg);z-index:-1;border-radius:50%;animation:1.8s ease-out .15s both achRays;position:absolute;inset:-26px;-webkit-mask:radial-gradient(circle,#0000 38%,#000 42%,#0000 72%);mask:radial-gradient(circle,#0000 38%,#000 42%,#0000 72%)}.ach-badge:after{content:"";border:2px solid var(--c);border-radius:50%;animation:.9s ease-out .2s both achRing;position:absolute;inset:0}.ach-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ach-text .k{letter-spacing:.16em;text-transform:uppercase;color:var(--c);font-size:10.5px;font-weight:700;animation:.4s .25s both achFade}.ach-text .n{background:linear-gradient(100deg, var(--text) 0%, var(--text) 40%, color-mix(in srgb, var(--c) 60%, white) 50%, var(--text) 60%, var(--text) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:800;animation:.4s .32s both achFade,1.6s ease-out .5s both achShine}.ach-text .d{color:var(--muted);font-size:12.5px;animation:.4s .4s both achFade}@keyframes achIn{0%{opacity:0;transform:translateY(-40px)scale(.9)}to{opacity:1;transform:none}}@keyframes achOut{to{opacity:0;transform:translateY(-24px)scale(.96)}}@keyframes achBadge{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes achRays{0%{opacity:0;transform:scale(.6)rotate(0)}25%{opacity:1}to{opacity:0;transform:scale(1.25)rotate(70deg)}}@keyframes achRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes achSheen{to{transform:translate(120%)}}@keyframes achShine{0%{background-position:100% 0}to{background-position:0 0}}@keyframes achFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ach-card,.ach-card:after,.ach-badge,.ach-badge:before,.ach-badge:after,.ach-text>*{animation-duration:10ms!important;animation-delay:0s!important}}.statsview .st-achs{margin-top:18px}.statsview .st-ach{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.statsview .st-ach li{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.statsview .st-ach li .ab{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 70%, white), var(--b) 60%, color-mix(in srgb, var(--b) 60%, black));width:38px;height:38px;box-shadow:0 0 14px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.statsview .st-ach li .ab svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.statsview .st-ach li.locked .ab{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f}.statsview .st-ach li.locked .ab svg{stroke:var(--muted);opacity:.6}.statsview .st-ach li .at{flex-direction:column;gap:1px;min-width:0;display:flex}.statsview .st-ach li .at b{font-size:13px}.statsview .st-ach li .at span{color:var(--muted);font-size:11.5px}.statsview .st-ach li.locked .at b{color:var(--muted)}.scanbar .swarn{color:var(--muted);white-space:nowrap;font-size:11.5px}@media (max-width:720px){.scanbar .swarn{display:none}}.statsview .st-who{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.statsview .st-av{color:#fff;text-transform:uppercase;background:linear-gradient(135deg, var(--b), var(--c));width:54px;height:54px;box-shadow:0 0 24px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;flex:none;place-items:center;font-size:24px;font-weight:800;display:grid}.statsview .st-meta{color:var(--muted);margin:3px 0 0;font-size:12px}.statsview .st-meta:empty{display:none}.statsview .st-find{flex:none;align-self:center;width:190px;position:relative}.statsview .st-find .textin{box-sizing:border-box;width:100%}.statsview .st-found{z-index:3;background:color-mix(in srgb, var(--bg) 92%, #000);box-shadow:inset 0 0 0 1px var(--line), 0 14px 40px #00000073;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0}.statsview .st-found:empty{display:none}.statsview .st-found button{appearance:none;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;display:block}.statsview .st-found button:hover,.statsview .st-found button:focus-visible{background:#ffffff12;outline:none}.statsview .st-found .none{color:var(--muted);padding:7px 10px;font-size:12.5px}.statsview .st-head .st-mine{align-self:center}.statsview .st-desc{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff09;border-radius:14px;margin:14px 0 4px;padding:12px 14px}.statsview .st-desctext{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px;font-size:14px;line-height:1.5}.statsview .st-descedit{box-sizing:border-box;resize:vertical;width:100%;min-height:72px;font:inherit;margin-bottom:6px;font-size:14px;line-height:1.5;display:block}.statsview .st-descbar{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;display:flex}.statsview .st-loading{color:var(--muted);margin:10px 0 0;font-size:12.5px}.statsview.other .st-local{display:none}.statsview .st-best{margin:0;padding:0;list-style:none}.statsview .st-best li{border-radius:10px;align-items:center;gap:10px;min-width:0;padding:6px 8px;font-size:13px;display:flex}.statsview .st-best .st-map span{color:var(--muted);margin-left:8px}@media (max-width:720px){.statsview .st-head{flex-wrap:wrap}.statsview .st-find{order:3;width:100%}}.aform.hasinvite .invite{display:none}.modal.gatem{z-index:70}.gatem .gtitle{letter-spacing:-.01em;margin:4px 0 8px;font-size:22px;font-weight:800}.gatem .gform{flex-direction:column;gap:10px;margin-top:14px;display:flex}.gatem .gopts{flex-direction:column;gap:8px;margin-top:12px;display:flex}.gatem .gopt{appearance:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:0;border-radius:14px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 14px;transition:background .2s,box-shadow .2s;display:flex}.gatem .gopt b{font-size:15px}.gatem .gopt span{color:var(--muted);font-size:12.5px;line-height:1.4}.gatem .gopt:hover,.gatem .gopt:focus-visible{background:color-mix(in srgb, var(--b) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent);outline:none}.statsview .st-descedit[hidden],.statsview [hidden]{display:none}:root{--tbh:64px;--row:62px}.topbar{z-index:30;height:calc(var(--tbh) + env(safe-area-inset-top));box-sizing:border-box;padding:env(safe-area-inset-top) clamp(20px, 3vw, 48px) 0;background:color-mix(in srgb, var(--bg) 45%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);align-items:center;gap:10px;transition:opacity .35s;display:flex;position:fixed;top:0;left:0;right:0}body:not(.inmenu) .topbar{opacity:0;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar .brand{-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:13px;margin-right:14px;display:flex}.topbar .brand .logo{box-sizing:border-box;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--c) 70%, #fff), var(--b) 75%);width:20px;height:20px;box-shadow:inset 0 0 0 2px #fff, 0 0 12px color-mix(in srgb, var(--c) 40%, transparent);border-radius:50%;position:relative}.topbar .brand .logo:after{content:"";border:1.5px solid color-mix(in srgb, var(--c) 70%, transparent);opacity:.55;border-radius:50%;position:absolute;inset:-5px}.topbar .brand .word{letter-spacing:-.02em;background:linear-gradient(90deg, var(--text) 0%, var(--b) 25%, var(--c) 45%, var(--text) 70%, var(--text) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;line-height:1.2;animation:9s linear infinite brand-sheen}@keyframes brand-sheen{0%{background-position:0 0}to{background-position:200% 0}}.topbar .tabs{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex:none;padding:3px;display:flex}.topbar .tab{appearance:none;letter-spacing:.02em;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font:500 13px/1 Inter,system-ui,sans-serif;transition:color .2s,background .2s,box-shadow .2s}.topbar .tab:hover,.topbar .tab:focus-visible{color:var(--text);outline:none}.topbar .tab[aria-current=page]{color:var(--text);background:color-mix(in srgb, var(--b) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 45%, transparent)}.topbar .tb-gap{flex:1;min-width:0}.topbar .player{box-sizing:border-box;flex:0 auto;min-width:0;max-width:360px;height:40px;padding:4px 4px 4px 16px;position:relative;top:auto;right:auto}.topbar .player.empty{display:none}.topbar .help{flex:none;position:relative}.topbar .helpbtn{width:40px;height:40px;padding:0;font-weight:500}.topbar .helptip{transform-origin:100% 0;inset:calc(100% + 10px) 0 auto auto}.topbar .account-btn{flex:none;height:40px;font-weight:500}.topbar .profile-btn{box-sizing:border-box;height:40px;box-shadow:inset 0 0 0 1px var(--line);flex:none;padding:4px 16px 4px 4px;font-weight:500;position:static;transform:none}.topbar .profile-btn:hover,.topbar .profile-btn:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent);transform:none}.topbar .profile-btn .pav{width:32px;height:32px;box-shadow:none;font-weight:600}.menu{padding-top:calc(var(--tbh) + env(safe-area-inset-top) + 8px);grid-template-columns:clamp(340px,30vw,520px) minmax(0,1fr);column-gap:clamp(20px,3vw,48px);padding-bottom:20px;transition:opacity .25s}.browse{justify-self:end;max-width:880px;padding-top:0}body.onpage .menu,body.onpage .dock,body.onpage .scrollbar{opacity:0;pointer-events:none}.side{gap:12px;padding-bottom:12px}.side .board{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex:auto;gap:12px;padding:0;overflow:visible}.side .board .bi{background:var(--glass);height:clamp(150px,20vh,190px);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:16px;flex:none;margin:0;padding:0;position:relative;overflow:hidden}.board .bban{background:linear-gradient(120deg, color-mix(in srgb, var(--a) 35%, var(--bg)), color-mix(in srgb, var(--c) 25%, var(--bg)));position:absolute;inset:0}.board .bban img{object-fit:cover;opacity:.9;width:100%;height:100%}.board .bban img.fresh{animation:.4s fade-in}@keyframes fade-in{0%{opacity:0}}.board .bban:after{content:"";background:linear-gradient(#05070d1a,#05070d73 40%,#05070deb);position:absolute;inset:0}.board .bover{padding:0 18px 14px;position:absolute;bottom:0;left:0;right:0}.side .board .ba{letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:0;font-size:11px;font-weight:500}.side .board .bt{letter-spacing:-.015em;margin:4px 0 0;font-size:clamp(22px,2.2vw,30px);font-weight:600;line-height:1.15}.side .board .bi.haslink .bt{padding-right:0}.side .board .bd{gap:8px;margin:8px 0 0}.side .board .bd .dn{font-size:14px;font-weight:500}.side .board .bs{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.side .board .bs:before{content:"· "}.board .maplink{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070d80;font-weight:500;top:12px;right:12px}.board .bstats{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:14px 18px;display:grid}.board .bsr{grid-template-columns:26px 1fr 34px;align-items:center;gap:10px;display:grid}.board .bk{letter-spacing:.1em;color:var(--muted);font-size:11px;font-weight:500}.board .btr{background:#ffffff14;border-radius:999px;height:3px;position:relative;overflow:hidden}.board .btr i{background:color-mix(in srgb, var(--b) 75%, #fff);border-radius:999px;transition:width .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.board .bv{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.board .bsr.changed .btr i{background:var(--c);box-shadow:0 0 8px var(--c)}.board .bsr.changed .bv{color:var(--c)}.board .bsc{background:var(--glass);min-height:0;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex-direction:column;flex:0 auto;padding:12px 10px 8px;display:flex}.board .bsc .bh{padding:0 6px 6px}.board .bsc .bl{margin:0}.board .btab,.board .sc,.board .sc i{font-weight:500}.board .gr{font-weight:600}.side .board.none .bi{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:auto;padding:22px 20px}.side .board.none .bt{margin:0;font-size:18px}.side .board.none .ba{letter-spacing:0;text-transform:none;color:var(--muted);white-space:normal;margin-top:6px;font-size:13px;line-height:1.6}.side .board.none .ba b{color:var(--text);font-weight:500}.browse .toolbar{gap:8px;margin:0 0 10px}.browse .toolbar .search{max-width:none;height:38px;font-weight:400}.browse .toolbar .count{text-align:right;min-width:64px}.sets>.vlist{gap:4px}.sets{gap:8px}.sets>.drop{border-radius:12px;height:46px}.sets>.drop .big{font-weight:500}.vlist>.set{min-height:0;box-shadow:inset 0 0 0 1px var(--line);background:#080b139e;border-radius:12px}.vlist>.set:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 40%, transparent);transform:none}.vlist>.set.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 50%, transparent), 0 14px 40px -22px color-mix(in srgb, var(--c) 60%, transparent);background:#0a0e189e}.vlist>.set .head{height:var(--row);box-sizing:border-box;align-items:center;gap:12px;padding:0 14px 0 0;display:flex}.vlist>.set:not(.active){contain-intrinsic-size:auto var(--row)}.vlist>.set .head img{opacity:.42;width:55%;left:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.vlist>.set .head:hover img{opacity:.6;transform:none}.vlist>.set.active .head img{opacity:.7}.vlist>.set .head:after{display:none}.vlist>.set .text{flex:auto;justify-content:center;gap:3px;min-width:0;height:100%;padding:0 16px;position:relative;inset:auto}.vlist>.set .t{font-size:14px;font-weight:500;line-height:1.25}.vlist>.set .a{color:var(--muted);margin:0;font-size:12px;line-height:1.3}.vlist>.set .n{display:none}.vlist>.set .chips{z-index:1;flex:0 auto;justify-content:flex-end;gap:4px;min-width:0;max-width:46%;margin:0;position:relative;overflow:hidden}.vlist>.set .chips:has(i:nth-child(8)){-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px);mask-image:linear-gradient(90deg,#0000,#000 18px)}.vlist>.set .chips i{font-weight:600;box-shadow:0 1px 6px #00000059}.vlist>.set.active .chips{display:none}.vlist>.set .setgrade{z-index:1;text-align:center;flex:none;min-width:22px;font-size:15px;font-weight:600;position:relative;inset:auto;transform:none}.vlist>.set.active .rows{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.vlist>.set .rows ul{padding:0 6px 6px}.vlist>.set .rows li+li{border-top:0}.vlist>.set .row-diff{border-radius:9px;grid-template-rows:36px;grid-template-columns:minmax(0,1fr) auto auto 12px;gap:0 14px;padding:0 12px}.vlist>.set .row-diff .l1{grid-area:1/1}.vlist>.set .row-diff .dn{font-size:13px;font-weight:500}.vlist>.set .row-diff .ds{white-space:nowrap;color:#ffffff80;grid-area:1/2;font-size:11px}.vlist>.set .row-diff .db{white-space:nowrap;grid-area:1/3;align-items:baseline;gap:6px;font-size:11.5px;display:flex}.vlist>.set .row-diff .db b{font-size:13px;font-weight:600;display:inline}.vlist>.set .row-diff .db i{font-weight:500}.vlist>.set .row-diff .go{border-top-width:5px;border-bottom-width:5px;border-left-width:7px;grid-area:1/4}.vlist>.set .row-diff .sr,.board .sr,.chips i{font-weight:600}.dock{gap:8px}.modsbtn,.practicebtn,.randombtn{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);letter-spacing:.08em;background:#0a0e18a8;border-radius:14px;height:52px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff24,0 10px 30px -12px #000000b3}.modsbtn{gap:10px;padding:0 16px 0 14px}.modsbtn svg,.practicebtn svg{width:18px;height:18px}.modsbtn .modtag{gap:4px;display:flex}.modsbtn .modtag:empty{display:none}.modsbtn .modtag b{letter-spacing:.04em;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));border-radius:6px;margin:0;padding:4px 7px;font-size:11px;font-weight:600}.modsbtn .modmult{letter-spacing:0;color:var(--c);font-size:12px;font-style:normal;font-weight:500}.modsbtn .modmult:empty{display:none}.randombtn{appearance:none;width:52px;color:var(--c);cursor:pointer;border:0;place-items:center;padding:0;transition:background .25s;display:grid}.randombtn svg{width:22px;height:22px}.randombtn:hover,.randombtn:focus-visible{background:#ffffff1a;outline:none}.practicebtn{padding:0 18px 0 14px}.playbtn{letter-spacing:.08em;height:56px;font-weight:600}.modal.modmenu{z-index:40}.modmenu .card{background:color-mix(in srgb, var(--b) 7%, #101522b3);-webkit-backdrop-filter:blur(28px)saturate(1.4);backdrop-filter:blur(28px)saturate(1.4);width:min(1040px,100%);box-shadow:inset 0 0 0 1px #ffffff1a, 0 30px 80px #00000080, 0 0 70px color-mix(in srgb, var(--b) 14%, transparent);border-radius:20px;padding:22px 24px 18px}.modal.modmenu{background:color-mix(in srgb, var(--bg) 30%, transparent)}.modtile{background:#ffffff0b}.mm-head{align-items:center;gap:18px;margin-bottom:18px;display:flex}.mm-title{flex:1}.mm-title .kicker{letter-spacing:.14em;color:var(--c);margin:0;font-size:11px}.mm-title h2{letter-spacing:-.01em;margin:2px 0 0;font-size:24px;font-weight:600}.mm-sum{border-left:1px solid var(--line);flex-direction:column;align-items:flex-end;gap:4px;padding-left:18px;display:flex}.mm-sum[hidden]{display:none}.mm-sum .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.mm-mult{font-variant-numeric:tabular-nums;color:var(--c);font-size:20px;font-weight:600}.mm-map{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.mm-map .sr{font-variant-numeric:tabular-nums;color:#0b0b12;background:var(--sr,#fff3);border-radius:999px;align-items:center;gap:3px;height:18px;padding:0 7px 0 6px;font:600 10.5px/1 Inter,system-ui,sans-serif;display:inline-flex}.mm-map .sr.light{color:#fff}.mm-map .sr svg{fill:currentColor;width:9px;height:9px}.mm-cols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.mm-col{flex-direction:column;gap:8px;min-width:0;display:flex}.mm-col .sh{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 2px 2px;font-size:10.5px;font-weight:500}.modtile{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;border-radius:14px;transition:background .2s,box-shadow .2s}.modtile:has(.mod[aria-pressed=true]){background:color-mix(in srgb, var(--b) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 50%, transparent), 0 10px 30px -18px color-mix(in srgb, var(--c) 70%, transparent)}.modtile .mod{appearance:none;width:100%;height:auto;min-height:0;font:inherit;text-align:left;color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.modtile .mod:focus-visible{box-shadow:inset 0 0 0 1px var(--c);outline:none}.modtile .mb{letter-spacing:.04em;width:40px;height:40px;color:var(--text);background:#ffffff0d;border-radius:10px;grid-row:1/span 2;place-items:center;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.modtile .mod[aria-pressed=true] .mb{color:var(--bg);background:linear-gradient(135deg, var(--b), var(--c));box-shadow:none}.modtile .mt{align-items:baseline;gap:8px;min-width:0;display:flex}.modtile .mn{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.modtile .mt em{color:var(--muted);font-size:11px;font-style:normal;font-weight:500}.modtile .mod[aria-pressed=true] .mt em{color:var(--c)}.modtile .md{-webkit-line-clamp:2;min-height:2.8em;color:var(--muted);-webkit-box-orient:vertical;grid-column:2;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.modtile .sw{background:#ffffff1f;border-radius:999px;grid-area:1/3/span 2;width:36px;height:20px;transition:background .2s;position:relative}.modtile .sw:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px}.modtile .mod[aria-pressed=true] .sw{background:linear-gradient(110deg, var(--b), var(--c))}.modtile .mod[aria-pressed=true] .sw:after{transform:translate(16px)}.modtile .da{opacity:1;border-top:1px solid #0000;margin:0 14px;padding:0}.modtile .da:not(.on){display:none}.modtile .da.on{border-top-color:var(--line);padding:8px 0 10px}.modtile .darow{padding:5px 0;font-size:12px}.modtile .darow>span:not(.numbox){color:var(--muted)}.modtile .da .note{margin:6px 0 0;font-size:11px}.modtile .da.stats .darow{grid-template-columns:16px 1fr 96px 56px}.modtile .da.speed .darow{grid-template-columns:1fr 150px 64px}.mm-foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.mm-foot .note{flex:1;margin:0;font-size:11.5px}.mm-foot .pill{height:36px;margin:0;padding:0 18px}@media (max-width:860px){.mm-cols{grid-template-columns:minmax(0,1fr)}.mm-head{flex-wrap:wrap}.mm-sum{align-items:flex-start}}.modal.page{top:calc(var(--tbh) + env(safe-area-inset-top));z-index:29;background:color-mix(in srgb, var(--bg) 35%, transparent);place-items:start center;padding:8px clamp(20px,3vw,48px) 20px}.modal.page .card{box-sizing:border-box;max-height:100%;transform:translateY(6px)}.modal.page.open .card{transform:none}@media (max-width:900px){.topbar{gap:8px}.menu{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);row-gap:10px;padding-bottom:84px}.side .board{flex:none}.side .board .bsc{max-height:26vh}.topbar .account-btn{padding:0 12px}.topbar .brand .word,.topbar .player,.topbar .help{display:none}.topbar .brand{margin-right:4px}.topbar .profile-btn .pname{display:none}.topbar .profile-btn{padding:4px}.side{padding-bottom:0}.side .board .bi{height:120px}.side .board .bstats{display:none}}.modal.page .card,.statsview .st-main,.statsview .st-achs{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--b) 35%, transparent) transparent}.modal.page.statsview .card{width:100%;height:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(360px,38%);gap:16px 18px;padding:0;display:grid;overflow:hidden}.statsview .card>.st-head{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;grid-column:1/-1;align-items:center;padding:20px 24px}.statsview .st-who{gap:18px}.statsview .st-av{width:64px;height:64px;font-size:26px;font-weight:600}.statsview .st-name{font-size:28px;font-weight:600}.statsview .st-meta{font-size:12.5px}.statsview .st-main{flex-direction:column;grid-area:2/1;gap:14px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.statsview .st-main>*{background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;flex:none;margin:0;padding:16px 20px}.statsview .st-main>.st-body>.st-tiles{margin-top:0}.statsview .st-main>.st-empty:not(.show),.statsview .st-main>[hidden]{display:none}.statsview .card>.st-achs{box-sizing:border-box;background:var(--glass);min-height:0;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;grid-area:2/2;margin:0;padding:16px;overflow-y:auto}.statsview .st-achs .st-ach{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.statsview .st-ach li{border-radius:12px;align-items:flex-start;padding:10px 12px}.statsview .st-ach li .ab{width:34px;height:34px}.statsview .st-ach li .at{padding-top:1px}.statsview .st-ach li .at b{font-weight:500}.statsview .st-ach li .at span{line-height:1.4}.statsview .st-tile b{font-weight:600}.statsview .st-map b,.statsview .st-grade,.statsview .st-nums span:first-child{font-weight:500}.statsview .st-tile .tl,.statsview .sh,.settings .sh{font-weight:600}@media (max-width:900px){.modal.page.statsview .card{flex-direction:column;display:flex;overflow-y:auto}.statsview .st-main,.statsview .card>.st-achs{flex:none;overflow:visible}}.modal.page.settings{justify-content:center;align-items:flex-start;gap:20px;display:flex}.modal.page.settings .card{background:var(--glass);scrollbar-width:thin;border-radius:18px;width:min(760px,100%);height:100%;padding:8px 26px 20px}.setnav{flex-direction:column;flex:none;gap:2px;width:190px;padding-top:6px;display:flex}.setnav button{appearance:none;text-align:left;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font:500 13.5px/1 Inter,system-ui,sans-serif;transition:color .2s,background .2s}.setnav button:hover,.setnav button:focus-visible{color:var(--text);outline:none}.setnav button.on{color:var(--text);background:color-mix(in srgb, var(--b) 14%, transparent);box-shadow:inset 2px 0 0 var(--c)}.modal.page.settings .card>.kicker{display:none}.modal.page.settings .sect{margin-top:0;padding-top:16px}.modal.page.settings .sect+.sect{margin-top:8px}@media (max-width:900px){.setnav,.vlist>.set .row-diff .ds{display:none}}@media (max-width:600px){.dock{justify-content:flex-end;left:16px;right:16px}.practicebtn span,.modsbtn .modmult{display:none}.practicebtn{padding:0 16px}}.setnav .setfind{box-sizing:border-box;width:100%;height:36px;color:var(--text);background:var(--glass);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:10px;outline:none;margin:0 0 8px;padding:0 12px;font:400 13px/1 Inter,system-ui,sans-serif}.setnav .setfind:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--b) 60%, transparent)}.setnav button.gone{opacity:.3;pointer-events:none}.settings .setgone{display:none!important}.settings .setnone{text-align:center;margin:24px 0}.vlist>.set .t{font-size:15px}.vlist>.set .a{font-size:12.5px}.modal.page.settings .sect.setfirst{border-top:0;margin-top:0}.settings .skinini[hidden]{display:none}.modal.pause{background:color-mix(in srgb, var(--bg) 40%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause .card.small{background:color-mix(in srgb, var(--b) 6%, #0e131fc7);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);border-radius:20px;width:min(460px,100%);padding:22px 22px 20px}.pz-head{align-items:center;gap:8px;display:flex}.pz-head .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--c);flex:1;margin:0;font-size:11px;font-weight:600}.pz-mods{gap:4px;display:flex}.pz-mods b{letter-spacing:.04em;color:var(--bg);background:linear-gradient(110deg, var(--b), var(--c));border-radius:6px;padding:3px 7px;font-size:11px;font-weight:600}.pz-map{margin-top:10px}.pz-map p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.pz-t{font-size:16px;font-weight:600}.pz-a{color:var(--muted);font-size:12.5px;margin-top:2px!important}.pz-prog{background:#ffffff14;border-radius:999px;height:3px;margin-top:14px;position:relative;overflow:hidden}.pz-prog i{background:linear-gradient(90deg, var(--b), var(--c));border-radius:999px;position:absolute;inset:0 auto 0 0}.pz-time{font-variant-numeric:tabular-nums;color:var(--muted);margin:6px 0 0;font-size:11.5px}.pz-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 16px;display:grid}.pz-stats div{min-width:0;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0a;border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.pz-stats span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:500}.pz-stats b{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.pause .stack{gap:10px;margin-top:0}.pause .stack .pill{text-align:left;border-radius:16px;align-items:center;gap:14px;height:64px;padding:0 22px;font-size:17px;font-weight:500;line-height:normal;display:flex}.pause .stack .pill .ic{flex:none;order:-1;width:20px;height:20px;position:static;transform:none}.pause .stack .pill:hover .ic{transform:scale(1.1)}.pause .stack .pill>span{flex:1}.pause .stack .pill kbd{opacity:.75;font-size:11px}.pause .stack .pill.primary kbd{color:var(--bg);box-shadow:none;background:#ffffff59}body.playing .menu *,body.playing .dock,body.playing .topbar,body.playing .topbar *{-webkit-backdrop-filter:none;backdrop-filter:none}.settings .card,.statsview .card,.statsview .st-main,.statsview .st-achs,.modmenu .card,.collmenu .card{touch-action:none}.settings .card.dragging,.statsview .dragging,.modmenu .card.dragging,.collmenu .card.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.unloadmenu.playing .menu,body.unloadmenu.playing .dock,body.unloadmenu.playing .topbar{display:none}.menu{touch-action:none}.side .board .bl{touch-action:pan-y}.gnform{flex-direction:column;gap:10px;margin-top:12px;display:flex}.gknown .note{margin:0 0 6px}.gnames{flex-wrap:wrap;gap:6px;display:flex}.gnbar{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal.accountm,.modal.gatem,.modal.handover{z-index:60}