:root{--bg: #0d0e12;--bg-2: #14161c;--panel: #181b22;--panel-2: #1e222b;--line: #2b303b;--line-soft: #232833;--ink: #e9e5dc;--ink-dim: #a5a09a;--ink-faint: #6f6b66;--accent: #c8452f;--accent-soft: #e2705a;--gold: #c9a227;--good: #6cc08a;--bad: #e05a4a;--warn: #e0a33f;--mincho: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;--gothic: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--gothic);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,.mincho{font-family:var(--mincho);font-weight:600;letter-spacing:.04em}.btn{border:1px solid var(--line);background:var(--panel-2);padding:6px 14px;border-radius:3px;transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover:not(:disabled){background:#262b36;border-color:#3a4252}.btn:disabled{opacity:.38}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#d8523b;border-color:#d8523b}.btn.ghost{background:transparent}.btn.sm{padding:4px 10px;font-size:13px}.tag{display:inline-block;padding:2px 8px;border-radius:2px;font-size:12px;border:1px solid var(--line);color:var(--ink-dim)}.tag.on{border-color:var(--good);color:var(--good)}.tag.locked{border-color:var(--line-soft);color:var(--ink-faint)}.tag.gold{border-color:var(--gold);color:var(--gold)}.muted{color:var(--ink-dim)}.faint{color:var(--ink-faint)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.num{font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:4px}.panel-head{padding:10px 15px;border-bottom:1px solid var(--line-soft);font-family:var(--mincho);font-size:15px;letter-spacing:.08em;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}.panel-body{padding:14px}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 0%,rgba(200,69,47,.1),transparent 62%),var(--bg)}.screen-inner{width:100%;max-width:1040px}.title-mark{font-family:var(--mincho);font-size:76px;letter-spacing:.3em;text-align:center;margin:0;text-indent:.3em}.title-sub{text-align:center;color:var(--ink-dim);letter-spacing:.22em;margin-top:4px}.title-lead{text-align:center;color:var(--ink-dim);max-width:560px;margin:26px auto 34px;line-height:2;font-family:var(--mincho)}.choice-grid{display:grid;gap:10px}.choice-grid.c3{grid-template-columns:repeat(3,1fr)}.choice-grid.c4{grid-template-columns:repeat(4,1fr)}.choice{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:14px 16px;transition:border-color .12s,background .12s,transform .12s}.choice:hover{border-color:var(--accent);background:var(--panel-2)}.choice.sel{border-color:var(--accent);background:#c8452f17}.choice-title{font-family:var(--mincho);font-size:17px;letter-spacing:.06em}.choice-meta{color:var(--gold);font-size:13px;margin-top:3px}.choice-desc{color:var(--ink-dim);font-size:13.5px;margin-top:8px;line-height:1.8}.section-label{font-family:var(--mincho);letter-spacing:.18em;color:var(--ink-dim);font-size:13px;margin:30px 0 10px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--line-soft)}.game{display:flex;flex-direction:column;min-height:100vh}.hdr{display:flex;align-items:stretch;flex-wrap:wrap;flex:none;gap:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#15171d,#101216);position:sticky;top:0;z-index:30}.hdr-brand{padding:10px 18px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;justify-content:center;min-width:150px}.hdr-brand .nm{font-family:var(--mincho);letter-spacing:.16em;font-size:17px}.hdr-brand .dy{color:var(--gold);font-size:13px;font-variant-numeric:tabular-nums}.stat{padding:9px 16px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;justify-content:center;min-width:116px}.stat .k{font-size:12px;color:var(--ink-faint);letter-spacing:.08em}.stat .v{font-size:17px;font-variant-numeric:tabular-nums;font-family:var(--mincho)}.stat .s{font-size:12px;font-variant-numeric:tabular-nums}.hdr-right{margin-left:auto;display:flex;align-items:center;gap:6px;padding:0 14px}.speed{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.speed button{padding:5px 12px;font-size:13px;border-right:1px solid var(--line)}.speed button:last-child{border-right:none}.speed button.on{background:var(--accent);color:#fff}.gauge-wrap{min-width:190px}.gauge{height:6px;background:#23262e;border-radius:3px;overflow:hidden;margin-top:4px}.gauge>i{display:block;height:100%;border-radius:3px;transition:width .25s}.tabs{display:flex;flex:none;gap:0;border-bottom:1px solid var(--line);background:var(--bg-2);padding:0 10px;position:sticky;top:87px;z-index:25;overflow-x:auto}.tabs button{padding:9px 17px;font-family:var(--mincho);letter-spacing:.1em;color:var(--ink-dim);border-bottom:2px solid transparent;white-space:nowrap}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tabs .badge{display:inline-block;margin-left:6px;background:var(--accent);color:#fff;border-radius:8px;font-size:10px;padding:0 5px;font-family:var(--gothic);vertical-align:1px}.body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:12px;padding:12px;align-items:start}.main-col{min-width:0;display:flex;flex-direction:column;gap:14px}.side-col{display:flex;flex-direction:column;gap:14px;position:sticky;top:142px}.log{max-height:272px;overflow-y:auto;padding:6px 0}.log-row{display:flex;gap:8px;padding:6px 14px;border-bottom:1px solid var(--line-soft);font-size:13.5px;line-height:1.7}.log-row:last-child{border-bottom:none}.log-row .d{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.log-row.good .t{color:var(--good)}.log-row.bad .t{color:var(--bad)}.log-row.warn .t{color:var(--warn)}.log-row.system .t{color:var(--ink-dim)}.city-wrap{display:grid;grid-template-columns:224px minmax(0,1fr) 292px;gap:12px;align-items:start}.city-svg{width:100%;max-height:50vh;display:block;background:#101319;border-radius:3px}.tile-base{fill:#171b22;stroke:#242a34;stroke-width:1}.tile-base.empty{cursor:pointer}.tile-base.empty:hover{fill:#1f2530;stroke:var(--accent)}.tile-base.sel{fill:#26202a;stroke:var(--accent);stroke-width:2}.tile-icon{font-size:21px;text-anchor:middle;pointer-events:none}.tile-name{font-size:10.5px;text-anchor:middle;fill:var(--ink-dim);pointer-events:none}.tile-ring{fill:none;stroke-width:2}.build-list{display:flex;flex-direction:column;gap:6px}.build-item{border:1px solid var(--line-soft);border-radius:3px;padding:8px 10px;text-align:left;background:var(--panel-2);display:block;width:100%}.build-item:hover:not(:disabled){border-color:var(--accent)}.build-item:disabled{opacity:.4}.build-item .r1{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.build-item .nm{font-family:var(--mincho)}.build-item .cost{color:var(--gold);font-size:13px;font-variant-numeric:tabular-nums}.build-item .ds{color:var(--ink-faint);font-size:12px;margin-top:4px;line-height:1.7}.staff-opts{display:flex;gap:6px;margin-top:8px}.staff-opts .btn{flex:1;text-align:center}.staff-opts .btn.on{border-color:var(--gold);color:var(--gold)}.axis{padding:13px 0;border-bottom:1px solid var(--line-soft)}.axis:last-child{border-bottom:none}.axis-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.axis-name{font-family:var(--mincho);font-size:16px;letter-spacing:.06em}.axis-val{color:var(--gold);font-variant-numeric:tabular-nums}.axis-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-faint);margin-top:4px}.axis-desc{font-size:12px;color:var(--ink-faint);margin-top:6px;line-height:1.75}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(90deg,#2f3542,#3d4554);border-radius:2px;margin:9px 0 2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid #f0ece4;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:var(--ink-faint);border-color:#555;cursor:not-allowed}table.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.tbl th,table.tbl td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--line-soft)}table.tbl th{color:var(--ink-faint);font-weight:400;font-size:12px;letter-spacing:.06em}table.tbl td:first-child,table.tbl th:first-child{text-align:left}table.tbl tr:last-child td{border-bottom:none}table.tbl tr.dim td{color:var(--ink-faint)}.bar{height:4px;background:#23262e;border-radius:2px;overflow:hidden;min-width:60px}.bar>i{display:block;height:100%;background:var(--accent-soft)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:10px}.card{border:1px solid var(--line-soft);border-radius:4px;background:var(--panel-2);padding:12px 13px;display:flex;flex-direction:column;gap:7px}.card.locked{opacity:.52}.card.active{border-color:var(--good)}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.card-name{font-family:var(--mincho);font-size:16px;letter-spacing:.05em}.card-desc{color:var(--ink-faint);font-size:13px;line-height:1.8}.card-eff{display:flex;flex-wrap:wrap;gap:5px}.eff{font-size:12px;padding:2px 7px;border-radius:2px;background:#23283244;border:1px solid var(--line-soft);font-variant-numeric:tabular-nums}.eff.pos{color:var(--good);border-color:#2f5540}.eff.neg{color:var(--bad);border-color:#5c3330}.card-foot{margin-top:auto;display:flex;align-items:center;gap:8px;justify-content:space-between}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#060709c7;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--panel);border:1px solid var(--line);border-radius:5px;max-width:520px;width:100%;box-shadow:0 18px 60px #0009}.modal-head{padding:15px 20px;border-bottom:1px solid var(--line-soft);font-family:var(--mincho);font-size:19px;letter-spacing:.1em}.modal-body{padding:20px;line-height:2;font-family:var(--mincho)}.modal-foot{padding:14px 20px;border-top:1px solid var(--line-soft);display:flex;justify-content:flex-end;gap:8px}.modal.good .modal-head{color:var(--good)}.modal.bad .modal-head{color:var(--bad)}.ending-title{font-family:var(--mincho);font-size:34px;letter-spacing:.28em;text-align:center;margin:6px 0 14px;text-indent:.28em}.ending-title.win{color:var(--gold)}.ending-title.lose{color:var(--bad)}.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 18px;font-family:var(--gothic);font-size:13px}.kv .k{color:var(--ink-faint)}.kv .v{text-align:right;font-variant-numeric:tabular-nums}.chart-box{height:210px}.hint{border-left:2px solid var(--gold);padding:7px 12px;background:#c9a2270f;color:var(--ink-dim);font-size:13.5px;line-height:1.9;border-radius:0 3px 3px 0}.hint.alert{border-left-color:var(--accent);background:#c8452f14}.scroll-x{overflow-x:auto}@media (max-width: 1080px){.body{grid-template-columns:1fr}.side-col{position:static}.city-wrap{grid-template-columns:1fr}.choice-grid.c4{grid-template-columns:repeat(2,1fr)}}input[type=text]{background:var(--panel-2);border:1px solid var(--line);border-radius:3px;color:var(--ink);font-family:var(--mincho);font-size:15px;letter-spacing:.06em;padding:8px 12px;width:100%;outline:none}input[type=text]:focus{border-color:var(--accent)}input[type=text]::placeholder{color:var(--ink-faint);font-family:var(--gothic);letter-spacing:0}.name-row{display:flex;gap:6px;align-items:center}.name-row input[type=text]{font-size:14px;padding:6px 10px}.toasts{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px;width:336px;pointer-events:none}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--ink-faint);border-radius:4px;padding:11px 14px;box-shadow:0 10px 30px #00000080;animation:toast-in .22s ease-out;cursor:pointer}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast .tt{font-family:var(--mincho);font-size:15px;letter-spacing:.06em}.toast.good .tt{color:var(--good)}.toast.bad .tt{color:var(--bad)}.toast .tx{color:var(--ink-dim);font-size:12.5px;line-height:1.75;margin-top:4px}.toast .card-eff{margin-top:7px}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.iso-label{font-size:9.5px;fill:var(--ink-dim);pointer-events:none;font-family:var(--gothic)}.iso-plus{font-size:15px;fill:#2f3744;pointer-events:none}.iso-hint{font-size:11px;fill:var(--gold);font-family:var(--gothic);pointer-events:none}.city-svg{touch-action:none;-webkit-user-select:none;user-select:none}.syn-row{border:1px solid var(--line-soft);border-left:3px solid var(--line);border-radius:3px;padding:8px 11px;background:var(--panel-2);opacity:.6}.syn-row.on{opacity:1;border-left-color:var(--gold)}.syn-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.syn-name{font-family:var(--mincho);font-size:14px;letter-spacing:.05em}.syn-row .card-eff{margin-top:5px}.syn-mini{font-size:12px;color:var(--gold)}.tip-card{border:1px solid #3a3320;border-left:3px solid var(--gold);background:linear-gradient(180deg,#c9a22712,#c9a22705);border-radius:0 4px 4px 0;padding:11px 15px}.tip-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--mincho);font-size:15px;letter-spacing:.06em;color:var(--gold)}.tip-body{margin:7px 0 0;padding-left:18px;color:var(--ink-dim);font-size:13px;line-height:1.9}.tip-body li{margin-bottom:3px}.tip-body li:last-child{margin-bottom:0}.seg{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{padding:2px 10px;font-size:12px;color:var(--ink-dim);border-right:1px solid var(--line)}.seg button:last-child{border-right:none}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--accent);color:#fff}.flat-label{font-size:11px;fill:var(--ink);pointer-events:none;font-family:var(--gothic)}.flat-status{font-size:10px;pointer-events:none;font-family:var(--gothic)}.quest-row{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.7}.quest-row .q-mark{flex-shrink:0;width:14px;text-align:center}.quest-row.done{color:var(--ink-faint);text-decoration:line-through}.quest-row.done .q-mark{color:var(--good);text-decoration:none}.quest-row.next{color:var(--ink-faint)}.quest-row.current{border-left:2px solid var(--gold);background:#c9a22712;padding:8px 10px;border-radius:0 3px 3px 0}.quest-row.current .q-mark{color:var(--gold)}.q-title{font-family:var(--mincho);font-size:14.5px;color:var(--gold);letter-spacing:.04em}.q-detail{color:var(--ink-dim);font-size:12px;line-height:1.85;margin-top:3px}.shadow-panel{border-color:#3a2630}.shadow-panel .panel-head{color:#d08a9e}.card.shadow{border-color:#3a2630;background:linear-gradient(180deg,rgba(154,58,58,.07),transparent)}.card.shadow .card-name{color:#d9a0ae}.card.shadow.active{border-color:#9a3a3a}.syn-rail{position:relative}.rail-row{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:3px;cursor:default;font-size:12.5px}.rail-row:hover,.rail-row.on{background:#c9a2271f}.rail-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.rail-dot.adj{background:var(--gold)}.rail-dot.zone{background:#5eb8ff}.rail-name{font-family:var(--mincho);letter-spacing:.03em;flex:1}.rail-count{color:var(--gold);font-size:11.5px;font-variant-numeric:tabular-nums}.rail-card{margin-top:9px;min-height:96px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:4px;padding:9px 11px}.rail-card-name{font-family:var(--mincho);font-size:14.5px;color:var(--gold);letter-spacing:.04em}.rail-card-desc{color:var(--ink-dim);font-size:12px;line-height:1.8;margin-top:5px}@media (max-width: 1320px){.city-wrap{grid-template-columns:1fr}}.rival{border:1px solid var(--line-soft);border-radius:3px;padding:8px 10px;margin-bottom:6px;background:var(--panel-2);cursor:pointer;transition:border-color .12s}.rival:hover{border-color:var(--accent)}.rival.sel{border-color:var(--accent);background:#c8452f1a}.rival.dead{opacity:.45;cursor:default}.rival.dead:hover{border-color:var(--line-soft)}.rival-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.rival-name{font-family:var(--mincho);font-size:14.5px;letter-spacing:.04em}.rival-stats{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:11.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-top:3px}.rival-biz{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.rival-biz .eff{font-size:10.5px;padding:1px 5px}.match-clock{display:flex;align-items:center;gap:7px;padding:0 14px;border-right:1px solid var(--line-soft);font-size:12px;color:var(--ink-dim)}.match-clock b{color:var(--gold);font-family:var(--mincho);font-size:14px}.crash-detail{background:#101319;border:1px solid var(--line-soft);border-radius:3px;padding:10px 12px;font-size:11.5px;line-height:1.6;color:var(--ink-dim);white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;margin:0}.invest-actions{display:flex;flex-direction:column;gap:6px}.invest-btn{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.45;padding:7px 10px}.invest-btn .invest-amt{font-size:11.5px;opacity:.8;font-variant-numeric:tabular-nums}.cards.invest-cards{grid-template-columns:repeat(auto-fill,minmax(304px,1fr))}.invest-stats{display:flex;flex-direction:column;gap:3px;margin:0;font-size:12.5px;font-variant-numeric:tabular-nums}.invest-stats>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.invest-stats dt{color:var(--ink-faint);white-space:nowrap;margin:0}.invest-stats dd{margin:0;text-align:right;overflow-wrap:anywhere}