main.train-choose{align-content:start;gap:20px;max-width:34rem;padding:32px 22px 48px;display:grid}.train-choose h1{margin:0}.train-lede{color:var(--color-muted);margin:-8px 0 0}.train-form{gap:22px;display:grid}.train-field{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.train-field legend{margin-bottom:var(--space-2);padding:0;font-weight:600}.train-reps{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr))}.train-rep-name{align-items:center;gap:8px;min-width:0;display:flex}.train-rep-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main.train-chooser{grid-template-columns:minmax(0,1fr);max-width:64rem}@media (min-width:960px){main.train-chooser{grid-template-columns:minmax(0,1fr) 20rem;column-gap:40px}.train-chooser .train-form:not([hidden]){display:contents}.train-chooser>.page-bar,.train-chooser>.alert{grid-column:1/-1}.train-chooser .train-reps{grid-area:span 4/1;align-self:start}.train-chooser .train-field,.train-chooser .train-form>.alert,.train-chooser .train-start,.train-chooser .train-mistakes{grid-column:2}.train-chooser .train-mistakes{border-top:1px solid var(--color-line);margin-top:8px;padding-top:20px}}.train-scope{flex-wrap:wrap}.train-help{color:var(--color-faint);font-size:var(--text-sm);margin:0}.train-start{justify-self:start;min-width:11rem;text-decoration:none}.train-stats{flex-wrap:wrap;gap:8px 28px;margin:0;display:flex}.train-stats>div{align-items:baseline;gap:8px;display:flex}.train-stats dd{font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);margin:0}.train-stats dt{color:var(--color-muted)}.train-overload{border-radius:var(--radius);background:var(--color-accent-soft);font-size:var(--text-sm);margin:0;padding:12px 14px}.train-end-actions{flex-wrap:wrap;gap:10px;display:flex}main.train-session{--tr-aspect:1;--board:clamp(320px, calc((100dvh - var(--topbar-h) - 360px) / var(--tr-aspect)), 1400px);width:100%;max-width:calc(var(--board) + 44px);min-height:calc(100dvh - var(--topbar-h));flex-direction:column;gap:0;margin:0 auto;padding:16px 22px 24px;display:flex}main.train-session:has(.b3[data-view=tilted]){--tr-aspect:.8}main.train-session:has(.b3[data-view=corner]){--tr-aspect:.86}.ts-head{align-items:center;gap:12px;display:flex}.ts-close{flex:none}.ts-progress{background:var(--color-raised);border-radius:3px;flex:1;height:6px;overflow:hidden}.ts-progress i{background:var(--color-accent);height:100%;transition:width var(--duration-slow) var(--ease-out);border-radius:3px;display:block}.ts-count{color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.ts-ctx{padding:12px 0 10px}.ts-rep{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ts-prompt{letter-spacing:-.015em;font-size:1.375rem;font-weight:800;line-height:var(--leading-tight);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:2px 0 0;display:flex}.ts-board{position:relative}.ts-board .cb-frame{border-radius:var(--radius-sm)}.train-session[data-phase=replay] .ts-board{cursor:pointer}.ts-skip{z-index:25;background:color-mix(in oklab, var(--color-bg) 82%, transparent);color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:4px 10px;font-weight:600;position:absolute;bottom:10px;left:50%;translate:-50%}.ts-line{padding-top:12px}.ts-pair{align-items:baseline;gap:6px;display:inline-flex}.ts-line .m{cursor:default}.ts-line .m:hover{color:var(--color-muted)}.ts-line .m[aria-current=step]:hover{color:var(--color-text)}.ts-feedback{align-content:start;gap:12px;padding-top:12px;display:grid}.ts-feedback:empty{display:none}.ts-result{color:var(--color-muted);margin:0;font-size:.875rem}.ts-result b{color:var(--color-text);font-weight:700}.coach{gap:4px;margin:0;display:grid}.coach-say{color:var(--color-muted);white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.45}.coach-src{color:var(--color-faint);font-size:11px}.coach[data-style=character]{grid-template-columns:36px minmax(0,1fr);align-items:start;column-gap:10px}.coach-face{border-radius:50%;grid-row:1/span 2;width:36px;height:36px;overflow:hidden}.coach-face>*{width:100%;height:100%;display:block}.coach[data-style=character] .coach-say{background:var(--color-surface);color:var(--color-text);border-radius:4px 14px 14px;padding:10px 12px}.coach[data-style=character] .coach-src{grid-column:2;margin:0 2px}.ts-facts{font-size:var(--text-xs);flex-wrap:wrap;gap:4px 14px;margin:0;display:flex}.ts-facts>div{gap:5px;display:flex}.ts-facts dt{color:var(--color-faint)}.ts-facts dd{margin:0;font-weight:700}.ts-facts [data-tone=danger] dt{color:var(--color-danger);font-weight:700}.ts-actions{grid-template-columns:1fr 1fr 2fr;gap:8px;margin-top:auto;padding-top:18px;display:grid}@media (min-width:900px) and (max-width:1180px) and (orientation:landscape){main.train-session{--board:clamp(320px, min(calc((100dvh - var(--topbar-h) - 100px) / var(--tr-aspect)), calc(100vw - 400px)), 1400px);grid-template-columns:var(--board) minmax(260px, 320px);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;justify-content:center;column-gap:28px;max-width:none;display:grid}.ts-head{grid-area:1/1/auto/-1;padding-bottom:12px}.ts-board{grid-area:2/1/-1;align-self:start}.ts-ctx,.ts-line,.ts-feedback,.ts-actions{grid-column:2;min-width:0}.ts-ctx{grid-row:2;padding-top:0}.ts-line{grid-row:3}.ts-feedback{grid-row:4}.ts-actions{grid-row:6;align-self:end}}@media (max-width:640px){.shell:has(.train-session){padding-bottom:0}:is(.shell:has(.train-session) .topbar,.shell:has(.train-session) .tabbar){display:none}main.train-session{max-width:none;min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 0 calc(16px + env(safe-area-inset-bottom))}.ts-head,.ts-ctx,.ts-line,.ts-feedback,.ts-actions{padding-inline:16px}.ts-board{padding:0}.ts-board .cb-frame{border-radius:0}main.train-choose{padding:24px 16px 32px}.train-start{justify-self:stretch}.train-end-actions>*{flex:1}}.ts-fixed{color:var(--color-faint);font-size:var(--text-xs);margin-left:10px}.ts-source{color:var(--color-muted);font-size:var(--text-xs);margin:0}.ts-source a{color:inherit;text-decoration:underline}.train-mistakes{justify-items:start;gap:8px;margin-top:28px;display:grid}.train-mistakes h2{margin:0;font-size:1.125rem;font-weight:700}.train-fixed{color:var(--color-muted);font-size:var(--text-sm);margin:0}.ts-mode{color:var(--color-muted);font-size:var(--text-xs);margin:0;font-weight:600}.ts-mode[data-mode=repertoire]{color:var(--color-text)}.ts-grade{flex-wrap:wrap;align-items:center;gap:6px;display:flex}