.games-section{margin:21px 0 0;padding:26px;border:1px solid #8d688766;border-radius:6px;background:linear-gradient(#13131ff5,#13131ff5),url('assets/ai-panel.webp') center/cover;scroll-margin-top:82px}.games-intro{color:#cdbacb;font-size:14px;line-height:1.9}#games-count{font-size:17px;color:#ffe0b8}.games-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.games-toolbar label{font-size:14px}
.games-section button{background:linear-gradient(#202a3bee,#202a3bee),url('assets/ai-secondary.webp') center/145% 190%;border:1px solid #a98a9f;border-radius:4px;color:#f6e6ee;font:14px/1.6 'Microsoft YaHei',sans-serif;min-height:44px;padding:10px 16px;cursor:pointer}.games-section button:disabled{opacity:.45;cursor:default}.games-section button:hover:not(:disabled){border-color:#f6bdd5}.games-section input,.games-section select{background:#141d2c!important;border:1px solid #a38c9f!important;color:#f6e7f2!important;border-radius:4px;padding:12px;font:15px 'Microsoft YaHei',sans-serif;min-width:0}.games-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;align-items:start}#games-list{display:grid;gap:10px;max-height:750px;overflow:auto;scrollbar-width:thin}.games-section .saved-game{text-align:left;padding:14px;overflow-wrap:anywhere}.saved-game strong{display:block;font-size:15px;line-height:1.8}.saved-game small{display:block;margin-top:7px;font-size:12px;color:#cebacb}.games-section .saved-game.chosen{border-color:#f3bdcf;background:linear-gradient(#58304af0,#58304af0),url('assets/ai-button.webp') center/cover}#games-title{font:700 27px/1.6 'KaiTi','SimSun',serif;margin:0;color:#ffe0b8;overflow-wrap:anywhere}#games-detail{min-width:0;scroll-margin-top:90px}#games-detail-info,#games-preview-label{font-size:13px;line-height:1.9;color:#c8b6c6}.games-preview-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(200px,.7fr);gap:22px;align-items:start}.games-preview-layout>div{min-width:0}#games-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;max-width:540px;aspect-ratio:1;border:5px solid #b6a0aa}.saved-square{position:relative;background:#4b5663;aspect-ratio:1;min-width:0;display:flex;justify-content:center;align-items:center}.saved-square.dark{background:#202a35}.saved-square .unit-art{height:95%;width:95%}.games-detail-actions{display:grid;gap:12px;padding:18px;background:#131e2c;border:1px solid #98738d66;border-radius:5px}.games-detail-actions label{font-size:14px;color:#efcddd}.games-detail-actions p{font-size:12px;line-height:1.9;color:#c9b6c8;margin:0}.games-detail-actions #games-load{border-color:#e5b3ca;background:linear-gradient(#6b344cf0,#6b344cf0),url('assets/ai-button.webp') center/cover}.games-empty{font-size:15px;line-height:1.9;padding:23px;border:1px dashed #9a7d9377;background:#151e2b;color:#dac9d9}#games-message{color:#f0d1a8;font-size:14px;line-height:1.9}
@media(max-width:1150px){.games-preview-layout{grid-template-columns:1fr}.games-layout{grid-template-columns:240px minmax(0,1fr)}.app-nav button{min-width:52px;padding:10px}.app-nav{gap:4px}}
@media(max-width:700px){.app-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.app-nav button{padding:9px 2px;font-size:12px;letter-spacing:0;min-width:0}.games-section{padding:21px 15px;scroll-margin-top:128px}.games-layout{grid-template-columns:1fr;gap:20px}#games-list{grid-template-columns:1fr 1fr;max-height:210px}.games-section .saved-game{padding:10px}.saved-game strong{font-size:13px}.saved-game small{font-size:11px}.games-toolbar input{width:100%;order:0}.games-toolbar{gap:8px}.games-section .review-heading h2{font-size:25px}#games-detail{scroll-margin-top:128px}}
#games-replay{min-width:0}#games-replay:focus-visible,#games-board:focus-visible{outline:2px solid #f4c5d7;outline-offset:5px;border-radius:3px}.games-section #games-replay-step{display:block;width:100%;height:30px;min-width:0;padding:0;border:0!important;background:transparent!important;accent-color:#e9afca;cursor:pointer}#games-replay-progress{font-size:14px;color:#f2d4b5;line-height:1.8}.replay-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 12px}.games-section .replay-navigation button{font-size:12px;padding:9px 3px;min-height:42px}.replay-options{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.games-section .replay-options button{font-size:13px;padding:10px}.replay-options label{font-size:12px;color:#c7b5c7}.games-section .replay-options select{font-size:13px;padding:10px 7px}.replay-options button[aria-pressed=true]{border-color:#f6c7dc;background:linear-gradient(#66415aef,#66415aef),url('assets/ai-button.webp') center/cover}.replay-help{font-size:12px;line-height:1.9;color:#c8b5c8;margin:14px 0}.saved-square.origin{box-shadow:inset 0 0 0 2px #e4bd8a}.saved-square.destination{box-shadow:inset 0 0 0 3px #ffe2ad;background:#695564}.saved-square.checked{box-shadow:inset 0 0 0 3px #ff9ab6;background:#722d46}.replay-marker{position:absolute;top:2px;right:2px;background:#182536;color:#ffe0af;font:600 10px/1.4 'Microsoft YaHei',sans-serif;border:1px solid #b69c78;border-radius:2px;padding:0 3px;pointer-events:none;z-index:3}.destination .replay-marker{background:#ffe0b1;color:#291d2b}.replay-rank,.replay-file{position:absolute;font:10px/1.2 'Consolas',monospace;color:#f6eadc;text-shadow:0 1px 2px #000;pointer-events:none}.replay-rank{left:2px;top:2px}.replay-file{bottom:2px;right:3px}
#games-replay-moves{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto;padding:10px;border:1px solid #8e718655;border-radius:4px;background:#121a28;scrollbar-width:thin}.games-section #games-replay-moves button{min-height:36px;font:13px/1.5 'Consolas','Microsoft YaHei',monospace;padding:7px 9px;border-color:#76607577;background:linear-gradient(#202a3bf0,#202a3bf0),url('assets/ai-secondary.webp') center/cover}.games-section #games-replay-moves button[aria-current=step]{border-color:#f8c795;color:#ffe8c9;background:linear-gradient(#6e4958ee,#6e4958ee),url('assets/ai-button.webp') center/cover}
@media(max-width:380px){.games-section .replay-navigation button{font-size:11px}.games-section .replay-options button{font-size:12px}.replay-marker{font-size:9px;padding:0 2px}}
