/* Server-authoritative match presentation. The final board remains visible and frozen. */
.ui-board-center .board-shell{position:relative;width:82svh;max-width:100%;aspect-ratio:1;margin:auto;background-position:center;background-size:contain;background-repeat:no-repeat;container-type:inline-size;filter:drop-shadow(0 12px 22px #0008)}
.ui-board-center .board-shell.xiangqi{background-image:url('assets/v7/themes/xiangqi-board.webp')}.ui-board-center .board-shell.jieqi{background-image:url('assets/v7/themes/jieqi-board.webp')}.ui-board-center .board-shell.chess{background-image:url('assets/v7/themes/chess-board.webp')}.ui-board-center .board-shell.go{background-image:url('assets/v7/themes/go-board.webp')}.ui-board-center .board-shell.caro{background-image:url('assets/v7/themes/caro-board.webp')}
.board-shell .board-surface,.board-shell .chess-grid{position:absolute;inset:13.8%;}.board-shell .board-grid{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#76501f;stroke-width:.38;fill:none}.board-shell .river{position:absolute;left:0;right:0;top:44.5%;height:11%;display:flex;align-items:center;justify-content:space-around;color:#70471d;font:700 clamp(12px,3cqw,28px)/1 var(--serif,serif);pointer-events:none}
.board-shell .point-hit{position:absolute;width:9.4cqw;height:9.4cqw;transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#782820;z-index:2}.board-shell.go .point-hit{width:4.5cqw;height:4.5cqw}.board-shell .xiangqi-piece{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:url('assets/v7/disc-ivory.webp') center/contain no-repeat;color:#a52c22;font:700 clamp(15px,4.7cqw,43px)/1 var(--serif,serif);filter:drop-shadow(0 2px 2px #0008)}.board-shell .xiangqi-piece.black{background-image:url('assets/v7/disc-black.webp');color:#f1dfbd}.board-shell .xiangqi-piece.covered{background-image:url('assets/v7/disc-covered-red.webp');color:#f4dda9}.board-shell .xiangqi-piece.black.covered{background-image:url('assets/v7/disc-covered.webp')}
.board-shell .go-stone{width:100%;height:100%;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#666,#111 45%,#000 75%);box-shadow:0 2px 3px #0008}.board-shell .go-stone.white{background:radial-gradient(circle at 35% 30%,#fff,#ddd 55%,#aaa);box-shadow:0 2px 3px #0008}
.board-shell .chess-grid,.board-shell .caro-grid{display:grid}.board-shell .chess-grid{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.board-shell .chess-cell{position:relative;display:grid;place-items:center;background:#efe3c8aa;color:#25160f;font-size:7cqw}.board-shell .chess-cell.dark{background:#315c65bb}.board-shell .chess-piece.black{color:#07151b;text-shadow:0 1px #fff8}.board-shell .chess-cell small{position:absolute;top:1px;left:2px;font:9px/1 system-ui;color:#39210f}.board-shell .caro-grid{grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);background-image:linear-gradient(#4e5f7a55 1px,transparent 1px),linear-gradient(90deg,#4e5f7a55 1px,transparent 1px);background-size:calc(100% / 15) calc(100% / 15)}.board-shell .caro-cell{position:relative;display:grid;place-items:center;border-right:1px solid #516a8588;border-bottom:1px solid #516a8588;color:#a72a2a;font:800 clamp(11px,3.2cqw,28px)/1 system-ui}.board-shell .caro-cell.o{color:#162b4f}.board-shell [data-cell].selected{filter:drop-shadow(0 0 8px #fff0a6)}.board-shell [data-cell].target{background:#f2d06a55}.board-shell [data-cell].last{box-shadow:inset 0 0 0 3px #f6d478}
:is(.board-shell,.ui-board-table).match-ended{position:relative;isolation:isolate}
.match-end-overlay{position:absolute;z-index:30;left:10%;right:10%;display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none;--end-glow:#e7c36c}
.match-end-overlay.at-top{top:7%}.match-end-overlay.at-bottom{bottom:7%}.match-end-overlay.is-loss{--end-glow:#e89399}
.match-end-art{display:grid;place-items:center;width:100%;filter:drop-shadow(0 5px 10px #000b);animation:match-end-reveal .5s ease-out both}
.match-end-art img{display:block;width:min(100%,320px);height:auto;aspect-ratio:2;object-fit:contain;user-select:none}
.match-end-caption{width:100%;padding:8px 12px 11px;background:radial-gradient(ellipse at center,#031c28f5 35%,#041722d9 70%,transparent);color:#fff1d2;text-shadow:0 1px 3px #000}
.match-end-reason{font:600 clamp(13px,1.05vw,16px)/1.5 var(--sans,system-ui);margin:0 auto 4px;color:#fff0ce}
.match-end-move{font:12px/1.4 var(--sans,system-ui);color:#c5d7dc;margin:3px 0 8px}
.match-end-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.match-end-button{pointer-events:auto;cursor:pointer;min-height:38px;padding:8px 11px;border:1px solid #ba995c;border-radius:5px;background:#062734ed;color:#f4d697;font:600 12px/1.2 var(--sans,system-ui);box-shadow:0 2px 8px #0005}
.match-end-button.primary{background:linear-gradient(145deg,#f2d38f,#b58a47);color:#182c31}.match-end-button:focus-visible{outline:3px solid #7de4e1;outline-offset:3px}
.match-end-overlay.is-collapsed .match-end-art,.match-end-overlay.is-collapsed .match-end-reason,.match-end-overlay.is-collapsed .match-end-move{display:none}.match-end-overlay.is-collapsed .match-end-caption{background:none;padding:0}.match-end-overlay.is-collapsed.at-top{top:1%}.match-end-overlay.is-collapsed.at-bottom{bottom:1%}
.match-ended [data-cell]{cursor:default!important}.match-ended .end-last{outline:3px solid #ffe285;outline-offset:-3px;z-index:9;filter:drop-shadow(0 0 6px #ffe177)!important}.match-ended .point-hit.end-last{outline:none}.match-ended .point-hit.end-last:before{content:'';position:absolute;inset:0;border:3px solid #ffdf70;border-radius:50%;box-shadow:0 0 12px #ffdf7099;pointer-events:none}
.match-ended .end-origin{box-shadow:inset 0 0 0 2px #b1e9ff!important}.match-ended .end-winning-cell{background:#b5883b66!important;box-shadow:inset 0 0 0 2px #f5d576!important;color:#fff6c4}
.match-ended .end-king{position:relative}.match-ended .end-king:after{content:'!';position:absolute;inset:-5%;display:grid;place-items:center;border:3px solid #ff7777;border-radius:50%;box-shadow:0 0 16px #ff5555;color:#fff;font:bold 20px/1 system-ui;pointer-events:none;z-index:12}
.match-warning{padding:10px 11px;border:1px solid #dc7469;border-radius:8px;background:linear-gradient(135deg,#431b24f5,#281923f5);color:#ffe4d8;box-shadow:inset 0 0 20px #aa332515}
.match-warning strong{display:flex;align-items:center;gap:7px;font:700 13px/1.4 var(--sans,system-ui);color:#ffd9bd}.match-warning strong>span{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #ffb9a3;border-radius:50%}.match-warning p{font:12px/1.45 var(--sans,system-ui);margin:6px 0 0;color:#ffe8dd}
.board-shell [data-cell].check-king{z-index:12}.board-shell [data-cell].check-king:after{content:'!';position:absolute;inset:-8%;display:grid;place-items:center;border:3px solid #ff625d;border-radius:50%;box-shadow:0 0 8px #ff625dcc,0 0 16px #ff625d77;color:#fff;background:#a62f3266;font:bold 16px/1 system-ui;pointer-events:none;animation:check-breathe 1.6s ease-in-out infinite}.board-shell .check-attacker{outline:2px solid #ffb65e;outline-offset:1px}.board-shell .atari-stone{outline:2px solid #ff7772;outline-offset:1px;border-radius:50%;filter:drop-shadow(0 0 4px #f44a);z-index:8}.board-shell .danger-point{box-shadow:inset 0 0 0 2px #ffc273!important;background:#b8652444!important}.board-shell .point-hit.danger-point{border:2px dashed #ffc273;border-radius:50%;box-shadow:0 0 7px #ffb14a77!important}.board-shell .danger-point:after{content:'!';position:absolute;inset:0;display:grid;place-items:center;color:#fff2ca;text-shadow:0 1px 3px #522000;font:bold clamp(11px,1.3vw,20px)/1 system-ui;pointer-events:none}
.match-end-summary{width:min(720px,calc(100% - 24px));margin:auto;text-align:center;align-items:center}.match-end-summary>img{width:min(320px,72vw);aspect-ratio:2;object-fit:contain}.match-end-summary .button-row{justify-content:center}.match-end-score{font:700 25px/1.4 var(--serif,serif);color:#f4d699}
@keyframes match-end-reveal{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
@keyframes check-breathe{50%{box-shadow:0 0 12px #ff625de6,0 0 21px #ff625d88}}
@media(max-width:700px){.match-end-overlay{left:3%;right:3%}.match-end-overlay.at-top{top:3%}.match-end-overlay.at-bottom{bottom:3%}.match-end-art img{width:min(74%,260px)}.match-end-caption{padding:4px 5px 7px}.match-end-reason{font-size:13px}.match-end-move{font-size:10px;margin-bottom:5px}.match-end-button{font-size:11px;min-height:34px;padding:7px}.match-warning{padding:8px}.match-warning p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.match-end-art,.board-shell [data-cell].check-king:after{animation:none}}
.reduced .match-end-art,.reduced .board-shell [data-cell].check-king:after{animation:none}