:root{--bg:#0e1120;--panel:#161a2f;--panel2:#1d2240;--line:#2a3059;--text:#e9ebf8;--mute:#8b92b9;--accent:#ffb454;--good:#5fd38d;--bad:#ff6b6b;--LP:#ff7a93;--LR:#ffa45c;--LM:#ffd95c;--LI:#7be0a0;--RI:#5cd6e8;--RM:#6ea8ff;--RR:#a98bff;--RP:#e47bff;--TH:#9aa3c7;--kh:clamp(30px,4.3vw,52px);--mono:ui-monospace,"Cascadia Code",Consolas,Menlo,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(1200px 500px at 70% -10%,#1b2150 0,transparent 60%),var(--bg);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0;line-height:1.2}.wrap{max-width:1020px;margin:0 auto;padding:0 16px}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#0e1120cc;position:sticky;top:0}.head{flex-wrap:wrap;align-items:center;gap:18px;padding:10px 0;display:flex}.brand{letter-spacing:.5px;font-size:1.35rem;font-weight:800}.brand span{color:var(--accent)}nav{gap:4px;display:flex}nav button{color:var(--mute);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:600}nav button:hover{color:var(--text);background:var(--panel)}nav button.on{color:var(--bg);background:var(--accent)}.player{align-items:center;gap:12px;min-width:250px;margin-left:auto;display:flex}.lvl{background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:4px 10px;font-weight:800}.xpbox{flex:1;min-width:120px}.xpbox small{color:var(--mute);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.bar{background:var(--panel2);border-radius:99px;height:8px;margin-top:2px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--accent),#ff7a93);border-radius:99px;height:100%;transition:width .4s;display:block}.streak{white-space:nowrap;font-weight:700}main{padding:22px 0 60px}.banner{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 14px;display:flex}.banner.warn{border-left-color:var(--bad)}.banner p{color:var(--mute);flex:1;margin:0}.banner b{color:var(--text)}.btn{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#1a1405;border-color:var(--accent)}.btn.sm{padding:4px 10px;font-size:.85rem}.btn:disabled{opacity:.4;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sp{flex:1}.muted{color:var(--mute)}h2.title{margin-bottom:4px;font-size:1.4rem}.sub{color:var(--mute);margin:0 0 18px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:transform .1s,border-color .15s;display:flex}button.card:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.card.next{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card.locked{opacity:.45;cursor:not-allowed}.card .num{color:var(--mute);font-size:.8rem;font-weight:700}.card h3{font-size:1.02rem}.card .meta{color:var(--mute);margin-top:auto;font-size:.8rem}.stars{color:var(--accent);letter-spacing:2px}.stars .off{color:var(--line)}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{font-family:var(--mono);background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:6px;min-width:24px;padding:0 7px;font-size:.9rem}.sess-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.live{gap:18px;margin-left:auto;display:flex}.live div{text-align:center}.live b{font-size:1.4rem;font-family:var(--mono);display:block}.live small{color:var(--mute);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.prog{background:var(--panel2);border-radius:9px;height:4px;margin-bottom:12px;overflow:hidden}.prog i{background:var(--good);width:0;height:100%;transition:width .15s;display:block}.text{font-family:var(--mono);background:var(--panel);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:14px;height:calc(6em + 28px);padding:14px 22px;font-size:clamp(1.15rem,2.4vw,1.6rem);line-height:2;position:relative;overflow:hidden}.text.tall{height:calc(10em + 28px)}.text span{color:#6b7299;border-radius:4px}.text span.ok{color:var(--good)}.text span.err{color:var(--accent)}.text span.cur{color:var(--text);box-shadow:0 2px 0 var(--accent);background:#2f376d}.text span.bad{background:var(--bad);color:#fff}.hint{text-align:center;min-height:1.6em;color:var(--mute);margin:12px 0 4px}.hint b{color:var(--text);font-family:var(--mono);background:var(--panel2);border-radius:6px;padding:0 8px}.toggles{color:var(--mute);gap:12px;font-size:.85rem;display:flex}.toggles label{cursor:pointer;align-items:center;gap:5px;display:flex}.hands{max-width:420px;margin:6px auto 0}.hands svg{width:100%;height:auto;display:block}.fg{fill:var(--c);opacity:.22;transition:opacity .12s}.fg.on{opacity:1;filter:drop-shadow(0 0 8px var(--c))}.fg.on2{opacity:.8;stroke:var(--text);stroke-width:2px;stroke-dasharray:4 3}.palm{fill:var(--panel2);stroke:var(--line)}.kb{-webkit-user-select:none;user-select:none;width:100%;max-width:960px;margin:8px auto 0}.kb-row{grid-template-columns:repeat(60,1fr);display:grid}.key{height:var(--kh);background:color-mix(in srgb,var(--c) 15%,var(--panel2));border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-bottom-width:3px;border-radius:7px;justify-content:center;align-items:center;margin:2px;font-size:clamp(10px,1.25vw,15px);transition:transform 60ms,background .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.key.spacer{visibility:hidden}.key.special{color:var(--mute);font-size:clamp(8px,.95vw,12px)}.key b{font-weight:600}.key .s{opacity:.7;font-size:.78em;position:absolute;top:1px;left:5px}.key .n{position:absolute;bottom:1px;left:5px}.key .a{color:var(--accent);font-size:.72em;position:absolute;bottom:1px;right:5px}.key.bump:after{content:"";background:var(--text);opacity:.6;border-radius:2px;width:12px;height:2px;margin-left:-6px;position:absolute;bottom:4px;left:50%}.f-LP{--c:var(--LP)}.f-LR{--c:var(--LR)}.f-LM{--c:var(--LM)}.f-LI{--c:var(--LI)}.f-RI{--c:var(--RI)}.f-RM{--c:var(--RM)}.f-RR{--c:var(--RR)}.f-RP{--c:var(--RP)}.f-TH{--c:var(--TH)}.key.target{background:var(--c);color:#14110a;box-shadow:0 0 0 2px var(--text),0 0 18px var(--c);transform:translateY(1px)}.key.target .a,.key.target .s{color:#14110a}.key.target2{background:color-mix(in srgb,var(--c) 55%,var(--panel2));box-shadow:0 0 0 2px var(--accent);color:var(--text)}.key.down{filter:brightness(1.6);transform:translateY(2px)}.key.bad{color:#fff;background:var(--bad)!important}.key.nodata{opacity:.45}.result{text-align:center;max-width:620px;margin:20px auto}.result .big{font-size:3rem;font-weight:800}.stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:18px 0;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.stat b{font-size:1.5rem;font-family:var(--mono);display:block}.stat small{color:var(--mute)}.xplist{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;margin-bottom:16px;padding:12px 16px}.xplist div{justify-content:space-between;padding:2px 0;display:flex}.xplist .tot{border-top:1px solid var(--line);color:var(--accent);margin-top:6px;padding-top:6px;font-weight:800}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs button{background:var(--panel);border:1px solid var(--line);color:var(--mute);border-radius:99px;padding:6px 16px;font-weight:600}.tabs button.on{background:var(--accent);color:#1a1405;border-color:var(--accent)}.badge{background:var(--panel2);border:1px solid var(--line);text-transform:uppercase;color:var(--mute);border-radius:6px;padding:0 6px;font-size:.7rem;font-weight:800}.card p{color:var(--mute);margin:0;font-size:.88rem}textarea{resize:vertical;background:var(--panel);width:100%;min-height:260px;color:var(--text);border:1px solid var(--line);font:1.1rem/1.7 var(--mono);border-radius:12px;padding:16px}textarea:focus{outline:2px solid var(--accent);border-color:#0000}.prompt{background:var(--panel);border:1px dashed var(--line);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.prompt p{flex:1;margin:0;font-style:italic}select,input[type=number]{background:var(--panel2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:6px 8px}.saved{margin-top:22px}.saved li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.saved ul{margin:0;padding:0;list-style:none}.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:18px 0;display:grid}.legend{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.legend span{align-items:center;gap:6px;font-size:.85rem;display:flex}.legend i{background:var(--c);border-radius:4px;width:14px;height:14px;display:inline-block}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}th{color:var(--mute);text-transform:uppercase;font-size:.8rem;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.panel h3{margin-bottom:8px}.panel ul{margin:0;padding-left:18px}.panel li{margin:3px 0}code,kbd{font-family:var(--mono);background:var(--panel2);border:1px solid var(--line);border-radius:5px;padding:0 6px;font-size:.9em}#toasts{z-index:20;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{background:var(--panel2);border:1px solid var(--accent);border-radius:10px;padding:10px 16px;animation:.25s in;box-shadow:0 8px 30px #0006}@keyframes in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:640px){.player{width:100%;margin-left:0}.live{margin-left:0}}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.brand,.brand:hover{color:var(--text)}.brand span{text-shadow:0 0 12px var(--accent)}.sitenav{flex-wrap:wrap;gap:2px;display:flex}.sitenav a{color:var(--mute);border-radius:8px;padding:8px 12px;font-weight:600}.sitenav a:hover{color:var(--text);background:var(--panel)}.sitenav a.on{color:#1a1405;background:var(--accent);box-shadow:0 0 14px #ffb45473}.who{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-weight:600;overflow:hidden}.player{gap:10px}.subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:18px;padding-bottom:10px;display:flex}.subnav button{color:var(--mute);background:0 0;border:0;border-radius:99px;padding:6px 14px;font-weight:600}.subnav button:hover{color:var(--text);background:var(--panel)}.subnav button.on{color:#1a1405;background:var(--accent)}.neon{color:var(--accent);text-shadow:0 0 10px #ffb454b3}.grow{flex:1;min-width:200px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:14px 16px}.panel.nopad{padding:0;overflow-x:auto}.panel h3{margin-bottom:8px;font-size:1rem}.auth-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.tabs{align-items:center}.tabs a{background:var(--panel);border:1px solid var(--line);color:var(--mute);border-radius:99px;padding:6px 16px;font-weight:600}.tabs a:hover{color:var(--text);border-color:var(--accent)}.tabs a.on{background:var(--accent);color:#1a1405;border-color:var(--accent);box-shadow:0 0 14px #ffb45466}.tabs.small a{padding:3px 12px;font-size:.85rem}.tabs .sp{flex:1}.hero{background:linear-gradient(120deg,#1b2150,var(--panel));border-color:#3a4290;flex-wrap:wrap;align-items:center;gap:28px;display:flex}.bigstat{font-size:1.9rem;font-weight:800;font-family:var(--mono);line-height:1.2}.bigstat small{color:var(--mute);font-size:.9rem;font-weight:400}.league{border:1px solid var(--lc);color:var(--lc);box-shadow:0 0 12px color-mix(in srgb,var(--lc) 40%,transparent);border-radius:99px;padding:2px 12px;font-family:system-ui;font-size:.9rem;font-weight:700;display:inline-block}.ladder{margin:0;padding:0;list-style:none}.ladder li{border:1px solid #0000;border-radius:8px;justify-content:space-between;padding:6px 10px;display:flex}.ladder li.cur{border-color:var(--lc);color:var(--lc);background:color-mix(in srgb,var(--lc) 10%,transparent);font-weight:700}.cols{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}@media (max-width:900px){.cols{grid-template-columns:1fr}}.podium{justify-content:center;align-items:flex-end;gap:12px;margin:14px 0 18px;display:flex}.pod{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;max-width:210px;padding:14px 8px;display:flex}.pod .medal{font-size:1.6rem}.pod .pav{font-size:2.2rem}.pod .pv{font-family:var(--mono);font-size:1.3rem;font-weight:800}.pod .pv small{color:var(--mute);font-size:.7rem}.pod.p1{background:linear-gradient(180deg,#ffd95c1f,var(--panel));border-color:#ffd95c;padding-top:26px;padding-bottom:22px;box-shadow:0 0 28px #ffd95c59}.pod.p2{border-color:#c4cbe0;box-shadow:0 0 16px #c4cbe033}.pod.p3{border-color:#d48a52;box-shadow:0 0 16px #d48a5233}.pod:hover{transform:translateY(-3px)}table.lb{border-collapse:collapse;width:100%}table.lb th,table.lb td{border-bottom:1px solid var(--line);padding:8px 12px}table.lb tr:last-child td{border-bottom:0}table.lb .r{text-align:right}table.lb .rk{width:44px;font-family:var(--mono);font-weight:700}table.lb .val{font-family:var(--mono);font-weight:700}table.lb tr.me td{background:#ffb45417}table.lb tr.me td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.plink{align-items:center;gap:8px;display:inline-flex}.av{font-size:1.25rem}.feed{flex-direction:column;gap:10px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.feed li{align-items:flex-start;gap:10px;display:flex}.feed li>div{flex:1}.kudos{background:var(--panel2);border:1px solid var(--line);color:var(--mute);border-radius:99px;padding:1px 9px;font-size:.8rem}.kudos:hover{border-color:var(--accent);color:var(--text)}.kudos.on{border-color:var(--accent);color:var(--accent)}.prof{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.pav.big{background:var(--panel2);border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;width:84px;height:84px;font-size:3.2rem;display:flex}.bar.wide{height:10px;margin:8px 0 4px}.stats .stat b{font-size:1.35rem}.chart{width:100%;height:auto}.chart .grid{stroke:var(--line);stroke-dasharray:3 4}.chart .ax{fill:var(--mute);font-size:10px;font-family:var(--mono)}.lvgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:6px;display:grid}.lv{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;font-size:.82rem;display:flex}.lv.got{background:linear-gradient(180deg,#ffb45414,var(--panel));border-color:#4a5420}.chip.bad{border-color:var(--bad);color:var(--bad)}.chip.good{border-color:var(--good);color:var(--good)}.badges{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.badge-card{background:var(--panel);border:1px solid var(--line);opacity:.5;filter:grayscale(.9);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.badge-card.got{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 18px #ffb4542e}.badge-card .be{font-size:2rem}.badge-card small{color:var(--mute)}.picker{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.picker label{color:var(--mute);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.picker select{min-width:200px}.vs{color:var(--accent);text-shadow:0 0 10px var(--accent);padding-bottom:6px;font-weight:900}.duel{text-align:center;background:linear-gradient(120deg,#1b2150,var(--panel));grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.duel .side{flex-direction:column;align-items:center;gap:4px;display:flex}.duel .side .pav.big{border-color:var(--pc);box-shadow:0 0 22px color-mix(in srgb,var(--pc) 45%,transparent)}.duel .sc{font-family:var(--mono);font-size:2.6rem;font-weight:900}.duel .verdict{margin-top:4px;font-weight:700}table.cmp{border-collapse:collapse;width:100%}table.cmp td{border-bottom:1px solid var(--line);padding:10px 14px}table.cmp tr:last-child td{border-bottom:0}table.cmp .cv{width:26%;font-family:var(--mono);color:var(--mute);font-size:1.15rem;font-weight:700}table.cmp .cv:first-child{text-align:right}table.cmp .cv.win{color:var(--pc);text-shadow:0 0 10px color-mix(in srgb,var(--pc) 70%,transparent)}table.cmp .mid{text-align:center}.vsbar{background:var(--panel2);border-radius:9px;gap:2px;height:6px;margin-top:4px;display:flex;overflow:hidden}.vsbar i{height:100%;display:block}.legend span:before{content:none}.legend i{background:var(--c)}.form{flex-direction:column;gap:14px;max-width:520px;display:flex}.form label{color:var(--mute);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.form input{background:var(--panel2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 10px}.avatars{flex-wrap:wrap;gap:6px;display:flex}.avatars button{background:var(--panel2);border:2px solid var(--line);border-radius:12px;width:48px;height:48px;font-size:1.5rem}.avatars button.on{border-color:var(--accent);box-shadow:0 0 14px #ffb45480}.standing{background:linear-gradient(120deg,#1b2150,var(--panel));border-color:#3a4290;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;display:flex}.standing .mini{flex:1;min-width:220px;margin:0;padding:0;font-size:.88rem;list-style:none}.standing .mini li{border-radius:6px;justify-content:space-between;gap:10px;padding:2px 8px;display:flex}.standing .mini li.me{color:var(--accent);background:#ffb4541f;font-weight:700}.badge-pop{background:var(--panel2);border:1px solid var(--accent);text-align:left;border-radius:12px;align-items:center;gap:10px;max-width:420px;margin:6px auto;padding:8px 14px;animation:.4s in;display:flex;box-shadow:0 0 22px #ffb4544d}.badge-pop .be{font-size:1.8rem}.levelup{color:var(--accent);text-shadow:0 0 14px var(--accent);margin:8px 0;font-size:1.4rem;font-weight:800}