:root{--board-size:min(92vw, 70vh, 720px);--radius:8px;--shadow:0 12px 32px #00000059;color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%, var(--app-bg-glow), transparent 60%), var(--app-bg);transition:background .4s}button{cursor:pointer;font-family:inherit}h1,h2{color:var(--text);margin:0;font-weight:600}[data-theme=xiangqi]{--app-bg:#1a1410;--app-bg-glow:#3d2b1a;--text:#f0e6d2;--text-dim:#b8a888;--accent:#c0392b;--accent-soft:#c0392b26;--panel-bg:#281c14d9;--panel-border:#b48c504d;--btn-bg:#8b691440;--btn-bg-hover:#c0392b4d;--btn-active:#c0392b;--board-light:#e8d5a8;--board-dark:#d4b483;--board-line:#5c3a1e;--piece-red:#c0392b;--piece-red-bg:#f5e8d0;--piece-black:#1a1a1a;--piece-black-bg:#f5e8d0;--highlight:#38a169a6;--last-move:#c0392b59;--check:#e74c3c99}[data-theme=chess]{--app-bg:#15171c;--app-bg-glow:#2a3340;--text:#e8edf3;--text-dim:#9aa6b8;--accent:#d4a849;--accent-soft:#d4a84926;--panel-bg:#1a1f28d9;--panel-border:#d4a84940;--btn-bg:#3c465466;--btn-bg-hover:#d4a84940;--btn-active:#d4a849;--board-light:#f0d9b5;--board-dark:#b58863;--board-line:#5a4632;--piece-red:#f8f4ec;--piece-red-bg:#d4a849;--piece-black:#2c2420;--piece-black-bg:#6b5640;--highlight:#38a169b3;--last-move:#d4a84966;--check:#e74c3c99}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel-bg);border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.topbar .title{letter-spacing:2px;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.topbar .title .badge{color:var(--text-dim);border:1px solid var(--panel-border);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:400}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.icon-btn{background:var(--btn-bg);border:1px solid var(--panel-border);color:var(--text);border-radius:var(--radius);padding:8px 14px;font-size:14px;transition:all .2s}.icon-btn:hover{background:var(--btn-bg-hover);border-color:var(--accent)}.game-layout{flex:1;grid-template-columns:1fr 320px;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:20px;display:grid}.board-wrap{justify-content:center;align-items:center;display:flex}.sidebar{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);flex-direction:column;gap:16px;max-height:calc(100vh - 120px);padding:16px;display:flex}.sidebar h3{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin:0;font-size:13px}.turn-indicator{background:var(--accent-soft);border-radius:var(--radius);border:1px solid var(--accent);align-items:center;gap:10px;padding:10px 14px;display:flex}.turn-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 8px var(--accent);border-radius:50%}.turn-dot.thinking{animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.history-list{flex:1;grid-template-columns:28px 1fr 1fr;align-content:start;gap:4px 8px;min-height:120px;font-size:14px;display:grid;overflow-y:auto}.history-list .move-num{color:var(--text-dim);align-self:center;font-size:12px}.history-list .move-cell{border-radius:4px;padding:3px 6px;font-family:KaiTi,楷体,Menlo,Consolas,monospace}.history-list .move-cell.last{background:var(--accent-soft);color:var(--accent);font-weight:600}.controls{flex-direction:column;gap:8px;display:flex}.btn{background:var(--btn-bg);border:1px solid var(--panel-border);color:var(--text);border-radius:var(--radius);padding:10px 14px;font-size:15px;transition:all .2s}.btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.timer-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.timer-box{text-align:center;border-radius:var(--radius);background:var(--btn-bg);border:1px solid var(--panel-border);padding:10px}.timer-box .label{color:var(--text-dim);margin-bottom:4px;font-size:12px}.timer-box .time{font-family:Menlo,monospace;font-size:22px;font-weight:700}.timer-box.active{border-color:var(--accent);background:var(--accent-soft)}.timer-box.low{color:#e74c3c}.overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel-bg);border:1px solid var(--panel-border);width:100%;max-width:460px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:32px}.modal h2{margin:0 0 8px;font-size:24px}.modal p{color:var(--text-dim);margin:0 0 20px}.modal-actions{gap:10px;display:flex}.modal-actions .btn{flex:1}.home{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px 20px;display:flex}.home h1{letter-spacing:4px;background:linear-gradient(135deg, var(--accent), var(--text));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(32px,6vw,52px)}.home .subtitle{color:var(--text-dim);margin:0 0 36px;font-size:16px}.choice-grid{grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:520px;margin-bottom:28px;display:grid}.choice-card{background:var(--panel-bg);border:2px solid var(--panel-border);cursor:pointer;border-radius:16px;padding:28px 20px;transition:all .25s}.choice-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.choice-card.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-card .glyph{margin-bottom:10px;font-size:48px;line-height:1}.choice-card .name{margin-bottom:4px;font-size:18px;font-weight:600}.choice-card .desc{color:var(--text-dim);font-size:13px}.option-group{text-align:left;width:100%;max-width:520px;margin-bottom:24px}.option-group .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:13px}.option-row{flex-wrap:wrap;gap:10px;display:flex}.option-pill{background:var(--btn-bg);border:1px solid var(--panel-border);min-width:90px;color:var(--text);text-align:center;border-radius:24px;flex:1;padding:12px 18px;font-size:15px;transition:all .2s}.option-pill:hover{border-color:var(--accent)}.option-pill.selected{background:var(--accent);border-color:var(--accent);color:#fff}.promotion-choices{justify-content:center;gap:10px;margin-top:16px;display:flex}.promotion-choices .btn{justify-content:center;align-items:center;width:64px;height:64px;padding:0;font-size:28px;display:flex}@media (width<=880px){:root{--board-size:min(94vw, 60vh)}.game-layout{grid-template-columns:1fr;gap:12px;padding:12px}.sidebar{max-height:none}.history-list{max-height:140px}.topbar{padding:12px}.topbar .title{font-size:18px}}._board_k66io_3{width:var(--board-size);aspect-ratio:1;box-shadow:var(--shadow), inset 0 0 0 6px #5a4632, inset 0 0 0 10px #3d3025;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:6px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:relative;overflow:hidden}._cell_k66io_17{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}._cell_k66io_17._light_k66io_25{background:var(--board-light)}._cell_k66io_17._dark_k66io_29{background:var(--board-dark)}._coord_k66io_34{color:#00000073;pointer-events:none;font-size:clamp(9px,1.4vw,13px);font-weight:600;position:absolute}._coord_k66io_34._file_k66io_41{bottom:2px;right:4px}._coord_k66io_34._rank_k66io_45{top:2px;left:4px}._cell_k66io_17._dark_k66io_29 ._coord_k66io_34{color:#ffffff8c}._piece_k66io_54{z-index:2;filter:drop-shadow(0 2px 2px #00000059);font-size:clamp(24px,6vw,56px);line-height:1;position:relative}._piece_k66io_54._red_k66io_62{color:#fff;text-shadow:-1px -1px #2c2420,1px -1px #2c2420,-1px 1px #2c2420,1px 1px #2c2420,0 2px 3px #0006}._piece_k66io_54._black_k66io_70{color:#2c2420;text-shadow:0 2px 3px #0006}._hint_k66io_76{background:var(--highlight);z-index:1;border-radius:50%;width:30%;height:30%;animation:1.4s ease-in-out infinite _hintPulse_k66io_1;position:absolute}._hint_k66io_76._capture_k66io_86{border:5px solid var(--highlight);background:0 0;width:88%;height:88%}@keyframes _hintPulse_k66io_1{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}._cell_k66io_17._selected_k66io_99 ._piece_k66io_54{filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 2px 2px #00000059)}._cell_k66io_17._last-from_k66io_103:before,._cell_k66io_17._last-to_k66io_104:before{content:"";background:var(--last-move);z-index:0;position:absolute;inset:0}._cell_k66io_17._in-check_k66io_112:after{content:"";background:radial-gradient(circle, var(--check), transparent 70%);z-index:0;animation:.8s ease-in-out infinite _checkPulse_k66io_1;position:absolute;inset:0}@keyframes _checkPulse_k66io_1{0%,to{opacity:.4}50%{opacity:.9}}._board_7ows3_5{width:var(--board-size);aspect-ratio:9/10;background:radial-gradient(ellipse at center, var(--board-light) 0%, var(--board-dark) 100%);box-shadow:var(--shadow), inset 0 0 0 6px #8b6914, inset 0 0 0 10px #5c3a1e;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:6px;position:relative}._board_7ows3_5 svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}._inner_7ows3_26,._pieces_7ows3_33{position:absolute;inset:6%}._cell_7ows3_38{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;width:12.5%;display:flex;position:absolute;transform:translate(-50%,-50%)}._hint_7ows3_50{aspect-ratio:1;background:var(--highlight);border-radius:50%;width:28%;animation:1.4s ease-in-out infinite _hintPulse_7ows3_1}._hint_7ows3_50._capture_7ows3_58{border:4px solid var(--highlight);background:0 0;border-radius:50%;width:88%}@keyframes _hintPulse_7ows3_1{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.05)}}._cell_7ows3_38._last-from_7ows3_71:before,._cell_7ows3_38._last-to_7ows3_72:before{content:"";background:var(--last-move);z-index:0;border-radius:50%;width:80%;height:80%;position:absolute}._cell_7ows3_38._in-check_7ows3_83:after{content:"";background:var(--check);z-index:0;border-radius:50%;width:88%;height:88%;animation:.8s ease-in-out infinite _checkPulse_7ows3_1;position:absolute}@keyframes _checkPulse_7ows3_1{0%,to{opacity:.3}50%{opacity:.8}}._piece_7ows3_33{aspect-ratio:1;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:84%;font-family:KaiTi,楷体,STKaiti,serif;font-size:clamp(16px,3.6vw,34px);font-weight:700;transition:transform .15s;display:flex;position:relative}._piece_7ows3_33._red_7ows3_118{background:radial-gradient(circle at 35% 30%, var(--piece-red-bg), #e6d2b0);color:var(--piece-red);border:2px solid var(--piece-red);box-shadow:0 2px 6px #0000004d,inset 0 0 0 3px #fff6}._piece_7ows3_33._black_7ows3_125{background:radial-gradient(circle at 35% 30%, var(--piece-black-bg), #e6d2b0);color:var(--piece-black);border:2px solid var(--piece-black);box-shadow:0 2px 6px #0000004d,inset 0 0 0 3px #fff6}._cell_7ows3_38._selected_7ows3_132 ._piece_7ows3_33{box-shadow:0 0 0 4px var(--accent), 0 4px 12px #0006;transform:scale(1.12)}