:root{color:#f5f0df;font-synthesis:none;background:#122019;font-family:system-ui,-apple-system,PingFang SC,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit;border:1px solid #8ea995;border-radius:8px;min-height:44px;padding:.55rem .8rem}button{color:#18251e;cursor:pointer;background:#e6b85c;font-weight:700}button.secondary{color:#f5f0df;background:#283d31}button.danger{color:#fff;background:#9e493d}button:disabled{opacity:.45;cursor:not-allowed}input,select{color:#172019;background:#f9f5e8}.app{max-width:1180px;margin:auto;padding:16px}.top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card{background:#1b3025;border:1px solid #42614d;border-radius:14px;margin:12px 0;padding:16px;box-shadow:0 8px 30px #08110c88}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status{background:#294737;border-radius:99px;padding:7px 10px}.error{background:#742f2f;border-radius:8px;padding:10px}.muted{color:#b8c4b8}.board-wrap{width:min(100%,520px);margin:auto}.board-side-label{text-align:center;color:#d8dfd5;margin:.2rem;font-weight:700}.board-side-label.red{color:#ff9b7d}.board-side-label.blue{color:#80b8ef}.board{touch-action:manipulation;background:linear-gradient(145deg,#eef4f5 0%,#f8f5e9 48%,#e7eff1 100%);border:1px solid #a9bbc0;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 12px 28px #071b2380,inset 0 2px 7px #dce9ec55}.edge{pointer-events:none;stroke-linecap:round}.edge.road{stroke:#4f5d61;stroke-width:.055px}.edge.railway-base{stroke:#172326;stroke-width:.145px}.edge.railway-overlay{stroke:#f6f3e8;stroke-width:.047px;stroke-dasharray:.14 .11;stroke-linecap:butt}.node{fill:#fbf8ed;stroke:#4e946b;stroke-width:.07px}.node.station{rx:.1}.node.camp{fill:#dcecdf;stroke:#397b57;stroke-width:.085px;stroke-dasharray:.08 .035}.hq-marker{fill:#e8873a;stroke:#a94a20;stroke-width:.045px;pointer-events:none}.node.headquarters{fill:#fff7e8;stroke:#b85d2d;stroke-width:.085px}.node.legal{stroke:#174f87;stroke-width:.18px;stroke-dasharray:.11 .065;filter:drop-shadow(0 0 .09px #fff)}.node.selected{stroke:#6b1322;stroke-width:.21px;stroke-dasharray:none;filter:drop-shadow(0 0 .1px #fff)}.piece{stroke-width:.075px;filter:drop-shadow(0 .07px .065px #17212680)}.piece.red{fill:#db4a27;stroke:#771c0c}.piece.blue{fill:#063f7d;stroke:#011f42;filter:drop-shadow(0 .07px .07px #00152ca0)}.piece-back-inset{fill:none;stroke-width:.035px;pointer-events:none}.piece-back-inset.red{stroke:#ffb49b}.piece-back-inset.blue{stroke:#6da1d5}.piece-text{fill:#fffaf0;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:#542014;stroke-width:.022px;stroke-linejoin:round;font-size:.31px;font-weight:900}.piece-text[data-unknown=true]{fill:#0000;stroke:none}.layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px;display:grid}.tray{max-height:85vh;overflow:auto}.primary-action{width:100%;min-height:54px;font-size:1.05rem}.turns{max-height:220px;padding-left:20px;overflow:auto}.seat{border-left:5px solid #e6b85c;padding-left:9px}.seat.offline{border-color:#777}.piece-button{min-width:74px}.replay-range{width:min(500px,100%)}@media (width<=760px){.app{padding:8px}.layout{grid-template-columns:1fr}.board-wrap{width:min(100%,440px)}.tray{max-height:none}.top{flex-direction:column;align-items:flex-start}h1{font-size:1.45rem}.card{padding:11px}}.game-aside{flex-direction:column;display:flex}.captured-panel{margin-top:auto;padding-top:14px}.captured-panel h3{margin-bottom:8px}.captured-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px;display:grid}.captured-chip{color:#fffaf0;text-shadow:0 1px 1px #0008;border:2px solid;border-radius:8px;justify-content:center;align-items:center;min-height:38px;font-weight:900;display:flex}.captured-chip.red{background:#db4a27;border-color:#771c0c}.captured-chip.blue{background:#063f7d;border-color:#011f42}.replay-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:stretch;gap:14px;display:grid}.replay-captures{flex-direction:column;gap:12px;display:flex}.replay-captures .captured-panel{margin-top:0;padding-top:0}@media (width<=760px){.replay-layout{grid-template-columns:1fr}.captured-panel{margin-top:18px}.replay-captures{margin-top:10px}}.turn-banner{border:2px solid;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:min(100%,520px);margin:0 auto 10px;padding:11px 14px;display:flex;box-shadow:0 4px 16px #0005}.turn-banner strong{font-size:1.18rem}.turn-banner span{font-weight:700}.turn-banner.mine{color:#f4fff7;background:#164d31;border-color:#63dc91;box-shadow:0 0 0 3px #63dc9124,0 5px 18px #0006}.turn-banner.opponent{color:#fff8e8;background:#5a3915;border-color:#f0b455}.turn-banner.paused{color:#f4f5f4;background:#39443e;border-color:#aebbb2}.turn-banner.finished{color:#f5f8ff;background:#303846;border-color:#9aabc4}.last-move-marker{fill:none;stroke-width:.12px;stroke-dasharray:.13 .08;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 .05px #fff)}.last-move-marker.from{stroke:#f59e0b}.last-move-marker.to{stroke:#20a95a}@media (width<=760px){.turn-banner{flex-direction:column;align-items:flex-start;gap:3px}.turn-banner strong{font-size:1.08rem}}.end-actions{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.end-actions button{width:100%;font-size:1.02rem}@media (width<=420px){.end-actions{grid-template-columns:1fr}}@keyframes piece-drop{0%{opacity:.68;transform:translateY(-6px)scale(1.025)}78%{opacity:1;transform:translateY(.4px)scale(.997)}to{opacity:1;transform:translateY(0)scale(1)}}.piece-stack{transform-box:fill-box;transform-origin:50%}.piece-stack.settling{animation:.34s cubic-bezier(.2,.72,.3,1) both piece-drop;animation-delay:var(--drop-delay,0s)}@media (prefers-reduced-motion:reduce){.piece-stack.settling{animation:none}}