/* Spela luffarschack två tillsammans */
.tp-figure{margin:12px 0}
.tp-figure figcaption{font-size:14px;color:#535c70;margin-top:6px}
.tp-strip{display:flex;width:max-content;max-width:100%;border-left:1px solid #bcc7da;border-top:1px solid #bcc7da;background:#fff}
.tp-strip span{width:42px;height:42px;display:grid;place-items:center;border-right:1px solid #bcc7da;border-bottom:1px solid #bcc7da;font:900 24px/1 Nunito,sans-serif}
.tp-figure.good .tp-strip{box-shadow:0 0 0 3px #1f7a45}.tp-figure.bad .tp-strip{box-shadow:0 0 0 3px #b83a2a}
.tp-two-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 28px}
.tp-steps-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.tp-steps-cards li{padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;background:#f7f8fc}
.tp-steps-cards strong{display:block;margin-bottom:4px}
.tp-field{display:grid;gap:6px;font-weight:700;font-size:15px}
.tp-field input,.tp-field select{min-height:44px;padding:8px 10px;border:1px solid #aebcd0;border-radius:6px;background:#fff;font:400 16px Nunito,sans-serif;color:#171d33;min-width:0}
.tp-status,.tp-feedback,.tp-rules-summary,.tp-approved,.tp-winner,.tp-review-pos{min-height:26px;font-weight:700;color:#302584}
/* Guide: wizard */
.guide-content .tp-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0;counter-reset:tp}
.tp-steps li{counter-increment:tp;padding:6px 12px 6px 6px;border-radius:999px;background:#e8edf7;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.tp-steps li::before{content:counter(tp);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#171d33}
.tp-steps li.current{background:#171d33;color:#fff}.tp-steps li.done::before{content:'✓';background:#1f7a45;color:#fff}
.tp-step{border:0;padding:0;margin:0;display:grid;gap:10px}
.tp-step legend,.tp-step h4{font-weight:800;font-size:18px;margin:0 0 8px;padding:0}
fieldset.tp-step[data-step="2"]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.tp-option{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;cursor:pointer;min-height:44px}
.tp-option input{width:20px;height:20px;margin-top:2px;flex:none}
.tp-option strong{display:block}
.tp-option:has(input:checked){border-color:#254bff;box-shadow:inset 0 0 0 1px #254bff}
.tp-option.is-off{cursor:not-allowed;background:#f1f3f8;color:#4c5569}
.tp-soon{font-style:normal;font-size:13px;font-weight:800;padding:2px 8px;border-radius:999px;background:#fde2de;color:#9b2b1d}
.tp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:0}
.tp-summary div{padding:10px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px}
.tp-summary dt{font-size:13px;color:#4c5569}.tp-summary dd{margin:2px 0 0;font-weight:800}
.tp-note{font-size:14px;color:#4c5569}
.tp-confirm{display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0}
.tp-confirm label{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700}
.tp-confirm input{width:22px;height:22px}
.learning-widget .tp-start.is-locked{opacity:.55;cursor:not-allowed}
/* Soffläge */
.tp-couch-options{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.learning-widget .tp-kids{margin-top:0}
.learning-widget .tp-kids[aria-pressed=true]{background:#edff66;border-color:#555500}
.tp-turnbar{margin:14px 0 8px;padding:12px 16px;border-radius:10px;font-weight:900;font-size:18px;color:#fff;transition:background-color .2s}
.tp-turnbar.turn-x{background:#254bff}.tp-turnbar.turn-o{background:#b83a2a}
.tp-couch-layout{display:grid;grid-template-columns:1fr minmax(0,420px) 1fr;gap:16px;align-items:center}
.tp-side{display:grid;justify-items:center;gap:4px;font-weight:800;text-align:center;overflow-wrap:anywhere}
.tp-side span{font:900 40px/1 Nunito,sans-serif}
.tp-board{display:grid;width:100%;aspect-ratio:1;border-left:1px solid #aebcd0;border-top:1px solid #aebcd0;background:#fff;touch-action:manipulation}
.tp-board.tp-n9{grid-template-columns:repeat(9,1fr)}.tp-board.tp-n7{grid-template-columns:repeat(7,1fr)}
.tp-cell{border:0;border-right:1px solid #aebcd0;border-bottom:1px solid #aebcd0;background:transparent;padding:0;display:grid;place-items:center;font:900 clamp(16px,4.5vw,26px)/1 Nunito,sans-serif;min-width:0;aspect-ratio:1}
button.tp-cell{cursor:pointer}.learning-widget button.tp-cell:disabled{cursor:default;opacity:1}
button.tp-cell:not(:disabled):hover{background:#f0f2fc}
.tp-kid .tp-cell{font-size:clamp(26px,8vw,40px)}
.tp-cell.tp-last{box-shadow:inset 0 0 0 3px #171d33}
.tp-cell.tp-win{background:#d6eddb}
.tp-cell.tp-hinted{background:#f6f9c2;box-shadow:inset 0 0 0 3px #555500}
.tp-cell.tp-key{background:#f6f9c2;box-shadow:inset 0 0 0 3px #555500}
/* Serietavla */
.tp-score-setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.tp-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px}
.tp-total{display:grid;gap:2px;padding:14px;border-radius:12px;background:#fff;border:1px solid #cbd5e1;overflow-wrap:anywhere}
.tp-big{font:900 36px/1 Nunito,sans-serif}
.tp-total small{color:#4c5569}
.tp-record{display:flex;flex-wrap:wrap;gap:10px}
.learning-widget .tp-record .button{margin-top:0}
.guide-content .tp-tiles{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.tp-tiles li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;border-left-width:5px;overflow-wrap:anywhere}
.tp-tiles span{font-size:13px;color:#4c5569}.tp-tiles b{font-size:17px}.tp-tiles small{font-size:13px}
.tp-tiles .won-x{border-left-color:#254bff}.tp-tiles .won-o{border-left-color:#b83a2a}.tp-tiles .draw{border-left-color:#6b7385;border-left-style:dashed}.tp-tiles .live{border-left-color:#555500;background:#fbfde0}
.tp-example{max-width:600px}
.tp-next{font-weight:700}
/* Husregelskort */
.tp-rule-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.tp-rule-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.tp-rule-card h4{margin:0;font-size:17px}.tp-rule-card p{margin:0;font-size:15px;flex:1}
.tp-rule-card.is-on{border-color:#254bff;box-shadow:inset 0 0 0 1px #254bff}
.tp-switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;border:0;background:none;font:800 15px Nunito,sans-serif;color:#171d33;cursor:pointer;align-self:flex-start}
.tp-switch-track{width:46px;height:26px;border-radius:13px;background:#8a93a6;position:relative;transition:background-color .2s}
.tp-switch-track::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.tp-switch[aria-pressed=true] .tp-switch-track{background:#254bff}
.tp-switch[aria-pressed=true] .tp-switch-track::after{transform:translateX(20px)}
/* Handikapp */
.guide-content .tp-hc-table{width:100%;border-collapse:collapse;margin:14px 0;background:#fff;table-layout:fixed;min-width:0}
.tp-hc-table th,.tp-hc-table td,.tp-hc-table caption{overflow-wrap:anywhere;hyphens:auto}
.tp-hc-table caption{text-align:left;font-weight:800;margin-bottom:6px}
.tp-hc-table th,.tp-hc-table td{border:1px solid #cbd5e1;padding:8px 10px;text-align:left}
.tp-handicap.is-approved .tp-approved{color:#155c34}
/* Eftermatchssamtal */
.tp-questions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}
.tp-question{min-height:52px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;font:700 16px/1.3 Nunito,sans-serif;text-align:left;cursor:pointer;color:#171d33}
.tp-question[aria-pressed=true]{background:#171d33;color:#fff;border-color:#171d33}
.tp-review-layout{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:20px;align-items:start}
.tp-review-board{grid-template-columns:repeat(9,1fr)}
.tp-moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px 10px;padding-left:28px;margin:8px 0;font-size:14px;font-variant-numeric:tabular-nums}
.tp-moves .future{color:#4c5569}
.tp-moves [aria-current]{font-weight:900;background:#f6f9c2}
.tp-analysis-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:700;margin-top:12px}
.tp-analysis-toggle input{width:22px;height:22px}
.tp-analysis-off{color:#4c5569;font-size:15px}
.tp-analysis-text{padding:12px 14px;border-radius:10px;background:#fff;border-left:4px solid #254bff}
@media(max-width:700px){.tp-couch-options{grid-template-columns:1fr 1fr}.tp-couch-options .tp-kids{grid-column:1/-1}.tp-couch-layout{grid-template-columns:1fr 1fr}.tp-couch-layout .tp-board{grid-column:1/-1;grid-row:2}.tp-side{grid-auto-flow:column;align-items:center;justify-content:center}.tp-side span{font-size:26px}.tp-review-layout{grid-template-columns:1fr}.tp-totals{grid-template-columns:1fr 1fr}.tp-big{font-size:28px}}
@media(prefers-reduced-motion:reduce){.tp-turnbar,.tp-switch-track,.tp-switch-track::after{transition:none}}