.draughts-board-frame{background:linear-gradient(135deg,#ffffff2b,#0000 24%),repeating-linear-gradient(8deg,#0000 0 28px,#ffe6b206 29px 30px),linear-gradient(145deg,#62442f,#2e211a 58%,#4d3426);border:1px solid #301d12d6;border-radius:14px;width:100%;max-width:920px;padding:clamp(9px,1.3vw,15px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f4cc872b,inset 0 0 24px #0000004d}.draughts-board-frame:before{content:"";pointer-events:none;border:1px solid #ddb36957;border-radius:10px;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #00000047}.draughts-board{z-index:1;aspect-ratio:1;background:#e6d0a5;border:2px solid #271d17;border-radius:5px;grid-auto-rows:1fr;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f0cf9154,inset 0 0 32px #2c1e131a}.draughts-square{cursor:default;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.draughts-square.light{background:radial-gradient(circle at 23% 17%,#ffffff52,#0000 45%),linear-gradient(145deg,#ead8b6,#dcc197)}.draughts-square.dark{background:radial-gradient(circle at 22% 16%,#ffffff0e,#0000 45%),linear-gradient(145deg,#557267,#344f46);box-shadow:inset 1px 1px #ffffff09}.draughts-square.source:not(:disabled),.draughts-square.target:not(:disabled){cursor:pointer}.draughts-square.source:not(:disabled):hover,.draughts-square.target:not(:disabled):hover,.draughts-square.selected{box-shadow:inset 0 0 0 4px #f2ca647a}.draughts-square.last-path:after{content:"";z-index:1;pointer-events:none;border:1px solid #f2c75e8f;border-radius:8px;position:absolute;inset:7%}.draughts-target{z-index:4;aspect-ratio:1;background:#f4cc69a6;border:1px solid #ffefb9d6;border-radius:50%;width:22%;transition:transform .14s,background .14s;position:relative;box-shadow:0 0 0 5px #f7da8f1a,0 2px 5px #0000003d}.draughts-square.target:not(:disabled):hover .draughts-target{background:#f3cf70;transform:scale(1.35)}.draughts-piece{z-index:3;aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:76%;animation:.19s cubic-bezier(.2,.8,.2,1) draughts-place;display:grid;position:absolute}.draughts-piece:before,.draughts-piece:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.draughts-piece:before{opacity:.34;border:clamp(1px,.18vw,2px) solid;inset:11%;box-shadow:inset 0 0 0 clamp(2px,.3vw,4px) #ffffff0e}.draughts-piece:after{background:radial-gradient(#ffffff6b,#0000 70%);width:45%;height:24%;top:12%;left:18%;transform:rotate(-22deg)}.draughts-board-frame[data-variant=english] .draughts-piece.first,.draughts-mini-piece[data-variant=english].first{color:#551b17;background:radial-gradient(circle at 34% 27%,#e76a58 0,#a83229 41%,#711b17 76%,#47110f 100%);border:1px solid #5f1914;box-shadow:0 6px 9px #1a0e0b6b,inset -4px -6px 7px #3507056b,inset 2px 2px 3px #ffe2cb42}.draughts-board-frame[data-variant=english] .draughts-piece.second,.draughts-mini-piece[data-variant=english].second,.draughts-board-frame[data-variant=international] .draughts-piece.first,.draughts-mini-piece[data-variant=international].first{color:#9b835d;background:radial-gradient(circle at 34% 27%,#fffdf5 0,#f0e4cd 45%,#ccb991 78%,#a58f69 100%);border:1px solid #51422b80;box-shadow:0 6px 9px #1e241d4f,inset -4px -6px 7px #5a48282e,inset 2px 2px 4px #ffffffeb}.draughts-board-frame[data-variant=international] .draughts-piece.second,.draughts-mini-piece[data-variant=international].second{color:#050605;background:radial-gradient(circle at 34% 27%,#666964 0,#292c29 31%,#101210 68%,#030403 100%);border:1px solid #000000eb;box-shadow:0 6px 9px #0006,inset -4px -6px 7px #00000085,inset 2px 2px 3px #ffffff24}.draughts-piece.king:before{opacity:.72;border-width:3px;inset:8%;box-shadow:inset 0 0 0 3px #ffffff1f}.draughts-piece.king i{z-index:2;color:#f9d573f0;text-shadow:0 1px 2px #0000008c;font-family:Georgia,serif;font-size:clamp(11px,2.1vw,25px);font-style:normal;line-height:1;position:relative}.draughts-board-frame[data-variant=international] .draughts-piece.first.king i,.draughts-board-frame[data-variant=english] .draughts-piece.second.king i{color:#886c33;text-shadow:0 1px #fffc}@keyframes draughts-place{0%{opacity:0;transform:translateY(-16%)scale(.78)}}.draughts-mini-piece{vertical-align:middle;border-radius:50%;flex:0 0 16px;width:16px;height:16px;display:inline-block;position:relative}.draughts-scorebar{background:#ffffff73;border:1px solid #30322b1f;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin:0 0 5px;padding:8px 10px;display:grid}.draughts-rule-note{color:var(--ink-soft);text-align:center;margin:0 0 12px;font-size:10px;line-height:1.35}.draughts-scorebar span{min-width:0;color:var(--ink-soft);white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.draughts-scorebar span:last-child{justify-content:flex-end}.draughts-scorebar strong{color:var(--ink);font-family:var(--font-app-mono), monospace;font-size:14px}.draughts-scorebar small{color:var(--ink-soft);font-size:7px}.draughts-scorebar em{text-align:center;max-width:126px;color:var(--red-dark);text-overflow:ellipsis;white-space:nowrap;justify-self:center;font-size:8px;font-style:normal;font-weight:650;overflow:hidden}.draughts-search-readout p{text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}@media (width>=851px),(width>=812px) and (height<=500px){.draughts-board-frame{width:var(--fitted-board-size);margin-inline:auto}}@media (width<=600px){.draughts-board-frame{border-radius:10px;padding:7px}}@media (width<=850px){.draughts-board-frame{width:min(100%, var(--board-fit-height));margin-inline:auto}}