.ck{--ck-light:var(--cream);--ck-dark:#3a3852;--ck-p0:var(--game);--ck-p1:var(--white);--ck-bw:3px;flex-direction:column;gap:10px;width:min(100%,max(300px,100svh - 300px),600px);margin-inline:auto;display:flex;container-type:inline-size}.ck-net{--p0:var(--game);--p1:var(--white)}.ck-opts{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:4px;display:flex}@container (width<=420px){.ck-opts{gap:6px}.ck-opts .ka-seg button{padding:0 8px;font-size:12.5px}.ck>.ck-board,.ck>.ck-player{align-self:center;width:calc(100% - 10px)}}.ck-player{border:var(--bw) solid transparent;min-height:32px;color:var(--ink-2);transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), color .18s;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:14px;font-weight:700;display:flex}.ck-player.is-turn{color:var(--ink);background:var(--sun);border-color:var(--ink);box-shadow:var(--hard-sm)}.ck-chip{border:2px solid var(--ink);width:16px;height:16px;box-shadow:1px 2px 0 var(--ink);border-radius:50%;flex-shrink:0;margin-bottom:2px}.ck-chip--0{background:var(--ck-p0)}.ck-chip--1{background:var(--ck-p1)}.ck-name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.ck-count{font-variant-numeric:tabular-nums;color:var(--ink-2);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:700}.ck-took{color:var(--ink-3)}.ck-player.is-turn .ck-took{color:var(--ink-2)}.ck-dots{vertical-align:middle;gap:3px;margin-left:5px;display:inline-flex}.ck-dots i{background:var(--ink);width:6px;height:6px;animation:ck-dot .9s infinite var(--ease-spring);border-radius:50%}.ck-dots i:nth-child(2){animation-delay:.12s}.ck-dots i:nth-child(3){animation-delay:.24s}@keyframes ck-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.ck-nudge{background:var(--sun);animation:ck-shake .36s var(--ease-out);border-radius:6px;padding:0 6px;display:inline-block;color:var(--ink)!important}@keyframes ck-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.ck-board{aspect-ratio:1;background:var(--ck-light);width:100%;box-shadow:0 0 0 var(--ck-bw) var(--ink), 7px 7px 0 var(--ck-bw) var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;outline:none;position:relative;overflow:hidden;container-type:inline-size}.ck-board:focus-visible{box-shadow:0 0 0 var(--ck-bw) var(--ink), 0 0 0 7px var(--sun), 0 0 0 9.5px var(--ink), 7px 7px 0 9.5px var(--ink)}.ck-squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.ck-sq{font:inherit;color:inherit;border:0;border-radius:0;margin:0;padding:0;position:relative}.ck-sq.is-light{background:var(--ck-light)}.ck-sq.is-dark{background:var(--ck-dark);cursor:default}.ck-board.is-live .ck-sq.is-dark{cursor:pointer}.ck-sq.is-dark:before{content:"";transition:background .16s var(--ease-out);position:absolute;inset:0}.ck-sq.is-last:before{background:color-mix(in srgb, var(--sun) 12%, transparent);box-shadow:inset 0 0 0 max(2.5px, .5cqi) var(--sun)}.ck-sq.is-sel:before{background:var(--sun)}.ck-sq.is-must:after{content:"";box-shadow:inset 0 0 0 max(3px, .65cqi) var(--sun);pointer-events:none;animation:ck-must 1.1s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:4%}@keyframes ck-must{0%,to{opacity:1;transform:scale(.94)}50%{opacity:.55;transform:scale(1.02)}}.ck-sq.is-cursor{box-shadow:inset 0 0 0 3px var(--sun), inset 0 0 0 6px var(--ink)}.ck-dot{background:var(--sun);border:max(2px, .4cqi) solid var(--ink);z-index:3;pointer-events:none;width:28%;height:28%;animation:ck-pop .18s var(--ease-spring);transition:transform .14s var(--ease-spring);border-radius:50%;margin:-14% 0 0 -14%;position:absolute;top:50%;left:50%}.ck-dot--end{width:24%;height:24%;box-shadow:inset 0 0 0 max(2.5px, .5cqi) var(--sun);background:0 0;border:0;margin:-12% 0 0 -12%}@media (hover:hover){.ck-sq:hover .ck-dot{transform:scale(1.3)}}@keyframes ck-pop{0%{opacity:0;transform:scale(.3)}}.ck-piece{z-index:2;pointer-events:none;width:12.5%;height:12.5%;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%));transition:transform .19s var(--ease-out), opacity .2s var(--ease-out);position:absolute;top:0;left:0}.ck-piece.is-moving{z-index:5}.ck-land{transform-origin:50% 80%;position:absolute;inset:0}.ck-land.is-land{animation:ck-land .28s var(--ease-out) .14s}@keyframes ck-land{35%{transform:scale(1.14,.84)}65%{transform:scale(.95,1.06)}to{transform:none}}.ck-disc{--ck-lift:max(3px, .7cqi);border:max(2px, .5cqi) solid var(--ink);box-shadow:max(1px, .25cqi) var(--ck-lift) 0 var(--ink);transition:transform .19s var(--ease-spring), box-shadow .19s var(--ease-spring), opacity .2s;border-radius:50%;place-items:center;display:grid;position:absolute;inset:12% 12% 14%}.ck-disc:before{content:"";border:max(1.5px, .3cqi) solid color-mix(in srgb, var(--ink) 50%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:16%}.ck-piece--0 .ck-disc{background:var(--ck-p0)}.ck-piece--1 .ck-disc{background:var(--ck-p1)}.ck-crown{z-index:1;width:60%;height:60%;fill:var(--sun);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;position:relative;overflow:visible}.ck-crown.is-fresh{animation:ck-crown .38s var(--ease-spring) .12s backwards}@keyframes ck-crown{0%{opacity:0;transform:scale(0)rotate(-20deg)}}.ck-piece.is-sel .ck-disc{--ck-lift:max(5px, 1.2cqi);transform:translateY(-8%)scale(1.05)}.ck-piece.is-taken{opacity:.35}.ck-piece.is-gone{opacity:0}.ck-piece.is-gone .ck-disc{transform:scale(.55)}@media (prefers-reduced-motion:reduce){.ck-piece,.ck-disc{transition-duration:1ms}.ck-land.is-land,.ck-sq.is-must:after{animation:none}}