.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{aspect-ratio:8/9;background:linear-gradient(135deg,#fff3,#0000 27%),repeating-linear-gradient(10deg,#0000 0 34px,#6b482106 35px 36px),#d7a85f;border:1px solid #4a301759;border-radius:7px;width:100%;max-width:818px;padding:clamp(14px,1.8vw,24px);display:grid;position:relative;box-shadow:inset 0 0 22px #643c151a}.xiangqi-board{--xiangqi-line:#402916c2;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:2px solid var(--xiangqi-line);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{bottom:50%}.xiangqi-palace{z-index:1;background:linear-gradient(to bottom right, transparent calc(50% - .5px), var(--xiangqi-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to top right, transparent calc(50% - .5px), var(--xiangqi-line) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px));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:2px solid var(--xiangqi-line);border-bottom:1px solid var(--xiangqi-line);border-left:2px solid var(--xiangqi-line);color:#452712b8;height:10%;font-family:var(--font-qi-kai), "STKaiti", "Kaiti SC", "KaiTi", serif;letter-spacing:.32em;pointer-events:none;background:#d7a85f;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%}.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;background:radial-gradient(circle at 34% 26%,#f9e8bd,#d9b46e 74%,#b17d3f);border:2px solid;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;box-shadow:0 5px 9px #46281242,inset 0 0 0 2px #fff4cd73;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:#a42319}.xiangqi-piece.black,.xiangqi-mini-piece.black{color:#222a26}.xiangqi-square:hover .xiangqi-piece{transform:scale(1.035)}.xiangqi-square.selected .xiangqi-piece{box-shadow:0 0 0 4px #b849378a,0 5px 9px #46281242}.xiangqi-square.last-move .xiangqi-piece:after{content:"";aspect-ratio:1;background:var(--red);border-radius:50%;width:10%;position:absolute;top:7%;right:7%}.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,0 5px 9px #46281242}.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: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),(width>=812px) and (height<=500px){.xiangqi-board-frame{width:min(100%, calc((var(--board-vh) - clamp(12px, 2vh, 24px)) * 8 / 9));margin-inline:auto}}@media (width<=600px){.xiangqi-board-frame{padding:12px}}.banqi-token{aspect-ratio:1;color:#a42319;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:min(86%,58px);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:min(55cqw,31.9px)}.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}.captured-roster-sidebar.xiangqi-captured-bar{--captured-accent:#9b3f2e}.xiangqi-captured-bar .captured-roster-report-cell:first-child{--captured-tone:#a42319}.xiangqi-captured-bar .captured-roster-report-cell:last-child{--captured-tone:#222a26}.captured-roster-piece .banqi-token{width:48px}.captured-roster-piece .banqi-token-glyph{font-size:26px}@media (width<=520px){.banqi-token{border-width:2px;width:91%}.banqi-token-glyph{font-size:50.1cqw}}@media (width<=850px){.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) - clamp(12px, 2vh, 24px)) * 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 (width<=850px) and (orientation:portrait){.board-column:has(.xiangqi-board-stage.has-face-toggle){--board-chrome:5rem}.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))}}