/* Dubbelhot i luffarschack */
.guide-content a,.guide-content a:hover,.guide-content p a:not(.button),.guide-content li a:not(.button){text-decoration:none}
.dt-figure{margin:16px 0;max-width:100%}
.dt-figure figcaption{font-size:14px;color:#535c70;margin-top:8px}
.dt-rows{display:flex;flex-wrap:wrap;gap:4px 28px}
.dt-strip{display:flex;width:max-content;max-width:100%;border-left:1px solid #bcc7da;border-top:1px solid #bcc7da;background:#fff}
.dt-cell{width:44px;height:44px;flex:none;display:grid;place-items:center;border-right:1px solid #bcc7da;border-bottom:1px solid #bcc7da;font:900 24px/1 Nunito,sans-serif}
.dt-cell.dt-empty::before{content:'';width:6px;height:6px;border-radius:50%;background:#8a94aa}
.dt-intro{margin-top:4px}
.dt-mount{display:flex;flex-direction:column;gap:12px}
.dt-tabs,.dt-controls{display:flex;flex-wrap:wrap;gap:8px}
.learning-widget .dt-tabs .button,.learning-widget .dt-controls .button{min-height:44px;font-size:14px;padding:10px 14px}
.learning-widget .button[aria-pressed=true]{background:#171d33;color:#fff;border-color:#171d33}
.dt-board-host{width:100%;max-width:470px}
.dt-board{display:grid;grid-template-columns:22px repeat(11,minmax(0,1fr));gap:0;width:100%;background:#fff;border:1px solid #aebcd0;border-radius:6px;padding:4px;user-select:none;touch-action:manipulation}
.dt-corner,.dt-axis{display:grid;place-items:center;font-size:11px;font-weight:700;color:#535c70;min-height:18px}
.dt-pt{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;border:0;padding:0;margin:0;background:transparent;font:900 clamp(15px,3.6vw,24px)/1 Nunito,sans-serif;color:inherit}
.dt-pt::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c9d2e3}
.dt-pt::after{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#c9d2e3}
.dt-stone,.dt-letter,.dt-badge{position:relative;z-index:1}
.dt-stone{display:grid;place-items:center;width:84%;height:84%;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #d9dfeb}
.dt-pt.mark-x .dt-stone{color:#373078}.dt-pt.mark-o .dt-stone{color:#c74032}
.dt-can{cursor:pointer}
.dt-can:hover{background:#eef2ff}
.dt-can:focus-visible{outline:3px solid #254bff;outline-offset:-2px;z-index:2}
.dt-letter{display:grid;place-items:center;width:78%;height:78%;border-radius:50%;background:#fff6c7;box-shadow:inset 0 0 0 2px #6b5d00;color:#3b3300;font-size:clamp(12px,3vw,17px)}
.dt-last .dt-stone{box-shadow:0 0 0 3px #171d33}
.dt-pending{background:#fff6c7;box-shadow:inset 0 0 0 3px #171d33}
.dt-l1{background:#e3f4e8;box-shadow:inset 0 0 0 2px #1f7a45}
.dt-l2{background:#fff0de;box-shadow:inset 0 0 0 2px #b85a00;outline:2px dashed #b85a00;outline-offset:-5px}
.dt-dir-h{box-shadow:inset 0 -4px 0 #254bff}
.dt-dir-v{outline:2px dashed #b85a00;outline-offset:-4px}
.dt-dir-d{background-image:radial-gradient(#7a3fc2 1.5px,transparent 1.6px);background-size:7px 7px}
.dt-dir-a{border:4px double #1f7a45}
.dt-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 3px;border-radius:9px;display:grid;place-items:center;font:800 11px/1 Nunito,sans-serif;color:#fff;z-index:3}
.dt-m1{background:#1f7a45}
.dt-m2{background:#9a4a00}
.dt-win{background:#fff;color:#155c34;box-shadow:inset 0 0 0 2px #1f7a45}
.dt-cross{background:#b83a2a}
.dt-shield{background:#fff;border-radius:3px;box-shadow:inset 0 0 0 2px #254bff;min-width:19px;height:19px;padding:2px}
.dt-shield svg{width:13px;height:13px;fill:#254bff}
.dt-status{min-height:28px;font-weight:700;color:#302584;margin:0}
.dt-step,.dt-facts,.dt-score{margin:0;font-size:15px}
.dt-score{font-weight:800}
.dt-task-title{margin:4px 0 0;font-size:19px}
.dt-task{margin:0}
.dt-counts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:15px}
.dt-counts dt{font-weight:700}.dt-counts dd{margin:0}
.dt-legend,.dt-dir-legend{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.guide-content .dt-legend li,.guide-content .dt-dir-legend li{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.4}
.dt-mark{position:static;display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;font:800 12px/1 Nunito,sans-serif;color:#fff}
.dt-mark.dt-m1{background:#1f7a45}.dt-mark.dt-m2{background:#9a4a00}.dt-mark.dt-cross{background:#b83a2a}.dt-mark.dt-win{background:#fff;color:#155c34;box-shadow:inset 0 0 0 2px #1f7a45}
.dt-mark.dt-shield{background:#fff;border-radius:4px;box-shadow:inset 0 0 0 2px #254bff}.dt-mark.dt-shield svg{width:14px;height:14px;fill:#254bff}
.dt-swatch{display:inline-block;width:30px;height:18px;flex:none}
.dt-swatch.dt-dir-h{box-shadow:inset 0 -4px 0 #254bff}
.dt-swatch.dt-dir-v{outline:2px dashed #b85a00;outline-offset:-4px}
.dt-swatch.dt-dir-a{border:4px double #1f7a45}
@media(prefers-reduced-motion:no-preference){.dt-pending{animation:dt-pulse 1.2s ease-in-out infinite}}
@keyframes dt-pulse{50%{background:#ffe98a}}
@media(max-width:700px){
 .dt-board-host{max-width:none}
 .dt-controls{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;-webkit-overflow-scrolling:touch}
 .dt-controls .button{flex:none;scroll-snap-align:start;white-space:nowrap}
 .dt-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
 .dt-tabs .button{flex:none;white-space:nowrap}
 .dt-cell{width:clamp(30px,10vw,44px);height:clamp(30px,10vw,44px);font-size:20px}
 .dt-board{grid-template-columns:18px repeat(11,minmax(0,1fr));padding:2px}
 .dt-badge{min-width:14px;height:14px;font-size:9px;top:-2px;right:-2px}
 .dt-shield{min-width:16px;height:16px}
 .dt-shield svg{width:11px;height:11px}
 .dt-counts{display:block}
 .dt-counts dd{margin:0 0 8px}
}