:root{color-scheme:dark;--ink:#f4ecd8;--muted:#adbec1;--line:#526e765e;--warm:#efcf92;--font-ui:"PingFang SC","Microsoft YaHei",sans-serif;--font-title:"Songti SC","Noto Serif SC",serif;font-family:var(--font-ui);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:#192f3b}button{font:inherit;font-size:14px;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#314d56;min-height:44px;padding:9px 14px;touch-action:manipulation}button:focus-visible{outline:2px solid #e7c28a;outline-offset:3px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){border-color:#e9c894}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--font-title)}.app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:none;height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#1d3542;border-bottom:1px solid var(--line);z-index:5;gap:12px}.brand{display:flex;gap:12px;align-items:center}.brand-seal{font:28px var(--font-title);color:#eccb8a;border:1px solid #b99569;padding:3px 7px;border-radius:4px;background:#9d634123}h1{font-size:25px;letter-spacing:.12em;margin:0}.brand p{font-size:12px;color:var(--muted);margin:4px 0 0}.resources{display:flex;gap:28px}.resources>div{border-left:1px solid var(--line);padding-left:20px;min-width:85px}.resources span{display:block;color:var(--muted);font-size:12px;margin-bottom:3px}.resources strong{font-weight:500;color:var(--warm);font-size:21px;font-variant-numeric:tabular-nums}.resources b{font-weight:500}.resources i{font-size:12px;font-style:normal}.workspace{flex:1;min-height:0;display:block}.map-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#233f50}#game{position:absolute;inset:0}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.map-caption{position:absolute;left:24px;top:22px;display:flex;align-items:center;gap:10px;pointer-events:none}.weather-symbol{font-size:27px;color:#bdd2d5}.map-caption strong{display:block;font-size:14px;font-weight:500}.map-caption div>span{display:block;font-size:12px;color:#abc1c8;margin-top:4px}.map-tools{position:absolute;right:22px;bottom:24px;z-index:12;display:flex;align-items:center;background:#203a48e8;border:1px solid #75929966;border-radius:8px;box-shadow:0 6px 20px #102a3830}.map-tools button{border:0;background:transparent;font-size:23px;padding:4px;width:42px;min-height:44px}.map-tools span{width:42px;text-align:center;color:#bdcacc;font-size:12px}.map-tools .reset{border-left:1px solid var(--line)}.map-tip{position:absolute;right:26px;bottom:80px;font-size:12px;color:#a5bdc5;pointer-events:none}.map-tip span{padding-inline:5px}.game-nav{position:absolute;left:24px;bottom:24px;z-index:15;display:flex;gap:5px;padding:5px;border:1px solid #b2bba66e;background:#1e3542ed;box-shadow:0 6px 24px #112b3838;border-radius:10px}.game-nav button{background:transparent;border-color:transparent;min-width:75px;font-size:15px;letter-spacing:.12em}.game-nav button.active{color:#f5d69c;background:#cfb67618;border-color:#c5ae7450}.game-nav button[data-action=build]{color:#efcf92}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{height:29px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:5px 24px;font-size:11px;color:#a0b7bd;border-top:1px solid var(--line);background:#1d3542;gap:8px}footer i,.terminal-header i,.network-status i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#afcaa9}#build-panel{--ink:#324b4b;--muted:#6b7a72;--line:#c1bca8;--warm:#92623c;--danger:#a75242;position:absolute;left:24px;bottom:92px;z-index:20;width:340px;max-height:calc(100% - 130px);overflow:auto;overscroll-behavior:contain;color:var(--ink);background:#f0e8d7f7;padding:16px;border:1px solid #baae916b;border-radius:11px;box-shadow:0 10px 40px #112b3833}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h2{font-size:21px;margin:0;letter-spacing:.12em}.close-panel{border:0;background:transparent;color:#7d826d;font-size:24px;min-height:36px;padding:0;width:36px}.build-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-card{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;background:#fffaf252;border-color:#c6bda681;color:inherit;min-height:82px;text-align:left}.build-card.active{border-color:#b9965f;background:#d7bf8433}.build-card svg{width:26px;height:26px;color:#89704d;flex:none}.build-card span{flex:1}.build-card strong{display:block;font-size:14px;white-space:nowrap;font-weight:500}.build-card small{font-size:11px;color:var(--muted);display:block;margin-top:4px;white-space:nowrap}.build-card>b{font-size:13px;color:#907644;font-weight:500}.build-card.road{border-style:dashed}.inspector h3{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin:8px 0 14px;font-weight:500}.inspector h3 em{font-size:12px;font-style:normal;color:#6d856b}.eyebrow{font-size:12px;color:#7b8471}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.details span{font-size:12px;color:#6c7d71}.details b{display:block;font-weight:500;font-size:15px;color:#38514f;margin-top:4px}.action-row{display:flex;gap:7px;flex-wrap:wrap}.action-row button,.primary{background:#436b64;color:#fff3dc;border-color:#436b64}.action-row button{flex:1;white-space:nowrap;font-size:13px;padding:8px 10px}.action-row .secondary{background:transparent;color:#4b655c;border-color:#b6baa6;flex:0}.placement p,.inspector p{font-size:14px;line-height:1.7;margin-bottom:12px}.notice{font-size:12px;line-height:1.7;color:#66766c;border-left:2px solid #baa275;padding-left:9px;margin:13px 0 0}.valid{color:#3f7e66}.warning{color:#ad5043;font-size:13px;line-height:1.7;margin:10px 0 0}.scene-overlay{position:absolute;inset:0;z-index:9}.scene-overlay.interior{pointer-events:none}.scene-heading{position:absolute;left:26px;top:24px;display:flex;gap:18px;align-items:flex-start;pointer-events:auto;z-index:2}.scene-heading button{background:#213e4ce6;border-color:#94b2ad6b}.scene-heading h2{font-size:26px;letter-spacing:.1em;margin:0 0 5px}.scene-heading p{font-size:13px;color:#bacdce;margin:0}.interior-note{position:absolute;left:50%;bottom:105px;transform:translate(-50%);text-align:center;width:max-content;max-width:85%;background:#253f4ce6;padding:12px 20px;border:1px solid #778d8866;border-radius:7px}.interior-note strong{font-size:14px;color:#e9d3a3;font-weight:500}.interior-note span{display:block;font-size:12px;color:#adbfbd;margin-top:5px}.scene-overlay.intro{position:fixed;z-index:50;background:radial-gradient(ellipse at 25% 50%,#36535b,#152d3b 70%);display:grid;place-items:center;overflow:auto}.opening-layout{display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center;width:min(1050px,88vw);padding:60px 0 90px;z-index:1}.opening-title h2{font-size:clamp(48px,5vw,78px);letter-spacing:.2em;line-height:1.5;margin:12px 0;color:#efe4c9}.opening-title p{color:#b4c6c7;letter-spacing:.12em;font-size:15px}.small-title{font-size:14px;letter-spacing:.25em;color:#c9b793}.takeover{border:1px solid #7a938a66;border-radius:9px;background:#1b3440e8;box-shadow:0 20px 70px #061a2538;overflow:hidden}.terminal-header{padding:17px 22px;border-bottom:1px solid #8da18f30;font-size:13px;color:#cad3bb}.terminal-header span{float:right;font-size:12px;color:#899f98}.terminal-body{padding:28px}.terminal-body h3{font-size:23px;font-weight:500;margin:13px 0 20px;color:#eed7a9}.terminal-body p{font-size:14px;line-height:1.95;color:#b8cac7}.file-no{color:#b5b38f;font-size:13px}.terminal-body blockquote{margin:24px 0;color:#c2b494;border-left:2px solid #ad9363;padding-left:14px;line-height:1.9;font-size:13px}.terminal-body button{width:100%;background:#d5b47d;color:#263f45;border:0;margin-top:8px}.terminal-body button span{float:right}.fiction-opening{position:absolute;bottom:24px;color:#9aafaf;font-size:12px;text-align:center;width:100%;padding:0 20px}.opening-snow{position:absolute;inset:0;overflow:hidden;pointer-events:none}.opening-snow:before,.opening-snow:after{content:"";position:absolute;width:1000px;height:400px;border:1px solid #b7cbc312;border-radius:50%;transform:rotate(-25deg);bottom:-170px;left:-280px}.opening-snow:after{left:150px;bottom:-240px;width:1500px}.opening-snow i{position:absolute;left:13%;bottom:20%;width:4px;height:4px;border-radius:50%;background:#f4cb83;box-shadow:0 0 40px 15px #efc17b15}.opening-snow i:nth-child(2){left:30%;bottom:30%;opacity:.5}.opening-snow i:nth-child(3){left:20%;bottom:55%;opacity:.25}.scene-overlay.region{background:#86a2a9}.region-art{width:100%;height:100%;display:block}.region .scene-heading h2{color:#f2eedc;text-shadow:0 2px 5px #476976}.region .scene-heading p{color:#e0e8db}.map-node{position:absolute;transform:translate(-50%,-50%);padding:10px 14px;background:#263f49ed;border:1px solid #c8d2b180;box-shadow:0 5px 20px #24495630;text-align:center;min-width:125px}.map-node.station{left:29.5%;top:66%}.map-node.settlement{left:70%;top:28%}.map-node.route{left:51%;top:46%}.map-node.selected{border-color:#e8c583;box-shadow:0 0 0 4px #e0c18530}.map-node span{display:block;font-size:25px;line-height:1.3;color:#e4c38a}.map-node b{font-weight:500;display:block;font-size:15px;margin-top:3px}.map-node small{display:block;color:#b6c9c7;font-size:12px;margin-top:5px}.region-info{position:absolute;right:28px;bottom:105px;width:310px;border:1px solid #cbc1a780;border-radius:10px;padding:20px;background:#f0ead8eb;color:#344d50;box-shadow:0 10px 25px #3f647133}.region-info>span{font-size:12px;color:#7c856e}.region-info h3{font-size:22px;font-weight:500;margin:10px 0}.region-info p{font-size:14px;line-height:1.8;margin-bottom:0}.region-info button{margin-top:14px;background:#436b64;font-size:14px;color:#f4e9cf}.scene-overlay.intranet{background:radial-gradient(ellipse at 50% 30%,#2f4c52,#142e3b)}.network{position:absolute;top:140px;left:50%;transform:translate(-50%);width:min(780px,85%);border:1px solid #6f8e845e;background:#203a43c9;border-radius:10px;overflow:hidden}.network-tabs{display:flex;border-bottom:1px solid var(--line);padding:8px;gap:6px}.network-tabs button{flex:1;border-color:transparent;background:transparent}.network-tabs button.active{background:#93a28a18;border-color:#bbbf8d50;color:#e8d29d}.network-content{padding:30px 36px;min-height:300px}.network-content h3{font-weight:500;color:#e6d4a9;font-size:24px;margin:15px 0}.network-content p{font-size:15px;line-height:1.9;color:#b7c9c6}.network-content blockquote,.anomaly{font-size:14px;line-height:1.9;color:#d4bc8c;border-left:2px solid #9e8d64;padding:10px 16px;margin:20px 0}.network-status{padding:14px 24px;border-top:1px solid var(--line);font-size:12px;color:#8fa9a1;margin:0}.muted{color:#8fa9a1!important}@media(max-width:760px){.topbar{height:91px;padding:9px 13px;align-items:flex-start}.brand{gap:8px}.brand-seal{font-size:24px;padding:3px 6px}h1{font-size:21px}.brand p{font-size:11px}.resources{gap:13px;align-self:center}.resources>div{border:0;padding:0;min-width:35px}.resources span{font-size:11px}.resources strong{font-size:16px}.resources i{display:none}.map-caption{left:14px;top:18px;gap:7px}.map-caption strong{font-size:13px}.map-caption div>span{font-size:11px}.weather-symbol{font-size:22px}.map-tools{right:12px;top:79px;bottom:auto}.map-tools button{width:35px;min-height:40px;font-size:21px}.map-tools span{width:35px}.map-tip{display:none}.game-nav{left:12px;right:12px;bottom:14px;justify-content:space-between;padding:4px}.game-nav button{min-width:0;flex:1;font-size:14px;padding:8px;min-height:44px}#build-panel{left:12px;right:12px;bottom:77px;width:auto;max-height:48dvh;padding:13px}.panel-heading h2{font-size:20px}.build-card{min-height:72px}.build-card strong{font-size:14px}.build-card small{font-size:12px}.details{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.details span{font-size:12px}.details b{font-size:14px}.action-row button{font-size:13px;min-height:44px}.notice{font-size:12px}.scene-heading{left:14px;top:17px;gap:12px;flex-wrap:wrap}.scene-heading h2{font-size:22px}.scene-heading p{font-size:12px}.scene-heading button{font-size:13px}.interior-note{bottom:83px;padding:10px 12px;max-width:92%}.interior-note span{font-size:12px;line-height:1.6;max-width:290px}.opening-layout{display:flex;flex-direction:column;gap:24px;width:90%;padding:30px 0 70px}.opening-title{text-align:center}.opening-title h2{font-size:43px;margin:6px 0}.opening-title p{font-size:12px;margin:0}.small-title{font-size:12px}.takeover{width:100%}.terminal-header{padding:14px 16px;font-size:12px}.terminal-body{padding:20px}.terminal-body h3{font-size:21px;margin:10px 0}.terminal-body p{font-size:14px}.terminal-body blockquote{margin:17px 0}.fiction-opening{font-size:11px;bottom:14px}.map-node{min-width:105px;padding:7px 8px}.map-node b{font-size:14px}.map-node small{font-size:11px}.map-node.station{left:23%;top:54%}.map-node.settlement{left:73%;top:27%}.map-node.route{left:49%;top:40%}.region-info{left:14px;right:14px;bottom:82px;width:auto;padding:15px}.region-info h3{font-size:19px;margin:7px 0}.region-info p{font-size:13px;line-height:1.7}.network{top:132px;width:94%}.network-tabs{gap:2px;padding:5px}.network-tabs button{font-size:13px;padding:7px;min-height:44px}.network-content{padding:20px;min-height:300px}.network-content h3{font-size:22px}.network-content p{font-size:14px}.network-status{padding:12px 15px;font-size:11px}footer{height:26px;padding:5px 12px;font-size:10px}footer>span:first-child{display:none}footer>span:last-child{margin:auto}.view-intro .topbar{visibility:hidden}}@media(max-width:360px){.brand p{display:none}.resources{gap:10px}.brand-seal{font-size:21px}h1{font-size:18px}.topbar{gap:8px}.opening-layout{gap:14px}.opening-title h2{font-size:35px}.terminal-body{padding:16px}.terminal-body blockquote{margin:12px 0}.opening-title p{font-size:11px}.fiction-opening{position:static;padding-bottom:15px}.scene-overlay.intro{display:flex;flex-direction:column}.opening-layout{padding-bottom:20px}.details{gap:5px}.details span{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px){.interior-note{inset:24px 24px auto auto;transform:none;max-width:330px;text-align:right}.interior-note span{max-width:290px;line-height:1.6}}#build-panel.road-mode{padding:10px 12px}#build-panel.road-mode .panel-heading,#build-panel.road-mode .eyebrow,#build-panel.road-mode .notice{display:none}#build-panel.road-mode .placement{display:flex;gap:10px;align-items:center}#build-panel.road-mode .placement p{flex:1;margin:0;font-size:13px}#build-panel.road-mode .action-row{flex:none}#build-panel.road-mode .action-row button{font-size:13px}@media(max-width:760px){#build-panel.road-mode{top:136px;bottom:auto;max-height:130px}}