:root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:#f5f0df;font-synthesis:none;background:#122019;font-family:system-ui,-apple-system,PingFang SC,Noto Sans CJK SC,Noto Sans SC,Microsoft YaHei,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,max(260px,56dvh - 84px));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;pointer-events:none;paint-order:stroke;stroke:#542014;stroke-width:2.2px;stroke-linejoin:round;font-family:system-ui,-apple-system,PingFang SC,Noto Sans CJK SC,Noto Sans SC,Source Han Sans SC,Microsoft YaHei,sans-serif;font-size:31px;font-weight:900}.piece-text[data-unknown=true]{fill:#0000;stroke:none}.layout{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.layout>*{min-width:0}.layout>:first-child{flex:2 340px}.layout>:last-child{flex:280px}.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>*{flex-basis:100%}.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{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.replay-layout>*{min-width:0}.replay-layout>:first-child{flex:2 320px}.replay-layout>:last-child{flex:240px}.replay-captures{flex-direction:column;gap:12px;display:flex}.replay-captures .captured-panel{margin-top:0;padding-top:0}@media (width<=760px){.replay-layout>*{flex-basis:100%}.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:.1px;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 .045px #fffdf5)}.last-move-marker.from{stroke-dasharray:.12 .075;stroke-width:.085px;fill:#ffffff38}.last-move-marker.to{stroke-width:.11px}.last-move-marker.red{stroke:#d1381c}.last-move-marker.blue{stroke:#1d5fae}.last-move-marker.to.red{filter:drop-shadow(0 0 .07px #f0643f)}.last-move-marker.to.blue{filter:drop-shadow(0 0 .07px #4a8fe0)}.last-move-path{pointer-events:none}.last-move-route{fill:none;stroke-linecap:round;stroke-linejoin:round}.last-move-route.halo{stroke:#fffdf3;stroke-width:.17px;opacity:.85}.last-move-route.line{stroke-width:.075px;stroke-dasharray:.16 .09;animation:1.1s linear infinite last-move-flow}.last-move-route.line.red{stroke:#d1381c}.last-move-route.line.blue{stroke:#1d5fae}.last-move-arrow.red{fill:#d1381c}.last-move-arrow.blue{fill:#1d5fae}.last-move-waypoint{stroke:#fffdf3;stroke-width:.03px}.last-move-waypoint.red{fill:#d1381c}.last-move-waypoint.blue{fill:#1d5fae}@keyframes last-move-flow{to{stroke-dashoffset:-.25px}}@media (prefers-reduced-motion:reduce){.last-move-route.line{animation:none}}.piece-select-ring{fill:none;stroke:#f2b53b;stroke-width:.075px;filter:drop-shadow(0 0 .09px #ffd776);pointer-events:none;animation:1.2s ease-in-out infinite select-pulse}.piece-stack.selected .piece{stroke:#ffe08a;stroke-width:.09px}@keyframes select-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.45}}@media (prefers-reduced-motion:reduce){.piece-select-ring{animation:none}}@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}}@media (orientation:portrait){.layout>*,.replay-layout>*{flex-basis:100%}}.card{min-width:0}.turn-banner strong,.turn-banner span{white-space:nowrap}.piece-swap-done{fill:none;stroke:#27b05e;stroke-width:.075px;filter:drop-shadow(0 0 .08px #6ee09a);pointer-events:none;animation:.32s ease-out both swap-done-in}@keyframes swap-done-in{0%{stroke-opacity:0;stroke-width:.16px}to{stroke-opacity:1;stroke-width:.075px}}@media (prefers-reduced-motion:reduce){.piece-swap-done{animation:none}}.identity-bar{flex-direction:column;gap:6px;display:flex}.identity-label{color:#b8c4b8}.identity-name{color:#ffe08a;font-size:1.15rem}.identity-rules{width:100%;margin:2px 0 0}.identity-bar input{flex:160px}.stats-card{padding:12px}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.stat{background:#162a20;border:1px solid #2f4b3b;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.stat strong{color:#ffe08a;font-variant-numeric:tabular-nums;font-size:1.3rem}.stat span{color:#b8c4b8;text-align:center;font-size:.82rem}@media (width<=560px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-footer{justify-content:center;gap:18px;margin:18px 0 8px;display:flex}.link-button{color:#b8c4b8;background:0 0;border:0;min-height:36px;padding:4px 6px;font-weight:400;text-decoration:underline}.link-button:hover{color:#f5f0df}.modal-backdrop{z-index:50;background:#000a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{width:min(520px,100%);max-height:88vh;margin:0;overflow:auto}.modal textarea,.modal select,.modal input{width:100%;font:inherit;color:#172019;background:#f9f5e8;border:1px solid #8ea995;border-radius:8px;padding:.55rem .8rem}.modal label{flex-direction:column;gap:4px;display:flex}.modal-close{width:100%;margin-top:12px}.privacy ul{padding-left:20px}.room-code-input{width:100%;max-width:340px}.admin-login{max-width:420px;margin:40px auto}.admin-login label,.settings-group label{flex-direction:column;gap:4px;display:flex}.admin-login input{width:100%}.admin-tabs{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.admin-totals .stat{gap:6px}.admin-reset{min-height:32px;padding:.2rem .7rem;font-size:.85rem}.usage-row{grid-template-columns:1fr auto;gap:4px 12px;margin:10px 0;display:grid}.usage-value{font-variant-numeric:tabular-nums;font-weight:700}.usage-bar{background:#294737;border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.usage-bar>div{background:#63dc91;height:100%}.usage-bar>div.warm{background:#f0b455}.usage-bar>div.hot{background:#e0603f}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #2f4b3b;padding:7px 8px}.admin-table th{color:#b8c4b8;background:#1b3025;font-weight:600;position:sticky;top:0}.admin-table td.detail{white-space:normal;word-break:break-all;color:#d8dfd5;min-width:180px;max-width:360px}.admin-table tr.failed td{color:#ffb4a2}.admin-filters{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.admin-filters input,.admin-filters select{flex:130px;min-width:0}.settings-group{border:1px solid #2f4b3b;border-radius:10px;margin:12px 0;padding:6px 12px 10px}.settings-group legend{color:#e6b85c;padding:0 6px;font-weight:700}.setting-row{border-bottom:1px dashed #2f4b3b;grid-template-columns:1fr minmax(90px,140px);align-items:center;gap:10px;padding:6px 0;display:grid!important}.setting-row:last-child{border-bottom:0}.setting-row.dirty .setting-name{color:#ffe08a}.setting-name small{color:#8ea995;font-size:.78rem;display:block}.setting-row input[type=checkbox]{justify-self:start;width:24px;height:24px;min-height:0}.resume-code{color:#d8dfd5}.resume-code strong{color:#ffe08a;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:1.1rem}.room-versus{color:#d8dfd5;white-space:normal;font-size:.62em;font-weight:600}.side-nickname{color:#f5f0df;font-weight:600}.status-nickname{color:#ffe08a}.home-top{align-items:center;gap:16px}.home-title{flex:0 auto;min-width:0}.home-top .stats-card{flex:420px;max-width:640px;margin:0;padding:0}.home-top .stats-grid{gap:6px}.home-top .stat{padding:6px 4px}.home-top .stat strong{font-size:1.15rem}.home-top .stat span{font-size:.76rem}.start-card{padding:14px 16px}.start-card .identity-bar{border-bottom:1px solid #2f4b3b;margin-bottom:12px;padding-bottom:10px}.start-card .identity-bar input{max-width:240px}.start-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:14px 20px;display:grid}.start-pane{flex-direction:column;gap:8px;min-width:0;display:flex}.start-pane h2{margin:0;font-size:1.15rem}.start-pane+.start-pane{border-left:1px solid #2f4b3b;padding-left:20px}.room-options{flex-wrap:wrap;gap:6px;display:flex}.room-options select,.room-options input{flex:auto;min-height:40px;padding:.35rem .6rem;font-size:.95rem}.room-options input{flex-basis:150px}.join-row{gap:8px;display:flex}.join-row .room-code-input{flex:auto;min-width:0;max-width:none}.start-action{min-width:120px;min-height:48px;font-size:1.02rem}.start-pane>.start-action{align-self:flex-start}.start-hint{margin:0;font-size:.85rem}.resume-row{margin:2px 0 0}@media (width<=760px){.home-top .stats-card{flex-basis:100%;max-width:none}.start-pane+.start-pane{border-top:1px solid #2f4b3b;border-left:0;padding-top:12px;padding-left:0}.start-pane>.start-action{align-self:stretch}}.identity-bar .row{flex-wrap:nowrap}.identity-bar .row>button{flex:none;min-height:38px;padding:.3rem .7rem}.identity-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.identity-label{flex:none}.identity-bar form.row{flex-wrap:wrap}@media (width<=760px){.home-top .stats-card{align-self:stretch;width:100%}.home-top .stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.home-top .stat{padding:5px 2px}.home-top .stat strong{font-size:1.05rem}.home-top .stat span{white-space:nowrap;font-size:.68rem}}.identity-bar .row{flex-wrap:wrap;row-gap:6px}.identity-name{white-space:normal;word-break:break-all;flex:0 auto;overflow:visible}@media (width<=760px){.identity-bar .row>button{min-height:36px;padding:.25rem .6rem;font-size:.92rem}}@media (width<=380px){.home-top .stat span{white-space:normal;font-size:.6rem;line-height:1.15}.home-top .stat strong{font-size:.95rem}.home-top .stats-grid{gap:3px}}