.ck,.game-stage__slot--checkers{--ck-pad: clamp(8px, 1.6cqi, 14px);--ck-gold: #ffc94d;--ck-press: #96142d;--ck-press-ink: #2a0009;--ck-shade: #0c0b12;--ck-edge: #1a0d05;--ck-rim: #fff5e1;--ck-rim-dark: #3c240c;--ck-mill: #5a461e;--ck-gap: clamp(var(--sp-2),1.3cqi,var(--sp-3));--ck-board: min(100cqi, max(calc(var(--fold, 100vh - 16rem) - var(--ck-chrome)), 17rem), 36rem);--ck-sq: calc(var(--ck-board) / 8);--ck-chrome: 10.125rem;--stage-h: calc(var(--ck-board) + var(--ck-chrome));--stage-h-lg: var(--stage-h)}.ck{--ck-wood-light: #EDDCB8;--ck-wood-dark: #A1683F;--ck-wood-frame: #3B2414;--ck-brass: #E8B84B;--ck-brass-deep: #9A7318;--ck-black: #24222E;--ck-black-lit: #55506B;--ck-black-deep: #0C0B12;--ck-white: #F8F1E1;--ck-white-lit: #FFFFFF;--ck-white-deep: #B9A57E;--ck-dot: #F2B63C;--ck-dot-lit: #FFE1A0;--ck-last: rgb(232 184 75 / .3);--ck-sel: rgb(232 184 75 / .55);--ck-doomed: rgb(255 77 109 / .72);--ck-warn: #FFC94D;--ck-text: #F6EFE6;--ck-dim: rgb(246 239 230 / .66);--ck-panel: rgb(0 0 0 / .26);--ck-ease-out: cubic-bezier(.2,.8,.3,1);--ck-ease-back: cubic-bezier(.2,.8,.3,1.2);flex-direction:column;padding:var(--ck-pad);inline-size:100%;color:var(--ck-text);font:500 15px/1.25 inherit;font-family:inherit;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.ck__in{flex:1;min-width:0;display:grid;gap:var(--ck-gap);grid-template-columns:minmax(0,1fr);align-content:start}.ck__play{display:grid;gap:var(--ck-gap);grid-template-columns:minmax(0,1fr);min-width:0}.ck__side{display:grid;gap:var(--sp-2);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0}.ck__hud{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);justify-self:center;width:var(--ck-board);max-width:100%}.ck__seat{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--sp-1);min-height:44px;padding:0 var(--sp-2) 0 var(--sp-3);border-radius:var(--r-sm);background:var(--ck-panel);box-shadow:var(--ring-inset);transition:box-shadow .16s var(--ck-ease-out),background-color .16s var(--ck-ease-out)}.ck__seat.is-turn{background:var(--scrim-2);box-shadow:inset 0 0 0 2px var(--ck-brass)}.ck__seat.is-turn:after{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:var(--r-sm);background:var(--ck-brass)}.ck__pip{width:17px;height:17px;border-radius:50%;flex:none;box-shadow:var(--e-sink),var(--card-shadow)}.ck__pip--black{background:radial-gradient(circle at 36% 30%,var(--ck-black-lit),var(--ck-black) 58%,var(--ck-black-deep))}.ck__pip--white{background:radial-gradient(circle at 36% 30%,var(--ck-white-lit),var(--ck-white) 58%,var(--ck-white-deep))}.ck__seatname{font-size:var(--fs-1);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ck__took{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-1);border-radius:var(--r-chip);background:var(--scrim-2);box-shadow:var(--ring-inset)}.ck__mini{width:11px;height:11px;border-radius:50%;flex:none;box-shadow:var(--e-sink),var(--card-shadow)}.ck__mini--black{background:radial-gradient(circle at 36% 30%,var(--ck-black-lit),var(--ck-black) 60%,var(--ck-black-deep))}.ck__mini--white{background:radial-gradient(circle at 36% 30%,var(--ck-white-lit),var(--ck-white) 60%,var(--ck-white-deep))}.ck__count{font-size:var(--fs-2);font-weight:800;line-height:1;color:var(--ck-text)}.ck__kings{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--ck-brass);font-size:var(--fs-1);font-weight:800}.ck__kings[hidden]{display:none}.ck__kings svg{width:13px;height:13px}.ck__say{margin:0;justify-self:center;width:var(--ck-board);max-width:100%;display:flex;align-items:center;gap:var(--sp-2);min-height:34px;padding:0 var(--sp-3);border-radius:var(--r-sm);background:var(--ck-panel);box-shadow:var(--ring-inset);font-weight:800;font-size:var(--fs-2);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;transition:background-color .18s var(--ck-ease-out),color .18s var(--ck-ease-out)}.ck__say>[data-ck=say]{min-width:0;overflow:hidden;text-overflow:ellipsis}.ck__alert{display:none;flex:none;width:18px;height:18px}.ck__alert svg{width:100%;height:100%;display:block}.ck__say.is-warn{background:linear-gradient(180deg,#ffc94df5,#e9ac28f5);color:#2a1b00;box-shadow:var(--ring-inset-2),var(--e-1),0 0 12px color-mix(in srgb,var(--ck-gold) 25%,transparent)}.ck__say.is-warn .ck__alert{display:block}.ck__dots{display:inline-flex;gap:var(--sp-1);margin-left:2px;align-items:center}.ck__dots[hidden]{display:none}.ck__dots i{width:4px;height:4px;border-radius:50%;background:currentColor;animation:ck-blink 1.1s ease-in-out infinite}.ck__dots i:nth-child(2){animation-delay:.18s}.ck__dots i:nth-child(3){animation-delay:.36s}@keyframes ck-blink{0%,to{opacity:.25}50%{opacity:1}}.ck__chip{justify-self:start;display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-chip);background:color-mix(in srgb,var(--art-near) 16%,transparent);color:var(--ck-brass);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.ck__bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:var(--sp-2)}.ck .gk-btn{min-height:44px}.ck .gk-btn.is-armed{background:var(--ck-doomed);color:var(--ck-press-ink);--action-deep: color-mix(in srgb, var(--ck-press) 80%, transparent);box-shadow:var(--key-press)}.ck__panel{display:none;gap:var(--sp-2);grid-template-columns:minmax(0,1fr);padding:var(--sp-2);border-radius:var(--r-sm);background:var(--ck-panel);box-shadow:var(--ring-inset)}.ck--open .ck__panel{display:grid;animation:ck-open .2s var(--ck-ease-out)}@keyframes ck-open{0%{opacity:0;transform:translateY(-6px)}}.ck__ctl{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--sp-2);min-width:0}.ck__ctl[hidden]{display:none}.ck__lbl{font-size:var(--fs-1);font-weight:700;color:var(--ck-dim);white-space:nowrap}.ck__seghost{display:block;min-width:0}.ck .ck__seg{min-height:44px}.ck .ck__seg .gk-seg__opt{min-height:38px;padding:0 var(--sp-2)}.ck__note{margin:0;font-size:var(--fs-1);line-height:1.45;color:var(--ck-dim)}.ck__log{display:none;flex-direction:column;min-height:0}.ck__logtitle{margin:0 0 4px;font-size:var(--fs-1);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ck-dim)}.ck__logbox{position:relative;flex:0 1 auto;min-height:5rem;max-height:22rem;border-radius:var(--r-sm);background:var(--ck-panel);box-shadow:var(--ring-inset);overflow:hidden}.ck__loglist{margin:0;padding:var(--sp-1);list-style:none;counter-reset:ply;position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;font-size:var(--fs-1)}.ck__loglist li{display:grid;grid-template-columns:1.6rem minmax(0,1fr) minmax(0,1fr);gap:var(--sp-1);padding:var(--sp-1) var(--sp-1);border-radius:var(--r-sm)}.ck__loglist li:nth-child(odd){background:var(--wash-1)}.ck__loglist li:before{counter-increment:ply;content:counter(ply) ".";color:var(--ck-dim);font-weight:700}.ck__loglist b{font-weight:700}.ck__loglist span{color:var(--ck-dim);font-weight:700}.ck__logempty{position:absolute;inset:0;margin:0;display:grid;align-content:center;padding:var(--sp-2) var(--sp-3);font-size:var(--fs-1);line-height:1.55;color:var(--ck-dim)}.ck__logempty[hidden]{display:none}.ck__logempty b{color:var(--ck-brass);font-weight:800}@container (min-width: 52rem){.ck,.game-stage__slot--checkers{--ck-rail: clamp(12.25rem, 28cqi, 15rem);--ck-board: min( calc(100cqi - var(--ck-rail) - var(--ck-gap)), max(calc(var(--fold, 100vh - 16rem) - var(--ck-chrome)), 17rem), 36rem );--ck-chrome: 8.25rem;--stage-h: calc(var(--ck-board) + var(--ck-chrome));--stage-h-lg: var(--stage-h)}.ck__in{grid-template-columns:var(--ck-board) minmax(0,1fr);align-items:stretch}.ck__play{align-content:start}.ck__side{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch}.ck__say{font-size:var(--fs-3);min-height:38px}.ck__seat{gap:var(--sp-2);padding:0 var(--sp-3) 0 var(--sp-3h)}.ck__seatname{font-size:var(--fs-2)}.ck__took{gap:var(--sp-1);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-1)}.ck__mini{width:12px;height:12px}.ck__kings{font-size:var(--fs-1)}.ck__kings svg{width:15px;height:15px}.ck__bar{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.ck__gear{display:none}.ck__panel{display:grid}.ck__ctl{grid-template-columns:minmax(0,1fr);gap:var(--sp-1)}.ck__log{display:flex}}.ck__board{position:relative;width:var(--ck-board);height:var(--ck-board);justify-self:center;box-sizing:border-box;border:clamp(6px,calc(var(--ck-sq) * .17),14px) solid var(--ck-wood-frame);border-radius:clamp(var(--r-sm),1.4cqi,var(--r-sm));background:var(--ck-wood-dark);box-shadow:var(--ring-inset-2),0 1px 0 var(--wash-3),var(--e-3);touch-action:manipulation;cursor:pointer;overflow:hidden}.ck__board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 90% 80% at 50% 28%,rgb(255 236 200 / .1),transparent 55%,rgb(20 8 0 / .22) 100%)}.ck__board.is-waiting{cursor:progress}.ck__board:has(.is-dragging){cursor:grabbing}.ck__board.is-must{box-shadow:inset 0 0 0 2px var(--ck-warn),var(--e-3)}.ck__sq{position:absolute;width:12.5%;height:12.5%}.ck__sq--light{background-color:var(--ck-wood-light);background-image:repeating-linear-gradient(88deg,rgb(120 78 40 / .08) 0 1px,transparent 1px 5px)}.ck__sq--dark{background-color:var(--ck-wood-dark);background-image:repeating-linear-gradient(92deg,rgb(58 30 12 / .16) 0 1px,transparent 1px 6px)}.ck__sq:before{content:"";position:absolute;inset:0;pointer-events:none}.ck__sq.is-last:before{background:var(--ck-last)}.ck__sq.is-selected:before{background:var(--ck-sel);box-shadow:inset 0 0 0 3px var(--ck-brass),inset 0 0 0 5px color-mix(in srgb,var(--ck-shade) 55%,transparent)}.ck__sq.is-doomed:before{background:radial-gradient(circle at 50% 50%,var(--ck-doomed) 0%,transparent 78%)}.ck__sq.is-dot:after{content:"";position:absolute;inset:31%;border-radius:50%;background:radial-gradient(circle at 42% 34%,var(--ck-dot-lit),var(--ck-dot) 72%);pointer-events:none;box-shadow:0 0 0 max(1px,calc(var(--ck-sq) * .035)) color-mix(in srgb,var(--ck-edge) 62%,transparent),0 0 12px color-mix(in srgb,var(--ck-gold) 45%,transparent);animation:ck-dot .22s var(--ck-ease-back)}.ck__sq.is-ring:after{content:"";position:absolute;inset:7%;border-radius:50%;box-sizing:border-box;border:calc(var(--ck-sq) * .11) solid var(--ck-dot);pointer-events:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ck-edge) 60%,transparent),0 0 0 1.5px color-mix(in srgb,var(--ck-edge) 60%,transparent),0 0 14px color-mix(in srgb,var(--ck-gold) 40%,transparent);animation:ck-dot .22s var(--ck-ease-back)}@keyframes ck-dot{0%{transform:scale(.3);opacity:0}}.ck__sq.is-hover{box-shadow:inset 0 0 0 3px var(--wash-6)}.ck__sq.is-hover.is-dot,.ck__sq.is-hover.is-ring{box-shadow:inset 0 0 0 4px var(--wash-8)}.ck__num{display:none;position:absolute;left:6%;top:4%;font-size:max(9px,calc(var(--ck-sq) * .185));font-weight:700;line-height:1;color:#ffeed666;pointer-events:none}@container (min-width: 37.5rem){.ck__sq:not(.has-piece) .ck__num{display:block}}.ck__pieces{position:absolute;inset:0;z-index:2;pointer-events:none}.ck__piece{position:absolute;width:12.5%;height:12.5%;display:grid;place-items:center;will-change:transform;pointer-events:auto;touch-action:none}.ck__piece.is-flying,.ck__piece.is-dragging{z-index:20}.ck__piece.is-taken{z-index:15}.ck__disc{position:relative;width:80%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transition:transform .14s var(--ck-ease-back),outline-color .14s var(--ck-ease-out)}.ck__piece--black{--ck-crown-eye: rgb(36 34 46 / .85)}.ck__piece--black .ck__disc{background:radial-gradient(circle at 36% 28%,var(--ck-black-lit) 0%,var(--ck-black) 48%,var(--ck-black-deep) 100%);color:var(--ck-brass);box-shadow:inset 0 -2px 4px var(--scrim-5),inset 0 2px 3px var(--wash-5),0 0 0 1.5px color-mix(in srgb,var(--ck-rim) 30%,transparent),var(--e-1)}.ck__piece--white{--ck-crown-eye: rgb(248 241 225 / .9)}.ck__piece--white .ck__disc{background:repeating-conic-gradient(from 0deg,rgb(120 96 46 / .22) 0deg 4deg,var(--wash-4) 4deg 8deg),radial-gradient(circle at 36% 28%,var(--ck-white-lit) 0%,var(--ck-white) 50%,var(--ck-white-deep) 100%);color:#4a3410;box-shadow:inset 0 -2px 4px color-mix(in srgb,var(--ck-mill) 50%,transparent),inset 0 2px 3px var(--wash-7),0 0 0 1.5px color-mix(in srgb,var(--ck-rim-dark) 40%,transparent),var(--e-1)}.ck__disc:after{content:"";position:absolute;inset:16%;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--scrim-2),0 0 0 1px var(--wash-4);pointer-events:none}.ck__piece--white .ck__disc:after{background:radial-gradient(circle at 40% 34%,var(--ck-white-lit),var(--ck-white) 72%)}.ck__piece--black .ck__disc:after{background:radial-gradient(circle at 40% 34%,#3e3a4c,var(--ck-black) 72%)}.ck__crown{position:relative;z-index:1;width:62%;height:62%;opacity:0;transform:scale(.5);filter:drop-shadow(0 1px 1px rgb(0 0 0 / .55));transition:opacity .18s var(--ck-ease-out),transform .18s var(--ck-ease-back)}.ck__piece.is-king .ck__crown{opacity:1;transform:scale(1)}.ck__piece.is-king .ck__disc:after{inset:8%}.ck__piece.is-movable .ck__disc{outline:2px solid rgb(255 250 240 / .34);outline-offset:-1px}.ck__piece.is-held .ck__disc,.ck__piece.is-dragging .ck__disc{transform:translateY(-7%) scale(1.07);outline:3px solid #fff;outline-offset:-1px;filter:drop-shadow(0 8px 11px rgb(0 0 0 / .6))}.ck__piece.is-must .ck__disc{outline:3px solid var(--ck-warn);outline-offset:-1px;filter:drop-shadow(0 0 8px rgb(255 201 77 / .85));animation:ck-must .9s var(--ck-ease-out) 2}@keyframes ck-must{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.ck__piece.is-hailed .ck__disc{outline:3px solid var(--ck-brass);outline-offset:-1px;filter:drop-shadow(0 0 10px rgb(232 184 75 / .8))}.ck--over .ck__piece.is-movable .ck__disc{outline:none}.ck__float{font-size:clamp(var(--fs-2),3.2cqi,var(--fs-4));font-weight:800}.ck__float--crown{color:var(--ck-brass);text-shadow:var(--ink-shade)}.ck__float--combo{color:#fff;text-shadow:0 0 12px var(--ck-doomed),var(--ink-shade)}@media(prefers-reduced-motion:reduce){.ck__dots i{animation:none;opacity:.8}.ck__disc,.ck__crown,.ck__seat,.ck__say{transition:none}.ck__sq.is-dot:after,.ck__sq.is-ring:after{animation:none}.ck--open .ck__panel,.ck__piece.is-must .ck__disc{animation:none}}
