.cl{--acc:var(--c-train);display:flex;flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto}.cl-head h3{margin:4px 0 0;font:400 var(--fs-poster-sm)/1.05 var(--f-poster);text-transform:uppercase}.cl-head .t-kicker{color:var(--c-train)}.cl-tracks{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}.cl-track{all:unset;cursor:pointer;flex:none;display:flex;flex-direction:column;gap:4px;min-height:44px;padding:10px 14px;border-radius:14px;border:1px solid var(--line-2);background:var(--panel);transition:transform .12s var(--ease-spring)}.cl-track b{font:700 15px/1.1 var(--f-text);color:var(--chalk)}.cl-track span{font:900 12px/1 var(--f-led);color:var(--mute)}.cl-track.on{background:var(--c-train);border:2.5px solid var(--chalk);transform:rotate(-1.5deg);box-shadow:0 3px 0 var(--ink)}.cl-track.on b,.cl-track.on span{color:var(--ink)}.cl-link:focus-visible,.cl-track:focus-visible{outline:2px dashed var(--chalk);outline-offset:3px}.cl-path{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.cl-goal{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px dashed var(--line-2)}.cl-goal-k{display:block;font:700 11px/1 var(--f-text);letter-spacing:.12em;color:var(--gold)}.cl-goal b,.cl-goal-k{text-transform:uppercase}.cl-goal b{font:400 24px/1.1 var(--f-poster)}.cl-steps{list-style:none;margin:0;padding:8px 0 0;display:flex;flex-direction:column}.cl-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:0 0 18px;align-items:start}.cl-step:last-child{padding-bottom:0}.cl-rail{position:absolute;left:27px;top:0;bottom:0;width:0;border-left:3px dashed var(--line-2);transform:translateY(28px)}.cl-step:last-child .cl-rail{display:none}.cl-rail.lit{border-left-style:solid;border-color:var(--c-train)}.cl-node{position:relative;z-index:1;width:56px;height:56px;display:grid;place-items:center;border-radius:16px;font:900 20px/1 var(--f-led)}.cl-node.done{background:var(--c-train);color:var(--ink);border:3px solid var(--chalk);box-shadow:0 4px 0 var(--ink);transform:rotate(-4deg)}.cl-step.r .cl-node.done{transform:rotate(3deg)}.cl-node.next{background:var(--night);color:var(--c-train);border:3px dashed var(--c-train)}.cl-node.open{background:var(--panel-2);color:var(--chalk);border:2px dashed var(--line-2)}.cl-node.locked{background:var(--panel);color:var(--dim);border:2px dashed var(--line)}.cl-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:4px}.cl-card-k{font:700 11px/1 var(--f-text);text-transform:uppercase;letter-spacing:.1em;color:var(--dim)}.cl-step.next .cl-card-k{color:var(--c-train)}.cl-card-t{font:700 17px/1.2 var(--f-text);color:var(--chalk)}.cl-step.locked .cl-card-t{color:var(--mute)}.cl-step.done .cl-card-t{font:400 19px/1.1 var(--f-poster);text-transform:uppercase}.cl-card-v{font:500 14px/1.3 var(--f-text);color:var(--mute)}.cl-step.next .cl-card{padding:12px;margin-top:-4px;border-radius:14px;border:2px dashed var(--c-train);background:color-mix(in srgb,var(--c-train) 9%,var(--panel));gap:8px}.cl-step.next .cl-card .ui-btn{margin-top:4px}.cl-tip{font:400 15px/1.3 var(--f-marker);color:var(--chalk);opacity:.85}.cl-bar{display:block;height:8px;border-radius:4px;background:var(--panel-3);overflow:hidden}.cl-bar i{display:block;height:100%;background:var(--c-train);transform-origin:left;transition:transform .38s var(--ease-out)}.cl-bar i.hit{background:var(--ok)}.cl-bar.big{height:12px;border-radius:6px}.cl-link{all:unset;cursor:pointer;align-self:flex-start;padding:8px 0;font:700 14px/1 var(--f-text);color:var(--c-train)}.cl-sheet{--acc:var(--c-train);display:flex;flex-direction:column;gap:10px}.cl-sheet-hint{margin:0;font:400 16px/1.2 var(--f-marker);color:var(--c-train)}.cl-sheet-l{font:700 12px/1 var(--f-text);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-top:6px}.cl-sheet .te-step{grid-template-columns:48px minmax(0,1fr) 48px;padding:4px;border-radius:14px}.cl-sheet .te-step-b{width:48px;height:56px;display:grid;place-items:center;border-radius:11px;border:0;background:var(--panel-2);color:var(--chalk);cursor:pointer;transition:transform .12s var(--ease-spring)}.cl-sheet .te-step-b.plus{background:var(--c-train);color:var(--ink)}.cl-sheet .te-step-b:active:not(:disabled){transform:scale(1.08,.84)}.cl-sheet .te-step-b:disabled{opacity:.3}.cl-sheet .te-step-v{all:unset;cursor:text;display:flex;flex-direction:column;align-items:center;justify-content:center;height:56px}.cl-sheet .te-step-num{font:900 30px/1.12 var(--f-led)}.cl-sheet .te-step-in{height:56px;font:900 26px/1 var(--f-led)}.cl-moment{position:fixed;inset:0;z-index:var(--z-moment);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(var(--safe-top) + 24px) 20px calc(var(--safe-bottom) + 24px);background:var(--night);text-align:center;overflow:hidden}.cl-moment-k{font:400 18px/1 var(--f-neon);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.cl-moment-trophy{position:relative}.cl-moment-piece{font-size:clamp(60px,19vw,104px);line-height:1.2}.cl-moment-step{font:400 26px/1.1 var(--f-poster);text-transform:uppercase;color:var(--chalk)}.cl-moment-xp{font:900 34px/1 var(--f-led)}.cl-moment-un{font:500 15px/1.4 var(--f-text);color:var(--mute)}.cl-moment-un b{color:var(--c-train)}.cl-moment-go{all:unset;cursor:pointer;margin-top:10px;min-width:200px;min-height:52px;display:grid;place-items:center;border-radius:16px;background:var(--chalk);color:var(--ink);font:400 22px/1 var(--f-poster);text-transform:uppercase;box-shadow:0 5px 0 var(--ink),0 5px 0 2px var(--chalk)}.cl-moment-go:focus-visible{outline:2px dashed var(--gold);outline-offset:4px}@media (min-width:1024px){.cl-steps{display:grid;grid-template-columns:minmax(0,1fr)}}