:root,html[data-theme=evening]{--bg-app: #1B1E1F;--bg-card: #24282A;--bg-elevated: #2D3235;--bg-elevated-hover: #363D41;--border-subtle: #3A4044;--border-active: #C89B54;--text-primary: #E6E1D6;--text-muted: #A9A49A;--text-bright: #F5F2EB;--accent-bronze: #C89B54;--accent-bronze-hover: #D9AE68;--status-ok-bg: #22352B;--status-ok-text: #8FD1A8;--status-warn-bg: #3B2F1D;--status-warn-text: #F0C37B;--status-alert-bg: #3D2322;--status-alert-text: #F29B96;--hl-upstream: #4DB6AC;--hl-downstream: #FFB74D;--shadow-popup: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}html[data-theme=daylight]{--bg-app: #F3EEE4;--bg-card: #FAF6EE;--bg-elevated: #EAE3D5;--bg-elevated-hover: #DFD7C7;--border-subtle: #CFC6B4;--border-active: #A27632;--text-primary: #23211E;--text-muted: #5C564E;--text-bright: #11100E;--accent-bronze: #A27632;--accent-bronze-hover: #8B6325;--status-ok-bg: #D4EDE1;--status-ok-text: #1B5E39;--status-warn-bg: #FDF1D6;--status-warn-text: #7A5200;--status-alert-bg: #FCE8E6;--status-alert-text: #9E2A2B;--hl-upstream: #00796B;--hl-downstream: #E65100;--shadow-popup: 0 8px 24px rgba(35, 33, 30, .15);--shadow-card: 0 2px 8px rgba(35, 33, 30, .08)}html{font-size:16px;box-sizing:border-box}html[data-zoom="115"]{font-size:18.4px}html[data-zoom="130"]{font-size:20.8px}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body,button,input,select,textarea,.num{font-family:Inter,Atkinson Hyperlegible,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-app);color:var(--text-primary);line-height:1.45;min-height:100vh;overflow-x:hidden}.text-primary{color:var(--text-primary)}.text-muted{color:var(--text-muted);font-size:.875rem}.text-bright{color:var(--text-bright);font-weight:600}.small-label{font-size:.875rem;color:var(--text-muted)}.vitals-bar{position:sticky;top:0;z-index:30;min-height:56px;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:12px;flex-wrap:wrap}.vitals-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vital-pill{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 10px;font-size:.9375rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:36px}.vital-pill .num{font-weight:700;color:var(--accent-bronze)}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lang-switch{display:inline-flex;align-items:center;background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;min-height:40px}.lang-btn{background:transparent;border:none;border-right:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8125rem;font-weight:600;min-height:40px;padding:0 10px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.lang-btn:last-child{border-right:none}.lang-btn:hover{color:var(--text-primary)}.lang-btn.is-active{background-color:var(--accent-bronze);color:var(--bg-app);font-weight:700}.chronicle-strip{min-height:40px;background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);border-left:3px solid var(--accent-bronze);display:flex;align-items:center;padding:6px 16px;gap:10px}.chronicle-strip.is-warn{border-left-color:var(--status-warn-text);background-color:var(--status-warn-bg)}.chronicle-strip.is-milestone{border-left-color:var(--status-ok-text)}.chronicle-tag{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:4px;border:1px solid var(--border-subtle);background-color:var(--bg-card);color:var(--accent-bronze);white-space:nowrap;flex-shrink:0}.chronicle-strip.is-warn .chronicle-tag{color:var(--status-warn-text);border-color:var(--status-warn-text)}.chronicle-strip.is-milestone .chronicle-tag{color:var(--status-ok-text);border-color:var(--status-ok-text)}.chronicle-text{font-size:.9375rem;color:var(--text-primary);line-height:1.35}.stockpile-bar{min-height:48px;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);padding:6px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stockpile-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-right:2px;white-space:nowrap}.stock-chip{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 10px;min-height:36px;color:var(--text-primary);display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.stock-chip:hover{border-color:var(--accent-bronze);background-color:var(--bg-elevated-hover)}.stock-chip.is-short{border-color:var(--status-alert-text);background-color:var(--status-alert-bg)}.stock-chip.is-needed-pulse{border-color:var(--status-alert-text);box-shadow:0 0 0 2px var(--status-alert-text)}.stock-chip-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.stock-chip-val{font-weight:700;font-size:.9375rem;color:var(--text-bright)}.stock-chip-rate{font-size:.8125rem;font-weight:600}.stock-chip-rate.is-pos{color:var(--status-ok-text)}.stock-chip-rate.is-neg{color:var(--status-alert-text)}.stock-chip-rate.is-zero{color:var(--text-muted)}.isekai-banner{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);border-left:4px solid var(--accent-bronze);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.isekai-banner.is-awakening-card{max-width:720px;margin:36px auto 48px;padding:28px 32px;border:1px solid var(--border-subtle);border-left:6px solid var(--accent-bronze);border-radius:6px;box-shadow:0 12px 32px #00000059;flex-direction:column;align-items:stretch;gap:20px}.isekai-banner.is-awakening-card .isekai-banner-title{font-size:1.125rem;letter-spacing:.04em;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.isekai-banner.is-awakening-card .isekai-banner-text{font-size:1rem;line-height:1.65;color:var(--text-primary)}.isekai-banner.is-awakening-card .btn-primary{align-self:flex-start;min-height:44px;padding:10px 28px;font-size:1.05rem;font-weight:700;letter-spacing:.04em;margin-top:8px;box-shadow:0 2px 8px #0003}.isekai-banner-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:240px}.isekai-banner-title{font-size:.9375rem;font-weight:700;color:var(--accent-bronze)}.isekai-banner-text{font-size:.9rem;color:var(--text-primary);line-height:1.45}.bottleneck-strip{min-height:38px;background-color:var(--bg-app);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.bottleneck-strip:empty:before{content:"Pipeline flow stable — no active bottlenecks.";color:var(--text-muted);font-size:.875rem;font-style:italic}.deficit-pill{background-color:var(--status-alert-bg);color:var(--status-alert-text);border:1px solid var(--status-alert-text);border-radius:4px;padding:2px 8px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.deficit-pill:hover{opacity:.85}.milestone-bar,.pinned-note-bar,.welcome-banner{background-color:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;flex-wrap:wrap}.milestone-bar{border-left:4px solid var(--accent-bronze)}.milestone-bar.is-ready{border-left:4px solid var(--status-ok-text);background-color:var(--bg-elevated-hover)}.milestone-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:260px}.milestone-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-bronze);background:var(--bg-card);padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle)}.milestone-name{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.milestone-costs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.milestone-cost-chip{font-size:.8125rem;padding:2px 8px;border-radius:4px;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary)}.milestone-cost-chip.is-met{color:var(--status-ok-text);border-color:var(--status-ok-border);background:var(--status-ok-bg)}.milestone-cost-chip.is-lacking{color:var(--status-alert-text);border-color:var(--status-alert-border)}.milestone-guidance{font-size:.8125rem;color:var(--text-muted);font-style:italic}.milestone-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.milestone-action-btn{font-weight:700;letter-spacing:.03em;box-shadow:0 2px 6px #0003}.btn-secondary.is-ready-pulse{border-color:var(--accent-bronze);color:var(--accent-bronze);box-shadow:0 0 10px #c89b5466;font-weight:700}.pinned-note-input{font-size:.875rem;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:4px 10px;max-width:280px}.pinned-note-input:focus{outline:none;border-color:var(--accent-bronze)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:16px}@media(min-width:1024px){.board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px;align-items:start}.board[data-visible-stages="2"]{grid-template-columns:repeat(2,minmax(280px,520px));justify-content:center}.board[data-visible-stages="3"]{grid-template-columns:repeat(3,minmax(250px,1fr))}.mobile-tab-bar{display:none!important}.stage-col{display:flex!important;flex-direction:column;gap:12px}}@media(min-width:768px)and (max-width:1023px){.board{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}.mobile-tab-bar{display:none!important}.stage-col{display:flex!important;flex-direction:column;gap:12px}}@media(max-width:767px){.board{display:block;padding-bottom:76px}.stage-col{display:none}.stage-col.is-active-mobile{display:flex;flex-direction:column;gap:12px}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;height:60px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--bg-card);border-top:1px solid var(--border-subtle);display:grid;grid-template-columns:repeat(4,1fr);z-index:35}.mobile-tab-bar[data-visible-stages="2"]{grid-template-columns:repeat(2,1fr)}.mobile-tab-bar[data-visible-stages="3"]{grid-template-columns:repeat(3,1fr)}}.stage-col.is-stage-locked,.mobile-tab-btn.is-stage-locked{display:none!important}.stage-col{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;min-height:400px}.stage-header{font-size:1.05rem;font-weight:700;color:var(--accent-bronze);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center}.stage-cards-list{display:flex;flex-direction:column;gap:10px}.mobile-tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:.8125rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.mobile-tab-btn.is-active{color:var(--accent-bronze);background-color:var(--bg-elevated)}.facility-card{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-card);transition:border-color .15s ease,box-shadow .15s ease}.facility-card:hover{border-color:var(--border-active)}.facility-card.is-upstream-hl{border-color:var(--hl-upstream);box-shadow:0 0 0 1px var(--hl-upstream)}.facility-card.is-downstream-hl{border-color:var(--hl-downstream);box-shadow:0 0 0 1px var(--hl-downstream)}.facility-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.facility-name{font-weight:700;font-size:1rem;color:var(--text-bright)}.badge{font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;display:inline-block;cursor:help;-webkit-user-select:none;user-select:none;transition:opacity .15s ease,transform .15s ease}.badge:hover{opacity:.88}.badge:active{transform:scale(.96)}.badge-OPTIMAL{background-color:var(--status-ok-bg);color:var(--status-ok-text)}.badge-IDLE{background-color:var(--bg-app);color:var(--text-muted);border:1px solid var(--border-subtle)}.badge-CAP_FULL{background-color:var(--status-warn-bg);color:var(--status-warn-text)}.badge-LABOR_SHORT,.badge-LOW_EARTH_FIRE,.badge-INPUT_STARVED{background-color:var(--status-alert-bg);color:var(--status-alert-text)}.badge-SLAG_SMOG{background-color:var(--status-warn-bg);color:var(--status-warn-text)}.badge-SIEGE_TAXED{background-color:var(--status-alert-bg);color:var(--status-alert-text)}.input-micro-row{min-height:44px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-elevated-hover);color:var(--text-primary);border:1px solid var(--border-subtle);border-left:3px solid var(--status-ok-text);border-radius:4px;padding:0 10px;gap:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}html[data-theme=daylight] .input-micro-row{background-color:#fff}.input-micro-row:hover{border-color:var(--accent-bronze);border-left-color:var(--status-ok-text)}.input-micro-row.is-unbuilt{border-left-color:var(--hl-upstream)}.input-micro-row.is-warning,.input-micro-row.is-starved{border-color:var(--status-alert-text);border-left:3px solid var(--status-alert-text);background-color:var(--status-alert-bg);color:var(--text-bright)}.input-status-ok{color:var(--status-ok-text);font-weight:700}.input-status-short{color:var(--status-alert-text);font-weight:700}.btn-step{min-width:48px;min-height:48px;background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;font-size:1.125rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease}.btn-step:hover{background-color:var(--bg-elevated-hover);border-color:var(--accent-bronze);color:var(--accent-bronze)}.btn-step:active{transform:scale(.96)}.btn-primary{background-color:var(--accent-bronze);color:#1b1e1f;font-weight:700;border:none;border-radius:6px;padding:10px 16px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .15s ease}.btn-primary:hover{background-color:var(--accent-bronze-hover)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);font-weight:600;border-radius:6px;padding:8px 14px;min-height:40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .15s ease,border-color .15s ease}.btn-secondary:hover{background-color:var(--bg-elevated-hover);border-color:var(--accent-bronze)}.btn-primary:disabled,.btn-primary.is-unavailable,.btn-secondary:disabled,.btn-secondary.is-unavailable,.btn-step:disabled,.btn-step.is-unavailable,.btn-demolish:disabled,.btn-demolish.is-unavailable{background-color:var(--bg-card);color:var(--text-muted);border:1px dashed var(--border-subtle);cursor:not-allowed;opacity:.78;box-shadow:none;transform:none}.btn-primary:disabled:hover,.btn-primary.is-unavailable:hover,.btn-secondary:disabled:hover,.btn-secondary.is-unavailable:hover,.btn-step:disabled:hover,.btn-step.is-unavailable:hover,.btn-demolish:disabled:hover,.btn-demolish.is-unavailable:hover{background-color:var(--bg-card);border-color:var(--border-subtle);color:var(--text-muted)}.build-blocker-line{font-size:.8125rem;font-weight:600;color:var(--status-alert-text);line-height:1.3}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.bottom-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.bottom-sheet{width:100%;max-width:680px;max-height:55vh;background-color:var(--bg-card);border-top:1px solid var(--border-subtle);border-top-left-radius:16px;border-top-right-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-popup);transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}.bottom-sheet-backdrop.is-open .bottom-sheet{transform:translateY(0)}.bottom-sheet.is-tall{max-height:82vh}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:10px}.bottom-sheet-title{font-size:1.2rem;font-weight:700;color:var(--text-bright)}.bottom-sheet-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.bottom-sheet-close:hover{color:var(--text-primary)}.wonder-card{background-color:var(--bg-elevated);border:1px solid var(--accent-bronze);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);position:relative}.wonder-card.is-sealed{border:1px dashed var(--border-subtle);background-color:var(--bg-card);opacity:.85}.wonder-card.is-unsealed{border:1px solid var(--hl-upstream);background-color:var(--status-ok-bg);box-shadow:0 0 12px #4db6ac26}.btn-demolish{background-color:var(--status-alert-bg);color:var(--status-alert-text);border:1px solid var(--status-alert-text);border-radius:6px;padding:8px 14px;min-height:44px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:opacity .15s ease,background-color .15s ease}.btn-demolish:hover{opacity:.9;background-color:#3d2322d9}.import-banner{background-color:var(--status-ok-bg);border:1px solid var(--hl-upstream);border-radius:6px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.import-pill{background-color:var(--bg-elevated);color:var(--status-ok-text);border:1px solid var(--hl-upstream);border-radius:4px;padding:4px 10px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.federation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}.federation-city-card{background-color:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);transition:border-color .15s ease}.federation-city-card:hover{border-color:var(--accent-bronze)}.perk-callout{background-color:var(--bg-card);border-left:3px solid var(--accent-bronze);padding:8px 12px;font-size:.9rem;color:var(--text-primary);border-radius:0 4px 4px 0}