:root{--ink:#100d09;--ink-2:#1b160f;--silk:#e7d3ae;--silk-dim:#cbb892;--bronze:#c4a05a;--bronze-deep:#8a6a2e;--cinnabar:#b42314;--cinnabar-dim:#7c1a12;--jade:#3f6d52;--ash:#8b7b64;--line:#c4a05a47;--paper:#2a2218;color:var(--silk);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Serif TC,Microsoft JhengHei,PingFang TC,PMingLiU,serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#6d5830 #14110c}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#14110c}::-webkit-scrollbar-thumb{background:#6d5830;border:2px solid #14110c}::-webkit-scrollbar-thumb:hover{background:#c4a05a}::-webkit-scrollbar-corner{background:#14110c}html,body,#root{background:radial-gradient(1200px 600px at 10% -10%, #b4231414, transparent 50%), radial-gradient(900px 500px at 100% 0%, #c4a05a14, transparent 46%), var(--ink);min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:var(--bronze)}.app{grid-template-rows:auto auto 1fr;height:100vh;min-height:100vh;display:grid;overflow:hidden}.await-banner{border-bottom:1px solid var(--cinnabar);color:#f0c9a0;letter-spacing:.08em;text-align:center;background:#2a160f;padding:8px 22px;font-size:13px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 22px 10px;display:flex}.brand{align-items:center;gap:12px;display:flex}.seal{border:2px solid var(--cinnabar);width:42px;height:42px;color:var(--cinnabar);letter-spacing:0;place-items:center;font-family:Ma Shan Zheng,Noto Serif TC,serif;font-size:26px;display:grid;transform:rotate(-6deg)}.brand h1{letter-spacing:.28em;margin:0;font-size:22px;font-weight:600}.brand p{color:var(--ash);letter-spacing:.12em;margin:2px 0 0;font-size:12px}.wallet-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);color:var(--silk-dim);flex-direction:column;min-width:92px;padding:6px 10px;font-size:12px;display:flex}.chip b{color:var(--bronze);font-size:14px;font-weight:600}.btn{border:1px solid var(--bronze);color:var(--bronze);letter-spacing:.16em;background:0 0;padding:8px 14px}.btn:hover{background:#c4a05a1f}.btn.solid{background:var(--cinnabar);border-color:var(--cinnabar);color:#f3e6c8}.btn.solid:hover{background:#c52c1c}.btn:disabled{opacity:.4;cursor:not-allowed}.stats{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}.stats>div{background:var(--ink-2);padding:10px 14px}.stats span{color:var(--ash);letter-spacing:.14em;font-size:11px;display:block}.stats strong{color:var(--silk);margin-top:4px;font-size:15px;font-weight:600;display:block}.stage{grid-template-columns:292px minmax(0,1fr) 320px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);background:#14110c;padding:0;overflow:auto}.rail-table{border-collapse:collapse;table-layout:fixed;width:100%}.rail-table .c-city{width:15%}.rail-table .c-occ{width:16%}.rail-table .c-gar,.rail-table .c-tax{width:22%}.rail-table .c-cd{width:25%}.rail-table th:first-child,.rail-table td:first-child{padding-left:8px}.rail-table th:last-child,.rail-table td:last-child{padding-right:8px}.rail-table th,.rail-table td{text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:5px 4px;font-size:11px;overflow:hidden}.rail-table thead th{z-index:1;color:var(--ash);letter-spacing:.06em;border-bottom:1px solid var(--line);background:#1b160f;font-size:10px;font-weight:600;position:sticky;top:0}.rail-table tbody td{color:var(--silk);border-bottom:1px solid #c4a05a1f}.rail-table tbody tr:not(.rail-group){cursor:pointer}.rail-table tbody tr:not(.rail-group):hover td{background:#c4a05a14}.rail-table .rail-group td{color:var(--bronze);letter-spacing:.12em;border-bottom:1px solid var(--line);background:#16130e;padding:6px 4px;font-size:10px}.rail-table td.name{color:var(--silk);letter-spacing:.06em}.rail-table tr.occ td.name{color:#e8c8c0}.rail-table tr.mine td.name{color:var(--bronze)}.rail-table tr.on td{background:#b423141f}.rail-table .muted{color:var(--ash)}.rail-table .tick{color:var(--bronze);font-variant-numeric:tabular-nums}.map-wrap{background:radial-gradient(at 50% 40%,#c4a05a0f,#0000 62%),#0c0a07;height:100%;min-height:0;padding:8px 6px 8px 8px;position:relative}.map-svg{width:100%;height:100%;display:block}.sea{fill:url(#seaFill)}.sea-sheen ellipse{fill:#2a4a50;opacity:.07}.land-shadow{fill:#050302;opacity:.45;transform:translate(3px,5px)}.land{fill:url(#landFill);stroke:#d4b06a;stroke-width:1.6px}.land-north{fill:#8d7044;opacity:.38}.land-south{fill:#3f6a40;opacity:.36}.land-west{fill:#5a3a1e;opacity:.4}.land-plain{fill:#c4a05a;opacity:.16}.coast-shine{fill:none;stroke:#f3e0a8;stroke-width:1.8px;opacity:.55}.paper-grain{fill:#e7d3ae;filter:url(#paperNoise);pointer-events:none;opacity:.22}.peak-base{fill:#120c06;opacity:.5}.peak-dark{fill:#2a1e12;stroke:#140e08;stroke-width:.6px}.peak-lite{fill:#b08a52}.peak-snow{fill:#f0e2c0;opacity:.55}.grove{fill:#1e4a30;opacity:.7}.river{fill:none;stroke:#8fd4dc;stroke-width:4.4px;stroke-linecap:round;opacity:.9}.river.outer{stroke:#061418;stroke-width:8.5px;opacity:.7}.river.yangtze{stroke-width:5.6px}.river.yangtze.outer{stroke-width:10.5px}.river.branch{stroke:#6eb8c0;stroke-width:2.6px;opacity:.7}.river.branch.huai{stroke-width:3.2px}.region{fill:#cbb892;letter-spacing:8px;opacity:.55;font-size:13px}.region.faint{letter-spacing:10px;opacity:.28}.compass-ring{fill:none;stroke:#c4a05a;stroke-width:1.2px;opacity:.7}.compass-core{fill:#c4a05a}.compass-n{fill:#b42314}.compass-label{fill:#e7d3ae;text-anchor:middle;font-size:11px}.seal-plate{fill:#7c1a12;stroke:#e7d3ae;stroke-width:1.2px;opacity:.88}.seal-char{fill:#f3e6c8;text-anchor:middle;font-size:42px;font-weight:700}.map-frame{fill:none;stroke:#c4a05a59;stroke-width:1.2px;pointer-events:none}.city{cursor:pointer}.city .hit{fill:#0000}.city .city-glow{fill:#c4a05a;opacity:.18;pointer-events:none}.city .ground{fill:#16110b;opacity:.78;pointer-events:none}.city .plaque-bg{fill:#0c0a07c7;stroke:#c4a05a80;stroke-width:.7px;pointer-events:none}.city .plaque .city-name{font-size:10px}.city .city-rim{fill:none;stroke:#d4b05a47;stroke-width:6px;pointer-events:none}.city .water{fill:url(#waterFill);opacity:.86;pointer-events:none}.city .earth-bank{fill:url(#earthBank);opacity:.95;pointer-events:none}.city .water-shine{fill:#9ec4c8;opacity:.22;pointer-events:none}.city .water-shine.dim{opacity:.1}.city .road{fill:#4a3820;opacity:.9;pointer-events:none}.city .road-edge{fill:none;stroke:#2a1e10;stroke-width:.45px;opacity:.55;pointer-events:none}.city .wall-top{fill:url(#wallTop);stroke:#a88a58;stroke-width:.7px;pointer-events:none}.city .wall-front{fill:url(#wallFront);stroke:#6d5830;stroke-width:.6px;pointer-events:none}.city .wall-side{fill:url(#wallSide);stroke:#2a2218;stroke-width:.5px;pointer-events:none}.city .wall-grain{fill:none;stroke:#1a140c;stroke-width:.45px;opacity:.38;pointer-events:none}.city .wall-crack{fill:none;stroke:#1a120a;stroke-width:.4px;opacity:.28;pointer-events:none}.city .slit{fill:#0a0806;pointer-events:none}.city .yard{fill:#2c2216;opacity:.94;pointer-events:none}.city .yard-line{fill:none;stroke:#1a140c;stroke-width:.35px;opacity:.28;pointer-events:none}.city .platform{fill:#4a3c28;stroke:#8a6a2e;stroke-width:.5px;pointer-events:none}.city .column{fill:#e6d2a8;stroke:#8a6a2e;stroke-width:.25px;pointer-events:none}.city .column-base{fill:#6a542e;pointer-events:none}.city .steps{fill:#5a4630;stroke:#8a6a2e;stroke-width:.4px;pointer-events:none}.city .keep{fill:#2c2418;stroke:#6d5830;stroke-width:.5px;pointer-events:none}.city .roof-fill{fill:url(#roofClay);stroke:#2a140c;stroke-width:.45px;pointer-events:none}.city .roof-left{fill:url(#roofClayLite)}.city .roof-right{fill:url(#roofClay)}.city .roof-front{fill:url(#roofClay);filter:brightness(.78)}.city .roof-ridge{fill:none;stroke:#1a0e08;stroke-width:.55px;pointer-events:none}.city .eave-line{fill:none;stroke:#1a0c08;stroke-width:.7px;pointer-events:none}.city .ridge-ornament{fill:#2a140c;stroke:#1a0c08;stroke-width:.3px;pointer-events:none}.city .roof-tile{fill:none;stroke:#2a140c;stroke-width:.32px;opacity:.5;pointer-events:none}.city .battlement{fill:none;stroke:#c4a05a;stroke-width:1.05px;pointer-events:none}.city .gate{fill:#080604;pointer-events:none}.city .gate-arch{fill:#16100a;pointer-events:none}.city .door-leaf{fill:url(#woodDoor);stroke:#1a1008;stroke-width:.4px;pointer-events:none}.city .door-knob{fill:#c4a05a;pointer-events:none}.city .pole{stroke:#d8c4a0;stroke-width:1.3px;pointer-events:none}.city .banner{fill:#8a6a2e;pointer-events:none}.city .canopy{fill:#3f6d52;pointer-events:none}.city .canopy-dark{fill:#2a4a34}.city .canopy-lite{fill:#6a9a68;opacity:.55}.city .tree-shade{fill:#0a0806;opacity:.28}.city .trunk{fill:#4a3420;pointer-events:none}.city .banner-text{fill:#f3e6c8;text-anchor:middle;pointer-events:none;font-size:8px;font-weight:700}.city .city-name,.city .city-sub{fill:var(--silk);text-anchor:middle;pointer-events:none;font-size:11px}.city.hegemon .city-name{fill:var(--bronze);font-size:12px;font-weight:700}.city .city-name.small{font-size:10px}.city.occupied .roof-fill,.city.occupied .roof-right,.city.occupied .roof-front{fill:url(#roofCinnabar)}.city.occupied .roof-left{fill:url(#roofCinnabarLite)}.city.occupied .banner{fill:var(--cinnabar)}.city.occupied .battlement{stroke:#e07050}.city.occupied .wall-top{stroke:#c45a3a}.city.mine .roof-fill,.city.mine .roof-right,.city.mine .roof-front{fill:url(#roofGold)}.city.mine .roof-left{fill:url(#roofGoldLite)}.city.mine .banner{fill:#c4a05a}.city.mine .wall-top{stroke:#e6c97a}.city.mine .battlement{stroke:#efd48a}.city.selected .halo{fill:none;stroke:var(--cinnabar);stroke-width:1.8px;pointer-events:none}.legend{color:var(--ash);background:#0c0a078c;border:1px solid #c4a05a38;gap:16px;padding:6px 10px;font-size:12px;display:flex;position:absolute;bottom:16px;left:18px}.legend-big{color:var(--bronze)}.legend-occ{color:var(--cinnabar)}.legend-mine{color:#d7b25a}.dock{border-left:1px solid var(--line);background:#14110c;flex-direction:column;min-height:0;display:flex}.dock-head{border-bottom:1px solid var(--line);padding:18px 18px 10px}.kicker{color:var(--cinnabar);letter-spacing:.28em;font-size:11px}.dock-head h2{letter-spacing:.2em;margin:6px 0 0;font-size:28px}.dock-head .sub{color:var(--ash);margin:6px 0 0;font-size:13px}.blurb{color:var(--silk-dim);margin:10px 0 0;font-size:13px;line-height:1.7}.metrics{grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px;display:grid}.metric{border:1px solid var(--line);padding:8px 10px}.metric span{color:var(--ash);letter-spacing:.08em;font-size:11px}.metric b{color:var(--bronze);margin-top:4px;display:block}.actions{gap:8px;padding:0 18px 12px;display:grid}.actions label{color:var(--ash);gap:6px;font-size:12px;display:grid}.actions input{background:var(--ink);border:1px solid var(--line);color:var(--silk);padding:8px 10px}.row-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feed{border-top:1px solid var(--line);flex:1;padding:10px 18px 16px;overflow:auto}.feed h3{letter-spacing:.2em;color:var(--ash);margin:6px 0 10px;font-size:12px;font-weight:500}.feed li{color:var(--silk-dim);border-bottom:1px solid #c4a05a1f;margin:0 0 10px;padding:0 0 10px;font-size:12px;line-height:1.65;list-style:none}.feed ul{margin:0;padding:0}.time{color:var(--ash);margin-right:6px}.rules-btn{z-index:4;position:fixed;bottom:22px;right:22px}.modal-bg{z-index:10;background:#080604b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--bronze-deep);background:#16120c;width:min(760px,100%);max-height:86vh;padding:28px 28px 22px;overflow:auto}.wallet-modal{width:min(420px,100%)}.wallet-list{gap:8px;margin:16px 0 18px;display:grid}.wallet-item{border:1px solid var(--line);background:var(--ink);width:100%;color:var(--silk);text-align:left;letter-spacing:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.wallet-item:hover:not(:disabled){border-color:var(--bronze);background:#c4a05a14}.wallet-item img{object-fit:contain;background:#0c0a07;border-radius:8px;width:32px;height:32px}.wallet-glyph{border:1px solid var(--cinnabar);width:32px;height:32px;color:var(--cinnabar);place-items:center;font-size:16px;display:grid}.wallet-item span{gap:2px;display:grid}.wallet-item b{color:var(--silk);font-size:15px}.wallet-item small{color:var(--ash);font-size:11px}.modal h2{letter-spacing:.2em;margin:0 0 8px}.modal h3{color:var(--bronze);letter-spacing:.12em;margin:22px 0 8px;font-size:15px}.modal p,.modal li{color:var(--silk-dim);font-size:14px;line-height:1.8}.modal ol,.modal ul{padding-left:1.2em}.addr{color:var(--bronze);word-break:break-all;font-family:Cascadia Mono,SFMono-Regular,ui-monospace,monospace;font-size:12px}.warn{color:#c9a227;font-size:12px}@media (width<=960px){.app{height:auto;overflow:visible}.stats{grid-template-columns:repeat(3,1fr)}.stage{grid-template-columns:1fr}.map-svg{height:70vh;min-height:520px}.rail{border-right:0;border-bottom:1px solid var(--line);max-height:220px}.dock{border-left:0;border-top:1px solid var(--line)}}