.chs{--chs-light:var(--cream);--chs-dark:#c98e4e;--chs-last:color-mix(in srgb, var(--sun) 72%, transparent);--chs-hint:color-mix(in srgb, var(--ink) 28%, transparent);--chs-ring:color-mix(in srgb, var(--ink) 78%, transparent);--chs-bw:3px;flex-direction:column;gap:12px;width:100%;display:flex;container-type:inline-size}.chs-opts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@container (width<=420px){.chs-opts{gap:6px}.chs-opts .ka-seg button{padding:0 8px;font-size:12.5px}}.chs-main{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;display:grid}.chs-col{flex-direction:column;gap:10px;width:min(100% - 10px,max(300px,100svh - 270px),640px);display:flex}.chs-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 10px 0 6px;font-size:14px;font-weight:700;display:flex}.chs-player.is-turn{color:var(--ink);background:var(--sun);border-color:var(--ink);box-shadow:var(--hard-sm)}.chs-chip{border:2px solid var(--ink);border-radius:5px;flex-shrink:0;width:16px;height:16px}.chs-chip--w{background:var(--white)}.chs-chip--b{background:var(--ink)}.chs-name{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.chs-caps{align-items:center;min-width:0;margin-left:auto;display:flex}.chs-cap{flex-shrink:0;width:22px;height:22px;margin-left:-3px}.chs-cap.is-stack{margin-left:-12px}.chs-cap .chs-pc{width:100%;height:100%}.chs-lead{border:2px solid var(--ink);background:var(--white);font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);border-radius:999px;margin-left:6px;padding:0 7px;font-size:13px;font-weight:800;line-height:18px}.chs-dots{vertical-align:middle;gap:3px;margin-left:5px;display:inline-flex}.chs-dots i{background:var(--ink);width:6px;height:6px;animation:chs-dot .9s infinite var(--ease-spring);border-radius:50%}.chs-dots i:nth-child(2){animation-delay:.12s}.chs-dots i:nth-child(3){animation-delay:.24s}@keyframes chs-dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.chs-board{aspect-ratio:1;background:var(--chs-light);width:100%;box-shadow:0 0 0 var(--chs-bw) var(--ink), 7px 7px 0 var(--chs-bw) var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;outline:none;position:relative;overflow:hidden;container-type:inline-size}.chs-board:focus-visible{box-shadow:0 0 0 var(--chs-bw) var(--ink), 0 0 0 7px var(--sun), 0 0 0 9.5px var(--ink), 7px 7px 0 9.5px var(--ink)}.chs-squares{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid}.chs-sq{position:relative}.chs-sq.is-light{background:var(--chs-light)}.chs-sq.is-dark{background:var(--chs-dark)}.chs-sq.is-last:before,.chs-sq.is-sel:before{content:"";background:var(--chs-last);position:absolute;inset:0}.chs-sq.is-sel:before{background:var(--sun);box-shadow:inset 0 0 0 max(2.5px, .5cqi) var(--ink)}.chs-sq.is-check:after{content:"";background:color-mix(in srgb, var(--cherry) 38%, transparent);box-shadow:inset 0 0 0 max(3px, .7cqi) var(--cherry);animation:chs-check .32s var(--ease-spring);border-radius:50%;position:absolute;inset:5%}@keyframes chs-check{0%{opacity:0;transform:scale(.5)}}.chs-sq.is-over{box-shadow:inset 0 0 0 max(3px, .6cqi) var(--ink)}.chs-sq.is-cursor{box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--sun)}.chs-coord{font-family:var(--font-body);color:var(--ink);pointer-events:none;z-index:1;font-size:max(9px,2.1cqi);font-weight:800;line-height:1;position:absolute}.chs-coord--rank{top:5%;left:6%}.chs-coord--file{bottom:5%;right:7%}.chs-sq.is-light .chs-coord{opacity:.6}.chs-sq.is-dark .chs-coord{opacity:.8}.chs-dot,.chs-ring{z-index:3;pointer-events:none;animation:chs-hint .18s var(--ease-spring);position:absolute}.chs-dot{background:var(--chs-hint);width:30%;height:30%;transition:transform .14s var(--ease-spring);border-radius:50%;margin:-15% 0 0 -15%;top:50%;left:50%}.chs-ring{box-shadow:inset 0 0 0 max(3.5px, .8cqi) var(--chs-ring);border-radius:50%;inset:5%}@keyframes chs-hint{0%{opacity:0;transform:scale(.4)}}.chs-sq.is-over .chs-dot{transform:scale(1.3)}.chs-piece{z-index:2;pointer-events:none;width:12.5%;height:12.5%;transform:translate(calc(var(--x) * 100% + var(--dx,0px)), calc(var(--y) * 100% + var(--dy,0px)));transition:transform .2s var(--ease-out);will-change:transform;position:absolute;top:0;left:0}.chs-land{transform-origin:50% 88%;width:100%;height:100%;display:block}.chs-land.is-land{animation:chs-land .3s var(--ease-out) .15s}@keyframes chs-land{35%{transform:scale(1.12,.84)}65%{transform:scale(.95,1.06)}to{transform:none}}.chs-piece .chs-pc{width:100%;height:100%;transition:transform .18s var(--ease-spring), filter .18s;padding:5%}.chs-board.is-live .chs-piece.is-sel .chs-pc{transform:translateY(-4%)}.chs-piece.is-drag{z-index:10;transition:none}.chs-piece.is-drag .chs-pc{filter:drop-shadow(3px 5px 0 color-mix(in srgb, var(--ink) 35%, transparent));transform:scale(1.18)translateY(-4%)}.chs-piece.is-ghost{z-index:1;animation:chs-gone .24s var(--ease-out) forwards}@keyframes chs-gone{to{opacity:0;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%)) scale(.6)}}.chs-pc{display:block;overflow:visible}.chs-pc-body>*{stroke-width:5px;stroke-linejoin:round}.chs-pc-detail>*{fill:none;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.chs-pc--w .chs-pc-body>*{fill:var(--white);stroke:var(--ink)}.chs-pc--w .chs-pc-detail>*{stroke:var(--ink)}.chs-pc--w .chs-pc-dot{fill:var(--ink);stroke:none}.chs-pc--b .chs-pc-body>*{fill:var(--ink);stroke:var(--ink)}.chs-pc--b .chs-pc-detail>*{stroke:var(--cream)}.chs-pc--b .chs-pc-dot{fill:var(--cream);stroke:none}.chs-promo{z-index:20;position:absolute;inset:0}.chs-promo-scrim{cursor:default;animation:chs-fade .16s var(--ease-out);background:#1a1a2e59;border:0;padding:0;position:absolute;inset:0}.chs-promo-card{width:12.5%;height:50%;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 25%));background:var(--white);border:var(--edge);box-shadow:var(--hard);animation:chs-card .24s var(--ease-spring) backwards;pointer-events:none;border-radius:14px;position:absolute;top:0;left:0}@keyframes chs-card{0%{opacity:0;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 25%)) scale(.6)}}.chs-promo-btn{width:12.5%;height:12.5%;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%)) scale(.84);cursor:pointer;animation:chs-pop .22s var(--ease-spring) backwards;transition:background .14s, box-shadow .14s, transform .14s var(--ease-spring);background:0 0;border:0;border-radius:10px;padding:0;position:absolute;top:0;left:0}.chs-promo-btn:hover,.chs-promo-btn:focus-visible{background:var(--sun);box-shadow:inset 0 0 0 2.5px var(--ink);transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%)) scale(.88);outline:none}.chs-promo-btn:active{transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%)) scale(.8)}.chs-promo-btn .chs-pc{width:100%;height:100%;padding:6%}@keyframes chs-pop{0%{opacity:0;transform:translate(calc(var(--x) * 100%), calc(var(--y) * 100%)) scale(.4)}}@keyframes chs-fade{0%{opacity:0}}.chs-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chs-side{border-radius:var(--r-md);background:var(--white);border:var(--edge);width:100%;max-width:640px;min-height:0;max-height:160px;box-shadow:var(--hard);flex-direction:column;display:flex;overflow:hidden}.chs-side-head{border-bottom:var(--edge);background:var(--cream);font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);justify-content:space-between;align-items:center;padding:8px 12px 7px 14px;font-size:17px;font-weight:800;display:flex}.chs-side-head b{border:2px solid var(--ink);background:var(--sun);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 8px;font-size:14px;line-height:20px}.chs-moves{min-height:0;font-family:var(--font-body);font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;margin:0;padding:6px 6px 10px;font-size:14px;font-weight:700;list-style:none;overflow-y:auto}.chs-moves li{border-radius:8px;grid-template-columns:34px 1fr 1fr;align-items:center;gap:2px;display:grid}.chs-moves li:nth-child(2n){background:color-mix(in srgb, var(--cream) 70%, transparent)}.chs-mn{color:var(--ink-3);padding-left:8px;font-weight:700}.chs-san{color:var(--ink);white-space:nowrap;border-radius:8px;padding:3px 8px}.chs-san.is-last{background:var(--sun);box-shadow:inset 0 0 0 2px var(--ink);font-weight:800}.chs-moves-empty{color:var(--ink-3);font-weight:600;font-family:var(--font-body);padding:8px;display:block!important}@container (width>=700px){.chs-main{grid-template-columns:minmax(0,auto) 220px;justify-content:center;align-items:stretch}.chs-col{width:min(100cqi - 238px,max(360px,100svh - 270px),640px)}.chs-side{contain:size;max-height:none;margin-block:42px}}@media (prefers-reduced-motion:reduce){.chs-piece{transition-duration:1ms}.chs-land.is-land{animation:none}}.chs-online{--p0:var(--white);--p1:var(--ink)}.chs-online .chs-col{width:min(100% - 10px,max(300px,100svh - 330px),640px)}@container (width>=700px){.chs-online .chs-col{width:min(100cqi - 238px,max(360px,100svh - 330px),640px)}}