:root{--bg:#e8edf1;--panel:#f6f8fa;--ink:#14202b;--mute:#566878;--line:#c9d3dc;--sql:#dde5ec;--sqd:#a3b6c8;--gold:#b9801f;--win:#2f7d57;--loss:#b4413a;--draw:#7b8794;--on-ink:#f6f8fa;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1822;--panel:#142230;--ink:#e7edf2;--mute:#8ea0b0;--line:#25384a;--sql:#1a2b3a;--sqd:#243a4d;--gold:#e0a94a;--win:#4fb883;--loss:#ef7a70;--draw:#8ea0b0;--on-ink:#0e1822;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Hanken Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:Bricolage Grotesque,Hanken Grotesk,sans-serif;margin:0;line-height:1.1;letter-spacing:-.02em}h2{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800}h3{font-size:1.15rem;font-weight:700;margin-bottom:.3rem}p{margin:0}.mute{color:var(--mute)}.small{font-size:.875rem}button{font:inherit;font-weight:600;padding:.65rem 1.1rem;border:0;border-radius:10px;background:var(--ink);color:var(--on-ink);cursor:pointer;transition:transform .12s,opacity .12s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:none}button:disabled{opacity:.55;cursor:progress}button.ghost{background:none;color:var(--mute);padding:.5rem .6rem;font-weight:500}button.ghost:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}input{width:100%;padding:.75rem .85rem;margin:.3rem 0 1.1rem;border:1.5px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit}input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)}label{display:block;font-size:.9rem;font-weight:500;color:var(--mute)}a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}.err{color:var(--loss);font-weight:500;margin-bottom:1rem}.auth{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.auth-art{position:relative;overflow:hidden;background:conic-gradient(var(--sql) 25%,var(--sqd) 0 50%,var(--sql) 0 75%,var(--sqd) 0) 0 0/96px 96px;display:grid;place-items:end start;padding:3rem}.auth-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,transparent 30%,var(--bg) 98%)}.auth-art .pitch{position:relative;z-index:1;max-width:30ch}.auth-art .knight{position:absolute;z-index:1;top:8%;right:10%;font-size:clamp(8rem,18vw,15rem);line-height:1;color:var(--ink);opacity:.9;animation:hop 1.1s cubic-bezier(.3,1.5,.5,1) both}@keyframes hop{0%{transform:translateY(-40px) rotate(-12deg);opacity:0}}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(1.5rem,6vw,5rem);max-width:520px}.auth-form h1{font-size:2rem;font-weight:800;margin-bottom:.4rem}.auth-form .mute{margin-bottom:2rem}.auth-form button:not(.ghost){width:100%;padding:.85rem}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(1rem,3vw,2rem);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:.6rem;font:800 1.15rem Bricolage Grotesque,sans-serif}.logo b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--ink);color:var(--gold);font-weight:400;font-size:1.3rem}.top .sp{flex:1}.who{font-weight:600}.queue{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--mute)}.queue i{display:block;width:90px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.queue i b{display:block;height:100%;background:var(--gold);transition:width .6s}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:var(--ink);color:var(--on-ink);padding:.7rem 1.2rem;border-radius:10px;font-weight:500;z-index:9;animation:pop .25s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}}.wrap{max-width:1160px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2rem) 5rem}.band{padding-top:2.75rem;margin-top:2.75rem;border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1fr minmax(300px,420px);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.focus{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem;max-width:62ch}.focus li{padding:.8rem 1rem .8rem 1.1rem;background:var(--panel);border-left:4px solid var(--gold);border-radius:4px 12px 12px 4px}.ledger{display:flex;gap:2.2rem;margin-top:1.8rem;flex-wrap:wrap}.ledger div{display:flex;flex-direction:column}.ledger b{font:800 1.9rem/1 Bricolage Grotesque,sans-serif;font-variant-numeric:tabular-nums}.ledger span{font-size:.85rem;color:var(--mute)}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:0;border-radius:6px;overflow:hidden;border:3px solid var(--ink);box-shadow:0 18px 40px -22px var(--ink)}.sq{aspect-ratio:1;position:relative;display:block;background:var(--sql)}.sq:nth-child(16n+1),.sq:nth-child(16n+3),.sq:nth-child(16n+5),.sq:nth-child(16n+7),.sq:nth-child(16n+10),.sq:nth-child(16n+12),.sq:nth-child(16n+14),.sq:nth-child(16n+16){background:var(--sqd)}.sq i{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:var(--c);opacity:var(--o);transform:scale(0);animation:drop .45s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(var(--i)*14ms + .25s)}.sq[data-r=win]{--c:var(--win)}.sq[data-r=loss]{--c:var(--loss)}.sq[data-r=draw]{--c:var(--draw)}.sq[data-r=none]{--c:var(--mute);--o:.25}.sq:hover i,.sq:focus-visible i{top:4%;right:4%;bottom:4%;left:4%;opacity:1}@keyframes drop{to{transform:scale(1)}}.legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.8rem;font-size:.82rem;color:var(--mute)}.legend span:before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:var(--c);margin-right:.4rem}.legend .w{--c:var(--win)}.legend .d{--c:var(--draw)}.legend .l{--c:var(--loss)}.cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem)}.bar{display:grid;grid-template-columns:minmax(90px,170px) 1fr 56px;align-items:center;gap:.75rem;margin:.75rem 0;font-size:.92rem}.bar i{height:14px;background:var(--sql);border-radius:3px;overflow:hidden}.bar b{display:block;height:100%;background:var(--ink);border-radius:3px;transform-origin:left;animation:grow .8s cubic-bezier(.2,.8,.2,1) both}.bar b.warn{background:var(--loss)}.bar b.top{background:var(--gold)}.bar em{font-style:normal;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}@keyframes grow{0%{transform:scaleX(0)}}.trend{width:100%;height:auto;display:block;margin-top:.8rem;overflow:visible}.trend .raw{fill:var(--mute);opacity:.35}.trend .avg{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend text{fill:var(--mute);font-size:11px}.trend line{stroke:var(--line)}.tabs{display:flex;gap:.4rem;margin:.9rem 0 .6rem;flex-wrap:wrap}.tabs button{background:var(--panel);color:var(--mute);border:1.5px solid var(--line);padding:.35rem .85rem;font-weight:500;font-size:.88rem;border-radius:99px}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.7rem;white-space:nowrap}th{color:var(--mute);font-weight:500;font-size:.82rem;border-bottom:2px solid var(--ink)}td{border-bottom:1px solid var(--line)}tbody tr:hover{background:var(--panel)}.chip{display:inline-flex;align-items:center;gap:.4rem;font-weight:600}.chip:before{content:attr(data-g);display:grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:6px;color:#fff;background:var(--c);font-size:.85rem}.chip.win{--c:var(--win)}.chip.loss{--c:var(--loss)}.chip.draw{--c:var(--draw)}.acc{display:inline-flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}.acc i{width:54px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.acc i b{display:block;height:100%;background:var(--gold)}.empty{padding:3rem 0;max-width:52ch}.empty h2{margin-bottom:1rem}.sk{background:linear-gradient(90deg,var(--sql),var(--panel),var(--sql));background-size:200% 100%;animation:sh 1.4s infinite;border-radius:8px;height:1.2rem;margin:.6rem 0}@keyframes sh{to{background-position:-200% 0}}@media (max-width:860px){.auth{grid-template-columns:1fr}.auth-art{min-height:34vh;padding:1.5rem}.hero,.cols{grid-template-columns:1fr}.queue i,.who{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition:none!important}}button.sq{padding:0;border:0;border-radius:0;cursor:pointer;font:inherit}button.sq:hover{transform:none}.rev{color:var(--ink)!important;font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:color-mix(in srgb,var(--ink) 55%,transparent);display:grid;place-items:center;padding:1rem;overflow:auto;animation:fade .2s}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg);width:min(1040px,100%);max-height:94vh;overflow:auto;border-radius:18px;padding:clamp(1rem,3vw,2rem);border:3px solid var(--ink);animation:rise .3s cubic-bezier(.2,.9,.3,1)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}.sheet-head{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.sheet-head .sp{flex:1}.review{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start}.rboard{display:grid;grid-template-columns:repeat(8,1fr);border:3px solid var(--ink);border-radius:6px;overflow:hidden;aspect-ratio:1}.rs{display:grid;place-items:center;background:var(--sql);container-type:size;position:relative}.rs.d{background:var(--sqd)}.rs.hit{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--gold) 55%,transparent)}.rs b{font-size:min(7vw,2.6rem);line-height:1;font-weight:400;font-size:clamp(1.3rem,4.6cqw,3rem)}.pw{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000,0 1px 1px #000}.pb{color:#1b1b1f;text-shadow:0 0 1px #fff}.rcap{margin-top:.9rem;display:flex;gap:.7rem;align-items:center;font-size:1.15rem}.tag{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.78rem;font-weight:700;color:#fff;background:var(--c);margin-right:.4rem}.tag.blunder{--c:var(--loss)}.tag.mistake{--c:#c97a1e}.tag.inaccuracy{--c:var(--draw)}.graph{width:100%;height:auto;margin-top:.6rem;background:var(--panel);border-radius:10px}.graph line{stroke:var(--line)}.graph .cur{stroke:var(--gold);stroke-width:2}.graph .area{fill:var(--gold);opacity:.18}.graph .evl{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}.graph .dot{fill:var(--c);stroke:var(--bg);stroke-width:2;cursor:pointer;transition:r .12s}.graph .dot.blunder{--c:var(--loss)}.graph .dot.mistake{--c:#c97a1e}.graph .dot.inaccuracy{--c:var(--draw)}.moments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.moments button{background:var(--panel);color:var(--ink);border:1.5px solid var(--line);font-weight:500;padding:.4rem .7rem;border-radius:10px;font-size:.9rem}.moments button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.moments em{font-style:normal;color:var(--mute);margin-left:.5rem}@media (max-width:860px){.review{grid-template-columns:1fr}}.sheet.wide{width:min(1180px,100%)}.studio{display:grid;grid-template-columns:minmax(300px,500px) 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start}.bw{display:flex;gap:.6rem}.bw .rboard{flex:1}.evalbar{position:relative;width:26px;border:3px solid var(--ink);border-radius:6px;overflow:hidden;background:#1b1b1f}.evalbar i{position:absolute;left:0;right:0;background:#f4f4f2;transition:height .5s}.evalbar span{position:absolute;left:0;right:0;bottom:4px;text-align:center;font-size:.62rem;font-weight:700;mix-blend-mode:difference;color:#fff;writing-mode:vertical-rl;margin:auto;top:4px}.rs.best{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,#3b82f6 55%,transparent)}.rs.best.hit{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,#3b82f6 40%,var(--gold))}.ctrl{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.9rem}.ctrl button{padding:.5rem .8rem}.ctrl .alt{background:var(--panel);color:var(--ink);border:1.5px solid var(--line);font-weight:500;font-size:.88rem}.ctrl .alt[aria-pressed=true]{border-color:var(--gold)}.elo{background:var(--panel);padding:.9rem 1.1rem;border-radius:12px;margin-bottom:1rem}.elo label{color:var(--ink)}.elo input{padding:0;border:0;margin:.5rem 0 0;box-shadow:none;accent-color:var(--gold)}.notes{border-left:4px solid var(--gold);padding:.3rem 0 .3rem 1rem;margin-bottom:1.2rem;min-height:9rem}.notes .n{margin:.5rem 0}.n.good{color:var(--win);font-weight:600}.n.blunder,.n.mistake,.n.inaccuracy{font-weight:600}.n.blunder{color:var(--loss)}.n.best{padding:.4rem .7rem;background:color-mix(in srgb,#3b82f6 16%,transparent);border-radius:8px}.n.tip{color:var(--mute);font-style:italic}.n.why{color:var(--ink)}.mlist{display:grid;grid-template-columns:2.4rem repeat(2,1fr);gap:2px;margin-top:1rem;max-height:220px;overflow:auto;font-variant-numeric:tabular-nums}.mlist .mn{color:var(--mute);padding:.35rem .5rem .35rem 0;text-align:right}.mlist button{background:none;color:var(--ink);padding:.3rem .6rem;border-radius:6px;font-weight:500;text-align:left}.mlist button:hover{background:var(--panel);transform:none}.mlist button[aria-current=true]{background:var(--ink);color:var(--on-ink)}.mlist .blunder{box-shadow:inset 3px 0 var(--loss)}.mlist .mistake{box-shadow:inset 3px 0 #c97a1e}.mlist .inaccuracy{box-shadow:inset 3px 0 var(--draw)}@media (max-width:860px){.studio{grid-template-columns:1fr}}.bwrap{position:relative;flex:1}.bw .rboard{width:100%}.scan{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.7rem;justify-items:center;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);border-radius:6px;pointer-events:none;font-weight:600;overflow:hidden}.scan:before{content:"";position:absolute;inset:-20% 0 auto;height:30%;background:linear-gradient(transparent,color-mix(in srgb,var(--gold) 45%,transparent),transparent);animation:sweep 1.6s linear infinite}@keyframes sweep{to{transform:translateY(480%)}}.prog{width:200px;height:8px;border-radius:4px;background:var(--line);overflow:hidden;position:relative;z-index:1}.prog i{display:block;height:100%;background:var(--gold);transition:width .3s}.sum{background:var(--panel);border-radius:14px;padding:1.1rem 1.2rem;margin-bottom:1rem}.sum h4{margin:1rem 0 .3rem;font-size:.9rem;color:var(--mute);font-weight:600}.sum .prog{width:100%;margin:.7rem 0}.sides{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.sides div{display:flex;flex-direction:column}.big{font:800 2.3rem/1 Bricolage Grotesque,sans-serif}.sides span{font-size:.85rem;font-weight:600}.sides small{color:var(--mute);font-size:.78rem}.major{padding:.8rem 0;border-top:1px solid var(--line)}.major b{margin-right:.5rem}.major em{font-style:normal;color:var(--loss);font-weight:600}.major .n{margin:.35rem 0;font-size:.92rem}.major .alt{margin-top:.3rem;background:none;color:var(--ink);border:1.5px solid var(--line);padding:.3rem .7rem;font-size:.82rem;font-weight:500}.donutrow{display:flex;align-items:center;gap:1.5rem;margin-top:.6rem}.donut{width:150px;flex:none}.donut .dn{font:800 26px Bricolage Grotesque,sans-serif;fill:var(--ink)}.donut .dl{font-size:11px;fill:var(--mute)}.dleg{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.dleg li:before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:var(--c);margin-right:.5rem}.modal{place-items:start center;padding:0}.sheet.wide{width:100%;min-height:100vh;max-height:none;border:0;border-radius:0;font-size:1.05rem;padding:1.5rem max(1.2rem,calc((100% - 1500px)/2)) 4rem;animation:fade .25s}.sheet.wide h2{font-size:clamp(1.6rem,3vw,2.3rem)!important}.studio{grid-template-columns:minmax(380px,min(48vw,740px)) 1fr;gap:clamp(1.5rem,3vw,3rem)}.rs b{font-size:72cqw;line-height:1}.arrows{position:absolute;top:3px;right:3px;bottom:3px;left:3px;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none;z-index:2}.bwrap .scan{z-index:3}.alegend{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:.9rem;font-size:.92rem}.alegend span:before{content:"";display:inline-block;width:1.5rem;height:.5rem;border-radius:3px;background:var(--c);margin-right:.5rem;vertical-align:middle}.alegend small{width:100%;color:var(--mute)}.notes .n{font-size:1.08rem}.notes h3{font-size:1.4rem}.n.good{color:var(--win)}.under{display:grid;gap:3rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--line)}.big-graph{width:100%;height:auto;margin-top:.8rem;background:var(--panel);border-radius:14px;cursor:crosshair;display:block}.big-graph text{fill:var(--mute);font-size:11px}.big-graph .grid{stroke:var(--line);stroke-dasharray:3 5}.big-graph .zero{stroke:var(--mute);stroke-width:1.5}.big-graph .a-up{fill:var(--win);opacity:.28}.big-graph .a-dn{fill:var(--loss);opacity:.28}.big-graph .evl{fill:none;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.big-graph .cur{stroke:var(--gold);stroke-width:2.5}.big-graph .dot.opp{opacity:.45}.cb{fill:var(--line)}.cb.opp{opacity:.5}.cb.inaccuracy{fill:var(--draw)}.cb.mistake{fill:#c97a1e}.cb.blunder{fill:var(--loss)}.cb.sel{stroke:var(--ink);stroke-width:2}.mlist{grid-template-columns:3rem repeat(2,1fr);max-height:none;gap:3px}.mlist button{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:1.02rem;padding:.5rem .8rem}.mlist small{color:var(--mute);font-size:.82rem;font-variant-numeric:tabular-nums}.mlist button[aria-current=true] small{color:inherit;opacity:.8}@media (max-width:900px){.studio{grid-template-columns:1fr}.sheet.wide{padding-inline:1rem}}.nav{display:flex;gap:.2rem;margin-left:1rem}.nav button{background:none;color:var(--mute);border-radius:0;padding:.55rem .8rem;font-weight:600;box-shadow:inset 0 -3px transparent}.nav button:hover{transform:none;color:var(--ink)}.nav button[aria-current=true]{color:var(--ink);box-shadow:inset 0 -3px var(--gold)}.learn{display:grid;grid-template-columns:minmax(320px,640px) 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.rs.play{cursor:pointer}.rs.sel{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--gold) 70%,transparent)}.rs.tgt:after{content:"";position:absolute;width:26%;height:26%;border-radius:50%;background:color-mix(in srgb,var(--ink) 38%,transparent);z-index:1}.ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}@media (max-width:860px){.learn{grid-template-columns:1fr}.nav{margin-left:0}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:1rem}.ocard{display:flex;flex-direction:column;gap:.45rem;text-align:left;background:var(--panel);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;font-weight:400;position:relative}.ocard:hover{border-color:var(--gold)}.ocard b{font:800 1.3rem Bricolage Grotesque,sans-serif}.ocard span{color:var(--mute);font-size:.88rem;min-height:3.9em}.ocard i{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.ocard u{display:block;height:100%;background:var(--gold);text-decoration:none}.ocard em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;align-self:flex-end}.course details{border-top:1px solid var(--line);padding:.7rem 0}.course summary{cursor:pointer;list-style:none}.course summary b{margin-right:.6rem}.course ul{margin:.7rem 0 .3rem;padding-left:1.2rem;display:grid;gap:.35rem}.course li b{color:var(--gold)}.rs.play{touch-action:none;user-select:none;-webkit-user-select:none}.rs.dsrc b{opacity:.25}.dragp{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:60;line-height:1;font-weight:400;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.wheelrow{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}.wheel{width:min(100%,260px);flex:none}.stepinfo{flex:1;min-width:200px}.stepinfo h3{margin:.2rem 0 .4rem}.w-ring{fill:none;stroke:var(--line);stroke-width:4}.w-arc{fill:none;stroke:var(--win);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .6s}.w-node circle{fill:var(--line);stroke:var(--bg);stroke-width:3;cursor:pointer;transition:r .15s}.w-node.done circle{fill:var(--win)}.w-node.next circle{fill:var(--panel);stroke:var(--gold)}.w-node.cur circle{fill:var(--gold);stroke:var(--ink)}.w-node.lock circle{cursor:not-allowed}.w-node text{text-anchor:middle;font-size:12px;font-weight:800;fill:#fff;pointer-events:none}.w-node.e text{font-size:16px}.w-node.next text,.w-node.lock text{fill:var(--mute)}.w-node.cur text{fill:var(--ink)}.w-big{text-anchor:middle;font:800 34px Bricolage Grotesque,sans-serif;fill:var(--ink)}.w-sub{text-anchor:middle;font-size:12px;fill:var(--mute)}.av{width:34px;height:34px;border-radius:8px;object-fit:cover;background:var(--sql);flex:none}.av.ph{display:grid;place-items:center;font-weight:800;color:var(--mute)}.av.sm{width:28px;height:28px;border-radius:50%}.pbar{display:flex;align-items:center;gap:.6rem;padding:.5rem .2rem}.pbar b{font-weight:700}.cdot{width:.8rem;height:.8rem;border-radius:50%;border:1.5px solid var(--ink);margin-left:auto}.cdot.w{background:#fff}.cdot.b{background:#1b1b1f}.prof{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.2rem}.prof .av{width:64px;height:64px;border-radius:14px}.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.chips span{background:var(--panel);border:1.5px solid var(--line);border-radius:99px;padding:.3rem .9rem;font-weight:700;font-variant-numeric:tabular-nums}.chips em{font-style:normal;color:var(--mute);font-weight:500;margin-right:.4rem}.warn{background:color-mix(in srgb,var(--loss) 14%,var(--panel));border-left:4px solid var(--loss);padding:.8rem 1rem;border-radius:4px 12px 12px 4px;margin-bottom:1.5rem}.chk{display:flex;align-items:center;gap:.6rem;margin:-.5rem 0 1.1rem;font-size:.92rem}.road{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;max-width:760px;position:relative}.road button{display:flex;align-items:center;gap:1.2rem;width:100%;text-align:left;background:var(--panel);color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:.9rem 1.2rem;font-weight:400}.road button:hover:not(:disabled){border-color:var(--gold)}.road button:disabled{opacity:.55;cursor:not-allowed}.road b{font:800 1.8rem Bricolage Grotesque,sans-serif;min-width:4.2rem}.road span{flex:1;display:flex;flex-direction:column}.road small{color:var(--mute)}.road em{font-style:normal;font-weight:700}.opts{display:grid;gap:.6rem;margin-top:.8rem}.opt{background:var(--panel);color:var(--ink);border:1.5px solid var(--line);text-align:left;font-weight:500}.opt.ok{border-color:var(--win);background:color-mix(in srgb,var(--win) 18%,var(--panel))}.opt.ko{border-color:var(--loss);background:color-mix(in srgb,var(--loss) 16%,var(--panel))}.bex{max-width:560px}select{font:inherit;padding:.4rem .6rem;border-radius:8px;border:1.5px solid var(--line);background:var(--panel);color:var(--ink)}.mods{display:flex;flex-wrap:wrap;gap:.3rem;white-space:normal;max-width:34rem}.mods button{background:var(--panel);color:var(--mute);border:1.5px solid var(--line);padding:.15rem .55rem;font-size:.78rem;font-weight:600;border-radius:99px}.mods button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.mods button:disabled{opacity:.4}.rs.bad{box-shadow:inset 0 0 0 100vmax color-mix(in srgb,var(--loss) 75%,transparent)!important}