.puzzle-session{--pz-wrong-fill:color-mix(in oklab, var(--color-wrong) 82%, #000);--pz-on-wrong:#fcfcfc}@supports (color:lab(0% 0 0)){.puzzle-session{--pz-wrong-fill:color-mix(in oklab, var(--color-wrong) 82%, lab(0% 0 0));--pz-on-wrong:lab(98.84% .0000298023 -.0000119209)}}main.train-session.puzzle-session{--pz-aspect:1;--board:clamp(320px, calc((100dvh - var(--topbar-h) - 280px) / var(--pz-aspect)), 1400px)}main.puzzle-session:has(.b3[data-view=tilted]){--pz-aspect:.8}main.puzzle-session:has(.b3[data-view=corner]){--pz-aspect:.86}.pz-rating{white-space:nowrap;flex:none;align-items:center;gap:6px;display:flex}.pz-piece{width:18px;height:18px;fill:var(--color-faint);flex:none}.pz-rating b{letter-spacing:-.015em;font-size:1.375rem;font-weight:800;line-height:1}.pz-delta[data-variant=session]{font-size:var(--text-sm);letter-spacing:0;margin-left:2px;font-weight:700}.pz-run{flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:22px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18px);mask-image:linear-gradient(90deg,#0000,#000 18px)}.pz-run li{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.pz-run svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.pz-run li[data-result=solved]{background:var(--color-correct);color:var(--color-correct-text)}.pz-run li[data-result=unrated]{box-shadow:inset 0 0 0 1.5px var(--color-correct);color:var(--color-correct)}.pz-run li[data-result=missed]{background:color-mix(in oklab, var(--color-wrong) 22%, transparent);color:var(--color-wrong)}.pz-side{align-items:center;gap:.4em;display:inline-flex}.pz-side i{width:.72em;height:.72em;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--color-text) 45%, transparent);border-radius:50%;flex:none}.pz-side[data-side=white] i{background:var(--color-w)}.pz-side[data-side=black] i{background:var(--color-b)}.pz-problem{color:var(--color-danger)}.pz-status{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:10px;height:40px;display:flex}.pz-status .ts-prompt{margin:0}.pz-mark{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative;box-shadow:0 2px 8px #00000059;box-shadow:0 2px 8px lab(0% 0 0/.35)}.pz-mark[data-kind=good]{background:var(--color-correct);color:var(--color-correct-text)}.pz-mark[data-kind=bad]{background:var(--pz-wrong-fill);color:var(--pz-on-wrong)}.pz-mark svg{width:17px;height:17px}.pz-delta{letter-spacing:-.015em;margin-left:auto;font-size:1.375rem;font-weight:800;line-height:1.2;display:inline-block}.pz-delta[data-tone=up]{color:var(--color-good)}.pz-delta[data-tone=down]{color:var(--color-muted)}.pz-unrated{margin-left:auto}.puzzle-session .ts-rep{height:1.5em;line-height:1.5}.puzzle-session .ts-ctx{margin-top:auto}.puzzle-session .ts-board{margin-bottom:auto}.puzzle-session .ts-actions{grid-template-columns:auto 1fr 1fr;margin-top:0}.puzzle-session .ts-actions[data-finished]{grid-template-columns:1fr}.pz-status[data-state=solved],.pz-status[data-state=found]{justify-content:center}.pz-status[data-state=solved] .ts-prompt,.pz-status[data-state=found] .ts-prompt{font-size:1.75rem}.pz-status[data-state=solved] .pz-mark,.pz-status[data-state=found] .pz-mark{width:38px;height:38px}.pz-status[data-state=solved] .pz-mark svg,.pz-status[data-state=found] .pz-mark svg{width:22px;height:22px}.pz-status[data-state=solved] .pz-delta,.pz-status[data-state=found] .pz-delta{margin-left:4px;font-size:1.75rem}.pz-status[data-state=solved]+.ts-rep,.pz-status[data-state=found]+.ts-rep{text-align:center}.puzzle-session .ts-actions .btn{white-space:nowrap}@media (max-width:420px){.puzzle-session .ts-actions .btn:not(.btn-icon) svg{display:none}}@media (prefers-reduced-motion:no-preference){.pz-mark[data-kind=good]{animation:pz-land .52s var(--ease-spring) both}.pz-mark[data-kind=good]:after{content:"";border:3px solid var(--color-correct);animation:pz-burst .7s .18s var(--ease-out) both;pointer-events:none;border-radius:50%;position:absolute;inset:0}.pz-mark[data-kind=bad]{animation:pz-drop .26s var(--ease-out) both}.pz-status[data-state=solved] .ts-prompt,.pz-status[data-state=found] .ts-prompt{animation:pz-rise .36s 60ms var(--ease-out) both}.pz-delta[data-tone=up]{animation:pz-land .56s .12s var(--ease-spring) both}.pz-delta[data-tone=down]{animation:pz-drop .26s var(--ease-out) both}.pz-run li[data-new]{animation:pz-land .52s var(--ease-spring) both}}@keyframes pz-land{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes pz-burst{0%{opacity:.9;scale:1}to{opacity:0;scale:2.2}}@keyframes pz-drop{0%{opacity:0;translate:0 -4px}}@keyframes pz-rise{0%{opacity:0;translate:0 6px}}