:root{color:#241a13;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2e2c7;font-family:Inter,Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100svh;margin:0}button{font:inherit}#root{min-height:100svh}*{box-sizing:border-box}.app-shell{background:linear-gradient(120deg,#60472314,#0000 32%),radial-gradient(circle at 50% 0,#b5312a1f,#0000 34%),#f2e2c7;min-height:100svh;padding:28px;overflow-x:hidden}.play-table{background:linear-gradient(#f8edd8,#ead1aa);border:1px solid #61432347;border-radius:8px;width:min(1180px,100%);max-width:100%;margin:0 auto;padding:24px;box-shadow:0 24px 64px #3d261333}.game-status{border-bottom:1px solid #4e3a2538;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;display:flex}.eyebrow{color:#2f644a;letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.75rem;font-weight:800}.game-status h1{color:#25170f;letter-spacing:0;margin:0;font-size:clamp(1.6rem,3vw,2.55rem);line-height:1.05}.status-pills{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;max-width:580px;display:flex}.status-pill{color:#2b3329;white-space:nowrap;background:#fffbedb8;border:1px solid #2f644a57;border-radius:999px;align-items:center;min-height:34px;padding:6px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.status-pill.side-red,.status-pill.is-warning{color:#92251f;border-color:#b12d266b}.status-pill.side-black,.status-pill.is-active{color:#214f3a;border-color:#2f644a6b}.game-layout{grid-template-columns:minmax(170px,220px) minmax(340px,620px) minmax(190px,260px);justify-content:center;align-items:start;gap:20px;min-width:0;padding-top:22px;display:grid}.board-column{justify-items:center;gap:14px;min-width:0;display:grid}.board-wrap{--board-padding:clamp(24px, 5.8%, 38px);aspect-ratio:8/9;background:#d9aa69;border:4px solid #6f4422;border-radius:8px;width:min(100%,620px);position:relative;box-shadow:inset 0 0 0 2px #fff1c747,0 16px 30px #43291438}.board-lines,.xiangqi-board,.board-river{inset:var(--board-padding);position:absolute}.board-lines{z-index:0;background:linear-gradient(#5a391c9e 0 0) 0 0/100% 1px no-repeat,linear-gradient(#5a391c9e 0 0) 0 100%/100% 1px no-repeat,repeating-linear-gradient(90deg,#5a391c9e 0 1px,#0000 1px 12.5%),repeating-linear-gradient(0deg,#5a391c9e 0 1px,#0000 1px 11.1111%);box-shadow:0 0 0 2px #6f44229e}.board-river{z-index:1;color:#442c197a;pointer-events:none;justify-content:space-around;align-items:center;height:8%;font-family:KaiTi,STKaiti,serif;font-size:clamp(1.05rem,3vw,1.85rem);display:flex;top:50%;bottom:auto;transform:translateY(-50%)}.xiangqi-board{z-index:2}.board-square{aspect-ratio:1;width:clamp(36px,11.8%,58px);color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.board-square:hover{background:#fff8d757}.board-square:focus-visible,.difficulty-control select:focus-visible,.control-button:focus-visible{z-index:5;outline-offset:2px;outline:3px solid #2f644a}.board-square.is-selected{background:#b12d2629;box-shadow:0 0 0 3px #b12d26b8}.board-square.is-legal-target{background:#2f644a2e}.board-square.is-capture-target{background:#b12d2624}.board-square.is-last-from,.board-square.is-last-to{box-shadow:0 0 0 3px #2f644a8c}.board-square.is-last-to{box-shadow:0 0 0 3px #b12d268a}.target-dot{aspect-ratio:1;background:#2f644a;border-radius:999px;width:28%;box-shadow:0 0 0 6px #2f644a24}.capture-ring{pointer-events:none;border:3px solid #b12d26c7;border-radius:999px;position:absolute;inset:-5px;box-shadow:0 0 0 7px #b12d261f}.last-move-badge{color:#244936;pointer-events:none;background:#fff7de;border:1px solid #47351f52;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.72rem;font-weight:900;line-height:1;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 5px 10px #3b231133}.piece{aspect-ratio:1;background:radial-gradient(circle at 40% 34%,#fffde7f2,#efcb8beb 66%),#ecd095;border:2px solid #6b4425;border-radius:999px;place-items:center;width:88%;font-family:KaiTi,STKaiti,Noto Serif SC,serif;font-size:clamp(1.05rem,4vw,2rem);font-weight:800;line-height:1;display:grid;box-shadow:0 4px 8px #3b231147}.piece-red,.captured-piece.piece-red{color:#a82d26}.piece-black,.captured-piece.piece-black{color:#1f3528}.piece-selected{border-color:#b12d26}.info-panel{background:#fff9e88c;border:1px solid #533c2540;border-radius:8px;padding:14px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-heading h2,.captured-group h3{color:#25170f;letter-spacing:0;margin:0;font-size:1rem}.panel-heading span{color:#214f3a;text-align:center;background:#2f644a1f;border-radius:999px;min-width:28px;padding:2px 8px;font-weight:800}.empty-note{color:#735f4a;margin:0;font-size:.9rem}.captured-groups{gap:16px;display:grid}.captured-group{gap:8px;display:grid}.captured-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.captured-piece{aspect-ratio:1;background:#f8e7bfeb;border:1px solid #533c2559;border-radius:999px;place-items:center;width:30px;font-family:KaiTi,STKaiti,serif;font-weight:800;display:grid}.move-list{gap:8px;max-height:min(58svh,560px);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.move-list li{color:#3f3022;grid-template-columns:32px 1fr;align-items:start;gap:8px;font-size:.86rem;line-height:1.35;display:grid}.move-side{color:#214f3a;text-align:center;background:#2f644a1f;border-radius:999px;padding:2px 6px;font-weight:800}.move-side.side-red{color:#92251f;background:#b12d261f}.game-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.difficulty-control{color:#244936;background:#fff7dedb;border:1px solid #2f644a5c;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:6px 10px;font-weight:800;display:inline-flex}.difficulty-control select{color:#244936;min-height:30px;font:inherit;background:#fffdf3;border:1px solid #2f644a66;border-radius:6px}.control-button{color:#244936;cursor:pointer;background:#fff7de;border:1px solid #2f644a7a;border-radius:8px;min-height:42px;padding:8px 18px;font-weight:800}.primary-control{color:#fff8e8;background:#b12d26;border-color:#b12d2680}.control-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #4329142e}.control-button:disabled{cursor:not-allowed;opacity:.56}.mobile-info-panels{display:none}.mobile-info-panel{background:#fff9e894;border:1px solid #533c253d;border-radius:8px}.mobile-info-panel summary{color:#25170f;cursor:pointer;align-items:center;min-height:44px;padding:0 14px;font-weight:900;display:flex}.mobile-info-panel .info-panel{background:0 0;border:0;border-top:1px solid #533c252e;border-radius:0 0 8px 8px}.mobile-info-panel .panel-heading{display:none}.game-over-backdrop{z-index:20;background:#27190e47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.game-over-dialog{text-align:center;background:#fff7de;border:1px solid #61432352;border-radius:8px;gap:14px;width:min(360px,100%);padding:22px;display:grid;box-shadow:0 22px 60px #22160c47}.game-over-dialog h2,.game-over-dialog p{margin:0}.game-over-dialog h2{color:#25170f;font-size:1.8rem}.game-over-dialog p:not(.eyebrow){color:#735f4a}@media (width<=980px){.app-shell{padding:14px}.play-table{padding:16px}.game-status{flex-direction:column;align-items:start}.status-pills{justify-content:flex-start}.game-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch}.side-panel-left{order:2}.board-column{order:1}.side-panel-right{order:3}.board-wrap{width:min(100%,540px)}.move-list{max-height:240px}}@media (width<=700px){.app-shell{padding:10px}.play-table{padding:12px}.game-status{gap:12px;padding-bottom:12px}.game-status h1{font-size:1.9rem}.status-pills{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.status-pill{white-space:normal;justify-content:center;padding:5px 8px}.game-layout{justify-items:center;width:100%;padding-top:12px}.board-column{gap:10px;width:100%}.board-wrap{width:min(68vw,310px,100%);transform:translate(clamp(-40px,-8vw,-24px))}.mobile-info-panels{gap:8px;width:min(100%,100vw - 32px);display:grid}}@media (width<=520px){.app-shell{padding:6px}.play-table{padding:8px}.status-pill{min-height:30px;font-size:.76rem}.board-wrap{--board-padding:clamp(18px, 5.4%, 26px);border-width:3px;width:min(68vw,310px,100%)}.board-square{width:clamp(32px,11.8%,46px)}.piece{width:82%;font-size:clamp(.9rem,6vw,1.4rem)}.game-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,100vw - 32px);display:grid}.difficulty-control{grid-column:1/-1;justify-content:space-between;width:100%;min-width:0}.difficulty-control select,.control-button{width:100%;min-width:0}}