.variant-switch{display:flex;gap:5px;padding:4px;border:1px solid #bad29230;background:#0c241c70;border-radius:12px;flex-shrink:0}
.variant-switch button{font:inherit;font-size:13px;font-weight:650;color:#b5ca96;background:transparent;border:0;border-radius:8px;padding:9px 22px}
.variant-switch button[aria-pressed=true]{background:#e4d5a7;color:#453b26;box-shadow:0 2px 5px #0003}
.variant-library{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:9px;line-height:1.6;color:#a8be91;text-align:center}
.variant-library a,.match-source{color:#decea0;text-decoration:none;white-space:nowrap}
.variant-library a:hover,.match-source:hover{text-decoration:underline}
.match-source{font-size:9px;margin-left:auto}
.home-content{overflow-y:auto;min-height:0;flex-shrink:1}
[data-variant=xiangqi] .board-frame{height:calc(var(--board-size,300px) / .9);aspect-ratio:9/10;background:#94764e;padding:6px}
[data-variant=xiangqi] .board{grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);aspect-ratio:9/10;background:linear-gradient(120deg,#ecd7a5,#dec18a);overflow:hidden}
.xiangqi-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xiangqi-lines g{fill:none;stroke:#785d38;stroke-width:2;stroke-linecap:square}
.xiangqi-lines text{text-anchor:middle;font:34px 'KaiTi','SimSun',serif;fill:#886a43;stroke:none;letter-spacing:12px}
[data-variant=xiangqi] .square{background:transparent;aspect-ratio:auto;min-width:0;min-height:0;z-index:1}
[data-variant=xiangqi] .square.last{background:radial-gradient(ellipse,#85954b90,transparent 72%)}
[data-variant=xiangqi] .square.selected{box-shadow:inset 0 0 0 2px #9e3e29;background:#c2a36c50;border-radius:50%}
[data-variant=xiangqi] .square.in-check{background:radial-gradient(ellipse,#ce6046c0,transparent 75%)}
[data-variant=xiangqi] .square .piece{width:87%;height:87%;filter:drop-shadow(0 2px 1px #5d412680);stroke:none}
.xiangqi-piece{--disc-ink:#342e27}
.xiangqi-piece.red-piece{--disc-ink:#aa3225}
.xiangqi-piece .piece-rim{fill:#f8e6bc;stroke:#957649;stroke-width:2}
.xiangqi-piece .piece-ring{fill:none;stroke:var(--disc-ink);stroke-width:1}
.xiangqi-piece text{font-family:'KaiTi','STKaiti','SimSun',serif;font-weight:700;font-size:34px;fill:var(--disc-ink);stroke:none;text-anchor:middle}
[data-variant=xiangqi] .rank-coordinate,[data-variant=xiangqi] .file-coordinate{color:#755938;font-size:8px;opacity:.9}
[data-variant=xiangqi] .white-marker{background:#bf4735;border-color:#f1ba8e}
[data-variant=xiangqi] .legal-dot{background:#476a49a0;width:22%;height:22%}
[data-variant=xiangqi] .legal-capture{border:3px solid #9e3e29b0;border-radius:50%;inset:2px}
.xiangqi-piece.drag-ghost{height:60px;width:60px;position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:1000;filter:drop-shadow(0 5px 3px #0006)}
@media(max-width:720px) and (orientation:portrait){.variant-switch button{font-size:11px;padding:7px 20px}.variant-library{font-size:8px;gap:4px 8px;max-width:330px}.match-source{font-size:7px}.board-tools{gap:4px}[data-variant=xiangqi] .board-frame{padding:4px}}
@media(max-height:620px) and (orientation:portrait){.variant-switch{padding:3px;border-radius:8px}.variant-switch button{padding:5px 16px;font-size:10px}.variant-library{font-size:6px;line-height:1.3;gap:4px}.home-content{gap:5px}}
@media(orientation:landscape) and (max-height:600px){.variant-switch{padding:2px}.variant-switch button{padding:4px 20px;font-size:10px}.variant-library{font-size:7px}.home-content{gap:4px}.match-source{font-size:7px}}