.hh-game--checkers{--dmb-light:color-mix(in srgb, var(--tone-clay) 12%, var(--card));--dmb-dark:color-mix(in srgb, var(--tone-clay) 72%, var(--card))}.dmp{width:100%;height:100%;display:block;overflow:visible}.dmp .dmp-side,.dmp .dmp-top,.dmp .dmp-ring{stroke:var(--ink);stroke-width:1.3px}.dmp-w .dmp-top{fill:var(--card)}.dmp-w .dmp-side{fill:color-mix(in srgb, var(--line-strong) 55%, var(--card))}.dmp-w .dmp-ring{fill:none;stroke:color-mix(in srgb, var(--ink) 30%, var(--card));stroke-width:1.1px}.dmp-b .dmp-top{fill:color-mix(in srgb, var(--ink) 88%, var(--card))}.dmp-b .dmp-side{fill:var(--ink)}.dmp-b .dmp-ring{fill:none;stroke:color-mix(in srgb, var(--card) 45%, var(--ink));stroke-width:1.1px}.dmp .dmp-crown{fill:var(--hop);stroke:var(--ink);stroke-width:22px}.dm-setup{gap:var(--s4);width:min(520px,100%);padding:var(--s3) 0 var(--s4);display:grid}.dm-setup__title{text-align:center;margin:0}.dm-setup__card{gap:var(--s3);padding:var(--s3);border:2px solid var(--line);border-radius:var(--r-tile);display:grid}.dm-setup__card>.hh-btn{width:100%}.dm-setup__field{gap:var(--s2);justify-items:start;display:grid}.dm-setup__label{font-weight:700}.dm-levels button{min-width:48px;padding:0 var(--s3);font-size:var(--fs-md)}.dm-note{color:var(--ink);font-size:var(--fs-base);margin:0}.dm-level-desc{min-height:3em}.dm{--board:min(100%, 560px, max(280px, calc(100dvh - 250px)));gap:var(--s3);place-items:start center;width:100%;display:grid}.dm-main{width:var(--board);gap:var(--s1);display:grid}.dmb{aspect-ratio:1;-webkit-user-select:none;user-select:none;border:2px solid var(--ink);border-radius:var(--r-field);box-sizing:border-box;width:100%;position:relative;overflow:hidden;container-type:inline-size}.dmb-cells,.dmb-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.dmb-cell{background:var(--dmb-light);position:relative}.dmb-cell.is-dark{background:var(--dmb-dark)}.dmb-cell:before{content:"";position:absolute;inset:0}.dmb-cell.is-last:before{background:color-mix(in srgb, var(--hop) 45%, transparent)}.dmb-cell.is-selected:before{background:color-mix(in srgb, var(--hop) 80%, transparent)}.dmb-cell.is-step:before{background:color-mix(in srgb, var(--hop) 55%, transparent)}.dmb-cell.is-hint:before{background:color-mix(in srgb, var(--card) 35%, transparent);box-shadow:inset 0 0 0 4px var(--tone-sky)}.dmb-coord{color:var(--ink);pointer-events:none;font-size:clamp(13px,3cqw,16px);font-weight:800;line-height:1;position:absolute}.dmb-coord--rank{top:3px;left:3px}.dmb-coord--file{bottom:2px;right:3px}.dmb-pieces{pointer-events:none;z-index:1;position:absolute;inset:0}.dmb-piece{box-sizing:border-box;width:12.5%;height:12.5%;transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));transition:transform .18s var(--ease);padding:.3%;position:absolute;top:0;left:0}.dmb-piece.is-moving{z-index:3}.dmb-piece.is-dragging{z-index:5;transition:none;scale:1.12}.dmb-pieces.is-instant .dmb-piece{transition:none}.dmb-piece.is-doomed{opacity:.55}.dmb-piece.is-taken{opacity:0;transition:opacity .18s}.dmb-piece.is-shake{animation:.26s dmb-shake}@keyframes dmb-shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}.dmb-paths{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dmb-path{fill:none;stroke:var(--ink);stroke-width:.07px;stroke-dasharray:.16 .12;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.dmb-path.is-hint{stroke:var(--tone-sky);stroke-width:.1px;stroke-dasharray:none;opacity:1}.dmb-grid{z-index:3}.dmb-sq{cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.dmb-sq.is-mine{cursor:pointer;touch-action:none}.dmb-sq.is-target,.dmb-sq.is-via{cursor:pointer}.dmb-sq:focus-visible{box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 7px var(--go);z-index:1;outline:none}.dmb-sq:after{content:"";pointer-events:none;position:absolute}.dmb-sq.is-target:after{background:var(--ink);opacity:.6;border-radius:50%;width:34%;height:34%;top:50%;left:50%;translate:-50% -50%}.dmb-sq.is-via:after{border:3px solid var(--ink);opacity:.7;border-radius:50%;width:22%;height:22%;top:50%;left:50%;translate:-50% -50%}.dmb-sq.is-must:after{border:max(3px, .8cqw) solid var(--hop);box-shadow:0 0 0 2px var(--ink);border-radius:50%;inset:5%}.dmb-sq.is-victim:after{border:max(3px, .7cqw) dashed var(--bad);border-radius:50%;inset:6%}.dm-player{align-items:center;gap:var(--s2);min-height:48px;padding:2px var(--s2);border-radius:var(--r-btn);border:2px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.dm-player.is-turn{border-color:var(--ink);background:var(--paper)}.dm-player.is-winner{border-color:var(--go);background:var(--go-soft)}.dm-player__icon{place-items:center;width:36px;height:36px;display:grid}.dm-player__icon .dmp{width:34px;height:34px}.dm-player__who{min-width:0;line-height:1.2;display:grid}.dm-player__name{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-player__detail{font-size:var(--fs-base);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-player__count{font-weight:700;font-size:var(--fs-base);white-space:nowrap}.dm-panel{gap:var(--s3);align-content:start;width:min(100%,560px);display:grid}.dm-turn{align-items:center;gap:var(--s1) var(--s3);padding:var(--s3);border-radius:var(--r-tile);background:var(--paper);border:2px solid var(--ink);grid-template-columns:auto minmax(0,1fr);display:grid}.dm-turn.is-mine{background:color-mix(in srgb, var(--hop) 22%, var(--card))}.dm-turn__icon{grid-row:span 2;width:40px;height:40px}.dm-turn__text{min-width:0;line-height:1.25;display:grid}.dm-turn__label{font-size:var(--fs-base);font-weight:700}.dm-turn__name{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-turn__msg{min-height:4.35em;font-weight:600;line-height:1.45;font-size:var(--fs-base);grid-column:2;margin:0}.dm-spinner{width:1em;height:1em;margin-right:var(--s2);vertical-align:-.15em;border:3px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;animation:.8s linear infinite dm-spin;display:inline-block}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-result{gap:var(--s3);display:grid}.dm-result[hidden]{display:none}.dm-result__title{align-items:center;gap:var(--s2);font-size:var(--fs-xl);margin:0;font-weight:800;display:flex}.dm-result__actions{gap:var(--s3);flex-wrap:wrap;display:flex}.dm-result__actions .hh-btn--primary{flex:200px}.dm-moves{gap:var(--s1);display:grid}.dm-moves__title{font-size:var(--fs-base);margin:0}.dm-moves__list{padding:var(--s1) var(--s2);border:2px solid var(--line);border-radius:var(--r-btn);height:calc(6.4em + 8px);font-size:var(--fs-base);align-content:start;column-gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(11em,1fr));margin:0;line-height:1.6;list-style:none;display:grid;overflow-y:auto}.dm-moves__list li{white-space:nowrap;grid-template-columns:2.4em 1fr 1fr;display:grid}.dm-moves__empty{color:var(--ink-2);grid-column:1/-1;display:block!important}.dm-moves__n{color:var(--ink-2)}.dm-moves__m.is-last{font-weight:800}.dm-tools{gap:var(--s2);flex-wrap:wrap;display:flex}.dm-tools .hh-btn[aria-disabled=true]{opacity:.55}.dm-keys{font-size:var(--fs-base);color:var(--ink-2);margin:0}@media (pointer:coarse){.dm-keys{display:none}}.hh-game--checkers .hh-game__bar .hh-btn[aria-disabled=true]{opacity:.45}.dm-online{gap:var(--s3);display:grid}.dm-online__stage{place-items:center;min-height:300px;display:grid}.dm-online__wait{margin:0;font-weight:700}.dm-online__note{font-size:var(--fs-base);margin:0;font-weight:600}@media (width>=900px){.dm{--board:min(620px, max(320px, calc(100dvh - 210px)), calc(100vw - 500px));justify-content:center;gap:var(--s5);grid-template-columns:auto minmax(280px,340px)}.dm-moves__list{grid-template-columns:1fr;height:calc(12.8em + 8px)}}@media (orientation:landscape) and (height<=560px){.hh-game--checkers .hh-game__stage{place-items:start center}.dm{--board:max(280px, min(calc(100dvh - 16px), calc(100vw - 420px), 560px));grid-template-columns:var(--board) minmax(220px, 340px);justify-content:center;gap:var(--s2) var(--s4);grid-template-rows:auto auto 1fr;justify-items:stretch}.dm-main{display:contents}.dm-main>.dmb{width:var(--board);grid-area:1/1/span 3}.dm-main>.dm-player{grid-column:2}.dm-panel{gap:var(--s2);grid-area:3/2;width:100%}.dm-turn{padding:var(--s2) var(--s3)}.dm-turn__msg{min-height:2.9em}.dm-moves__list{grid-template-columns:1fr;height:calc(4.8em + 8px)}}@media (width<=420px){.dm-turn{padding:var(--s2) var(--s3)}.dm-turn__icon{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.dmb-piece{transition:none}.dmb-piece.is-shake{animation:none}.dm-spinner{animation-duration:2.4s}}