#checkers-app{margin:12px 0 0}.ck-game{--ck-light-sq:#efe0bf;--ck-dark-sq:#3f7650;--ck-dark-sq-deep:#2f5f3f;--ck-dark-piece:#2a221c;--ck-dark-rim:#d8b257;--ck-light-piece:#f8f0dd;--ck-light-rim:#6b4a28;--ck-light-ring:#9b7444;--ck-crown:#e8b931;--ck-crown-edge:#3d2412;--ck-trail:#ffd23f;--ck-hint:#ff9e00;gap:12px;min-width:0;display:grid}.ck-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.ck-info{flex-wrap:wrap;gap:2px 16px;font-size:1.1rem;display:flex}.ck-level{font-weight:700}.ck-note{border-left:6px solid var(--gingham);background:var(--surface-2);padding:4px 12px;font-weight:700}.ck-quiet{color:var(--muted)}.ck-big-name{font-family:var(--font-display);font-size:var(--text-xl);align-items:center;gap:10px;font-weight:700;line-height:1.1;display:flex;margin:0 0 4px!important}.ck-big-name .ck-mini{width:40px;height:40px}.ck-table{justify-items:center;gap:10px;min-width:0;padding:12px;display:grid}.ck-seats{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.ck-seat{background:#0000004d;border:3px solid #fff6;border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:4px 14px 4px 6px;font-size:1.1rem;display:flex}.ck-seat.is-turn{border-color:var(--highlight);background:#0000008c}.ck-seat-name{font-weight:700}.ck-seat-count{font-variant-numeric:tabular-nums}.ck-mini{flex:none;width:34px;height:34px}.ck-badge{background:var(--highlight);color:#221d16;white-space:nowrap;border-radius:999px;padding:0 10px;font-size:.95rem;font-weight:800;display:inline-block}.ck-board-wrap{justify-content:center;width:100%;display:flex}.ck-board{aspect-ratio:1;border:6px solid var(--wood-dark);width:min(100%,640px);box-shadow:0 0 0 2px var(--brass), var(--shadow-md);background:var(--ck-light-sq);border-radius:6px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:relative}.ck-sq{min-width:0;min-height:0;font:inherit;border:0;margin:0;padding:0;display:block;position:relative}.is-light-sq{background:var(--ck-light-sq)}.is-dark-sq{background:radial-gradient(circle at 50% 40%, var(--ck-dark-sq), var(--ck-dark-sq-deep));cursor:pointer;-webkit-tap-highlight-color:transparent}.is-dark-sq:focus-visible{outline:4px solid var(--focus);outline-offset:-4px;z-index:2}.is-dark-sq.is-last{background:radial-gradient(circle,#6f8f3a,#4f7a33)}.ck-piece{pointer-events:none;width:88%;height:88%;position:absolute;inset:6%}.ck-piece.ck-mini{width:34px;height:34px;position:static;inset:auto}.ck-big-name .ck-piece.ck-mini{width:40px;height:40px}.ck-shadow{fill:#00000059}.ck-piece.is-dark .ck-disc{fill:var(--ck-dark-piece);stroke:var(--ck-dark-rim);stroke-width:4px}.ck-piece.is-dark .ck-bevel{fill:none;stroke:#ffffff24;stroke-width:2px}.ck-piece.is-light .ck-disc{fill:var(--ck-light-piece);stroke:var(--ck-light-rim);stroke-width:4px}.ck-piece.is-light .ck-ring{fill:none;stroke:var(--ck-light-ring);stroke-width:4px}.ck-crown path,.ck-crown rect{fill:var(--ck-crown);stroke:var(--ck-crown-edge);stroke-width:3.5px;stroke-linejoin:round}.is-dark-sq.is-movable:after{content:"";border:4px dashed var(--highlight);pointer-events:none;border-radius:50%;position:absolute;inset:3px}.is-dark-sq.is-picked{box-shadow:inset 0 0 0 5px var(--highlight)}.is-dark-sq.is-picked .ck-piece{filter:drop-shadow(0 4px 4px #00000073);transform:translateY(-4%)scale(1.04)}.is-dark-sq.is-target{box-shadow:inset 0 0 0 4px var(--highlight), inset 0 0 0 7px #00000073}.ck-dot{background:var(--highlight);pointer-events:none;border:3px solid #221d16;border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.is-dark-sq.is-taken .ck-piece{opacity:.45}.is-dark-sq.is-taken:after{content:"✕";color:#fff;text-shadow:0 0 3px #000,0 0 6px #000;pointer-events:none;place-items:center;font-size:1.8rem;font-weight:900;display:grid;position:absolute;inset:0}.is-dark-sq.is-hint{box-shadow:inset 0 0 0 5px var(--ck-hint)}.is-dark-sq.is-hint.is-target{box-shadow:inset 0 0 0 5px var(--ck-hint), inset 0 0 0 8px #00000073}.ck-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ck-trail,.ck-trail-under,.ck-hint-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.ck-trail-under{stroke:#0000008c;stroke-width:.2px}.ck-trail{stroke:var(--ck-trail);stroke-width:.1px;opacity:.95}.ck-trail.is-live{stroke-dasharray:.18 .12}.ck-trail-start{fill:var(--ck-trail);stroke:#0009;stroke-width:.04px}.ck-arrowhead{fill:var(--ck-trail);stroke:#0009;stroke-width:1px}.ck-gone{stroke:var(--ck-trail);stroke-width:.09px;stroke-linecap:round;filter:drop-shadow(0 0 .03px #000)}.ck-hint-line{stroke:var(--ck-hint);stroke-width:.1px;stroke-dasharray:.2 .12}.ck-arrowhead-hint{fill:var(--ck-hint)}.ck-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ck-controls:empty{display:none}.ck-name-field{gap:4px;margin:8px 0;display:grid}@media (width<=767px){.ck-wide-only{display:none}}.fly-tile .ck-piece{width:100%;height:100%;position:static}@media (width<=767px){.ck-game{gap:8px}.ck-table{border-width:3px;border-radius:12px;gap:6px;padding:4px}.ck-seat{padding:2px 10px 2px 4px;font-size:1rem}.ck-piece.ck-mini{width:28px;height:28px}.ck-board{width:min(100%, max(336px, calc(100svh - var(--dock-h,140px) - 64px)));border-width:3px}.ck-big-name{font-size:1.3rem}.ck-big-name .ck-piece.ck-mini{width:28px;height:28px}}
