.hh-game--chess{--chb-light:color-mix(in srgb, var(--tone-leaf) 13%, var(--card));--chb-dark:color-mix(in srgb, var(--tone-leaf) 58%, var(--card))}.chp{--cp-l:var(--card);--cp-d:var(--ink);--cp-o:var(--ink);width:100%;height:100%;display:block;overflow:visible}.chp .chp-line{stroke:var(--cp-o)}.chp .chp-none{fill:none}.chp .chp-l{fill:var(--cp-l)}.chp .chp-d{fill:var(--cp-d)}.chp .chp-hl{stroke:var(--cp-l)}.chp .chp-lf{fill:var(--cp-l)}.chp .chp-nostroke{stroke:none}.chp-promo{gap:var(--s2);margin-top:var(--s2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.chp-promo__btn{height:auto;min-height:96px;padding:var(--s2);gap:var(--s1);font-size:var(--fs-base);flex-direction:column}.chp-promo__btn .chp{width:56px;height:56px}@media (width<=420px){.chp-promo{grid-template-columns:repeat(2,minmax(0,1fr))}}.chess-setup{gap:var(--s4);width:min(520px,100%);padding:var(--s3) 0 var(--s4);display:grid}.chess-setup__title{text-align:center;margin:0}.chess-setup__card{gap:var(--s3);padding:var(--s3);border:2px solid var(--line);border-radius:var(--r-tile);display:grid}.chess-setup__card>.hh-btn{width:100%}.chess-setup__field{gap:var(--s2);justify-items:start;display:grid}.chess-setup__label{font-weight:700}.chess-levels button{min-width:48px;padding:0 var(--s3);font-size:var(--fs-md)}.chess-note{color:var(--ink);font-size:var(--fs-base);margin:0}.chess-level-desc{min-height:3em}.chess-helpers{border:2px solid var(--line);border-radius:var(--r-tile);padding:0 var(--s3)}.chess-helpers>summary{min-height:var(--tap);align-items:center;gap:var(--s2);cursor:pointer;font-weight:700;list-style:none;display:flex}.chess-helpers>summary::-webkit-details-marker{display:none}.chess-helpers>summary:before{content:"";box-sizing:content-box;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:8px;height:8px;transition:transform .12s var(--ease);flex:none;margin:0 4px;transform:rotate(-45deg)}.chess-helpers[open]>summary:before{transform:rotate(45deg)}.chess-helpers[open]{padding-bottom:var(--s2)}.chess-switch{align-items:flex-start;gap:var(--s3);padding:var(--s2) 0;cursor:pointer;min-height:var(--tap);display:flex;position:relative}.chess-switch input{opacity:0;width:48px;height:28px;top:var(--s2);cursor:pointer;margin:0;position:absolute;left:0}.chess-switch__track{background:var(--line-strong);border:2px solid var(--ink-2);border-radius:14px;flex:none;width:48px;height:28px;margin-top:1px;transition:background-color .12s;position:relative}.chess-switch__track:after{content:"";background:var(--card);width:20px;height:20px;box-shadow:var(--shadow-1);transition:transform .12s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.chess-switch input:checked+.chess-switch__track{background:var(--go);border-color:var(--go)}.chess-switch input:checked+.chess-switch__track:after{transform:translate(20px)}.chess-switch input:focus-visible+.chess-switch__track{box-shadow:var(--focus)}.chess-switch__text{gap:2px;display:grid}.chess-switch__text small{color:var(--ink-2);font-size:var(--fs-base)}.chess{--board:min(100%, 560px, max(280px, calc(100dvh - 250px)));gap:var(--s3);place-items:start center;width:100%;display:grid}.chess-main{width:var(--board);gap:var(--s1);display:grid}.chb{aspect-ratio:1;-webkit-user-select:none;user-select:none;border:2px solid var(--ink);border-radius:var(--r-field);box-sizing:border-box;width:100%;position:relative;overflow:hidden;container-type:inline-size}.chb-cells,.chb-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.chb-cell{background:var(--chb-light);position:relative}.chb-cell.is-dark{background:var(--chb-dark)}.chb-cell:before{content:"";position:absolute;inset:0}.chb-cell.is-last:before{background:color-mix(in srgb, var(--hop) 40%, transparent)}.chb-cell.is-selected:before{background:color-mix(in srgb, var(--hop) 78%, transparent)}.chb-cell.is-hint:before{background:color-mix(in srgb, var(--card) 35%, transparent);box-shadow:inset 0 0 0 4px var(--tone-sky)}.chb-cell.is-check:before{background:color-mix(in srgb, var(--bad) 45%, transparent);box-shadow:inset 0 0 0 4px var(--bad)}.chb-coord{color:var(--ink);pointer-events:none;font-size:clamp(13px,3cqw,16px);font-weight:800;line-height:1;position:absolute}.chb-coord--rank{top:3px;left:3px}.chb-coord--file{bottom:2px;right:3px}.chb-pieces{pointer-events:none;z-index:1;position:absolute;inset:0}.chb-piece{box-sizing:border-box;width:12.5%;height:12.5%;transform:translate(calc(var(--c) * 100%), calc(var(--r) * 100%));transition:transform .2s var(--ease);padding:.4%;position:absolute;top:0;left:0}.chb-piece.is-moving{z-index:3}.chb-piece.is-dragging{z-index:5;transition:none;scale:1.12}.chb-piece.is-dropped,.chb-pieces.is-instant .chb-piece{transition:none}.chb-piece.is-taken{opacity:0;transition:opacity .18s}.chb-piece.is-shake{animation:.26s chb-shake}@keyframes chb-shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}.chb-grid{z-index:2}.chb-sq{cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.chb-sq.is-mine{cursor:pointer;touch-action:none}.chb-sq.is-target,.chb-sq.is-capture{cursor:pointer}.chb-sq:focus-visible{box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 7px var(--go);z-index:1;outline:none}.chb-sq:after{content:"";pointer-events:none;position:absolute}.chb-sq.is-target:after{background:color-mix(in srgb, var(--ink) 48%, transparent);border-radius:50%;width:32%;height:32%;top:50%;left:50%;translate:-50% -50%}.chb-sq.is-capture:after,.chb-sq.is-capture-ep:after{border:max(4px, .9cqw) solid color-mix(in srgb, var(--ink) 55%, transparent);border-radius:50%;inset:3%}.chb-sq.is-over:after{width:auto;height:auto;box-shadow:inset 0 0 0 4px var(--ink);background:0 0;border-radius:0;inset:0;translate:none}.chb-sq.is-threat:after{border:max(3px, .7cqw) dashed var(--bad);border-radius:50%;inset:4%}.chess-player{align-items:center;gap:var(--s2);min-height:48px;padding:2px var(--s2);border-radius:var(--r-btn);border:2px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.chess-player.is-turn{border-color:var(--ink);background:var(--paper)}.chess-player.is-winner{border-color:var(--go);background:var(--go-soft)}.chess-player__icon{place-items:center;width:36px;height:36px;display:grid}.chess-player__icon .chp{width:34px;height:34px}.chess-player__who{min-width:0;line-height:1.2;display:grid}.chess-player__name{font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chess-player__detail{font-size:var(--fs-base);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chess-player__mat{align-items:center;gap:var(--s1);justify-content:flex-end;min-width:0;display:flex}.chess-player__taken{max-width:150px;display:flex;overflow:hidden}.chess-player__taken .chp{flex:none;width:22px;height:22px;margin-right:-9px}.chess-player__lead{font-weight:800;font-size:var(--fs-base);min-width:2ch;padding-left:8px}.chess-panel{gap:var(--s3);align-content:start;width:min(100%,560px);display:grid}.chess-turn{align-items:center;gap:var(--s1) var(--s3);padding:var(--s3);border-radius:var(--r-tile);background:var(--paper);border:2px solid var(--ink);grid-template-columns:auto minmax(0,1fr);display:grid}.chess-turn.is-mine{background:color-mix(in srgb, var(--hop) 22%, var(--card))}.chess-turn__icon{grid-row:span 2;width:40px;height:40px}.chess-turn__text{min-width:0;line-height:1.25;display:grid}.chess-turn__label{font-size:var(--fs-base);font-weight:700}.chess-turn__name{font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chess-turn__msg{min-height:4.35em;font-weight:600;line-height:1.45;font-size:var(--fs-base);grid-column:2;margin:0}.chess-spinner{width:1em;height:1em;margin-right:var(--s2);vertical-align:-.15em;border:3px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;animation:.8s linear infinite chess-spin;display:inline-block}@keyframes chess-spin{to{transform:rotate(360deg)}}.chess-result{gap:var(--s3);display:grid}.chess-result[hidden]{display:none}.chess-result__title{align-items:center;gap:var(--s2);font-size:var(--fs-xl);margin:0;font-weight:800;display:flex}.chess-result__actions{gap:var(--s3);flex-wrap:wrap;display:flex}.chess-result__actions .hh-btn--primary{flex:200px}.chess-moves{gap:var(--s1);display:grid}.chess-moves__title{font-size:var(--fs-base);margin:0}.chess-moves__list{padding:var(--s1) var(--s2);border:2px solid var(--line);border-radius:var(--r-btn);height:calc(6.4em + 8px);font-size:var(--fs-base);align-content:start;column-gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(9.5em,1fr));margin:0;line-height:1.6;list-style:none;display:grid;overflow-y:auto}.chess-moves__list li{white-space:nowrap;grid-template-columns:2.4em 1fr 1fr;display:grid}.chess-moves__empty{color:var(--ink-2);grid-column:1/-1;display:block!important}.chess-moves__n{color:var(--ink-2)}.chess-moves__m.is-last{font-weight:800}.chess-tools{gap:var(--s2);flex-wrap:wrap;display:flex}.chess-keys{font-size:var(--fs-base);color:var(--ink-2);margin:0}@media (pointer:coarse){.chess-keys{display:none}}.hh-game--chess .hh-game__bar .hh-btn[aria-disabled=true]{opacity:.45}@media (width>=900px){.chess{--board:min(620px, max(320px, calc(100dvh - 210px)), calc(100vw - 500px));justify-content:center;gap:var(--s5);grid-template-columns:auto minmax(280px,340px)}.chess-moves__list{grid-template-columns:1fr;height:calc(12.8em + 8px)}}@media (orientation:landscape) and (height<=560px){.hh-game--chess .hh-game__stage{place-items:start center}.chess{--board:max(280px, min(calc(100dvh - 16px), calc(100vw - 420px), 560px));grid-template-columns:var(--board) minmax(220px, 340px);justify-content:center;gap:var(--s2) var(--s4);grid-template-rows:auto auto 1fr;justify-items:stretch}.chess-main{display:contents}.chess-main>.chb{width:var(--board);grid-area:1/1/span 3}.chess-main>.chess-player{grid-column:2}.chess-panel{gap:var(--s2);grid-area:3/2;width:100%}.chess-turn{padding:var(--s2) var(--s3)}.chess-turn__msg{min-height:2.9em}.chess-moves__list{grid-template-columns:1fr;height:calc(4.8em + 8px)}}@media (width<=420px){.chess-turn{padding:var(--s2) var(--s3)}.chess-turn__icon{width:32px;height:32px}.chess-player__taken{max-width:110px}}@media (prefers-reduced-motion:reduce){.chb-piece{transition:none}.chb-piece.is-shake{animation:none}.chess-spinner{animation-duration:2.4s}}.chess-online{gap:var(--s3);display:grid}.chess-online__stage{place-items:center;min-height:300px;display:grid}.chess-online__wait{margin:0;font-weight:700}.chess-online__note{font-size:var(--fs-base);margin:0;font-weight:600}.chess-player__icon .hh-avatar{flex:none}.chess-tools .hh-btn[aria-disabled=true]{opacity:.55}