:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1017;--panel:#141b26;--panel-2:#1a2433;--border:#2a3a52;--text:#e7eef8;--muted:#8fa3bd;--accent:#3d8bfd;--accent-2:#c9a227;--danger:#e85d5d;--ok:#4caf7a;--shadow:0 8px 28px #00000059;--dock-w:360px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{background:radial-gradient(1200px 600px at 20% -10%, #1a2740 0%, var(--bg) 55%);height:100%;color:var(--text);margin:0}button,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);color:var(--text);background:linear-gradient(#243247,#1a2433);border-radius:8px;padding:.45rem .75rem;transition:border-color .15s,transform .1s,background .15s}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:linear-gradient(#3d8bfd,#2a5fb5);border-color:#5aa2ff;font-weight:600}button.danger{background:linear-gradient(#8b3030,#5c1e1e);border-color:#c45a5a}button.ghost{background:0 0}.app-shell{max-width:1400px;margin:0 auto;padding:.75rem 1rem 1rem}.game-shell{flex-direction:column;max-width:1400px;height:100dvh;padding:.5rem .75rem .35rem;display:flex;overflow:hidden}.game-frame{flex-direction:column;flex:1;gap:.45rem;min-height:0;display:flex}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#141b26eb;border-radius:12px}.title-screen,.new-game-screen{place-items:center;min-height:80vh;display:grid}.title-card,.new-game-card{width:min(720px,100%);padding:2rem}.brand{letter-spacing:.18em;color:var(--accent-2);text-transform:uppercase;margin:0 0 .5rem;font-size:.85rem}h1{margin:0 0 .75rem;font-size:2rem;font-weight:700}.lead{color:var(--muted);margin:0 0 1.5rem}.row{flex-wrap:wrap;gap:.5rem;display:flex}.class-grid{gap:.85rem;margin:1.25rem 0;display:grid}.class-card{text-align:left;border:1px solid var(--border);background:var(--panel-2);color:inherit;border-radius:10px;width:100%;padding:1rem 1.1rem}.class-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.class-card h3{align-items:baseline;gap:.5rem;margin:0 0 .25rem;display:flex}.class-card .alias{color:var(--accent-2);font-size:.85rem;font-weight:500}.class-card p{color:var(--muted);margin:.35rem 0 0;font-size:.92rem}.meta{color:var(--text);margin-top:.6rem;font-size:.85rem}.map-layout{grid-template-columns:1fr var(--dock-w);flex:1;gap:.55rem;min-height:0;display:grid;overflow:hidden}@media (width<=960px){.game-shell{height:auto;min-height:100dvh;overflow:auto}.map-layout{grid-template-rows:minmax(320px,42vh) minmax(280px,48vh);grid-template-columns:1fr}}.hud{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem .85rem;padding:.55rem .75rem;display:flex}.hud .stat{flex-direction:column;gap:.05rem;min-width:56px;display:flex}.hud .stat span{color:var(--muted);font-size:.7rem}.hud .stat strong{font-size:.98rem}.hud .actions{flex-wrap:wrap;gap:.4rem;margin-left:auto;display:flex}.map-stage{flex-direction:column;min-width:0;min-height:0;display:flex}.map-panel{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex;overflow:hidden}.map-svg{border:1px solid var(--border);background:linear-gradient(#1e304859,#0000 40%),repeating-linear-gradient(0deg,#0000,#0000 31px,#2a3a5240 32px),repeating-linear-gradient(90deg,#0000,#0000 31px,#2a3a5240 32px),#0e1520;border-radius:10px;flex:1;width:100%;height:100%;min-height:0}.city-node{cursor:pointer}.city-node circle{stroke-width:2px;transition:stroke-width .12s,filter .12s}.city-node:hover circle{stroke-width:3px;filter:brightness(1.15)}.city-node.current circle{stroke:#fff;stroke-width:3.5px}.city-label{fill:var(--text);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px}.city-sub{fill:var(--muted);pointer-events:none;font-size:10px}.right-dock{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.dock-tabs{border-bottom:1px solid var(--border);background:#0c121ca6;flex-wrap:wrap;flex-shrink:0;gap:.25rem;padding:.45rem .45rem .35rem;display:flex}.dock-tab{padding:.35rem .55rem;font-size:.82rem}.dock-scroll{flex:1;min-height:0;padding:.65rem .75rem .85rem;overflow:auto}.dock-section h2{margin:0 0 .55rem;font-size:.98rem}.dock-sub{color:var(--accent-2);margin:.9rem 0 .4rem;font-size:.88rem;font-weight:600}.hero-row,.prison-row,.quest-row{border-bottom:1px solid #2a3a528c;margin-bottom:.75rem;padding-bottom:.55rem}.hero-row{grid-template-columns:64px 1fr;gap:8px;display:grid}.kv{grid-template-columns:auto 1fr;gap:.3rem .75rem;font-size:.88rem;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.log-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.dock-log{max-height:none}.log-list li{color:var(--muted);border-left:2px solid var(--border);padding-left:.55rem;font-size:.82rem}.log-list li .t{color:var(--accent-2);margin-right:.35rem}.hint{color:var(--muted);margin:.45rem 0 0;font-size:.78rem}.badge{border:1px solid var(--border);background:#101826;border-radius:999px;padding:.1rem .45rem;font-size:.75rem;display:inline-block}.badge.player{color:#9ec5ff;border-color:#3d8bfd}.badge.enemy{color:#f0a0a0;border-color:#c45a5a}.footer-note{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin:0;font-size:.72rem;overflow:hidden}.modal-backdrop{z-index:40;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{width:min(520px,100%);max-height:90vh;padding:1.15rem 1.25rem;overflow:auto}.dossier-card{width:min(760px,100%)}.dossier-layout{grid-template-columns:180px 1fr;gap:14px;display:grid}@media (width<=640px){.dossier-layout{grid-template-columns:1fr}}.dossier-tabs{margin-bottom:.35rem}.dossier-body{margin-top:.35rem}.confirm-body{font-size:.92rem}.toast{z-index:50;background:#1a2433;border:1px solid #2a3a52;border-radius:8px;padding:.65rem .9rem;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000059}.cmd-grid{grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.35rem;display:grid}.demo-hint{border:1px dashed #c9a227;border-radius:8px;margin-bottom:.5rem;padding:.4rem .5rem;color:#c9a227!important}.story-card{width:min(640px,100%)}.story-layout{grid-template-columns:140px 1fr;gap:12px;display:grid}@media (width<=560px){.story-layout{grid-template-columns:1fr}}.story-body{white-space:pre-wrap;color:var(--muted);margin:0 0 .85rem;font-size:.92rem}.story-choices{flex-direction:column;gap:.45rem;display:flex}.story-choices button{text-align:left}.selected-city-card{border:1px solid var(--accent,#c9a227);background:#c9a2270f;border-radius:10px;margin-bottom:.65rem;padding:.55rem .65rem}.action-row-top{gap:.45rem;margin-top:.45rem}.action-row-top button{flex:1;min-height:2.4rem;font-weight:600}.dock-top-title{margin:0 0 .4rem;font-size:1.05rem}.army-list{flex-direction:column;gap:.35rem;margin:.35rem 0 .2rem;display:flex}.army-chip{text-align:left;color:inherit;cursor:pointer;background:#121a28;border:1px solid #2f425e;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.4rem .55rem;display:flex}.army-chip.primary{border-color:var(--accent,#c9a227);background:#c9a2271f}.army-chip.ghost{opacity:.85;cursor:default}.army-chip .badge{margin-left:.25rem}.city-army-mark{pointer-events:none;font-weight:600}html,body{min-width:320px;margin:0}#root{min-height:100vh}