.arena.training .c-time{grid-area:1 / 1;justify-self:start}.arena.training .c-more{grid-area:1 / 2;justify-self:center;display:flex;flex-direction:column;align-items:center}.arena.training .c-round{grid-area:3 / 1;justify-self:start;align-self:end}.arena.training .c-count{grid-area:3 / 3;justify-self:end;align-self:end;text-align:right}@container (min-width: 520px){.arena.training .stage{padding-inline:calc((100cqw - 470px)/2)}}.arena.training .commentary{margin:0;min-height:52px}.dial-svg.m-train{color:var(--gold-ink)}.train-best{stroke:var(--text);stroke-width:2.6;stroke-linecap:round}.dial-svg .bead.now.won{fill:currentColor;stroke:var(--act)}.dial-svg .bead.now.won+.bead-n{fill:var(--gold-cut)}.arena.training .dial{--d: min(100cqw, 100cqh - 78px, 380px)}.arena.training .flaps{top:calc(100% + 3px)}.arena.training .c-more .value{font-size:var(--s5);line-height:1}.arena.training .c-more .value.bump{color:var(--ok);animation:room-bump .5s cubic-bezier(.2,.8,.2,1)}.arena.training .c-more .value.broken{color:var(--err);animation:room-broken .45s}@keyframes room-bump{40%{transform:scale(1.3)}}@keyframes room-broken{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.arena.training .t-next{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;min-height:22px}.arena.training:has(.milestone) .c-more{visibility:hidden}.arena .milestone{position:absolute;left:60px;right:72px;top:12px;z-index:6;padding:6px 12px 7px;border:1px solid var(--gold-ink);border-radius:10px;background:var(--surface-2);font:800 var(--s3)/1.2 var(--sans);text-align:center;text-wrap:balance;color:var(--gold-ink);pointer-events:none;animation:room-plate 3s ease both}@keyframes room-plate{0%{opacity:0;transform:translateY(-6px)}10%,82%{opacity:1;transform:none}to{opacity:0}}.fx-reduced .arena.training .c-more .value,.fx-reduced .arena .milestone{animation:none}.t-under>div{justify-content:flex-start;gap:8px;margin:12px 0 0}.t-under .medals{--medal: 38px;gap:4px}.history-strip{display:flex;flex-wrap:wrap;min-height:24px}.history-strip .mini-coin{outline:2px solid transparent;outline-offset:1px}.history-strip .mini-coin.win{outline-color:var(--ok)}.history-strip .mini-coin.lose{outline-color:var(--err);opacity:.7}.kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface-2);font:400 var(--s1)/1.4 var(--mono);color:var(--muted)}.mini-stat{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-field);background:var(--bg-2)}.mini-stat .label{font:600 var(--s1)/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.mini-stat .value{font-size:var(--s4);font-weight:700;font-variant-numeric:tabular-nums}.share-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.share-ways button{justify-content:center;min-width:0}.share-ways button:first-child{grid-column:1 / -1}.ladder{display:none}.scene-open>.t-room{display:flex;flex-direction:column;overflow:hidden;padding:6px 12px calc(var(--peek-h) + 10px + env(safe-area-inset-bottom))}.scene-open .training{flex:1 1 auto;height:auto;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none}.scene-open .training .commentary{min-height:calc(2.7em + 12px);padding:6px 10px;gap:8px}.scene-open .training .commentary p{font-size:var(--s1);line-height:1.35}.scene-open .training .say{min-height:64px}.scene-open .training .subline{font-size:var(--s1);line-height:1.3}.scene-open .training .headline{font-size:min(var(--s4),6.6cqw)}.scene-open:has(>.drawer[data-state=half]) .training :is(.say,.commentary){display:none}@media(hover:none)and (pointer:coarse){.training .pick-sub{visibility:hidden}}@media(max-height:700px){.scene-open .training{gap:4px}.scene-open .training button.pick{min-height:52px}.scene-open .training .commentary{min-height:calc(1.35em + 12px)}}.drawer-body>.proof-line{margin:16px 0 0}@media(min-width:1024px){.scene-open>.t-room{--lad-w: clamp(296px, 22vw, 380px);--gap: clamp(16px, 1.8vw, 32px);display:grid;grid-template-columns:var(--lad-w) minmax(0,1fr);gap:var(--gap);padding:0 20px 0 0}.left-shut>.t-room{grid-template-columns:30px minmax(0,1fr)}.scene-open .ladder{position:relative;display:flex;flex-direction:column;min-height:0;padding:20px;border-right:1px solid var(--line);background:var(--bg-2)}.ladder-card{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;padding:18px}.scene-open.left-shut .ladder{padding:0}.scene-open.left-shut .ladder>:not(.side-grip){display:none}.rungs{flex:1 1 auto;display:grid;grid-template-rows:repeat(20,minmax(0,1fr));gap:2px;min-height:0;margin:0;padding:0;list-style:none}.rung{display:flex;align-items:center;gap:8px;min-height:0;padding:0 6px;border-radius:9px;font-variant-numeric:tabular-nums;overflow:hidden}.rung-n{flex:none;width:1.9em;font:900 clamp(var(--s2),1.9dvh,var(--s3))/1 var(--sans);text-align:right;color:var(--dim)}.rung-odds{font:600 clamp(12px,1.5dvh,var(--s2))/1 var(--sans);white-space:nowrap;color:var(--muted)}.rung-marks{display:flex;gap:6px;min-width:0;margin-left:auto}.mark{min-width:0;overflow:hidden;padding:2px 8px;border-radius:999px;background:var(--surface-3);font:800 clamp(11px,1.2dvh,var(--s1))/1.35 var(--sans);white-space:nowrap;text-overflow:ellipsis}.m-you{flex:none;background:var(--gold);color:var(--on-gold)}.m-best{box-shadow:inset 0 0 0 1px var(--streak);color:var(--streak);background:none}.m-all{background:var(--gold-soft);color:var(--gold-ink)}.rung.reached .rung-n{color:var(--text)}.rung.lit{background:color-mix(in srgb,var(--gold-ink) 8%,transparent)}.rung.lit .rung-n{color:var(--gold-ink)}.rung.now{box-shadow:inset 0 0 0 1px var(--gold-ink);background:color-mix(in srgb,var(--gold-ink) 14%,transparent)}.scene-open .training{padding-block:16px;--pick-h: clamp(72px, 10.5dvh, 128px);--main-w: clamp(520px, 44vw, 820px);row-gap:clamp(4px,.8dvh,12px)}.scene-open .training>:not(.stage,.panel-toast){align-self:center;width:100%;max-width:var(--main-w)}.scene-open .training .stage{--big: clamp(48px, 8.5dvh, 120px);--top: calc(var(--big) * .95 + 24px);padding-inline:max(0px,(100cqw - 100cqh - 200px) / 2)}.scene-open .training .dial{--d: min(100cqw - 16px, 100cqh - var(--top) - 44px);grid-area:2 / 1 / 3 / -1;place-self:center}.scene-open .training .c-more .value{font-size:var(--big);line-height:.95}.scene-open .training .headline{font-size:clamp(var(--s5),3.2dvh,44px)}.scene-open .training .say{min-height:56px}.scene-open .training .subline{font-size:clamp(var(--s2),1.7dvh,var(--s3));line-height:1.4}.scene-open .training .t-next{font-size:clamp(var(--s2),1.6dvh,var(--s3))}.scene-open .training button.pick{min-height:var(--pick-h);border-radius:clamp(16px,2dvh,26px);font-size:clamp(var(--s4),3dvh,40px)}.scene-open .training .commentary{min-height:calc(1.45em + 16px);padding:8px 14px}.scene-open .training .commentary p{font-size:clamp(var(--s2),1.7dvh,var(--s3))}}
