.checkers-game{gap:14px;display:grid}.checkers-status{min-height:30px;color:var(--muted);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:800;display:flex}.checkers-status strong{color:#7c3f3b;font-size:1rem}.checkers-stage{grid-template-columns:minmax(0,620px) minmax(220px,270px);align-items:start;gap:24px;display:grid}.checkers-play-area{justify-items:center;gap:12px;min-width:0;display:grid}.checkers-board{contain:layout paint;aspect-ratio:1;background:#f1e4ce;border:4px solid #332f2b;border-radius:5px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,600px);display:grid;overflow:hidden;box-shadow:0 16px 38px #20212426}.checkers-cell{cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#e7d9bf;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.checkers-cell.is-dark{cursor:pointer;background:#55756a}@media (hover:hover) and (pointer:fine){.checkers-cell.is-dark:hover{background:#66877b}}.checkers-cell:focus-visible{z-index:3;outline-offset:-4px;outline:4px solid #fff}.checkers-cell.is-last-from{box-shadow:inset 0 0 0 3px #ffffffad}.checkers-cell.is-last-to{box-shadow:inset 0 0 0 4px #f1bd4c}.checkers-cell.is-selected{z-index:2;box-shadow:inset 0 0 0 4px #f1bd4c}.checkers-cell.is-movable:after{content:"";border:2px solid #ffffff6b;border-radius:50%;position:absolute;inset:8%}.checkers-piece{z-index:1;aspect-ratio:1;color:#fff;border:3px solid #ffffff8c;border-radius:50%;place-items:center;width:72%;font-size:clamp(.7rem,2.3vw,1.2rem);font-weight:1000;animation:.24s ease-out checkers-piece-arrive;display:grid;position:relative;box-shadow:inset 0 -7px #00000029,0 4px 8px #0000003d}.checkers-piece.player-1{background:#d95d50}.checkers-piece.player-2{background:#263d48}.checkers-piece.is-king{border-color:#f2c14e;box-shadow:inset 0 -7px #00000026,inset 0 0 0 4px #f2c14e8c,0 4px 8px #0000003d}.checkers-destination{aspect-ratio:1;background:#f1bd4c;border-radius:50%;width:24%;box-shadow:0 0 0 7px #f1bd4c47}.checkers-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:15px;padding:16px;display:grid}.checkers-panel fieldset{border:0;gap:7px;margin:0;padding:0;display:grid}.checkers-panel legend,.checkers-select span{color:var(--muted);font-size:.76rem;font-weight:900}.checkers-segmented{background:#edf0ed;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.checkers-segmented button{min-height:39px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 6px;font-size:.75rem;font-weight:900}.checkers-segmented button[aria-pressed=true]{color:#202124;background:#fff;box-shadow:0 1px 4px #20212426}.checkers-select{gap:7px;display:grid}.checkers-select select{border:1px solid var(--line);min-height:42px;font:inherit;background:#fff;border-radius:6px;padding:0 10px;font-weight:800}.checkers-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.checkers-stats div{color:#fff;text-align:center;background:#263d48;border-radius:5px;gap:2px;padding:10px 3px;display:grid}.checkers-stats span{opacity:.72;font-size:.64rem}.checkers-actions,.checkers-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.checkers-mobile-actions{width:100%;display:none}.checkers-actions button,.checkers-mobile-actions button{width:100%;min-width:0}.checkers-loading{min-height:540px;color:var(--muted);place-items:center;font-weight:900;display:grid}@media (max-width:760px){.checkers-stage{grid-template-columns:1fr;gap:15px}.checkers-board{width:100%;max-width:600px}.checkers-mobile-actions{display:grid}.checkers-panel{box-shadow:none;background:0 0;border-width:1px 0 0;border-radius:0;padding:14px 0 0}.checkers-actions{display:none}.checkers-piece{border-width:2px;box-shadow:inset 0 -4px #00000029,0 2px 5px #00000038}}@keyframes checkers-piece-arrive{0%{opacity:.65;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.checkers-piece{animation:none}}