.compact-side .xiangqi-mini-piece{flex-basis:17px;width:17px;height:17px;font-size:11px}.xiangqi-board-stage{grid-template-columns:minmax(0,1fr);place-items:center;gap:9px;width:100%;max-width:818px;display:grid}.xiangqi-board-frame{--xiangqi-frame-pad:clamp(14px, 1.8vw, 24px);--xiangqi-lip:5px;aspect-ratio:8/9;width:100%;max-width:818px;padding:var(--xiangqi-frame-pad);background:linear-gradient(to top, #8a5b2a 0 1px, #a8773c 1px calc(var(--xiangqi-lip) - 1px), #cf9c5c calc(var(--xiangqi-lip) - 1px) var(--xiangqi-lip), transparent var(--xiangqi-lip)), radial-gradient(ellipse 64% 60% at 50% 47%, #fff0cc66, #fff0cc00 74%), radial-gradient(ellipse 80% 78% at 50% 50%, #70421600 56%, #70421638 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='600'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5 .009' numOctaves='4' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .44 0 0 0 0 .26 0 0 0 0 .08 .43 0 0 0 -.17'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.08 .004' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .93 0 0 0 0 .76 .3 0 0 0 -.17'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E") center / 100% 100% no-repeat, linear-gradient(168deg, #eccb9c 0%, #e6c391 50%, #dcb682 100%);border:1px solid #603a1699;border-radius:7px;display:grid;position:relative;box-shadow:inset 0 1px #fff5d8b3,inset 1px 0 #fff5d852,inset 0 0 28px #643c151f}.xiangqi-board{--xiangqi-line:#70441c7a;--xiangqi-last-ring:#fffdf4fa;--xiangqi-last-glow:#fff6d0c7;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);width:100%;display:grid;position:relative}.xiangqi-board:before{content:"";z-index:4;box-sizing:border-box;border:1px solid var(--xiangqi-line);outline:2.5px solid var(--xiangqi-line);outline-offset:3px;pointer-events:none;position:absolute;inset:5% 5.55556%}.xiangqi-square{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.xiangqi-square:before,.xiangqi-square:after{content:"";z-index:3;background:var(--xiangqi-line);pointer-events:none;position:absolute}.xiangqi-square:before{height:1px;top:calc(50% - .5px);left:0;right:0}.xiangqi-square:after{width:1px;top:0;bottom:0;left:calc(50% - .5px)}.xiangqi-square:nth-child(9n+4):before{left:50%}.xiangqi-square:nth-child(9n+12):before{right:50%}.xiangqi-square:nth-child(n+4):nth-child(-n+12):after{top:50%}.xiangqi-square:nth-child(n+85):nth-child(-n+93):after,.xiangqi-square:nth-child(n+40):nth-child(-n+48):after{bottom:50%}.xiangqi-square:nth-child(n+49):nth-child(-n+57):after{top:50%}.xiangqi-square:is(:nth-child(23),:nth-child(29),:nth-child(33),:nth-child(35),:nth-child(37),:nth-child(60),:nth-child(62),:nth-child(64),:nth-child(68),:nth-child(74)){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23704420' stroke-opacity='.9' stroke-width='1.5'%3E%3Cpath d='M16.5 9v7.5H9M23.5 9v7.5H31M16.5 31v-7.5H9M23.5 31v-7.5H31'/%3E%3C/svg%3E") 50%/56% no-repeat}.xiangqi-square:is(:nth-child(31),:nth-child(58)){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23704420' stroke-opacity='.9' stroke-width='1.5'%3E%3Cpath d='M23.5 9v7.5H31M23.5 31v-7.5H31'/%3E%3C/svg%3E") 50%/56% no-repeat}.xiangqi-square:is(:nth-child(39),:nth-child(66)){background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23704420' stroke-opacity='.9' stroke-width='1.5'%3E%3Cpath d='M16.5 9v7.5H9M16.5 31v-7.5H9'/%3E%3C/svg%3E") 50%/56% no-repeat}.xiangqi-palace{z-index:1;background:linear-gradient(to bottom right, transparent calc(50% - .75px), var(--xiangqi-line) calc(50% - .25px) calc(50% + .25px), transparent calc(50% + .75px)), linear-gradient(to top right, transparent calc(50% - .75px), var(--xiangqi-line) calc(50% - .25px) calc(50% + .25px), transparent calc(50% + .75px));pointer-events:none;width:22.2222%;height:20%;position:absolute;left:38.8889%}.xiangqi-palace.top{top:5%}.xiangqi-palace.bottom{bottom:5%}.xiangqi-river{z-index:4;box-sizing:border-box;border-top:1px solid var(--xiangqi-line);border-right:1px solid var(--xiangqi-line);border-bottom:1px solid var(--xiangqi-line);border-left:1px solid var(--xiangqi-line);color:#8f6032;height:10%;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;letter-spacing:.5em;pointer-events:none;justify-content:space-around;align-items:center;font-size:clamp(14px,2.1vw,25px);display:flex;position:absolute;top:45%;left:5.55556%;right:5.55556%;container-type:size}.xiangqi-river span{text-shadow:0 1px #fff1d099;padding-left:.5em;font-size:56cqh;font-weight:700;line-height:1}.xiangqi-piece{z-index:5;aspect-ratio:1;width:82%;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;-webkit-user-select:none;user-select:none;will-change:var(--piece-layer,auto);border-radius:50%;place-items:center;font-size:clamp(19px,min(3.7vw,5.25vh),38px);font-weight:600;transition:transform .12s;display:grid;position:relative;container-type:inline-size}.xiangqi-piece-glyph{text-align:center;place-items:center;width:100%;line-height:1;display:grid;transform:translateY(-.045em)}.xiangqi-piece-icon{z-index:2;filter:drop-shadow(0 1px #ffffff9e);width:55%;height:55%;position:relative}.xiangqi-com-piece-icon{-webkit-mask-image:var(--xiangqi-com-piece-image);-webkit-mask-image:var(--xiangqi-com-piece-image);mask-image:var(--xiangqi-com-piece-image);background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=king]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/king.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=advisor]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/advisor.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=elephant]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/elephant.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=horse]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/horse.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=rook]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/rook.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=cannon]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/cannon.svg)}.xiangqi-com-piece-icon[data-xiangqi-piece-icon=pawn]{--xiangqi-com-piece-image:url(/xiangqi/xiangqi-com/pawn.svg)}.xiangqi-piece.red,.xiangqi-mini-piece.red{color:#a31d14}.xiangqi-piece.black,.xiangqi-mini-piece.black{color:#241d18}.xiangqi-square:hover .xiangqi-piece{transform:scale(1.035)}.xiangqi-piece{--xiangqi-bevel:inset 0 1px 0 #fff2d6d9, inset 0 -2px 2px #703c1257, inset 0 0 0 1px #7e4a1e4d;--xiangqi-rest-shadow:var(--xiangqi-bevel), 0 2px 0 #a96b34, 0 3px 0 #8a5425, 0 4px 4px #381c065c;--xiangqi-held-shadow:var(--xiangqi-bevel), 0 3px 0 #a96b34, 0 5px 0 #8a5425, 0 15px 13px #2e16065c}.xiangqi-piece.banqi-token{box-shadow:var(--xiangqi-rest-shadow);background:radial-gradient(circle closest-side,#ffebc2 0%,#fcd99b 56%,#f6c880 83%,#ffe6b4 84.5%,#ffe6b400 87.5%),linear-gradient(#ebb06c 0%,#d59552 46%,#b5733a 100%);border:0}.xiangqi-piece .banqi-token-rim{opacity:.92;border:max(1.5px,3.6cqw) solid;inset:11%;box-shadow:0 1px #fff6de8c}.xiangqi-piece .banqi-token-glyph{-webkit-text-stroke:var(--xiangqi-glyph-stroke,.01em) currentColor;text-shadow:0 1px #fff6deb3}@supports (font:-apple-system-body){.xiangqi-piece{--xiangqi-glyph-stroke:.02em}}.xiangqi-square .xiangqi-piece{transition:transform .12s,width .12s,margin .12s}.xiangqi-square.selected .xiangqi-piece{z-index:7;width:99.8%;box-shadow:var(--xiangqi-held-shadow);margin:-8%;transform:translateY(-7%)}.xiangqi-square.selected .xiangqi-piece[data-drag-lifted]{width:86%;box-shadow:var(--xiangqi-rest-shadow);transform:none}@media (width<=520px){.xiangqi-square.selected .xiangqi-piece{width:111%}.xiangqi-square.selected .xiangqi-piece[data-drag-lifted]{width:91%}}.xiangqi-piece.piece-motion-overlay[data-held]{animation:.24s linear both xiangqi-put-down!important}@keyframes xiangqi-put-down{0%,68%{scale:1}to{scale:var(--xiangqi-put-down-scale,.862)}}@media (width<=520px){.xiangqi-piece.piece-motion-overlay[data-held]{--xiangqi-put-down-scale:.82}}@media (prefers-reduced-motion:reduce){.xiangqi-square .xiangqi-piece{transition:none}}.xiangqi-square.last-to:not(.selected) .xiangqi-piece{box-shadow:0 0 0 2.5px var(--xiangqi-last-ring), 0 0 4px 3.5px #fffceee6, 0 0 10px 5px var(--xiangqi-last-glow), var(--xiangqi-rest-shadow)}.xiangqi-last-from{z-index:4;aspect-ratio:1;width:max(31%,12px);box-shadow:inset 0 0 0 2px var(--xiangqi-last-ring), 0 0 8px 2px var(--xiangqi-last-glow);pointer-events:none;background:radial-gradient(circle,#fffdf4 0 24%,#fffae280 31%,#fffae200 42%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xiangqi-square.in-check .xiangqi-piece{box-shadow:0 0 0 3px #fff8e8eb, 0 0 0 6px #c5281c, var(--xiangqi-rest-shadow);animation:.9s ease-out xiangqi-check-ring}.xiangqi-square.in-check.check-nudge .xiangqi-piece{animation:.43s ease-out 3 xiangqi-check-nudge}@keyframes xiangqi-check-ring{0%{box-shadow:0 0 0 3px #fff8e8eb, 0 0 0 6px #c5281c, 0 0 0 7px #c5281c8c, var(--xiangqi-rest-shadow)}to{box-shadow:0 0 0 3px #fff8e8eb, 0 0 0 6px #c5281c, 0 0 0 22px #c5281c00, var(--xiangqi-rest-shadow)}}@keyframes xiangqi-check-nudge{0%{box-shadow:0 0 0 3px #fff8e8eb, 0 0 0 6px #c5281c, 0 0 0 7px #c5281c8c, var(--xiangqi-rest-shadow)}to{box-shadow:0 0 0 3px #fff8e8eb, 0 0 0 6px #c5281c, 0 0 0 22px #c5281c00, var(--xiangqi-rest-shadow)}}@media (prefers-reduced-motion:reduce){.xiangqi-square.in-check .xiangqi-piece,.xiangqi-square.in-check.check-nudge .xiangqi-piece{animation:none}}.xiangqi-square[data-drag-source]{touch-action:none}.xiangqi-square[data-drop-over] .xiangqi-target-marker{transform:translate(-50%,-50%)scale(2.8)}.xiangqi-square[data-drop-over].capture-target .xiangqi-piece{box-shadow:0 0 0 7px #b8493799, var(--xiangqi-rest-shadow)}.bk-drag-ghost.xiangqi-piece{box-shadow:var(--xiangqi-held-shadow)}.xiangqi-square.far-turned .xiangqi-piece-glyph{transform:rotate(180deg)translateY(-.045em)}.xiangqi-square.far-turned .xiangqi-piece-icon{transform:rotate(180deg)}.xiangqi-board.is-reviewing .xiangqi-square{cursor:default}.xiangqi-board.is-reviewing .xiangqi-square:hover .xiangqi-piece{transform:none}.xiangqi-files{z-index:6;right:var(--xiangqi-frame-pad);left:var(--xiangqi-frame-pad);height:var(--xiangqi-frame-pad);color:#452712cc;font-family:var(--font-app-sans);font-size:clamp(10px, calc(var(--xiangqi-frame-pad) * .58), 13px);font-variant-numeric:tabular-nums;pointer-events:none;grid-template-columns:repeat(9,1fr);place-items:center;font-weight:600;line-height:1;display:grid;position:absolute}.xiangqi-files.is-far{top:1px}.xiangqi-files.is-near{bottom:var(--xiangqi-lip);height:calc(var(--xiangqi-frame-pad) - var(--xiangqi-lip))}.xiangqi-target-marker{z-index:6;aspect-ratio:1;pointer-events:none;background:#2e302b70;border-radius:50%;width:16%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xiangqi-square.capture-target .xiangqi-piece{box-shadow:0 0 0 4px #b8493770, var(--xiangqi-rest-shadow)}.xiangqi-mini-piece{width:28px;height:28px;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;background:#ead19a;border:1px solid;border-radius:50%;flex:0 0 28px;place-items:center;font-size:17px;font-weight:700;display:grid}.xiangqi-mini-piece-icon{width:62%;height:62%}.xiangqi-piece-face-toggle{touch-action:var(--mobile-game-touch-action,manipulation);cursor:pointer;color:#50331e;background:linear-gradient(145deg,#ffffffc7,#eddab0c7),#ead19a;border:1px solid #5b391c47;border-radius:999px;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:2px 3px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:inset 0 1px #ffffffd1,0 4px 12px #482d141f}.xiangqi-piece-face-toggle:hover{border-color:#a423197a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 5px 15px #482d142e}.xiangqi-piece-face-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.xiangqi-face-choice{color:#50331e8f;border:1px solid #0000;border-radius:999px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:1px;transition:background .15s,border-color .15s,color .15s;display:grid}.xiangqi-face-choice.selected{color:#8f281f;background:#fffcf1c7;border-color:#87312233;box-shadow:0 1px 4px #502b121a}.xiangqi-face-preview{width:32px;height:32px;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;background:radial-gradient(circle at 35% 28%,#fff4d8,#dfb96f 72%,#b87b3d);border:1px solid;border-radius:50%;flex:0 0 32px;place-items:center;font-size:20px;font-weight:800;line-height:1;display:grid}.xiangqi-face-preview-icon{width:80%;height:80%}.xiangqi-face-swap{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.62;flex:0 0 16px;width:16px;height:16px}.xiangqi-piece-attribution{color:var(--ink-soft);margin:9px 0 0;font-size:9px;line-height:1.4}.xiangqi-piece-attribution a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #a4231957;text-decoration:underline #a4231957}.xiangqi-resource-split{margin-top:12px}@media (width>=851px) and (orientation:landscape),(width>=812px) and (height<=500px){.xiangqi-board-frame{width:min(100%, calc(var(--board-vh) * 8 / 9));margin-inline:auto}}@media (width<=600px){.xiangqi-board-frame{--xiangqi-frame-pad:12px;--xiangqi-lip:3px}}.banqi-token{aspect-ratio:1;color:#a42319;will-change:var(--piece-layer,auto);background:radial-gradient(circle at 36% 28%,#fff3d5,#e6bd78 58%,#aa672e 100%);border:clamp(2px,.3vw,4px) solid #5c2e18;border-radius:50%;place-items:center;width:86%;font-style:normal;transition:transform .18s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #fff9dfb3,inset 0 -5px 8px #65301140,0 3px #743b1e,0 6px 7px #431d0a57}.banqi-token.black{color:#222a26}.banqi-cell:not(:disabled):hover .banqi-token{transform:translateY(-4%)scale(1.025)}.banqi-token-rim{opacity:.52;border:1px solid;border-radius:50%;position:absolute;inset:10%}.banqi-token-glyph{z-index:2;font-family:var(--font-qi-kai),"STKaiti","KaiTi",serif;text-shadow:0 1px #ffffffb3;font-size:min(47.3cqw,31.9px);font-weight:800;line-height:1;position:relative;transform:translateY(-4%)}.xiangqi-piece .banqi-token-glyph{font-size:55cqw}.banqi-token.covered{color:#d4af64;background:radial-gradient(circle at 35% 28%,#624638,#2d2925 68%,#171713);border-color:#3f2519;box-shadow:inset 0 0 0 3px #d7af5f47,0 3px #21150e,0 6px 7px #29120873}@media (width<=520px){.banqi-token{border-width:2px;width:91%}.banqi-token-glyph{font-size:50.1cqw}}@media (width<=850px),(orientation:portrait){.xiangqi-board-frame{width:min(100%, calc(var(--board-fit-height) * 8 / 9));margin-inline:auto}}@media (orientation:portrait){.xiangqi-board-stage.has-face-toggle .xiangqi-board-frame{width:min(100%, calc((var(--board-vh) - 68px) * 8 / 9))}}@media (orientation:landscape){.xiangqi-board-stage.has-face-toggle{width:min(100%, calc(var(--board-vh) * 8 / 9 + 54px));grid-template-columns:minmax(0,1fr) 46px;gap:8px;max-width:872px}.xiangqi-board-stage.has-face-toggle .xiangqi-board-frame{width:100%}.xiangqi-piece-face-toggle{border-radius:23px;flex-direction:column;gap:3px;width:46px;min-width:46px;min-height:0;padding:3px}.xiangqi-face-choice{flex-basis:38px;width:38px;height:38px;padding:2px}.xiangqi-face-swap{transform:rotate(90deg)}}@media (orientation:portrait){.board-column:has(.xiangqi-board-stage.has-face-toggle){--board-chrome:51px}.xiangqi-board-stage.has-face-toggle .xiangqi-board-frame{width:min(100%, calc(var(--board-fit-height) * 8 / 9))}}@media (width<=850px) and (orientation:landscape){.xiangqi-board-stage.has-face-toggle{width:min(100%, calc(var(--board-fit-height) * 8 / 9 + 54px))}}