.xiangqi-board{--board-cast-shadow:0 1.6rem 4.2rem #0508066b;aspect-ratio:608/672;border:1px solid var(--board-edge-deep);border-radius:var(--game-radius-board);background:radial-gradient(ellipse at 27% 16%, #fff0c452, transparent 40%), linear-gradient(112deg, transparent 0 23%, #753d1c08 23.2% 23.5%, transparent 23.8% 61%, #fff1cc12 61.3% 61.7%, transparent 62%), linear-gradient(145deg, var(--board-face-light), var(--board-face) 54%, var(--board-face-deep));width:100%;box-shadow:inset 0 -1.25rem 2.4rem #4f261229, var(--board-cast-shadow);isolation:isolate;touch-action:manipulation;position:relative;overflow:hidden;container-type:inline-size}.xiangqi-board:before{z-index:0;content:"";opacity:.7;pointer-events:none;background:linear-gradient(90deg,#5c2b130d 1px,#0000 1px) 0 0/29% 100%,radial-gradient(#0000 58%,#5026111f);position:absolute;inset:0}.xiangqi-board:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(112deg,#0000 28%,#fffae014 45%,#0000 62%);position:absolute;inset:0}.xiangqi-board__grid{z-index:1;width:100%;height:100%;color:var(--board-line);filter:drop-shadow(0 .5px #ffedbe4d);shape-rendering:geometricprecision;display:block;position:relative}.xiangqi-board__grid line,.xiangqi-board__grid path,.xiangqi-board__frame-outer{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;vector-effect:non-scaling-stroke}.xiangqi-board__frame-outer{color:var(--board-edge-deep);stroke-width:2.8px}.xiangqi-board__river-band{fill:#ffe7b217;stroke:none}.xiangqi-board__palaces{stroke-width:1.2px!important}.xiangqi-board__marks path{stroke-width:1.1px}.xiangqi-board__file-coordinates{fill:#4f2b19a8;font-family:var(--game-font-ui);font-variant-numeric:tabular-nums;font-size:11px;font-weight:750}.xiangqi-board__river-labels{fill:#5b351fd1;stroke:none;font-family:var(--game-font-piece);letter-spacing:.18em;filter:drop-shadow(0 1px #ffe8b852);font-size:23px;font-weight:400}.xiangqi-board__coordinates{z-index:3;pointer-events:none;position:absolute;inset:7.14286% 7.89474%}.xiangqi-square{left:calc(var(--board-file) * 12.5%);top:calc(var(--board-rank) * 11.1111%);z-index:3;aspect-ratio:1;cursor:pointer;touch-action:manipulation;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:max(30px,11.2cqw);padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.xiangqi-square:active{background:#fff7d31f}.xiangqi-square:focus-visible{outline-offset:2px;outline:3px solid #fff7d3;box-shadow:0 0 0 6px #702f1fb8}.xiangqi-piece{--piece-color:var(--piece-ink);--glyph-x:0;--glyph-y:.015em;--glyph-scale:1;aspect-ratio:1;width:max(29px,9.65cqw);color:var(--piece-color);filter:drop-shadow(0 max(2px,.55cqw) max(3px,1cqw) #301d104d);transition:filter var(--game-motion-fast) var(--game-ease-out), transform var(--game-motion-fast) var(--game-ease-out);border-radius:50%;place-items:center;display:grid;position:relative}.xiangqi-piece__rim,.xiangqi-piece__face,.xiangqi-piece__state{border-radius:inherit;pointer-events:none;position:absolute}.xiangqi-piece__rim{border:max(1px, .34cqw) solid var(--piece-rim-deep);background:radial-gradient(circle at 34% 22%, #fff8e08c 0 7%, transparent 28%), linear-gradient(145deg, var(--piece-face-highlight), var(--piece-face-depth) 72%, var(--piece-rim));box-shadow:inset 0 0 0 max(1px, .32cqw) #fff7db61, inset 0 -.12em .26em #60361d2e, var(--game-shadow-piece);inset:0}.xiangqi-piece__face{background:radial-gradient(circle at 36% 25%, #fffff4a3 0 8%, transparent 26%), radial-gradient(circle at 50% 46%, var(--piece-face-highlight), var(--piece-face) 67%, var(--piece-face-depth));border:0;inset:7.5%;box-shadow:inset 0 0 0 1px #fffdeb6b,0 1px 1px #59321c1a}.xiangqi-piece__face:after{content:"";opacity:.52;border:max(.75px,.18cqw) solid;border-radius:50%;position:absolute;inset:3.5%}.xiangqi-piece__glyph{z-index:3;font-family:var(--game-font-piece);font-synthesis:none;text-shadow:0 .5px #fffceb2e;-webkit-text-stroke:max(.2px, .07cqw) currentColor;-webkit-font-smoothing:antialiased;transform:translate(var(--glyph-x), var(--glyph-y)) scale(var(--glyph-scale));transform-origin:50%;font-size:max(19px,6.15cqw);font-weight:400;line-height:1;position:relative}.board-showcase--fullscreen .xiangqi-square,.board-showcase:fullscreen .xiangqi-square{width:max(34px,11.65cqw)}.board-showcase--fullscreen .xiangqi-piece,.board-showcase:fullscreen .xiangqi-piece{width:max(32px,10.15cqw)}.board-showcase--fullscreen .xiangqi-piece__glyph,.board-showcase:fullscreen .xiangqi-piece__glyph{font-size:max(21px,6.45cqw)}.board-showcase--fullscreen .xiangqi-square--capture .xiangqi-target,.board-showcase:fullscreen .xiangqi-square--capture .xiangqi-target{width:max(32px,10.25cqw)}.board-showcase--fullscreen .xiangqi-square--last-from:after,.board-showcase--fullscreen .xiangqi-square--last-to:after,.board-showcase:fullscreen .xiangqi-square--last-from:after,.board-showcase:fullscreen .xiangqi-square--last-to:after{width:max(32px,10.65cqw)}.xiangqi-piece__state{z-index:4;opacity:0;transition:border-color var(--game-motion-fast) var(--game-ease-out), box-shadow var(--game-motion-fast) var(--game-ease-out), opacity var(--game-motion-fast) var(--game-ease-out);border:max(2px,.52cqw) solid #0000;inset:-8%}.xiangqi-piece--red{--piece-color:var(--piece-red)}.xiangqi-piece[data-kind=general]{--glyph-y:.025em;--glyph-scale:1.04}.xiangqi-piece[data-kind=advisor]{--glyph-x:-.015em;--glyph-y:.035em}.xiangqi-piece[data-kind=elephant]{--glyph-y:.025em;--glyph-scale:.98}.xiangqi-piece[data-kind=horse]{--glyph-x:-.02em;--glyph-y:.03em;--glyph-scale:1.02}.xiangqi-piece[data-kind=rook]{--glyph-y:.02em;--glyph-scale:.98}.xiangqi-piece[data-kind=cannon]{--glyph-y:.03em;--glyph-scale:.96}.xiangqi-piece[data-kind=soldier]{--glyph-y:.035em;--glyph-scale:1.02}.xiangqi-piece--placed{left:calc(var(--board-file) * 12.5%);top:calc(var(--board-rank) * 11.1111%);z-index:5;pointer-events:none;transition:left .18s cubic-bezier(.2,.88,.26,1),top .18s cubic-bezier(.2,.88,.26,1),filter .14s,box-shadow .14s;position:absolute;transform:translate(-50%,-50%)}.xiangqi-square:hover+.xiangqi-piece{filter:brightness(1.035)}.xiangqi-piece--selected{filter:brightness(1.045)drop-shadow(0 .45rem .8rem #264d3e52)}.xiangqi-piece--selected .xiangqi-piece__state{border-color:var(--game-active);opacity:1;box-shadow:0 0 0 2px #f4ebddd1,0 0 0 5px #4f8f78b8}.xiangqi-target{z-index:4;aspect-ratio:1;pointer-events:none;background:#246f5857;border:1px solid #fffdebad;border-radius:50%;width:max(8px,1.8cqw);position:absolute;box-shadow:0 0 0 3px #27705d14}.xiangqi-square--capture .xiangqi-target{background:#3e8b7117;border:max(1px,.35cqw) solid #26715bad;width:max(30px,9.75cqw);box-shadow:0 0 0 2px #dcf8e65c}.xiangqi-piece--capturable{filter:brightness(1.025)drop-shadow(0 .45rem .78rem #1a5f4b4d)}.xiangqi-piece--capturable .xiangqi-piece__state{opacity:1;border-style:dotted;border-color:#227159d1;inset:-11%;box-shadow:0 0 0 max(1px,.22cqw) #e1fae7e0,0 0 0 max(3px,.6cqw) #27826340}.xiangqi-square--last-from:after,.xiangqi-square--last-to:after{z-index:-1;aspect-ratio:1;content:"";background:#e8b24847;border:max(1px,.28cqw) dashed #875219b8;border-radius:50%;width:max(30px,10.2cqw);position:absolute;box-shadow:inset 0 0 0 max(2px,.42cqw) #ffeeb133}.xiangqi-square--last-to:after{background:#bf423442;border-style:solid;border-color:#a7372bc7;box-shadow:inset 0 0 0 max(2px,.42cqw) #ffe5b147,0 0 0 max(1px,.22cqw) #742e2233}.xiangqi-piece--last-moved{filter:brightness(1.055)drop-shadow(0 .55rem .9rem #85442361)}.xiangqi-piece--last-moved .xiangqi-piece__state{opacity:1;border-color:#b44c37c2;box-shadow:0 0 0 2px #fff2cac7,0 0 0 5px #bb5b3d61}.xiangqi-piece--check{filter:brightness(1.04)drop-shadow(0 .5rem .9rem #70231b61);animation:.7s ease-out 2 check-breathe}.xiangqi-piece--check .xiangqi-piece__state{border-color:var(--game-critical);opacity:1;box-shadow:0 0 0 2px #fff1ded6,0 0 0 5px #d95845c2}@keyframes check-breathe{50%{filter:brightness(1.09);transform:translate(-50%,-50%)scale(1.055)}}.xiangqi-capture-burst{z-index:8;aspect-ratio:1;opacity:0;pointer-events:none;will-change:opacity, transform;border:4px solid #a6332bbf;border-radius:50%;width:max(38px,11cqw);animation:.42s ease-out capture-ring;position:absolute}@keyframes capture-ring{0%{opacity:.9;transform:scale(.55)}75%{opacity:.35}to{opacity:0;transform:scale(1.45)}}.xiangqi-board--invalid{animation:.32s ease-out invalid-board}@keyframes invalid-board{35%{box-shadow:inset 0 0 0 3px #a6332bb8,0 24px 65px #3522142e}65%{transform:translate(2px)}}@media (update:slow),(prefers-reduced-data:reduce){.xiangqi-board,.xiangqi-board:before,.xiangqi-board:after,.xiangqi-piece,.xiangqi-piece__rim{box-shadow:none;filter:none}.xiangqi-piece--placed,.xiangqi-piece,.xiangqi-piece__state{transition-duration:.01ms}}.captured-pieces{background:#f4ebdd08;border:1px solid #f4ebdd14;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.45rem;min-height:1.3rem;padding:0 .45rem;display:flex}.captured-pieces__label{color:var(--game-text-muted);flex:none;font-size:.58rem;font-weight:750}.captured-pieces__list{justify-content:flex-end;align-items:center;min-width:0;display:flex}.captured-piece{aspect-ratio:1;color:#332c27;width:1.08rem;font-family:var(--game-font-piece);font-synthesis:none;background:#efd39a;border:1px solid;border-radius:50%;place-items:center;margin-left:-5px;font-size:.64rem;font-weight:400;display:grid;box-shadow:0 2px 5px #38231429}@media (prefers-reduced-motion:reduce){.xiangqi-board--invalid{animation:none}.xiangqi-piece{transition:none}.xiangqi-piece--check,.xiangqi-capture-burst{animation:none}}@media (prefers-contrast:more){.xiangqi-piece{--piece-color:#0d0c0a}.xiangqi-piece--red{--piece-color:#a61916}.xiangqi-piece__rim{border-width:2px}.xiangqi-piece__face:after{opacity:.82}}@media (forced-colors:active){.xiangqi-piece__rim,.xiangqi-piece__face{box-shadow:none;forced-color-adjust:none;background:canvas;border-color:canvastext}.xiangqi-piece__face:after{opacity:1;border-color:canvastext}.xiangqi-piece__glyph{color:canvastext;forced-color-adjust:none}.xiangqi-piece--selected .xiangqi-piece__state,.xiangqi-piece--capturable .xiangqi-piece__state,.xiangqi-piece--check .xiangqi-piece__state{forced-color-adjust:none;border-color:highlight;box-shadow:0 0 0 3px highlight}}.xiangqi-board--reduced-motion .xiangqi-piece,.xiangqi-board--reduced-motion .xiangqi-piece--placed{transition:none}.xiangqi-board--reduced-motion .xiangqi-piece--check,.xiangqi-board--reduced-motion .xiangqi-capture-burst,.xiangqi-board--reduced-motion.xiangqi-board--invalid{animation:none}.captured-piece--red{color:var(--color-red-700)}.captured-pieces__empty{color:var(--game-text-muted);font-size:.58rem}.captured-pieces--empty{visibility:hidden}@media (max-width:380px){.xiangqi-board{border-radius:9px}.captured-pieces{min-height:1.3rem;padding-block:0}}@media (prefers-color-scheme:light){.xiangqi-board{--board-cast-shadow:0 1.2rem 3.2rem #3e26173d}}