.banqi-area{--banqi-pad:clamp(6px, 1.3vw, 16px);--banqi-bar:32px;--banqi-bar-gap:10px;--banqi-chip-strip:0px;--banqi-top-gap:6px;--banqi-edge:calc(2 * var(--banqi-pad) + 2px);--banqi-cap:100000px;box-sizing:border-box;width:100%;height:calc(var(--board-vh) - var(--board-chrome,0px));padding-top:calc(var(--banqi-top-gap) + var(--banqi-chip-strip) + var(--banqi-bar) + var(--banqi-bar-gap));grid-template-rows:minmax(0,1fr);justify-items:center;display:grid;position:relative;container:banqi-area/size}.banqi-area.has-turn-chip{--banqi-chip-strip:40px}.banqi-stage{--banqi-bw:min(100cqw - var(--banqi-edge), 2 * (100cqh - var(--banqi-edge)), var(--banqi-cap) - var(--banqi-edge));box-sizing:border-box;width:calc(var(--banqi-bw) + var(--banqi-edge));margin-top:calc(-1 * (var(--banqi-bar) + var(--banqi-bar-gap)));padding:var(--banqi-pad);background:linear-gradient(135deg,#8b4d29,#b66d38 43%,#713719);border:1px solid #6e331d;border-radius:20px;align-self:center;position:relative;box-shadow:inset 0 0 0 4px #ffd99726,inset 0 0 50px #36130659}.banqi-captured-bar{--captured-accent:#ffd58a;--captured-ink:#fff6de;box-sizing:border-box;height:var(--banqi-bar);margin:0 3px var(--banqi-bar-gap);color:#fff0cf;align-items:center;display:flex}.banqi-captured-bar .captured-roster-report-cell:first-child{--captured-tone:#ffb59b}.banqi-captured-bar .captured-roster-report-cell:last-child{--captured-tone:#e2e4cd}.banqi-board{aspect-ratio:2;background:#c98d55;border:3px solid #4d2414;border-radius:10px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffe8bc4d,inset 0 0 30px #4b200b3d}.banqi-board:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#532a158f calc(12.5% - 1px) 12.5%),repeating-linear-gradient(0deg,#0000 0 calc(25% - 1px),#532a158f calc(25% - 1px) 25%),linear-gradient(120deg,#ffffff1f,#0000 35%);position:absolute;inset:0}.banqi-cell{z-index:1;background:0 0;border:1px solid #5e2e174d;border-top:0;border-left:0;place-items:center;min-width:0;padding:5%;display:grid;position:relative;container-type:inline-size}.banqi-cell:not(:disabled):hover{background:#ffe5ac2e}.banqi-cell.selected{background:#439b8e33;box-shadow:inset 0 0 0 3px #3d9388cc}.banqi-cell.target:after{content:"";border:2px solid #ffdc80e0;border-radius:50%;position:absolute;inset:10%;box-shadow:0 0 12px #ffca54a6}.banqi-cell.last{box-shadow:inset 0 0 0 3px #ffb13ad9,inset 0 0 20px #ffb13a4d}.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:47.3cqw;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}.banqi-back-seal{z-index:2;aspect-ratio:1;width:48%;font-family:var(--font-qi-kai),"STKaiti","KaiTi",serif;border:1px solid;place-items:center;font-size:29.2cqw;font-weight:800;line-height:1;display:grid;position:relative;transform:rotate(45deg)}.banqi-back-seal:first-letter{transform:rotate(-45deg)}.banqi-back-cloud{border:1px dashed #e1c07573;border-radius:50%;position:absolute;inset:18%}.banqi-token.unturned{box-shadow:none;border-style:dashed}.banqi-token.unturned:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background:#c98d556b;position:absolute;inset:-1px}.banqi-target-pip{aspect-ratio:1;background:#7d3e20;border:2px solid #ffe088;border-radius:50%;width:20%;box-shadow:0 0 0 5px #ffe08833}.banqi-side-dot{aspect-ratio:1;box-sizing:border-box;color:#8e221b;width:24px;height:24px;font-family:var(--font-qi-kai),"STKaiti","KaiTi",serif;background:#efd9ad;border:2px solid #705032;border-radius:50%;flex:0 0 24px;place-items:center;font-size:13px;font-weight:900;display:grid}.banqi-side-dot.black{color:#202723}.banqi-side-dot.unknown{color:#826e50}.banqi-captured-bar .captured-roster-report{flex-wrap:nowrap;flex:auto;align-items:center;gap:8px 12px;min-width:0;display:flex}.banqi-captured-bar .captured-roster-report-head{color:inherit;flex:none;gap:8px}.banqi-captured-bar .captured-roster-report-head small{display:none}.banqi-captured-bar .captured-roster-report-cells{flex:1 1 0;min-width:0}.banqi-captured-bar .captured-roster-report-cell{color:inherit;background:#fff6dc1a;border-color:#fff0cd42}.banqi-captured-bar .captured-roster-report-cell:hover,.banqi-captured-bar .captured-roster-report-cell[aria-expanded=true]{background:#fff6dc33;border-color:#fff0cd80}.captured-roster-piece .banqi-token{width:48px}.captured-roster-piece .banqi-token-glyph{font-size:26px}.captured-roster-piece .banqi-back-seal{font-size:16px}@media (width<=520px){.banqi-area{--banqi-pad:6px}.banqi-stage{border-radius:12px}.banqi-board{border-width:2px}.banqi-cell{padding:3%}.banqi-token{border-width:2px;width:91%}.banqi-token-glyph{font-size:50.1cqw}.banqi-back-seal{font-size:30.9cqw}.banqi-captured-bar i{display:none}}@media (width>=851px) and (orientation:landscape),(width>=812px) and (height<=500px){.banqi-area{--banqi-cap:850px}}@container banqi-area (aspect-ratio<1){.banqi-stage{--banqi-bw:min(100cqw - var(--banqi-edge), (100cqh - var(--banqi-edge)) / 2, (var(--banqi-cap) - var(--banqi-edge)) / 2)}.banqi-board{aspect-ratio:1/2;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(4,1fr)}.banqi-cell{grid-column:calc(4 - var(--banqi-row));grid-row:calc(var(--banqi-col) + 1)}.banqi-board:before{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#532a158f calc(25% - 1px) 25%),repeating-linear-gradient(0deg,#0000 0 calc(12.5% - 1px),#532a158f calc(12.5% - 1px) 12.5%),linear-gradient(120deg,#ffffff1f,#0000 35%)}}.bk-review-chip.banqi-turn-chip{top:var(--banqi-top-gap);padding:4px 12px 4px 4px}.banqi-turn-chip .banqi-side-dot{border-width:1px;flex-basis:20px;width:20px;height:20px;font-size:11px}.banqi-control-panel.record-panel:not(.is-review)>.game-control-scroll>.game-control-settings{grid-row:3}.banqi-under-buttons{align-items:center;gap:8px;margin-top:6px;display:flex}.banqi-under-buttons>.bk-history-entry{margin-top:0}.banqi-move-count{color:var(--ink-soft);font-family:var(--font-app-sans);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.banqi-control-panel.record-panel:not(.is-review)>.game-control-scroll>.banqi-forces{grid-row:4}.banqi-control-panel.record-panel:not(.is-review)>.game-control-scroll>.game-ai-trigger,.banqi-control-panel.record-panel:not(.is-review)>.game-control-scroll>.bk-entry-tool,.banqi-control-panel.record-panel:not(.is-review)>.game-control-scroll>.game-panel-puzzles{grid-row:5}.banqi-control-panel .banqi-forces{gap:8px;padding:10px 18px;display:grid}.banqi-forces-side{--force-tone:#b4492f;--force-idle:color-mix(in srgb,var(--ink-soft) 42%,transparent);gap:4px;display:grid}.banqi-forces-side[data-color=black]{--force-tone:#2c3430}html[data-drawer-tone=dark] .banqi-forces-side{--force-tone:#f08a7c}html[data-drawer-tone=dark] .banqi-forces-side[data-color=black]{--force-tone:#e8e1cf}.banqi-forces-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;line-height:1.25;display:flex}.banqi-forces-head b{color:var(--force-tone);font-weight:700}.banqi-forces-head span{color:var(--ink-soft);font-variant-numeric:tabular-nums}.banqi-forces ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 8px;margin:0;padding:0;list-style:none;display:grid}.banqi-forces li{align-items:center;gap:5px;min-width:0;display:flex}.banqi-forces-glyph{box-sizing:border-box;width:20px;height:20px;color:var(--force-tone);font-family:var(--font-qi-kai),"STKaiti","KaiTi",serif;background:radial-gradient(circle at 36% 28%,#fff3d5,#e6bd78 70%,#c8904f);border:1px solid #5c2e188c;border-radius:50%;flex:0 0 20px;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}html[data-drawer-tone=dark] .banqi-forces-side[data-color=black] .banqi-forces-glyph{color:#222a26}html[data-drawer-tone=dark] .banqi-forces-side[data-color=red] .banqi-forces-glyph{color:#a42319}.banqi-forces-pips{flex-wrap:wrap;flex:0 0 45px;gap:3px;width:45px;display:flex}.banqi-forces-pips i{box-sizing:border-box;background:var(--force-idle);border-radius:2px;width:9px;height:9px}.banqi-forces-pips i.up{background:var(--force-tone)}.banqi-forces-pips i.lost{border:1px solid var(--ink-soft);opacity:.75;background:linear-gradient(45deg,transparent 42%,var(--ink-soft) 42% 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--ink-soft) 42% 58%,transparent 58%)}