.roul{display:grid;gap:14px}.roul__sum{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:var(--t-sm);color:var(--ink-2)}.roul__set{display:grid;gap:14px;padding:14px;border-radius:var(--r-md);background:var(--surface-2)}.roul__set--sheet{padding:0;background:none}.roul__set section{display:grid;gap:8px}.roul__set h4{margin:0;font-size:var(--t-sm);font-weight:800}.roul__tg{display:grid;gap:4px}.roul__tgh{font-size:var(--t-xs);color:var(--ink-3);font-weight:700}.roul__addh{align-self:center;font-size:var(--t-xs)}.roul__reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reel{display:grid;gap:4px;align-content:center;justify-items:center;min-height:104px;padding:12px 8px;border-radius:var(--r-md);background:var(--surface);border:2px solid var(--line);box-shadow:inset 0 10px 14px -12px #0000002e,inset 0 -10px 14px -12px #0000002e;text-align:center;transition:border-color var(--dur) var(--ease)}.reel.is-spinning{border-color:var(--ochre)}.reel__label{font-size:var(--t-xs);color:var(--ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.reel__value{font-family:var(--font-pt);font-size:clamp(16px,3.6vw,22px);font-weight:700;line-height:1.2;overflow-wrap:anywhere;color:var(--ink)}.reel.is-spinning .reel__value{filter:blur(.4px);opacity:.8}@media (prefers-reduced-motion: reduce){.reel.is-spinning .reel__value{filter:none;opacity:1}}.roul__task{display:grid;gap:10px}.roul__q{margin:0;font-size:var(--t-sm);color:var(--ink-2);line-height:1.5}.roul__form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roul__who{font-weight:700;font-size:var(--t-md);min-width:0}.roul__who:empty{display:none}.roul__in{flex:1 1 200px;font-size:18px}.roul__in.is-bad{border-color:var(--coral)}.roul__acc{display:flex;flex-wrap:wrap;gap:4px}.roul__ch{min-width:40px;min-height:40px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:17px;cursor:pointer}.roul__ch:hover{border-color:var(--indigo)}.roul__verdict{margin:0;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-weight:600}.roul__verdict.is-exact{color:var(--verde)}.roul__verdict.is-accent{color:var(--amber)}.roul__verdict.is-wrong{color:var(--coral)}.roul__rowbtn{border:0;background:none;padding:0;color:var(--indigo);font:inherit;font-weight:700;cursor:pointer}.roul__row{border-collapse:collapse;font-size:var(--t-sm);justify-self:start}.roul__row th{text-align:left;font-weight:600;color:var(--ink-3);padding:3px 14px 3px 0;font-family:var(--font-ui, inherit)}.roul__row td{padding:3px 0;font-weight:700}.roul__foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.roul--lesson .reel{min-height:88px}@media (max-width: 420px){.reel{min-height:84px;padding:10px 6px}.reel__label{font-size:10px}}.trainer-nav{margin-bottom:14px}.trainer-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:600;font-size:var(--t-sm);text-decoration:none}.trainer-nav a:hover{color:var(--ink);text-decoration:none}.trainer-nav a.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}
