.train{max-width:100rem;padding:max(1rem, env(safe-area-inset-top)) 1rem 3rem;gap:1.2rem;margin:0 auto;display:grid}.train-head{grid-area:auto/1/auto/-1}.train-head .page-title{align-items:center;gap:.8rem;min-width:0;display:flex}.train-head #sound-set{flex:0 auto;min-width:0;margin-left:auto}.train-head #sound-set span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.train-card,.train-progress{border:var(--border) solid var(--line);background:var(--surface);box-shadow:6px 6px 0 var(--shadow);border-radius:14px;align-content:start;gap:.8rem;padding:1rem;display:grid}.train h2,.train h3{margin:0;font-weight:800}.train h2{font-size:1.4rem}.train h3{font-size:1rem}.train-kind{border:2px solid var(--line);background:var(--toggle-on);color:var(--on-color);text-transform:uppercase;border-radius:999px;justify-self:start;margin:0;padding:.1rem .55rem;font-size:.8rem;font-weight:800}.train .train-play{background:var(--primary);min-height:4.5rem;color:var(--on-color);font-size:1.6rem;font-weight:800}.train-answer{border:2px dashed var(--line);background:var(--surface-2);border-radius:10px;margin:0;padding:.7rem .8rem;font-weight:600;line-height:1.5}.train-answer strong{background:var(--win);color:var(--on-color);border-radius:4px;padding:0 .25rem;font-weight:800}.train-deck-wrap{align-content:start;align-self:start;gap:.3rem;min-width:0;display:grid}.train .train-deck{gap:16px}.train-deck[data-mode=row]{grid-template-columns:repeat(4,auto)}.train-deck[data-mode=grid]{grid-template-columns:repeat(2,auto)}.train .train-deck[data-mode=scroll]{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;justify-content:flex-start;display:flex}.train-deck[data-mode=scroll] .layer{scroll-snap-align:start;flex:none;scroll-margin-left:.25rem}.train-deck[data-asked=learn] .cell{cursor:help}.train-deck .cell.picked{background:var(--toggle-on)}.train-deck .cell.right{background:var(--win)}.train-deck .cell.wrong{background:var(--danger)}.train-deck .cell.tapped{outline:3px solid var(--line);outline-offset:2px;box-shadow:inset 0 0 0 calc(var(--cell) * .12) var(--toggle-on);z-index:1}.train-dots{justify-content:center;gap:.2rem;display:none}.train-deck[data-mode=scroll]+.train-dots{display:flex}.train-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid}.train-dot:before{content:"";border:2px solid var(--line);background:var(--surface);border-radius:50%;width:.8rem;height:.8rem}.train-dot.picked:before{background:var(--toggle-on)}.train-dot.wrong:before{background:var(--danger)}.train-dot.right:before{background:var(--win)}.train-dot.current:before{outline:2px solid var(--line);outline-offset:2px}.train-feedback{margin:0;font-weight:700;line-height:1.45}.train-feedback:empty{display:none}.train-feedback.all-right:before{content:"";vertical-align:-.12em;background:currentColor;width:1em;height:1em;margin-right:.3em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5 10-11'/%3E%3C/svg%3E") 50%/contain no-repeat}.train-actions{flex-wrap:wrap;gap:.6rem;display:flex}.train-actions button{flex:1;min-height:3.2rem}.train-keys,.train-hint,.train-totals,.train-bar-value{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.train-hint{color:var(--ink);font-size:.95rem;font-weight:700}.train-dimensions{gap:1rem;display:grid}.train-dimension{gap:.4rem;display:grid}.train-bar{border:2px solid var(--line);background:var(--surface-2);border-radius:6px;height:1rem;overflow:hidden}.train-bar i{background:var(--o);height:100%;display:block}.train-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.train .train-value{text-align:center;gap:.1rem;min-height:3rem;padding:.35rem .3rem;font-size:.85rem;display:grid}.train-value small{color:var(--muted);white-space:pre;font-size:.65rem;font-weight:700}.train .train-value[data-box=new]{box-shadow:none;border-style:dashed}.train .train-all,.train .train-reset{justify-self:start;min-height:2.75rem}@media (width>=64rem){.train{grid-template-columns:minmax(0,1fr) 24rem;align-items:start}}@media (orientation:landscape) and (height<=32rem){.train-card{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);column-gap:1rem}.train-card>*{grid-column:1}.train-card>.train-deck-wrap{grid-area:1/2/span 7}.train .train-play{min-height:3rem}.train-head h1{font-size:1.8rem}.train-keys{display:none}}