html[data-game=minicheckers]{--game-accent-h: 0;--game-accent-s: 80%;--game-accent-l: 50%}.checkers-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-4);max-width:560px;margin:0 auto;width:100%}.checkers-intro{width:100%;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.checkers-intro h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em;color:var(--color-text-primary)}.checkers-intro>p{color:var(--color-text-secondary);max-width:32ch;line-height:1.6}.checkers-mode-select{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;margin-top:var(--space-2)}.checkers-status-bar{display:flex;width:100%;gap:var(--space-3);align-items:center}.checkers-status-card{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-xl);text-align:center;transition:border-color var(--duration-fast) ease}.checkers-status-card[data-active]{border-color:var(--game-accent);box-shadow:0 0 0 2px var(--game-accent-glow)}.checkers-status-card p{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.checkers-status-card strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;color:var(--color-text-primary)}.checkers-status-card[data-active] strong{color:var(--game-accent)}.checkers-turn{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);text-align:center;padding:var(--space-1) var(--space-3)}.checkers-board-wrap{width:100%;display:flex;align-items:center;justify-content:center}.checkers-board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);width:min(90vw,420px);aspect-ratio:1;background-color:var(--color-surface-sunken);border:4px solid var(--color-surface-overlay);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 32px #0006;touch-action:none}.checkers-square{display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.checkers-square.light{background-color:#f5f3ef;cursor:default}.checkers-square.dark{background-color:#3d322d}.checkers-square.selected{box-shadow:inset 0 0 0 3.5px var(--game-accent);background-color:#e6191940!important}.checkers-square.last-move{background-color:#e619191f!important}@keyframes legal-move-pulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.25);opacity:1;box-shadow:0 0 8px #34d39999}to{transform:scale(1);opacity:.85}}.checkers-square.legal-move:after{content:"";width:12px;height:12px;background-color:#34d399e6;border-radius:50%;position:absolute;z-index:5;pointer-events:none;animation:legal-move-pulse 1.4s infinite ease-in-out}.checkers-piece{width:76%;height:76%;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:3;box-shadow:0 3px 6px #00000059,inset 0 2px 4px #ffffff26;border:1.5px solid rgba(0,0,0,.4);transition:transform var(--duration-fast) ease,opacity var(--duration-fast) ease;position:relative}.checkers-piece:after{content:"";position:absolute;width:66%;height:66%;border-radius:50%;border:1.5px solid rgba(255,255,255,.1);pointer-events:none}.checkers-piece.white,.checkers-piece.w{background:radial-gradient(circle at 35% 35%,#fff,#dcd8d0 70%,#b8b2a5);color:#1a1a1a;border:1.5px solid rgba(0,0,0,.25);box-shadow:0 3px 6px #00000059,inset 0 2px 4px #fff6}.checkers-piece.white:after,.checkers-piece.w:after{border-color:#00000014;box-shadow:inset 0 0 4px #0000000d}.checkers-piece.black,.checkers-piece.b{background:radial-gradient(circle at 35% 35%,#6e6e6e,#2e2e2e 60%,#151515);color:#fff;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 3px 6px #000000a6,inset 0 2px 4px #ffffff26}.checkers-piece.black:after,.checkers-piece.b:after{border-color:#ffffff26;box-shadow:inset 0 0 5px #000000bf}.checkers-piece[data-draggable=true]{cursor:pointer}.checkers-piece[data-draggable=true]:hover{transform:scale(1.05)}.checkers-piece.king:before{content:"👑";font-size:min(4vw,18px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}@keyframes must-move-pulse{0%{box-shadow:0 0 0 2px #f59e0bd9,0 3px 6px #00000059}50%{box-shadow:0 0 0 5px #f59e0b40,0 0 10px #f59e0bd9,0 4px 10px #00000073}to{box-shadow:0 0 0 2px #f59e0bd9,0 3px 6px #00000059}}.checkers-piece.must-move{animation:must-move-pulse 1.4s infinite ease-in-out;border-color:#f59e0b!important}.checkers-turn-banner{width:100%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--game-accent-subtle);border:1px solid var(--game-accent);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--game-accent);text-align:center}.checkers-turn-banner.alert{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}body{overflow:hidden;position:fixed;width:100%;height:100%}@media (prefers-reduced-motion: reduce){.checkers-piece{transition:none}}