/* Chinese chess, scoped to its own Aero window. */
#xiangqi-window{--xq-board:clamp(260px,calc((100dvh - 430px) * .9),370px);width:min(446px,calc(100vw - 24px));max-height:calc(100dvh - 220px);display:flex;flex-direction:column}
#xiangqi-window>.titlebar{flex-shrink:0}#xiangqi-window>.window-interior{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}#xiangqi-window .menubar,#xiangqi-window .window-status{flex-shrink:0}#xiangqi-window .window-status{gap:8px}#xq-status{overflow:hidden;text-overflow:ellipsis}.xq-app-icon{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ad773e;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff1d1,#e7c38d 73%,#cc9e5f);box-shadow:0 1px 1px #6e492b55;color:#b13829;font:700 14px/1 "KaiTi","STKaiti",serif}.xq-export{margin-left:auto}.xq-play{padding:13px 15px 12px;overflow:auto;background:linear-gradient(135deg,#fffaf1,#f3ecdf);color:#705942;scrollbar-width:thin;scrollbar-color:#c5ae8c #f3ecdf}.xq-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.xq-heading h2{font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;font-size:25px;font-weight:600;letter-spacing:2px;margin:0;color:#6f4e35}.xq-heading p{font-size:10px;color:#a58e75;margin:4px 0 0}.xq-mode{font-size:10px;white-space:nowrap;border:1px solid #dfcbb0;border-radius:4px;background:#f3e8d7;color:#9b7c57;padding:5px 8px}.xq-match-info{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:37px;padding:6px 9px;margin-bottom:11px;border:1px solid #dfccb2;border-radius:4px;background:#fffaf2}.xq-turn{display:flex;align-items:center;gap:7px;min-width:0}.xq-turn strong{font-size:12px;font-weight:500;color:#8d6345;white-space:nowrap}.xq-turn-piece{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;border:1px solid #cba16d;background:radial-gradient(circle at 35% 25%,#fff2d3,#e8c998 75%,#cfa366);color:#b33026;box-shadow:0 1px 2px #7f5d3b33;font:700 17px/1 "KaiTi","STKaiti",serif}.xq-turn-piece[data-side="b"]{color:#373634}.xq-check{font-size:9px;white-space:nowrap;color:#ba3f2d;background:#fff0e7;border:1px solid #e6b59f;padding:2px 4px;border-radius:3px}.xq-move-count{font-size:10px;white-space:nowrap;color:#a08b72;font-variant-numeric:tabular-nums}.xq-move-count output{font-size:15px;font-weight:600;color:#8c6847;margin-left:4px}
.xq-board-wrap{position:relative;width:min(100%,var(--xq-board));margin:0 auto}.xq-board{container-type:inline-size;position:relative;width:100%;aspect-ratio:9/10;border:1px solid #b78a53;border-radius:5px;background:repeating-linear-gradient(2deg,#ffffff04 0 2px,#935b1608 3px 4px,transparent 5px 9px),linear-gradient(120deg,#ecd0a2,#e6c18c 55%,#dfb57d);box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #ab763d44,0 3px 8px #6f4d2926;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.xq-board-lines,.xq-points{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.xq-board-lines{pointer-events:none;overflow:visible}.xq-board-lines path{fill:none;stroke:#8a6238;stroke-width:3.5;stroke-linecap:square;opacity:.82}.xq-river{fill:#86633f;font:43px "KaiTi","STKaiti",serif;letter-spacing:3px}.xq-points{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr)}.xq-cell{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:3px;background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent}.xq-cell:focus-visible{outline:2px solid #167aaf;outline-offset:-1px;background:#fff7;z-index:4}.xq-piece{position:absolute;display:grid;place-items:center;width:87%;aspect-ratio:1;border:1px solid #ae7a3f;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff0cd,#efcf9b 65%,#dbad6b 92%);box-shadow:inset 0 0 0 2px #f9e0b6,inset 0 0 0 3px #b88e5a77,0 2px 2px #8a5a2d55;color:#b33226;font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;font-weight:700;font-size:20px;font-size:clamp(15px,6.5cqw,27px);line-height:1;opacity:0;pointer-events:none}.xq-cell[data-side="r"] .xq-piece,.xq-cell[data-side="b"] .xq-piece{opacity:1}.xq-cell[data-side="b"] .xq-piece{color:#35332e}.xq-cell.xq-selected .xq-piece{outline:2px solid #2985bf;outline-offset:1px;background:radial-gradient(circle at 35% 25%,#fff8e8,#f1d8ae 70%,#d9ab6c);z-index:3}.xq-cell.xq-legal[data-piece=""]:after{content:"";width:19%;height:19%;border-radius:50%;background:#3c9c6ee0;box-shadow:0 0 0 2px #edfff066;pointer-events:none}.xq-cell.xq-legal:not([data-piece=""]) .xq-piece{outline:2px solid #469f70;outline-offset:1px}.xq-cell.xq-last-from{background:#f6e0a55c;box-shadow:inset 0 0 0 1px #bc893866}.xq-cell.xq-last-to .xq-piece:after{content:"";position:absolute;inset:9%;border:1px solid #a66d2b88;border-radius:50%}.xq-cell.xq-pressed{background:#fff5}.xq-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:11px}.xq-bottom>span{font-size:10px;line-height:1.6;color:#a1896e}.xq-bottom>div{display:flex;gap:5px}.xq-bottom .aero-button{font-size:11px;min-width:51px;padding:4px 9px}.xq-bottom #xq-resign{color:#a06045}.xq-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:18px;border:1px solid #c4a67e;border-radius:5px;background:#fff7e9ed;backdrop-filter:blur(3px)}.xq-overlay-card{max-width:290px;max-height:100%;overflow:auto;scrollbar-width:thin;text-align:center;color:#8e7659}.xq-overlay-symbol{display:inline-grid;place-items:center;min-width:43px;height:43px;border:1px solid #c7a26b;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff3d6,#e8c791 80%,#cfa366);box-shadow:0 1px 2px #7f5d3b33;font:700 28px/1 "KaiTi","STKaiti",serif;color:#b13c2b;padding:0 5px}.xq-overlay h3{font-size:21px;line-height:1.4;font-weight:600;color:#7b573c;margin:12px 0 10px}.xq-overlay p{font-size:11px;line-height:1.85;white-space:pre-line;margin:0 0 17px}.xq-overlay-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.xq-overlay .aero-button{font-size:11px;padding:5px 10px}.xq-overlay .primary{border-color:#b59a6e;background:linear-gradient(#fffcf0,#efdebd);color:#7d5d39;box-shadow:inset 0 0 0 1px #fff8}
#xiangqi-window.maximized{width:min(520px,calc(100vw - 24px));--xq-board:clamp(280px,calc((100dvh - 410px) * .9),438px);max-height:calc(100dvh - 200px)}
@media(max-width:480px){#xiangqi-window{width:calc(100vw - 24px);--xq-board:clamp(250px,calc((100dvh - 410px) * .9),370px);max-height:calc(100dvh - 220px)}.xq-play{padding:12px 10px}.xq-menubar .menu-trigger{font-size:11px;padding-left:6px;padding-right:6px}.xq-heading h2{font-size:22px}.xq-heading p{font-size:9px}.xq-mode{font-size:9px;padding:4px 6px}.xq-match-info{padding:6px 7px}.xq-turn{gap:5px}.xq-turn strong{font-size:11px}.xq-check{font-size:8px;padding:2px 3px}.xq-move-count{font-size:9px}.xq-bottom>span{font-size:9px}.xq-bottom .aero-button{font-size:10px;min-width:44px;padding:4px 7px}.xq-overlay{padding:13px}.xq-overlay h3{font-size:19px}.xq-overlay p{font-size:10px}}