.ck-stage{--ck-gold: #fbbf24;background:radial-gradient(90% 60% at 24% 8%,rgba(255,196,120,.26),transparent 62%),radial-gradient(130% 100% at 50% 46%,transparent 52%,rgba(0,0,0,.72) 100%),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22512%22 height=%22512%22%3E%3Cfilter id=%22f%22 x=%220%22 y=%220%22 width=%221%22 height=%221%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.007 .4%22 numOctaves=%224%22 seed=%2211%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 1 0 0 0 0 0.78 0 0 0 0 0.5 1.1 0 0 0 -0.52%22/%3E%3C/filter%3E%3Crect width=%22512%22 height=%22512%22 filter=%22url(%23f)%22/%3E%3C/svg%3E") 0 0 / 512px 512px,url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22512%22 height=%22512%22%3E%3Cfilter id=%22f%22 x=%220%22 y=%220%22 width=%221%22 height=%221%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.005 .28%22 numOctaves=%224%22 seed=%227%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.02 0 0 0 0 0.008 0 0 0 0 0 1.7 0 0 0 -0.62%22/%3E%3C/filter%3E%3Crect width=%22512%22 height=%22512%22 filter=%22url(%23f)%22/%3E%3C/svg%3E") 0 0 / 512px 512px,linear-gradient(160deg,#4a2a16,#2a160b 55%,#1a0d06)}:root[data-theme=light] .ck-stage{background:radial-gradient(90% 60% at 24% 8%,rgba(255,255,240,.6),transparent 62%),radial-gradient(130% 100% at 50% 46%,transparent 55%,rgba(80,40,10,.38) 100%),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22512%22 height=%22512%22%3E%3Cfilter id=%22f%22 x=%220%22 y=%220%22 width=%221%22 height=%221%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.004 .16%22 numOctaves=%224%22 seed=%227%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0 0.08 1.8 0 0 0 -0.5%22/%3E%3C/filter%3E%3Crect width=%22512%22 height=%22512%22 filter=%22url(%23f)%22/%3E%3C/svg%3E") 0 0 / 512px 512px,linear-gradient(160deg,#e9cf9f,#d4b27a 55%,#b9925a)}.ck-stage{isolation:isolate}.ck-stage:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0;transition:opacity .9s ease;background:url(/art/checkers-bg.webp) 18% 0 / cover no-repeat}.ck-stage.ck-bg-on:before{opacity:1}.ck-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 50% 52%,#0603018c,#0603011a),radial-gradient(130% 100% at 50% 46%,transparent 45%,rgba(0,0,0,.72) 100%),linear-gradient(180deg,#08040280,#08040261 45%,#0804029e)}:root[data-theme=light] .ck-stage:after{background:radial-gradient(70% 55% at 50% 52%,#3c1e084d,#3c1e0800),radial-gradient(130% 100% at 50% 46%,transparent 55%,rgba(40,18,4,.45) 100%),linear-gradient(180deg,#46260c38,#46260c1f 50%,#32180652)}.ck-wrap{--ck-bar: 40px;--ck-banner: 30px;--fr: 4px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:var(--bs, 320px);max-width:100%}.ck-wrap[data-layout=portrait]{height:100%}.ck-wrap[data-layout=portrait] .ck-banner,.ck-wrap[data-layout=portrait] .ck-bottom{margin-top:auto}.ck-boardwrap{position:relative;margin:6px 0;flex:none}.ck-boardwrap:before{content:"";position:absolute;inset:calc(-1 * var(--fr));border-radius:calc(var(--fr) * 2.2);background:linear-gradient(135deg,#ffd6a057,#ffd6a000 34%,#0000 62%,#00000080),url(/art/tex/wood-walnut.webp) 30% 40% / 260px 260px,linear-gradient(135deg,#8a4f27,#5a2f15 38%,#351a0b);box-shadow:inset 1.5px 1.5px #ffe2b480,inset -1.5px -1.5px #000000a6,0 2px 3px #0009,0 22px 30px -8px #000000bf,14px 18px 36px -10px #0009}.ck-board{position:relative;z-index:1;width:var(--bs);height:var(--bs);border-radius:3px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 0 0 1px #140a04,0 0 0 calc(var(--fr) / 3 + .5px) #c8985a,0 0 0 calc(var(--fr) / 3 + 1.5px) #1c0d05}.ck-board:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(128deg,#ffffff4d,#ffffff12 26%,#fff0 44% 70%,#ffffff14);box-shadow:inset 2px 2px 3px #ffffff38,inset -2px -3px 7px #00000073}.ck-row{display:flex;height:12.5%}.ck-sq{position:relative;isolation:isolate;flex:1 1 0;min-width:0;outline:none;overflow:hidden}.ck-tx{position:absolute;inset:0;z-index:0;display:block;pointer-events:none;background-size:calc(var(--bs, 320px) * .62) auto;background-repeat:no-repeat}.ck-sq.l .ck-tx{background-image:linear-gradient(135deg,#ffc46e4d,#d6964638),url(/art/tex/wood-maple.webp)}.ck-sq.d .ck-tx{background-image:linear-gradient(135deg,#0000000d,#0003),url(/art/tex/wood-walnut.webp)}.ck-sq.l{background:linear-gradient(135deg,#f8e9c6,#e8d19f 60%,#ddc08a)}.ck-sq.d{background:linear-gradient(135deg,#94603a,#774322 60%,#653519);box-shadow:inset 0 1px #ffd6a038,inset 0 -1px 2px #00000052}.ck-sq.last:before{content:"";position:absolute;inset:0;background:#fbbf2457;box-shadow:inset 0 0 14px #ffd25a99;z-index:1}.ck-sq.sel:before{content:"";z-index:1;position:absolute;inset:0;background:#fbbf244d;box-shadow:inset 0 0 0 3px var(--ck-gold),inset 0 0 16px #ffd25acc}.ck-sq.hover:before{content:"";z-index:1;position:absolute;inset:0;background:#ffffff2e;box-shadow:inset 0 0 0 3px #fff7d6,inset 0 0 14px #ffffffb3}.ck-sq:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:3}.ck-co{position:absolute;font-style:normal;font-size:clamp(9px,calc(var(--bs) / 40),12px);font-weight:750;line-height:1;pointer-events:none;font-variant-numeric:tabular-nums;letter-spacing:.02em;z-index:3}.ck-sq.l .ck-co{color:#70421cc7;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -.5px 0 rgba(90,50,20,.25)}.ck-sq.d .ck-co{color:#ffdeaa9e;text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,220,170,.16)}.ck-co.f{right:3px;bottom:2px}.ck-co.r{left:3px;top:2px}.ck-sq.dest{cursor:pointer}.ck-sq.dest:after{content:"";position:absolute;left:32%;top:32%;width:36%;height:36%;border-radius:50%;z-index:1;background:radial-gradient(circle at 38% 32%,#fffbe0 0 22%,#fbbf24 60%,#d98a07);box-shadow:0 0 0 2px #3c20068c,0 0 10px 3px #fbbf24d9,0 0 22px 6px #fbbf2473;animation:ckGlow 1.3s ease-in-out infinite}.ck-sq.dest.cap:after{left:14%;top:14%;width:72%;height:72%;background:radial-gradient(circle,rgba(251,191,36,.34) 0,rgba(251,191,36,.1) 58%,transparent 62%);border:3.5px solid #ffd45a;box-shadow:0 0 0 1.5px #3c200699,0 0 12px 3px #ffc83ce6,inset 0 0 14px #ffd250b3}@keyframes ckGlow{0%,to{transform:scale(.88);opacity:.85}50%{transform:scale(1.1);opacity:1}}.ck-pieces{position:absolute;inset:0;pointer-events:none;z-index:3}.ck-piece{position:absolute;left:0;top:0;width:12.5%;height:12.5%;will-change:transform;transition:transform .34s cubic-bezier(.2,.9,.3,1.15),opacity .3s}.ck-piece:after{content:"";position:absolute;left:11%;top:15%;width:84%;height:82%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,#0000009e 0,#00000057 62%,#0000);transform:translate(7%,9%);transition:transform .2s cubic-bezier(.2,.9,.3,1.15),opacity .2s}.ck-piece svg{position:relative;display:block;width:88%;height:88%;margin:6%;transform-origin:50% 70%;transition:transform .22s cubic-bezier(.2,.9,.3,1.15)}.ck-piece.sel svg,.ck-piece.drag svg{transform:translateY(-7%) scale(1.08)}.ck-piece.sel:after,.ck-piece.drag:after{transform:translate(13%,19%) scale(1.14);opacity:.75}.ck-piece.drag{transition:none;z-index:6}.ck-piece.drag svg{transform:translateY(-10%) scale(1.14)}.ck-piece.must:before,.ck-piece.sel:before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid var(--ck-gold);pointer-events:none;box-shadow:0 0 10px 2px #fbbf24d9,inset 0 0 8px #fbbf2499}.ck-piece.must:before{animation:ckPulse 1.15s ease-in-out infinite}.ck-piece.out{opacity:0;transition:opacity .3s ease-in}.ck-piece.out svg{transform:scale(.45) rotate(25deg) translateY(-30%);transition:transform .3s ease-in}.ck-piece.out:after{opacity:0}.ck-piece.land svg{animation:ckLand .34s cubic-bezier(.2,.9,.3,1.15)}.ck-piece.pop svg{animation:ckPop .6s cubic-bezier(.2,.9,.3,1.3)}.ck-piece.cheer svg{animation:ckCheer .7s cubic-bezier(.2,.9,.3,1.3) var(--d, 0s) 2}.ck-piece.dim svg{filter:grayscale(.8) brightness(.7)}@keyframes ckPulse{0%,to{transform:scale(.93);opacity:.75}50%{transform:scale(1.06);opacity:1}}@keyframes ckLand{0%{transform:scale(1.05,.86)}45%{transform:scale(.97,1.07)}to{transform:none}}@keyframes ckPop{0%{transform:scale(1)}35%{transform:scale(1.38) rotate(-8deg)}70%{transform:scale(.94) rotate(3deg)}to{transform:scale(1)}}@keyframes ckCheer{0%,to{transform:none}40%{transform:translateY(-16%) scale(1.1)}}.ck-board.locked .ck-sq{cursor:default}.ck-burst{position:absolute;left:0;top:0;width:12.5%;height:12.5%;pointer-events:none;z-index:4}.ck-burst:before{content:"";position:absolute;inset:14%;border-radius:50%;border:3px solid #ffe9a3;box-shadow:0 0 12px 2px #ffd25acc;animation:ckRing .55s ease-out forwards}.ck-burst.gold:before{border-color:#fff3b8;border-width:4px;animation-duration:.8s}.ck-burst i{position:absolute;left:calc(50% - 1.5px);top:calc(50% - 5px);width:3px;height:10px;border-radius:2px;background:linear-gradient(#fff6c8,#fbbf24);opacity:0;transform:rotate(var(--a)) translateY(-30%);animation:ckSpark .55s ease-out forwards}.ck-burst.gold i{animation-duration:.85s;height:12px}@keyframes ckRing{0%{transform:scale(.35);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes ckSpark{0%{opacity:1;transform:rotate(var(--a)) translateY(-30%)}to{opacity:0;transform:rotate(var(--a)) translateY(-300%)}}.ck-bar{height:var(--ck-bar);display:flex;align-items:center;gap:9px;padding:0 10px 0 5px;min-width:0;position:relative;border-radius:14px;background:linear-gradient(180deg,#462a18eb,#20120af0);border:1px solid rgba(255,214,160,.16);box-shadow:inset 0 1px #ffe6be29,0 8px 18px -6px #000000a6,0 2px 3px #0006;color:#f6ead4;font-size:.875rem;transition:border-color .25s,box-shadow .25s}:root[data-theme=light] .ck-bar{background:linear-gradient(180deg,#fff8e8f0,#eedcbaf0);border-color:#78461447;color:#2b1808;box-shadow:inset 0 1px #fff,0 8px 16px -8px #3c1e0580}.ck-bar.active{border-color:#fbbf24d9;box-shadow:inset 0 1px #ffe6be33,0 0 0 1px #fbbf2480,0 0 18px #fbbf2461,0 8px 18px -6px #000000a6}.ck-av{position:relative;flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.ck-av.dark{background:radial-gradient(circle at 36% 28%,#5b6372,#14161c);color:#dfe4ee;box-shadow:inset 0 0 0 1.5px #000000b3,inset 0 0 0 2.5px #ffffff2e}.ck-av.light{background:radial-gradient(circle at 36% 28%,#fffdf5,#d9c391);color:#5b4420;box-shadow:inset 0 0 0 1.5px #6b532699,inset 0 0 0 2.5px #ffffffb3}.ck-av .ck-glyph{width:20px;height:20px;display:block}.ck-av .ck-glyph svg{width:100%;height:100%;display:block}.ck-bar.active .ck-av:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--ck-gold);animation:ckPulse 1.4s ease-in-out infinite}.ck-who{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;line-height:1.15}.ck-name{font-weight:750;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ck-state{font-size:.75rem;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:.9rem}.ck-bar.active .ck-state{opacity:1;color:#fde68a}:root[data-theme=light] .ck-bar.active .ck-state{color:#8a4b05}.ck-caps{display:flex;align-items:center;flex:none;gap:6px;font-variant-numeric:tabular-nums;font-weight:750}.ck-tray{display:flex;align-items:center;padding:3px 4px 3px 11px;border-radius:999px;min-width:58px;height:26px;background:linear-gradient(180deg,#00000080,#00000038);box-shadow:inset 0 2px 4px #0009,0 1px #ffe6be24}:root[data-theme=light] .ck-tray{background:linear-gradient(180deg,#5a320f52,#5a320f1f)}.ck-mini{flex:none;width:17px;height:17px;margin-left:-7px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.55))}.ck-mini svg{display:block;width:100%;height:100%}.ck-mini.new{animation:ckDrop .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes ckDrop{0%{transform:translateY(-14px) scale(1.4);opacity:0}to{transform:none;opacity:1}}.ck-count{min-width:26px;padding:1px 7px;margin-left:4px;border-radius:999px;text-align:center;font-size:.8125rem;background:#ffffff1a}.ck-bar.active .ck-count{background:#fbbf2438}.ck-plate{display:none;flex:none;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;border-radius:16px;position:relative;overflow:hidden;color:#f6ead4;background:linear-gradient(180deg,#ffe2b424,#00000040),linear-gradient(#783e169e,#3c1c08b3),url(/art/tex/leather.webp) 0 0 / 220px 220px,#2a1609;border:1px solid rgba(255,214,160,.3);box-shadow:inset 0 1px #ffe6be40,inset 0 0 0 3px #00000040,inset 0 0 0 4px #ffd6a024,0 10px 22px -8px #000000b3}.ck-wrap[data-plate="1"] .ck-plate{display:flex}.ck-pl{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 0}.ck-pl:last-child{justify-content:flex-end;flex-direction:row-reverse;text-align:right}.ck-pl-disc{flex:none;width:34px;height:34px;filter:drop-shadow(1px 3px 2px rgba(0,0,0,.6))}.ck-pl-disc svg{display:block;width:100%;height:100%}.ck-pl-t{display:flex;flex-direction:column;min-width:0;line-height:1.1}.ck-pl-n{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.4)}.ck-pl-l{font-size:.75rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ck-pl-mid{flex:none;display:flex;flex-direction:column;align-items:center;padding:4px 14px;border-radius:12px;background:#00000059;box-shadow:inset 0 2px 4px #00000080,0 1px #ffe6be26}.ck-pl-k{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.ck-pl-v{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:#fde68a}:root[data-theme=light] .ck-plate{color:#f6ead4}.ck-banner{position:relative;height:var(--ck-banner);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750;font-size:.9375rem;letter-spacing:.01em;text-align:center;border-radius:999px;padding:0 16px;color:#fbeed2;background:linear-gradient(180deg,#ffe2b424,#ffe2b40d);box-shadow:inset 0 1px #ffebc833,inset 0 -1px #0000004d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-theme=light] .ck-banner{color:#3a2208;background:linear-gradient(180deg,#ffffffb3,#ffffff59);box-shadow:inset 0 1px #fff}:root[data-theme=light] .ck-banner.must,.ck-banner.must{color:#2a1803;background:linear-gradient(180deg,#ffe08a,#fbbf24 55%,#e69a0a);box-shadow:inset 0 1px #ffffffb3,0 0 18px #fbbf248c,0 4px 10px #0006}.ck-banner.must:after{content:"";position:absolute;inset:0;background:#ffffff8c;opacity:0;animation:ckBanner 1.3s ease-in-out infinite;pointer-events:none}.ck-banner.must:before{content:"";width:8px;height:8px;border-radius:50%;background:#7c2d12;box-shadow:0 0 0 2px #7c2d1240;flex:none}@keyframes ckBanner{0%,to{opacity:0}50%{opacity:.55}}.ck-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ck-result{position:absolute;inset:0;z-index:7;display:grid;place-items:center;pointer-events:none}.ck-result span{padding:.35em .9em;border-radius:18px;font-weight:850;white-space:nowrap;max-width:94%;font-size:clamp(20px,calc(var(--bs) / 11),46px);letter-spacing:-.01em;color:#2a1803;background:linear-gradient(180deg,#fff0b0,#fbbf24 55%,#c97a06);box-shadow:0 0 0 2px #3c1e0499,0 12px 36px #0009,0 0 44px #fbbf24b3;animation:ckResult .75s cubic-bezier(.2,.9,.3,1.25) both}.ck-result.lose span{color:#e5e7eb;background:linear-gradient(180deg,#4b5563,#1f2937);box-shadow:0 0 0 2px #0009,0 12px 36px #000000b3}.ck-result.draw span{color:#3a2a10;background:linear-gradient(180deg,#e7dcc0,#b9a77c);box-shadow:0 0 0 2px #3c280a80,0 12px 30px #0000008c}@keyframes ckResult{0%{opacity:0;transform:scale(.4) rotate(-6deg)}to{opacity:1;transform:none}}.tg-controls .tg-btn-label{display:inline}.tg-controls{flex-wrap:nowrap;gap:6px}.tg-controls .tg-btn{flex:1 1 0;max-width:170px;padding:0 8px;white-space:nowrap}.ck-group h3{margin:10px 0 6px;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:750}.ck-group[hidden]{display:none}.ck-opts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ck-opt{position:relative;flex-direction:column;gap:2px;padding:8px 8px 7px;line-height:1.2;min-height:58px;border-radius:14px;overflow:hidden;transition:transform .16s cubic-bezier(.2,.9,.3,1.2),box-shadow .16s,border-color .16s}.ck-opt .ck-ill{width:26px;height:26px;color:var(--muted)}.ck-opt .ck-ill svg{width:100%;height:100%;display:block}.ck-opt .ck-ill.wide{width:56px;height:12px;margin:5px 0 3px}.ck-opt .ck-ill.disc{width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.ck-opt>span{font-weight:750}.ck-opt small{font-weight:500;color:var(--muted);font-size:.75rem}.ck-opt.on{outline:none;border-color:#fbbf24;background:linear-gradient(180deg,color-mix(in srgb,#fbbf24 30%,var(--surface2)),color-mix(in srgb,#fbbf24 12%,var(--surface2)));box-shadow:0 0 0 1px #fbbf24,0 0 18px #fbbf244d,inset 0 1px #fff3}.ck-opt.on .ck-ill{color:#fbbf24}.ck-opt.on:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px #fbbf24}.ck-group.d4 .ck-opts{grid-template-columns:repeat(4,1fr);gap:6px}.ck-group.d4 .ck-opt{padding:8px 2px 7px;min-height:58px}.ck-group.d4 .ck-opt>span:not(.ck-ill){font-size:.8125rem}.ck-group.d4 .ck-ill.wide{width:44px}.ck-lvlhint{margin:6px 2px 0;min-height:1.2em}.ck-wrap[data-layout=land]{display:grid;grid-template-columns:var(--bs) var(--panel, 230px);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"board top" "board plate" "board banner" "board ctl" "board bottom";gap:10px 26px;width:auto;align-items:stretch}.ck-wrap[data-layout=land] .ck-boardwrap{grid-area:board;margin:0;align-self:center}.ck-wrap[data-layout=land] .ck-top{grid-area:top}.ck-wrap[data-layout=land] .ck-plate{grid-area:plate}.ck-wrap[data-layout=land] .ck-pl-disc{width:28px;height:28px}.ck-wrap[data-layout=land] .ck-bottom{grid-area:bottom}.ck-wrap[data-layout=land] .ck-banner{grid-area:banner;align-self:center;height:auto;min-height:var(--ck-banner);white-space:normal;padding:8px 14px;border-radius:16px}.ck-wrap[data-layout=land] .tg-controls{grid-area:ctl;background:none;border:0;box-shadow:none;padding:0;justify-content:stretch;flex-direction:column}.ck-wrap[data-layout=land] .tg-controls .tg-btn{flex:none;max-width:none;justify-content:flex-start}.ck-wrap[data-layout=land] .ck-tray{min-width:0}@media(max-height:460px){.ck-wrap{--ck-bar: 36px}}@media(max-width:400px){.ck-count{padding:1px 5px}.ck-bar{gap:7px}}:root[data-contrast=high] .ck-bar{border-color:#fff}:root[data-contrast=high] .ck-sq.d{background:#5a2f14}