/* Trainer (trainer.js); card + table styles come from learn.css */
.trainer{max-width:880px;margin:0 auto;padding:24px 18px 60px;color:#e9ecef}
.t-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.t-top h1{font-size:32px;margin:4px 0 0;letter-spacing:-.5px}
.t-stats{display:flex;gap:6px;align-items:stretch}
.t-stat{display:grid;justify-items:center;min-width:64px;padding:6px 10px;background:#1b1e22;border:1px solid #2c3036;border-radius:6px}
.t-stat b{font-size:18px}.t-stat small{font-size:10px;color:#7c838d;text-transform:uppercase;letter-spacing:.06em}
.t-reset{background:none;border:1px solid #2c3036;color:#7c838d;font-size:11px;border-radius:6px;padding:0 10px}
.t-filters{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 14px}
.t-group{display:flex;align-items:center;gap:4px}
.t-glabel{font-size:11px;color:#7c838d;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:0 6px 0 0}
.t-opt{background:#1d2024;border:1px solid #2c3036;color:#a7adb6;font-size:12px;font-weight:700;border-radius:999px;padding:5px 11px}
.t-opt[aria-pressed=true]{background:#e9ecef;color:#131518;border-color:#e9ecef}
.t-spot{min-height:340px}
.t-loading{color:#7c838d}
.t-head{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.t-chip{font-size:12px;font-weight:700;background:#1d2024;border:1px solid #2c3036;border-radius:999px;padding:4px 10px;color:#c4c9cf}
.t-table{gap:10px}
.t-line{margin:0;font-size:13px;color:#cfe8d8;text-align:center}
.t-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}
.t-act{position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;min-height:56px;padding:10px 14px;border:0;border-radius:6px;color:#fff;font-size:15px;font-weight:700;text-align:left}
.t-act kbd{font:inherit;font-size:11px;opacity:.7;border:1px solid #ffffff55;border-radius:3px;padding:0 5px}
.t-act span{position:relative;z-index:1}
.t-act.k-fold{background:#3b7cc4}.t-act.k-passive{background:#4aad6c}.t-act.k-aggr{background:#d73a44}.t-act.k-allin{background:#7a1c23}
.t-act:disabled{opacity:1;cursor:default;filter:saturate(.55) brightness(.75)}
.t-act.top{filter:none}.t-act.chosen{box-shadow:inset 0 0 0 3px #fff}
.t-act i{position:absolute;left:0;bottom:0;height:5px;background:#ffffffcc}
.t-act small{margin-left:auto;position:relative;z-index:1;font-size:13px}
.t-feedback{padding:12px 14px;border-radius:6px;background:#1b1e22;border-left:4px solid #3a3f47;font-size:14px;line-height:1.55;color:#c4c9cf;margin-bottom:10px}
.t-feedback b{color:#fff;font-size:16px}
.t-feedback.best{border-left-color:#5fd08a}.t-feedback.good{border-left-color:#9bd06f}.t-feedback.inacc{border-left-color:#f2d48a}.t-feedback.mistake{border-left-color:#e05a66}
.t-history{margin-top:22px}
.t-hist{display:flex;flex-wrap:wrap;gap:6px}
.t-hitem{display:grid;justify-items:center;gap:4px;background:#1b1e22;border:1px solid #2c3036;border-top:3px solid #3a3f47;border-radius:6px;padding:6px 8px}
.t-hitem small{font-size:10px;color:#8a929c}
.t-hitem.best{border-top-color:#5fd08a}.t-hitem.good{border-top-color:#9bd06f}.t-hitem.inacc{border-top-color:#f2d48a}.t-hitem.mistake{border-top-color:#e05a66}
.t-foot{margin-top:26px;font-size:12px;color:#7c838d}.t-foot a{color:#ffd34f}

/* v2: GTO Wizard-style setup and session (gto-table.css draws the table) */
.trainer{max-width:900px}
.t-setup{display:flex;flex-direction:column;align-items:center;padding-top:18px}
.t-settings{display:flex;flex-direction:column;align-items:center;gap:16px;margin:0}
.t-row{display:flex;flex-direction:column;align-items:center;gap:6px}
.t-row .t-glabel{margin:0;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--muck-text-2)}
/* Segmented picks follow the style guide: neutral track, the chosen option highlighted in gold (2026-10-02). */
.t-seg{display:flex;background:var(--muck-bg);border:1px solid var(--muck-line);border-radius:var(--muck-radius-sm);padding:3px;gap:2px}
.t-seg .t-opt{border:0;border-radius:4px;background:none;color:var(--muck-text-3);padding:6px 11px;font:600 13px var(--muck-font)}
.t-seg .t-opt:hover{color:var(--muck-text)}
.t-seg .t-opt[aria-pressed=true]{background:var(--muck-surface-3);color:var(--muck-gold);box-shadow:inset 0 0 0 1px var(--muck-line-strong)}
.t-solution{background:#2a2d32;border-radius:5px;padding:6px 12px;font-size:13px;font-weight:600;color:#e3e6ea}
.t-start{display:flex;align-items:center;gap:22px;margin-top:26px}
.t-link{color:var(--muck-gold-muted);font-size:13px;font-weight:600;text-decoration:none}
.t-link:hover{color:var(--muck-gold)}
.t-go{background:var(--muck-gold-cta);color:var(--muck-gold-ink);border:0;border-radius:7px;font:800 14px var(--muck-font);padding:12px 22px}
.t-go:hover{filter:brightness(1.06)}
.t-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 4px}
.t-end{background:none;border:1px solid #3a3d42;color:#b6bcc4;border-radius:6px;font-size:12px;font-weight:700;padding:7px 12px}
.t-line{text-align:center;color:#8b9099;font-size:13px;margin:-12px 0 12px}
.t-spot .t-head{justify-content:center}

#t-preview{width:100%}
.t-line{margin:0 0 14px}
/* round scorecard */
.t-summary{max-width:620px;margin:20px auto;padding:28px 26px;border:1px solid #292929;border-radius:6px;background:#16181b;text-align:center}
.t-sum-eyebrow{color:#ffd34f;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0}
.t-summary h2{font-size:56px;margin:6px 0 2px;letter-spacing:-1px}
.t-sum-line{color:#c4c9cf;margin:0 0 18px}
.t-sum-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}
.t-sum-count{display:grid;padding:10px 6px;border-radius:8px;background:#1d2024;border-top:3px solid #3a3f47}
.t-sum-count b{font-size:22px}.t-sum-count small{font-size:11px;color:#8b9099}
.t-sum-count.best{border-top-color:#5fd08a}.t-sum-count.good{border-top-color:#9bd06f}.t-sum-count.inacc{border-top-color:#f2d48a}.t-sum-count.mistake{border-top-color:#e05a66}
.t-summary .t-hist{justify-content:center;margin-bottom:18px}
.t-sum-row{display:flex;gap:10px;justify-content:center}
.t-sum-left{color:#8b9099;font-size:12px;margin:12px 0 0}
.t-go:disabled{opacity:.5}
@media(max-width:560px){.t-stats{flex-wrap:wrap}.t-stat{min-width:56px;padding:5px 8px}}

/* ---------- v3 hand screen (Shaun, 2026-10-02: "relay out this screen to present elegantly") ----------
   Session bar on top; the table on the left; one panel on the right with the situation, the action so
   far by street, your options and (after answering) the verdict. Phones: one column, situation first. */
.trainer:has(#t-session:not([hidden])){max-width:1180px}
.t-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 0 16px;margin:0 0 8px;border-bottom:1px solid var(--muck-line)}
.t-stats{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap}
.t-progress{display:flex;align-items:center;gap:12px}
.t-prog-label{font:700 13px var(--muck-font);color:var(--muck-text);white-space:nowrap}
.t-prog-steps{display:flex;gap:4px}
.t-prog-steps i{width:20px;height:6px;border-radius:3px;background:var(--muck-surface-3)}
.t-prog-steps i.now{background:var(--muck-text-3)}
.t-prog-steps i:is(.best,.good){background:var(--muck-green)}.t-prog-steps i.inacc{background:var(--muck-amber)}.t-prog-steps i.mistake{background:var(--muck-red)}
.t-meta{display:flex;gap:18px;font-size:13px;color:var(--muck-text-3)}
.t-meta b{color:var(--muck-text);font-weight:700}
.t-end{background:none;border:1px solid var(--muck-line-strong);color:var(--muck-text-2);border-radius:8px;font:600 12px var(--muck-font);padding:8px 14px;cursor:pointer}
.t-end:hover{color:var(--muck-text);border-color:var(--muck-text-3)}

.t-play{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.t-left{min-width:0}
.t-left .gt-table{margin:36px auto 48px}
.t-panel{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px;padding:22px;border:1px solid var(--muck-line);border-radius:var(--muck-radius-lg);background:var(--muck-surface-1)}
.t-eyebrow{margin:0 0 6px;font:700 10px/1.4 var(--muck-font);letter-spacing:.14em;text-transform:uppercase;color:var(--muck-gold-muted)}
/* a spot graded against an estimated chart (2026-10-07): same label and tooltip idea as the Study page's badge */
.t-estimate{display:inline-block;margin-left:4px;padding:1px 6px;border:1px solid var(--muck-line-strong);border-radius:4px;color:var(--muck-text-2);letter-spacing:.08em;cursor:help}
.t-you{margin:0;font:750 22px/1.2 var(--muck-font);letter-spacing:-.4px;color:var(--muck-text)}
.t-story{display:flex;flex-direction:column;padding:12px 0;border-block:1px solid var(--muck-line);max-height:230px;overflow:auto}
.t-street{display:flex;align-items:center;gap:8px;margin:10px 0 3px;font:700 10px var(--muck-font);letter-spacing:.12em;text-transform:uppercase;color:var(--muck-text-3)}
.t-street:first-child{margin-top:0}
.t-street .l-cards{display:inline-flex;gap:3px}
.t-street .l-card{width:20px;height:26px;padding:2px 3px;border-radius:3px;font-size:11px;letter-spacing:0}
.t-street .l-card b{font-size:11px}.t-street .l-card i{font-size:8px}
.t-step{margin:0;font-size:13px;line-height:1.75;color:var(--muck-text-2)}
.t-step.you{margin-top:6px;color:var(--muck-gold);font-weight:600}
.t-label{margin:0 0 -6px;font:700 10px var(--muck-font);letter-spacing:.12em;text-transform:uppercase;color:var(--muck-text-3)}

.t-actions{display:flex;flex-direction:column;gap:8px;margin:0}
.t-act{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid transparent;border-radius:10px;color:#fff;font:700 15px var(--muck-font);text-align:left;cursor:pointer;transition:filter .15s,transform .15s}
.t-act:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}
.t-act.k-fold{background:var(--muck-act-fold)}.t-act.k-passive{background:var(--muck-act-call)}.t-act.k-aggr{background:var(--muck-act-bet)}.t-act.k-allin{background:var(--muck-act-allin)}
.t-act-name{display:flex;align-items:center;gap:10px}
.t-act kbd{font:600 11px var(--muck-font);opacity:.75;border:1px solid #ffffff59;border-radius:4px;padding:1px 6px}
/* answered: neutral rows, the solver's frequency, a thin bar in the action's colour, and tags */
.t-actions.done .t-act{background:var(--muck-surface-2);border-color:var(--muck-line);color:var(--muck-text);cursor:default;filter:none;transform:none}
.t-actions.done .t-act kbd{border-color:var(--muck-line-strong);color:var(--muck-text-3)}
.t-actions.done .t-act.chosen{border-width:2px}
.t-actions.done .t-act.chosen:is(.best,.good){border-color:var(--muck-green)}.t-actions.done .t-act.chosen.inacc{border-color:var(--muck-amber)}.t-actions.done .t-act.chosen.mistake{border-color:var(--muck-red)}
.t-bar-fill{position:absolute;left:0;bottom:0;height:3px;border-radius:0 2px 2px 0}
/* the bar is the solver's frequency: grey, except on your pick, where it takes the verdict's colour like the border (Shaun,
   2026-10-21: a red bar under a right answer read as wrong, "shouldnt it be green then?") */
.t-actions.done .t-bar-fill{background:var(--muck-text-3)}
.t-act.chosen:is(.best,.good) .t-bar-fill{background:var(--muck-green)}.t-act.chosen.inacc .t-bar-fill{background:var(--muck-amber)}.t-act.chosen.mistake .t-bar-fill{background:var(--muck-red)}
.t-tags{display:flex;gap:6px;margin-left:auto}
.t-tag{font:700 10px var(--muck-font);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.t-tag.solver{background:color-mix(in srgb,var(--muck-gold) 16%,transparent);color:var(--muck-gold)}
.t-tag.you:is(.best,.good){background:color-mix(in srgb,var(--muck-green) 16%,transparent);color:var(--muck-green)}
.t-tag.you.inacc{background:color-mix(in srgb,var(--muck-amber) 16%,transparent);color:var(--muck-amber)}
.t-tag.you.mistake{background:color-mix(in srgb,var(--muck-red) 18%,transparent);color:var(--muck-red)}
.t-act small{margin-left:auto;min-width:46px;text-align:right;font:700 14px var(--muck-font);color:var(--muck-text);position:relative;z-index:1}
.t-tags + small{margin-left:12px}

.t-verdict{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border-radius:10px;border:1px solid var(--g-line);background:var(--g-bg)}
.t-verdict:is(.best,.good){--g:var(--muck-green)}.t-verdict.inacc{--g:var(--muck-amber)}.t-verdict.mistake{--g:var(--muck-red)}
.t-verdict{--g-line:color-mix(in srgb,var(--g) 35%,transparent);--g-bg:color-mix(in srgb,var(--g) 9%,transparent)}
.t-v-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:var(--muck-bg);font:900 16px var(--muck-font)}
.t-verdict b{display:block;font:750 16px var(--muck-font);color:var(--g)}
.t-verdict p{margin:3px 0 0;font-size:13px;line-height:1.55;color:var(--muck-text-2)}
.t-next{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border:0;border-radius:10px;background:var(--muck-gold-cta);color:var(--muck-gold-ink);font:800 15px var(--muck-font);cursor:pointer}
.t-next:hover{filter:brightness(1.05)}
.t-next kbd{font:600 11px var(--muck-font);padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--muck-gold-ink) 12%,transparent)}
.t-next.ghost{background:none;border:1px solid var(--muck-line-strong);color:var(--muck-text-2)}
.t-next:focus-visible,.t-act:focus-visible,.t-end:focus-visible{outline:2px solid var(--muck-gold);outline-offset:3px}
.t-history{margin-top:8px}

@media(max-width:900px){
 .t-play{display:flex;flex-direction:column;align-items:stretch;gap:14px}
 .t-panel{display:contents}
 .t-context{order:-1;text-align:center}
 .t-left .gt-table{margin:24px auto 40px}
 .t-story{max-height:none}
 .t-meta{gap:12px;font-size:12px}
}
@media(max-width:560px){.t-prog-steps i{width:14px}.t-you{font-size:19px}.t-bar{gap:10px}}

/* ---------- v3 scorecard (Shaun, 2026-10-02: "this screen clunky af too") ---------- */
#t-session.on-summary #t-history{display:none}
.t-summary{max-width:760px;margin:28px auto 40px;padding:0;border:1px solid var(--muck-line);border-radius:var(--muck-radius-lg);background:var(--muck-surface-1);text-align:left;overflow:hidden}
.t-sum-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;padding:28px 28px 24px;border-bottom:1px solid var(--muck-line)}
.t-sum-eyebrow{margin:0;color:var(--muck-gold-muted);font:700 10px var(--muck-font);letter-spacing:.14em}
.t-summary h2{margin:6px 0 4px;font:800 56px/1 var(--muck-font);letter-spacing:-2px;color:var(--muck-text)}
.t-sum-line{margin:0;color:var(--muck-text-2);font-size:14px}
.t-sum-mix{display:flex;flex-direction:column;gap:12px}
.t-sum-bar{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.t-sum-bar i{height:10px;border-radius:5px;background:var(--muck-surface-3)}
.t-sum-bar i:is(.best,.good),.t-sum-count:is(.best,.good) i{background:var(--muck-green)}
.t-sum-bar i.inacc,.t-sum-count.inacc i{background:var(--muck-amber)}
.t-sum-bar i.mistake,.t-sum-count.mistake i{background:var(--muck-red)}
.t-sum-count.good i{opacity:.6}
.t-sum-bar i.good{opacity:.6}
.t-sum-legend{display:flex;flex-wrap:wrap;gap:6px 18px}
.t-sum-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muck-text-2);padding:0;border:0;background:none}
.t-sum-count i{width:8px;height:8px;border-radius:50%}
.t-sum-count b{font-size:14px;color:var(--muck-text)}
.t-sum-count.zero{opacity:.45}
.t-sum-list{display:flex;flex-direction:column}
.t-summary .t-srow{display:grid;grid-template-columns:22px 62px minmax(0,1fr) minmax(0,1fr) 96px 14px;align-items:center;gap:14px;width:100%;padding:12px 28px;border:0;border-bottom:1px solid var(--muck-line);border-top:0;border-radius:0;background:none;color:var(--muck-text);text-align:left;cursor:pointer;justify-items:start}
.t-summary .t-srow:hover{background:var(--muck-surface-2)}
.t-srow-n{font:600 12px var(--muck-font);color:var(--muck-text-3)}
.t-srow-where,.t-srow-play{display:flex;flex-direction:column;gap:2px;min-width:0}
.t-srow-where b{font-size:13px;font-weight:700}
.t-srow-where small,.t-srow-play small{font-size:12px;color:var(--muck-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.t-srow-play span{font-size:13px;color:var(--muck-text-2)}
.t-srow-grade{font:700 10px var(--muck-font);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.t-srow:is(.best,.good) .t-srow-grade{background:color-mix(in srgb,var(--muck-green) 16%,transparent);color:var(--muck-green)}
.t-srow.inacc .t-srow-grade{background:color-mix(in srgb,var(--muck-amber) 16%,transparent);color:var(--muck-amber)}
.t-srow.mistake .t-srow-grade{background:color-mix(in srgb,var(--muck-red) 18%,transparent);color:var(--muck-red)}
.t-srow-go{color:var(--muck-text-3);font-size:18px}
.t-sum-row{display:flex;align-items:center;gap:10px;padding:20px 28px;justify-content:flex-end}
.t-sum-left{margin-right:auto;color:var(--muck-text-3);font-size:13px}
.t-sum-row .t-end{height:44px;padding:0 18px}
.t-sum-row .t-again{width:auto;height:44px;padding:0 22px}
.t-next:disabled{opacity:.5;cursor:default}
@media(max-width:640px){
 .t-sum-head{grid-template-columns:1fr;gap:18px;padding:22px 18px}
 .t-summary .t-srow{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;padding:12px 18px}
 .t-srow-n,.t-srow-go{display:none}
 .t-srow-play{grid-column:2;grid-row:2}
 .t-srow-grade{grid-column:3;grid-row:1 / span 2}
 .t-sum-row{flex-wrap:wrap;padding:16px 18px}
 .t-sum-left{flex-basis:100%;margin:0 0 4px}
 .t-sum-row :is(.t-end,.t-again){flex:1}
}
.t-srow-grade{justify-self:end}

/* ---------- v3 setup (Shaun, 2026-10-02: "condense all this so it presents better, shorter on desktop") ----------
   Desktop: preview table left; one settings card right (label | options per row) with Start at its foot. */
.t-set-head{display:none}
@media(min-width:900px){
 .trainer:has(#t-setup:not([hidden])){max-width:1280px}
 .t-setup:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) clamp(300px,32vw,460px);grid-template-areas:"preview card" "preview start";column-gap:48px;align-items:center;padding-top:8px}
 #t-preview{grid-area:preview}
 /* "table should be balanced/bigger" (2026-10-02): fill the column and match the settings card's height. */
 #t-preview .gt-table{max-width:none;aspect-ratio:1.75;margin:28px auto}
 #t-preview .gt-felt{inset:7% 7%}
 #t-preview .gt-disc{width:70px;height:70px}
 #t-preview .gt-disc b{font-size:15px}
 #t-preview .gt-card{width:46px;height:62px}
 /* In a session the table is as big as the setup's (Shaun, 2026-10-20: "size balance is way off its too small the board"):
    it filled about half its column next to the 360px panel. Same scale as the preview, with the hand and the board to match. */
 .t-left .gt-table{max-width:min(100%,calc((100vh - 310px) * 1.75));aspect-ratio:1.75;margin:28px auto 40px}   /* and never taller than the screen */
 .t-left .gt-felt{inset:7% 7%}
 .t-left .gt-disc{width:72px;height:72px}
 .t-left .gt-disc b{font-size:16px}
 .t-left .gt-disc small{font-size:12px}
 .t-left .gt-card{width:50px;height:68px}
 .t-left .gt-card b{font-size:26px}
 .t-left .gt-card i{font-size:16px}
 .t-left .gt-card.big{width:60px;height:82px}
 .t-left .gt-card.big b{font-size:32px}
 .t-left .gt-card.big i{font-size:19px}
 /* The board as big as the room allows, like the hand replayer's (Shaun, 2026-10-23: "why is board still so small we
    have space ... didnt we fix that across all these black tables?") */
 .t-left .gt-board{gap:6px;padding:8px}
 .t-left .gt-table{container-type:inline-size}   /* the board sized by the table, so bets beside it stay clear (as hand-replayer.css) */
 .t-left .gt-board .gt-card{width:min(66px,9.4cqw);height:auto;aspect-ratio:66 / 90}
 .t-left .gt-table:is([data-n="4"],[data-n="6"]) .gt-board .gt-card{width:min(56px,5.6cqw)}
 .t-left .gt-bet,.t-left .gt-pot{font-size:15px}
 .t-settings{grid-area:card;align-self:end;align-items:stretch!important;gap:0!important;padding:22px 22px 6px;border:1px solid var(--muck-line);border-bottom:0;border-radius:var(--muck-radius-lg) var(--muck-radius-lg) 0 0;background:var(--muck-surface-1)}
 .t-set-head{display:block;margin:0 0 14px}
 .t-set-eyebrow{margin:0 0 4px;color:var(--muck-gold-muted);font:700 10px var(--muck-font);letter-spacing:.14em}
 .t-set-title{margin:0;font:750 22px/1.2 var(--muck-font);letter-spacing:-.4px;color:var(--muck-text)}
 .t-set-sub{margin:4px 0 0;color:var(--muck-text-3);font-size:13px}
 .t-settings .t-row{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--muck-line)}   /* .t-settings .t-row outranks .t-row: no !important needed */
 .t-settings .t-row .t-glabel{font-size:13px;color:var(--muck-text-2)}
 .t-start{grid-area:start;align-self:start;justify-content:space-between;margin:0!important;padding:16px 22px 22px;border:1px solid var(--muck-line);border-top:0;border-radius:0 0 var(--muck-radius-lg) var(--muck-radius-lg);background:var(--muck-surface-1)}
 .t-start .t-go{height:44px;padding:0 24px}
}
/* Laptops: the table leads (Shaun, 2026-10-23: "the table needs to be the main focus and we need to collapse side options
   a bit"): the settings card narrows with the window, each label over its options, and the column gap tightens */
@media(min-width:900px) and (max-width:1279px){
 .t-setup:not([hidden]){column-gap:28px}
 .t-settings .t-row{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 0}
 .t-settings .t-row .t-glabel{font-size:12px}
 .t-settings .t-seg .t-opt{padding:5px 9px;font-size:12px}
 /* in a hand too: a narrower panel, so the table gets the room */
 .t-play{grid-template-columns:minmax(0,1fr) clamp(270px,27vw,360px);gap:30px}
 .t-left .gt-card.sm{width:40px;height:55px}
 .t-panel{padding:18px}
}
/* The Daily Muck's scorecard links (Share on X, Keep practising) look like the buttons beside them */
.t-sum-row a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}