*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#0a0e14;color:#e6e6e6;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}#game-root,#game-root canvas{touch-action:none}#game-root{position:fixed;inset:0;z-index:0}#game-root canvas{display:block}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}.ui-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:#0a0e14f5}.ui-screen-center{backdrop-filter:blur(4px)}.ui-card{background:#16213e;border:1px solid #0f3460;border-radius:12px;padding:32px;width:100%;max-width:400px;box-shadow:0 8px 40px #0006}.ui-card-wide{max-width:760px}.ui-title{font-size:32px;color:#16c79a;margin-bottom:6px;text-align:center}.ui-subtitle{color:#888;font-size:14px;margin-bottom:24px;text-align:center}.ui-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid #0f3460}.ui-tab{flex:1;background:transparent;border:none;color:#888;font-size:14px;padding:10px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.ui-tab.active{color:#16c79a;border-bottom-color:#16c79a}.ui-form{display:flex;flex-direction:column;gap:12px}.ui-form input{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;color:#e6e6e6;font-size:15px;padding:12px 14px;font-family:inherit}.ui-form input:focus{outline:none;border-color:#16c79a}.ui-btn-primary{background:#16c79a;color:#0a0e14;border:none;border-radius:6px;font-size:15px;font-weight:600;padding:12px;cursor:pointer;transition:background .15s;font-family:inherit}.ui-btn-primary:hover:not(:disabled){background:#14b88e}.ui-btn-primary:disabled{background:#2a3a5a;color:#6a7a8a;cursor:not-allowed}.ui-btn-secondary{background:transparent;color:#16c79a;border:1px solid #16c79a;border-radius:6px;font-size:15px;font-weight:600;padding:12px;cursor:pointer;font-family:inherit}.ui-btn-secondary:hover{background:#16c79a1a}.ui-link{color:#16c79a;font-size:13px;text-align:center;margin-top:14px;cursor:pointer;user-select:none}.ui-link:hover{text-decoration:underline}.ui-field{display:flex;flex-direction:column;gap:4px}.ui-field-label{color:#888;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.ui-field-hint{color:#6a7a8a;font-size:11px}.ui-error{color:#e94560;font-size:13px;min-height:18px;text-align:center}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.industry-card{background:#0a0e14;border:1px solid #0f3460;border-radius:8px;padding:16px;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;color:inherit}.industry-card:hover{border-color:#16c79a;transform:translateY(-2px)}.industry-card.selected{border-color:#16c79a;background:#1a2a40;box-shadow:0 0 0 2px #16c79a4d}.ic-icon{font-size:36px;margin-bottom:8px}.ic-name{font-size:16px;font-weight:600;color:#16c79a;margin-bottom:6px}.ic-desc{font-size:12px;color:#888;line-height:1.4}#topbar{position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;background:#0a0e14eb;border-bottom:1px solid #0f3460;font-size:12px;z-index:50;pointer-events:auto;display:flex;flex-direction:column}.topbar-row{display:flex;align-items:center;padding:4px 10px;gap:6px;min-height:28px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar-row::-webkit-scrollbar{display:none}.topbar-row-1{border-bottom:1px solid rgba(15,52,96,.45)}.topbar-id{display:flex;align-items:baseline;gap:4px;flex:1;min-width:0;font-size:12px;overflow:hidden}.topbar-city{color:#16c79a;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.topbar-divider{color:#4a6580}.topbar-district{color:#e6e6e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.topbar-stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:12px;color:#cfd6df;padding:1px 4px;border-radius:3px}.topbar-stat .v{font-weight:600;color:#e6e6e6}.topbar-stat .v.gold{color:#f0c850}.topbar-stat .v.workers{color:#9ed1ff}.topbar-stat .v.shortage{color:#f08080}.labor-badge{color:#ff7050;font-weight:700}.topbar-stat .v.crime-low{color:#80d090}.topbar-stat .v.crime-mid{color:#f0c050}.topbar-stat .v.crime-high{color:#f08080}.topbar-stat .v.migration-up{color:#80d090}.topbar-stat .v.migration-down{color:#f08080}.topbar-stat .v.migration-steady{color:#cfd6df}.topbar-stat .v.productivity-up{color:#80d090}.topbar-stat .v.productivity-down{color:#f08080}.topbar-stat .v.productivity-neutral,.topbar-stat.runway-stable{color:#cfd6df}.topbar-stat.runway-stable .runway-icon{color:#6aa86a}.topbar-stat.runway-warn{color:#f0c050}.topbar-stat.runway-warn .v{color:#f0c050;font-weight:700}.topbar-stat.runway-bad{color:#ff7050;animation:runway-pulse 1.4s ease-in-out infinite}.topbar-stat.runway-bad .v{color:#ff7050;font-weight:700}@keyframes runway-pulse{0%,to{opacity:1}50%{opacity:.55}}.sp-row-toggle{display:flex;justify-content:space-between;align-items:center}.sp-toggle-state{font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;letter-spacing:.5px}.sp-row-toggle-on .sp-toggle-state{background:#16c79a26;color:#16c79a;border:1px solid #16c79a}.sp-row-toggle-off .sp-toggle-state{background:#c8a05026;color:#c8a050;border:1px solid #c8a050}body.anim-off *,body.anim-off *:before,body.anim-off *:after{animation:none!important;transition:none!important}body.app-hidden *,body.app-hidden *:before,body.app-hidden *:after{animation-play-state:paused!important}.topbar-actions{display:flex;align-items:center;gap:4px;position:relative}.topbar-row-2{font-size:11px;justify-content:flex-start}@media (max-width: 680px){.topbar-row{padding:3px 8px;gap:4px}.topbar-city,.topbar-district{max-width:90px}}#infobar{position:fixed;top:calc(74px + env(safe-area-inset-top,0));left:0;right:0;height:26px;background:#0f1620eb;border-bottom:1px solid #0f3460;display:flex;align-items:center;padding:0 10px;gap:10px;font-size:11px;z-index:49;pointer-events:auto}.ib-left{display:inline-flex;align-items:center;gap:6px}.ib-label{color:#8a98a8}.ib-tag{background:#16c79a1f;border:1px solid #16c79a;color:#16c79a;padding:1px 8px;border-radius:10px;font-weight:600;text-transform:capitalize}.ib-name{color:#e6e6e6;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ib-bug{background:transparent;border:1px solid #5a4030;color:#e0b070;font-family:inherit;font-size:11px;padding:2px 8px;border-radius:4px;cursor:pointer}.ib-bug:hover{border-color:#e0b070;background:#e0b0701a}#toast{position:fixed;top:calc(110px + env(safe-area-inset-top,0));left:50%;transform:translate(-50%,-8px);background:#0f1620f5;color:#e6e6e6;border:1px solid #0f3460;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;z-index:95;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:0 4px 16px #0006}#toast.visible{opacity:1;transform:translate(-50%)}#toast.toast-success{border-color:#16c79a;color:#16c79a}#toast.toast-error{border-color:#e94560;color:#ff9090}#toast.toast-info{border-color:#0f3460;color:#e6e6e6}#bottom-panel{position:fixed;left:0;right:0;bottom:0;height:50vh;height:50dvh;background:#0f1620f7;border-top:1px solid #0f3460;display:flex;flex-direction:column;z-index:45;pointer-events:auto;transition:height .22s ease-out}#bottom-panel.collapsed{height:36px}#bottom-panel.full{height:calc(100dvh - 150px - env(safe-area-inset-top,0px))}.bp-controls{display:flex;justify-content:flex-end;gap:4px;padding:4px 8px 0}.bp-ctrl{background:transparent;border:1px solid #2a3a5a;color:#8a98a8;border-radius:4px;font-family:inherit;font-size:11px;padding:2px 8px;cursor:pointer}.bp-ctrl:hover{color:#16c79a;border-color:#16c79a}.bp-tabs{display:flex;border-bottom:1px solid #0f3460;padding:0 8px}.bp-tab{background:transparent;border:none;color:#888;font-family:inherit;font-size:14px;font-weight:600;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;position:relative}.bp-tab.active{color:#16c79a;border-bottom-color:#16c79a}.tab-badge{display:none;margin-left:6px;background:#e94560;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px}.tab-badge.visible{display:inline-block}.bp-content{flex:1;overflow-y:auto;padding:10px 14px;font-size:13px}#bottom-panel.collapsed .bp-tabs,#bottom-panel.collapsed .bp-content{display:none}.bp-subtabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid rgba(15,52,96,.5)}.bp-subtab{background:transparent;border:none;color:#888;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;cursor:pointer;border-bottom:2px solid transparent}.bp-subtab.active{color:#16c79a;border-bottom-color:#16c79a}.bp-subbody{flex:1}.btp-section{margin-bottom:6px}.btp-section-title{display:flex;align-items:center;gap:6px;width:100%;color:silver;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#0f346059;border:1px solid #0f3460;border-radius:4px;padding:8px 10px;font-family:inherit;cursor:pointer;font-weight:600}.btp-section-title:hover,.btp-section-open .btp-section-title{color:#16c79a}.btp-section-chev{font-size:10px;color:#888;width:10px;display:inline-block}.btp-section-count{margin-left:auto;color:#888;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0}.btp-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px;margin-top:4px}.btp-item{background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:4px;padding:8px 10px;font-size:12px;font-family:inherit;cursor:pointer;display:flex;flex-direction:row;align-items:stretch;gap:8px;text-align:left}.btp-icon{width:40px;height:40px;flex:0 0 40px;object-fit:contain;image-rendering:pixelated;background:#0000002e;border-radius:3px}.btp-icon-fallback{background:#4a644059}.btp-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.btp-item:hover:not(.locked){border-color:#16c79a}.btp-item.selected{background:#1a3a3a;border-color:#16c79a;color:#16c79a;box-shadow:0 0 0 1px #16c79a}.btp-item.locked{opacity:.5;cursor:not-allowed}.btp-item.cant-afford .btp-cost.cant-afford{color:#e94560}.btp-head{display:flex;justify-content:space-between;align-items:baseline;width:100%}.btp-name{color:#e6e6e6;font-weight:600}.btp-item.selected .btp-name{color:#16c79a}.btp-cost{color:#f0c850;font-size:11px;font-weight:600}.btp-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#8a98a8}.btp-meta-bit{background:#0f346066;padding:1px 5px;border-radius:3px}.btp-meta-bit.btp-bit-short{background:#e9456040;color:#ff9090}.btp-desc{color:#aaa;font-size:11px;line-height:1.35}.btp-lock{color:#e0b070;font-size:10px;margin-top:2px}.btp-warn{color:#e0a060;font-size:10px;margin-top:2px;font-style:italic}.btp-empty{color:#888;text-align:center;padding:20px}.tp-roster-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid rgba(15,52,96,.4);font-size:12px}.tp-roster-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tp-roster-name{color:#e6e6e6;flex:1}.tp-roster-industry{color:#888;font-size:11px}.tp-roster-trade{background:#16c79a1f;border:1px solid #16c79a;color:#16c79a;border-radius:4px;font-size:11px;font-family:inherit;padding:4px 10px;cursor:pointer}.tp-roster-trade:hover{background:#16c79a;color:#0a0e14}#placement-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%);background:#16c79af2;color:#0a0e14;border-radius:999px;padding:8px 14px 8px 18px;display:none;align-items:center;gap:12px;font-size:13px;font-weight:600;z-index:60;pointer-events:auto;box-shadow:0 6px 20px #0006;max-width:calc(100vw - 32px)}#placement-bar.visible{display:inline-flex}.pb-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-cancel{background:#0a0e1440;color:#0a0e14;border:none;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.pb-cancel:hover{background:#0a0e1473}#drag-cost{position:fixed;left:50%;bottom:68px;transform:translate(-50%);background:#0f1620f0;color:#16c79a;border:1px solid #16c79a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;display:none;z-index:60;pointer-events:none}#drag-cost.visible{display:block}#version-badge{position:fixed;right:10px;bottom:10px;font-size:10px;color:#8a98a8b3;background:#0f1620a6;padding:3px 8px;border-radius:4px;z-index:30;pointer-events:auto;cursor:pointer;user-select:none;font-family:ui-monospace,monospace}#version-badge:hover{color:#16c79a}#bug-overlay{position:fixed;inset:0;z-index:90;background:#0a0e14d9;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.bug-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:20px;width:100%;max-width:460px}.bug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bug-header h2{font-size:18px;color:#e0b070}.bug-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.bug-hint{color:#888;font-size:12px;line-height:1.4;margin-bottom:12px}.bug-card textarea{width:100%;background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:6px;padding:10px;font-size:13px;font-family:inherit;resize:vertical;min-height:100px}.bug-card textarea:focus{outline:none;border-color:#16c79a}.bug-actions{display:flex;gap:8px;margin-top:12px}.bug-actions .ip-btn{flex:1}.bug-status{color:#888;font-size:12px;margin-top:10px;min-height:16px;text-align:center}.tb-more-menu{position:fixed;top:36px;right:8px;background:#16213e;border:1px solid #0f3460;border-radius:8px;min-width:200px;padding:6px;display:none;flex-direction:column;gap:2px;z-index:100;box-shadow:0 8px 24px #00000080}.tb-more-menu.open{display:flex}.tb-more-row{background:transparent;border:none;color:#e6e6e6;font-family:inherit;font-size:13px;text-align:left;padding:10px 12px;border-radius:4px;cursor:pointer}.tb-more-row:hover{background:#1a2a40;color:#16c79a}.tb-btn{background:#16213e;border:1px solid #16c79a;color:#16c79a;border-radius:4px;padding:4px 10px;font-size:13px;font-family:inherit;cursor:pointer;margin-left:4px}.tb-btn:hover{background:#1a2a40}.tb-btn-icon{padding:0;font-size:17px;width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}#settings-overlay,#players-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.sp-card,.pp-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:20px;width:100%;max-width:420px;max-height:80vh;overflow-y:auto}.sp-header,.pp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sp-header h2,.pp-header h2{font-size:18px;color:#16c79a}.sp-close,.pp-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.sp-close:hover,.pp-close:hover{color:#e94560}.sp-body{display:flex;flex-direction:column;gap:6px}.sp-row{display:block;background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:6px;padding:12px 14px;font-size:14px;font-family:inherit;text-decoration:none;cursor:pointer;text-align:left}.sp-row:hover{border-color:#16c79a}.sp-info{color:#555;font-size:11px;text-align:center;margin-top:12px}.pp-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid rgba(15,52,96,.4)}.pp-row:last-child{border-bottom:none}.pp-row-me{background:#16c79a0f;border-radius:6px}.pp-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.pp-info{flex:1;min-width:0}.pp-name{color:#e6e6e6;font-size:14px;font-weight:600}.pp-name small{color:#16c79a;font-weight:400}.pp-meta{color:#888;font-size:12px;margin-top:2px}.pp-loading,.pp-error{color:#888;font-size:13px;text-align:center;padding:20px}.pp-error{color:#e94560}.pp-trade{background:#16c79a1f;border:1px solid #16c79a;color:#16c79a;border-radius:4px;font-size:12px;font-family:inherit;padding:4px 10px;cursor:pointer}.pp-trade:hover{background:#16c79a;color:#0a0e14}#offers-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.to-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:16px 20px;width:100%;max-width:520px;max-height:86vh;overflow-y:auto}.to-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.to-header h2{font-size:18px;color:#16c79a}.to-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.to-hint{color:#888;font-size:12px;margin-bottom:12px;line-height:1.4}.to-section-title{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.to-loading,.to-empty,.to-error{color:#888;text-align:center;padding:12px;font-size:13px}.to-error{color:#e94560}.to-offer{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;padding:12px;margin-bottom:8px}.to-offer-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.to-offer-who{color:#16c79a}.to-offer-when{color:#888}.to-offer-body{display:flex;gap:12px;margin-bottom:6px}.to-bundle{flex:1;font-size:12px;color:#e6e6e6}.to-bundle-label{display:block;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.to-bundle-give .to-bundle-label{color:#e94560}.to-bundle-get .to-bundle-label{color:#16c79a}.to-offer-msg{font-style:italic;color:#888;font-size:12px;padding:6px 8px;background:#0f346066;border-left:2px solid #0f3460;margin-bottom:6px}.to-offer-actions{display:flex;gap:6px}.to-offer-actions .ip-btn:disabled{opacity:.45;cursor:not-allowed}.to-offer-blocker{font-size:12px;color:#e94560;padding:6px 8px;background:#e945601a;border-left:2px solid #e94560;border-radius:4px;margin-bottom:6px}.to-avail{margin-left:6px;color:#888;font-size:10px;font-weight:400}.to-compose{display:grid;grid-template-columns:1fr 1fr;gap:12px}.to-compose-half{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;padding:10px}.to-field{display:flex;flex-direction:column;font-size:11px;color:#888;margin:4px 0 8px;gap:2px}.to-field input,.to-field select{background:#16213e;color:#e6e6e6;border:1px solid #0f3460;border-radius:4px;padding:6px 8px;font-size:13px;font-family:inherit}.to-compose-actions{display:flex;gap:8px;margin-top:14px}.to-compose-actions .ip-btn{flex:1}.to-field-recurring{flex-direction:row!important;align-items:center!important;gap:8px!important;color:#e6e6e6!important}.to-field-recurring input[type=checkbox]{width:auto;margin:0;cursor:pointer}.to-agreement{border-color:#a87830;background:#a878300f}.to-agreement .to-offer-when{color:#c8a050;font-weight:600}#trade-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.tp-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:20px;width:100%;max-width:520px;max-height:86vh;overflow-y:auto}.tp-card-wide{max-width:720px}.tp-tabs{display:flex;gap:0}.tp-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:14px;font-weight:600;padding:8px 14px;cursor:pointer;font-family:inherit}.tp-tab.active{color:#16c79a;border-bottom-color:#16c79a}.tp-hint{color:#888;font-size:12px;line-height:1.4;padding:8px 0 14px}.tp-resource{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;padding:10px 12px;margin-bottom:6px}.tp-resource-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tp-resource-name{color:#e6e6e6;font-size:13px;font-weight:600}.tp-resource-meta{color:#888;font-size:11px}.tp-policy-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(15,52,96,.4)}.tp-policy-mode{background:#16213e;color:#e6e6e6;border:1px solid #0f3460;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px}.tp-policy-field{color:#888;font-size:11px;display:flex;align-items:center;gap:4px}.tp-policy-field input{width:60px;background:#16213e;color:#e6e6e6;border:1px solid #0f3460;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:12px}.tp-policy-save{background:#16c79a;color:#0a0e14;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;margin-left:auto}.tp-policy-save:hover:not(:disabled){background:#14b88e}.tp-policy-save:disabled{opacity:.5}.tp-trader-list{display:flex;flex-direction:column;gap:2px}.tp-trader-row{display:grid;grid-template-columns:1fr 60px 60px 90px;grid-template-rows:auto auto;gap:4px 8px;font-size:11px;padding:3px 6px;border-radius:4px;align-items:center}.tp-trader-name{color:#e6e6e6}.tp-trader-side{color:#888;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.tp-trader-buys .tp-trader-side{color:#16c79a}.tp-trader-sells .tp-trader-side{color:#e94560}.tp-trader-price{color:#e6e6e6;text-align:right}.tp-trader-cap{color:#888;font-size:10px}.tp-cap-exhausted{color:#f0a838}.tp-trader-meets{background:#16c79a14;border-left:2px solid #16c79a;padding-left:4px}.tp-trader-misses{background:#e945600f;border-left:2px solid #e94560;padding-left:4px;opacity:.7}.tp-trader-gate{grid-column:1 / -1;font-size:10px;color:#888}.tp-trader-meets .tp-trader-gate{color:#5ec49e}.tp-trader-misses .tp-trader-gate{color:#e0707a}.tp-directory{margin:8px 0 14px;padding:8px 10px;background:#0f346040;border-radius:6px}.tp-directory>summary{cursor:pointer;color:silver;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.tp-directory>summary small{color:#888;font-weight:400;margin-left:4px}.tp-trader-card{margin-top:8px;padding:6px 8px;background:#16213e;border:1px solid #0f3460;border-radius:4px}.tp-trader-card-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-bottom:4px}details.tp-trader-card>summary.tp-trader-card-head{cursor:pointer;list-style:none;user-select:none}details.tp-trader-card>summary.tp-trader-card-head::-webkit-details-marker{display:none}.tp-trader-card-caret{display:inline-block;width:12px;color:#888;transition:transform .12s ease;font-size:10px}details.tp-trader-card[open]>summary .tp-trader-card-caret{transform:rotate(90deg)}.tp-trader-card-name{color:#e6e6e6;font-weight:600;font-size:13px}.tp-trader-card-next{color:#888;font-size:11px;margin-left:auto}.tp-trader-card-desc{color:#a0a0a0;font-size:11px;line-height:1.4}.tp-mode-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em}.tp-mode-starter{background:#a0a0a033;color:silver}.tp-mode-truck{background:#c8823c33;color:#e0a060}.tp-mode-seaport{background:#3c8cc833;color:#80b8e0}.tp-mode-train{background:#a0643c33;color:#d0a070}.tp-mode-airport{background:#7864c833;color:#b0a0e0}.tp-mode-rail{background:#a0643c33;color:#d0a070}.tp-trader-locked{opacity:.7;background:#0f346080}.tp-trader-locked .tp-trader-card-name{color:#888}.tp-trader-lock{font-size:12px}.tp-trader-card-hint{color:#e0b070;font-size:11px;font-style:italic;margin-top:4px}.tp-trader-goods{width:100%;margin-top:6px;border-collapse:collapse;font-size:11px}.tp-trader-goods th{text-align:left;font-weight:600;color:#888;padding:3px 6px;border-bottom:1px solid #0f3460;white-space:nowrap}.tp-trader-goods td{padding:3px 6px;color:silver;border-bottom:1px solid rgba(15,52,96,.4)}.tp-trader-goods tbody tr:last-child td{border-bottom:none}.tp-tg-res{color:#e6e6e6}.tp-tg-buy{color:#16c79a;font-variant-numeric:tabular-nums}.tp-tg-sell{color:#e0a060;font-variant-numeric:tabular-nums}.tp-tg-today{color:#888;font-size:10px;white-space:nowrap}.tp-tg-cap{padding:1px 4px;border-radius:3px;background:#a0a0a026}.tp-tg-cap-full{background:#e945604d;color:#ffb0a0}.tp-tg-meets{background:#16c79a2e;border-radius:3px;font-weight:600}.tp-tg-misses{background:#e9456026;border-radius:3px;text-decoration:line-through;opacity:.7}.bm-row{padding:8px;background:#16213e;border:1px solid #0f3460;border-radius:6px;margin-bottom:6px;display:flex;flex-direction:column;gap:6px}.bm-row-head{display:flex;justify-content:space-between;align-items:baseline}.bm-name{color:#e6e6e6;font-weight:600}.bm-have{color:#888;font-size:11px}.bm-stepper{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.bm-step{background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:4px;padding:4px 10px;font-size:12px;font-family:inherit;cursor:pointer;min-width:28px}.bm-step:hover{border-color:#16c79a}.bm-step-max{font-size:10px;color:#888;padding:4px 6px}.bm-qty{width:60px;background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:4px;padding:4px 6px;font-size:13px;font-family:inherit;text-align:center}.bm-actions{display:flex;gap:6px;flex-wrap:wrap}.bm-actions .tp-btn{flex:1}.tp-best-deals{background:#16c79a12;border:1px solid #16c79a;border-radius:6px;padding:10px 12px;margin-bottom:14px}.tp-best-deals .tp-section-title{margin-top:0}.tp-best-row{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:center;font-size:12px;color:#e6e6e6;padding:4px 0}.tp-best-side{font-size:11px;color:#888}.tp-best-sell{color:#16c79a}.tp-best-buy{color:#e94560}.tp-best-price{color:#e6e6e6;font-weight:600}.tp-locked-hint{text-align:center;color:#888;font-size:11px;padding:14px 8px 4px;margin-top:8px;border-top:1px solid rgba(15,52,96,.4)}.tp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tp-header h2{font-size:18px;color:#16c79a}.tp-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.tp-close:hover{color:#e94560}.tp-warning{color:#c0a060;font-size:12px;line-height:1.4;background:#c0a06014;border-left:3px solid #c0a060;padding:8px 10px;margin-bottom:14px;border-radius:0 4px 4px 0}.tp-section{margin-bottom:14px}.tp-section-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tp-rows{display:flex;flex-direction:column;gap:4px}.tp-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0a0e14;border:1px solid #0f3460;border-radius:4px}.tp-row-name{color:#e6e6e6;font-size:13px;flex:1}.tp-row-name small{color:#888;margin-left:8px;font-size:11px}.tp-row-actions{display:flex;gap:4px}.tp-btn{font-family:inherit;font-size:11px;border-radius:4px;padding:4px 8px;cursor:pointer;border:1px solid}.tp-btn:disabled{opacity:.35;cursor:not-allowed}.tp-btn-sell{background:#1a3a3a;border-color:#16c79a;color:#16c79a}.tp-btn-sell:hover:not(:disabled){background:#16c79a;color:#0a0e14}.tp-btn-buy{background:#3a1a1a;border-color:#e94560;color:#e94560}.tp-btn-buy:hover:not(:disabled){background:#e94560;color:#fff}.tp-empty{color:#888;text-align:center;padding:20px;font-size:13px}.tb-btn-bell{position:relative}.tb-badge{position:absolute;top:-4px;right:-4px;background:#e94560;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;display:none;min-width:14px;text-align:center;line-height:1.4}.tb-badge.visible{display:inline-block}.tb-btn-more{position:relative}.tb-row-badge{display:none;margin-left:auto;background:#e94560;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:8px;min-width:16px;text-align:center;line-height:1.5}.tb-row-badge.visible{display:inline-block}#bell-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:flex-start;justify-content:flex-end;padding:50px 12px 20px;pointer-events:auto}.bl-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:16px 20px;width:100%;max-width:360px;max-height:70vh;overflow-y:auto}.bl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bl-header h2{font-size:16px;color:#16c79a}.bl-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.bl-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid rgba(15,52,96,.4);font-size:13px}.bl-row:last-child{border-bottom:none}.bl-msg{color:#e6e6e6;line-height:1.4;flex:1}.bl-time{color:#888;font-size:11px;flex-shrink:0}.bl-empty{color:#888;text-align:center;padding:20px;font-size:13px}#reports-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.rp-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:20px;width:100%;max-width:460px;max-height:86vh;overflow-y:auto}.rp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rp-header h2{font-size:18px;color:#16c79a}.rp-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.rp-close:hover{color:#e94560}.rp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.rp-stat{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;padding:10px;text-align:center}.rp-stat-label{display:block;color:#888;font-size:11px;margin-bottom:4px}.rp-stat-value{display:block;color:#e6e6e6;font-size:15px;font-weight:600}.rp-pos{color:#16c79a}.rp-neg{color:#e94560}.rp-section-title{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px}.rp-sources{display:flex;flex-direction:column;gap:2px}.rp-source{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid rgba(15,52,96,.4);font-size:13px}.rp-source:last-child{border-bottom:none}.rp-src-name{color:#e6e6e6}.rp-src-amt{font-weight:600}.rp-txs{display:flex;flex-direction:column;gap:2px}.rp-tx{display:grid;grid-template-columns:50px 1fr auto;gap:8px;padding:4px 8px;border-bottom:1px solid rgba(15,52,96,.3);font-size:12px}.rp-tx:last-child{border-bottom:none}.rp-tx-when{color:#888}.rp-tx-src{color:#e6e6e6;display:flex;flex-direction:column;min-width:0}.rp-tx-detail{color:#888;font-size:11px;line-height:1.2}.rp-tx-amt{text-align:right;font-weight:600;align-self:center}.rp-empty{color:#888;text-align:center;padding:16px;font-size:12px}.rp-error{color:#e94560}.rp-loading{color:#888;text-align:center;padding:20px;font-size:13px}.rp-period{display:flex;gap:4px;margin-bottom:10px}.rp-period-btn{background:#0a0e14;border:1px solid #0f3460;color:silver;border-radius:4px;padding:5px 12px;font-size:12px;font-family:inherit;cursor:pointer}.rp-period-btn:hover{border-color:#16c79a}.rp-period-active{background:#16c79a;color:#0a0e14;border-color:#16c79a;font-weight:600}.rp-advisor{padding:12px;margin-bottom:12px;background:#0f346059;border-radius:8px}.rp-advisor-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.rp-burn-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rp-burn-value{font-weight:700;font-size:18px}.rp-burn-value.rp-good{color:#16c79a}.rp-burn-value.rp-bad{color:#e94560}.rp-burn-value.rp-neutral{color:silver}.rp-burn-proj{color:#a0a0a0;font-size:12px}.rp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.rp-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px}.rp-chip-good{background:#16c79a2e;color:#5ec49e}.rp-chip-bad{background:#e945602e;color:#e0707a}.rp-chart-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 2px}.rp-svg-chart{width:100%;height:56px;display:block}.rp-axis{display:flex;justify-content:space-between;font-size:9px;color:#888;margin-bottom:4px;padding:0 2px}.rp-axis-tick{text-align:center;flex:1}.rp-flow{display:flex;flex-direction:column;gap:4px}.rp-flow-row{display:grid;grid-template-columns:120px 1fr 70px;gap:8px;align-items:center;font-size:12px;padding:3px 4px}.rp-flow-name{color:silver;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-flow-bar{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden}.rp-flow-fill{height:100%;border-radius:5px;transition:width .2s ease}.rp-flow-amt{text-align:right;color:#e6e6e6;font-weight:600;font-variant-numeric:tabular-nums}#stat-info-overlay{position:fixed;inset:0;z-index:92;background:#0a0e14d9;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.si-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:20px;width:100%;max-width:460px;max-height:86vh;overflow-y:auto}.si-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.si-header h2{font-size:18px;color:#16c79a;display:flex;align-items:center;gap:8px}.si-icon{font-size:22px}.si-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.si-section{font-size:13px;line-height:1.5;color:#e6e6e6;margin-bottom:12px}.si-label{display:inline-block;font-size:10px;color:#16c79a;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-right:6px;background:#16c79a1a;padding:1px 6px;border-radius:3px;vertical-align:middle}.si-section b{color:#f0c850;font-weight:600}.si-current{background:#0f346066;padding:10px 12px;border-radius:6px;font-size:12px;color:#aaa;margin-top:8px}#si-expand-btn{width:100%;margin-top:12px}#city-res-overlay{position:fixed;inset:0;z-index:80;background:#0a0e14b3;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.cr-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:0;width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column}.cr-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px;border-bottom:1px solid #0f3460}.cr-header h2{font-size:18px;color:#16c79a}.cr-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.cr-hint{color:#888;font-size:12px;line-height:1.4;padding:8px 20px 0}.cr-body{padding:8px 20px 20px;overflow-y:auto;flex:1}.cr-section{margin-bottom:14px}.cr-section-title{color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:10px 0 6px}.cr-table{display:flex;flex-direction:column;gap:1px}.cr-row{display:grid;grid-template-columns:1.2fr 70px 70px 70px 70px 80px;gap:6px;padding:6px 8px;font-size:12px;align-items:baseline;border-radius:4px}.cr-row:nth-child(2n){background:#0f34602e}.cr-row-head{background:transparent!important;color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(15,52,96,.5)}.cr-name{color:#e6e6e6}.cr-num{text-align:right;font-family:ui-monospace,monospace}.cr-pos{color:#80d090}.cr-neg{color:#f08080}.cr-empty{color:#888;text-align:center;padding:20px}.cr-row-data{cursor:pointer;transition:background .1s ease}.cr-row-data:hover{background:#16c79a0f!important}.cr-row-data.cr-open{background:#16c79a1a!important}.cr-chev{color:#888;margin-right:6px;font-size:10px;display:inline-block;width:10px}.cr-cell-name{color:#e6e6e6}.cr-cell-inv{text-align:right;font-family:ui-monospace,monospace;color:silver}.cr-detail{margin:4px 4px 10px 18px;padding:10px 12px;background:#0f34604d;border-left:3px solid #16c79a;border-radius:4px;font-size:12px}.cr-flow-section{margin-bottom:8px}.cr-flow-section:last-of-type{margin-bottom:0}.cr-flow-section-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.cr-flow-row{display:flex;justify-content:space-between;align-items:baseline;padding:2px 0;color:#c8c8c8;font-size:12px}.cr-flow-row small{color:#888}.cr-flow-net{border-top:1px solid rgba(15,52,96,.5);padding-top:6px;margin-top:6px;font-weight:600;color:silver;font-size:12px}.cr-flow-empty{color:#888;font-style:italic}.cr-policy{margin-top:10px;padding:8px;background:#0f34604d;border:1px solid rgba(15,52,96,.7);border-radius:4px}.cr-policy-label{font-size:11px;color:#888;font-weight:600;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.cr-policy-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px}.cr-policy-row:last-child{margin-bottom:0}.cr-policy-field{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:silver}.cr-policy-field input{width:60px;background:#0f1626;border:1px solid #0f3460;color:#e6e6e6;font-size:11px;padding:3px 5px;border-radius:3px;font-variant-numeric:tabular-nums}.cr-policy-mode{background:#0f1626;border:1px solid #0f3460;color:#e6e6e6;font-size:11px;padding:3px 5px;border-radius:3px}.cr-policy-save{margin-left:auto;background:#16c79a;color:#0a0e14;border:none;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer}.cr-policy-save:disabled{opacity:.6;cursor:default}.cr-partners{margin-top:10px;padding-top:8px;border-top:1px solid rgba(15,52,96,.5)}.cr-partners-title{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#888;margin-bottom:6px}.cr-partner-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:4px 2px;font-size:12px;color:#c8c8c8;border-bottom:1px solid rgba(15,52,96,.3)}.cr-partner-row:last-child{border-bottom:none}.cr-partner-head{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cr-partner-name{color:#e6e6e6}.cr-partner-kind{color:#888;margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.cr-partner-empty{color:#888;font-style:italic;font-size:11px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(15,52,96,.4)}.cr-filter-row{padding:0 4px 8px}.cr-filter{width:100%;background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit}.cr-filter::placeholder{color:#888}.cr-section-toggle{cursor:pointer;display:flex;align-items:center;gap:6px;user-select:none}.cr-section-toggle:hover{color:#16c79a}.cr-section-chev{font-size:10px;color:#888;display:inline-block;width:10px}.cr-section-summary{margin-left:auto;color:#888;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0}#help-overlay{position:fixed;inset:0;z-index:88;background:#0a0e14d9;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.hl-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:0;width:100%;max-width:600px;max-height:86vh;display:flex;flex-direction:column}.hl-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 10px;border-bottom:1px solid #0f3460}.hl-header h2{font-size:18px;color:#16c79a}.hl-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.hl-body{padding:14px 20px;overflow-y:auto;flex:1}.hl-section{color:#16c79a;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;border-bottom:1px solid rgba(15,52,96,.4);padding-bottom:4px}.hl-section:first-child{margin-top:4px}.hl-bldg{background:#0a0e14;border:1px solid #0f3460;border-radius:6px;padding:10px 12px;margin-bottom:8px}.hl-bldg-head{display:flex;gap:8px;align-items:center;margin-bottom:6px}.hl-bldg-icon{width:32px;height:32px;flex:0 0 32px;object-fit:contain;image-rendering:pixelated;background:#0000002e;border-radius:3px}.hl-bldg-icon-fallback{background:#4a644059}.hl-bldg-name{color:#e6e6e6;font-size:14px;font-weight:600}.hl-bldg-cat{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.hl-rows{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:12px}.hl-label{color:#888}.hl-value{color:#e6e6e6}.hl-desc{color:#aaa;font-size:12px;line-height:1.4;margin-top:6px;padding-top:6px;border-top:1px dotted rgba(15,52,96,.6)}.hl-empty{color:#888;text-align:center;padding:20px}.hl-bldg-toggle{cursor:pointer;user-select:none;display:flex;align-items:baseline;gap:6px}.hl-bldg-toggle:hover{color:#16c79a}.hl-chev{color:#888;font-size:10px;display:inline-block;width:10px;text-align:center}.hl-bldg-cost{margin-left:auto;color:#e0c065;font-weight:600;font-size:12px}#walker-info-overlay{position:fixed;inset:0;z-index:92;background:#0a0e14a6;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(2px);pointer-events:auto}.wi-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;padding:16px 20px;width:100%;max-width:360px;box-shadow:0 4px 18px #0006}.wi-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.wi-header h2{font-size:16px;color:#16c79a;font-weight:600}.wi-close{background:transparent;border:none;color:#888;font-size:20px;cursor:pointer;padding:0 4px}.wi-body{font-size:13px;line-height:1.5}.wi-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(15,52,96,.4)}.wi-row:last-of-type{border-bottom:none}.wi-label{color:#888}.wi-value{color:#e6e6e6}.wi-flavor{margin-top:10px;color:#a0a0a0;font-size:12px;font-style:italic}.hl-benefit{color:#d0d0d0;font-size:12px;line-height:1.4;margin-bottom:8px;font-style:italic}.hl-unlock{font-size:11px;color:#f0a838;background:#f0a83814;border-left:2px solid #f0a838;padding:4px 8px;margin:6px 0;border-radius:3px}.hl-tier-banner{margin-top:12px;padding:10px;background:#0f34604d;border-radius:6px}.hl-tier-chain{color:#16c79a;font-weight:600;font-size:13px;margin-bottom:4px}.hl-tier-explainer{color:#a0a0a0;font-size:11px;line-height:1.4;margin:0}.hl-tier-block{margin-top:8px;padding:8px 10px;background:#9a7a520f;border-left:3px solid #9a7a52;border-radius:4px}.hl-tier-head{color:#e6e6e6;font-weight:600;font-size:13px;margin-bottom:4px}.hl-tier-head small{color:#888;font-weight:400;font-size:11px;margin-left:6px}.hl-tier-line{color:#c8c8c8;font-size:11px;line-height:1.4;margin:2px 0}.hl-tier-line i{color:#888;font-style:normal;margin-right:4px}.hl-group{color:#c8d6e0}#changelog-overlay{position:fixed;inset:0;z-index:90;background:#0a0e14d9;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);pointer-events:auto}.cl-card{background:#16213e;border:1px solid #0f3460;border-radius:10px;width:100%;max-width:520px;max-height:86vh;display:flex;flex-direction:column}.cl-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 10px;border-bottom:1px solid #0f3460}.cl-header h2{font-size:18px;color:#16c79a}.cl-close{background:transparent;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.cl-close:hover{color:#e94560}.cl-body{padding:12px 20px;overflow-y:auto;flex:1}.cl-entry{padding:10px 0;border-bottom:1px solid rgba(15,52,96,.4)}.cl-entry:last-child{border-bottom:none}.cl-entry-title{color:#16c79a;font-size:14px;font-weight:600;margin-bottom:2px}.cl-entry-date{color:#888;font-size:11px;margin-bottom:6px}.cl-entry-body{color:#e6e6e6;font-size:13px;line-height:1.5}.cl-empty{color:#888;text-align:center;padding:20px}.cl-actions{padding:14px 20px;border-top:1px solid #0f3460}.cl-actions .ui-btn-primary{width:100%}#tutorial-banner{position:fixed;left:12px;right:12px;top:92px;background:#16213ef2;border:1px solid #16c79a;border-radius:8px;padding:12px 14px;z-index:50;display:flex;align-items:flex-start;gap:12px;box-shadow:0 6px 24px #00000080;pointer-events:auto;transition:opacity .2s,transform .2s}#tutorial-banner.hidden{display:none}.tb-content{flex:1;min-width:0}.tb-title{color:#16c79a;font-size:13px;font-weight:700;margin-bottom:4px}.tb-body{color:#e6e6e6;font-size:12px;line-height:1.4}.tb-dismiss{background:transparent;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.tb-dismiss:hover{color:#e94560}@media (max-width: 720px){#tutorial-banner{right:72px}}.rp-chart{display:block;width:100%;max-width:420px;height:auto;background:#0a0e14;border:1px solid #0f3460;border-radius:6px;margin:0 0 8px}.rp-chart-legend{display:flex;gap:12px;font-size:11px;color:#888;margin-bottom:8px;align-items:center}.rp-legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}#expansion-bar{position:fixed;left:50%;bottom:16px;transform:translate(-50%,80px);opacity:0;transition:opacity .18s ease,transform .22s ease;background:#0f1620f5;border:1px solid #16c79a;border-radius:999px;padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:#e6e6e6;z-index:70;box-shadow:0 4px 14px #0006;pointer-events:auto}#expansion-bar.visible{opacity:1;transform:translate(-50%)}.eb-text strong{color:#16c79a}.eb-text small{display:block;color:#a0a0a0;font-size:11px;margin-top:2px}.eb-cancel{background:transparent;border:1px solid #0f3460;color:#cfd6df;border-radius:6px;padding:6px 14px;font-size:12px;font-family:inherit;cursor:pointer}.eb-cancel:hover{border-color:#e94560;color:#e94560}#build-menu{position:fixed;left:12px;top:56px;bottom:12px;z-index:55;display:flex;align-items:flex-start;pointer-events:auto}.bm-toggle{background:#16213e;border:1px solid #16c79a;color:#16c79a;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.bm-toggle:hover{background:#1a2a40}.bm-body{display:none;margin-left:8px;background:#16213e;border:1px solid #0f3460;border-radius:8px;padding:12px;width:280px;max-height:calc(100vh - 100px);overflow-y:auto}#build-menu.expanded .bm-body{display:block}.bm-section{margin-bottom:14px}.bm-section:last-child{margin-bottom:0}.bm-section-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.bm-items{display:flex;flex-direction:column;gap:4px}.bm-item{background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:4px;padding:8px 10px;font-size:12px;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.bm-item:hover{border-color:#16c79a}.bm-item.selected{background:#1a3a3a;border-color:#16c79a;color:#16c79a}.bm-item-cost{color:#888;font-size:11px}#zoom-controls{position:fixed;right:12px;bottom:calc(50dvh + 16px);display:flex;flex-direction:column;gap:6px;z-index:55;pointer-events:auto}#bottom-panel.collapsed~#zoom-controls,body.bp-collapsed #zoom-controls{bottom:52px}body.bp-full #zoom-controls,body.bp-full #heatmap-toggle,body.bp-full #heatmap-popup{display:none}.zc-btn{width:48px;height:48px;background:#16213ee6;border:1px solid #16c79a;color:#16c79a;border-radius:6px;font-size:22px;font-family:inherit;cursor:pointer;padding:0}.zc-btn:hover{background:#1a2a40}.zc-btn:active{background:#16c79a;color:#0a0e14}.zc-btn-active{background:#16c79a!important;color:#0a0e14!important}#heatmap-toggle{position:fixed;right:12px;bottom:calc(50dvh + 124px);z-index:55;width:48px;height:48px;padding:0;font-size:22px}body.bp-collapsed #heatmap-toggle{bottom:160px}#heatmap-popup{position:fixed;right:12px;bottom:calc(50dvh + 178px);background:#0f1620f5;border:1px solid #0f3460;border-radius:8px;padding:8px;display:none;flex-direction:column;gap:2px;z-index:56;pointer-events:auto;box-shadow:0 8px 24px #00000080;min-width:200px}#heatmap-popup.open{display:flex}.hp-title{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px;border-bottom:1px solid rgba(15,52,96,.4);margin-bottom:4px}.hp-option{background:transparent;border:none;color:#e6e6e6;font-family:inherit;font-size:13px;text-align:left;padding:8px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.hp-option:hover{background:#1a2a40;color:#16c79a}.hp-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.18)}.hp-swatch-empty{background:transparent;border-color:#8a98a873}#inspector-panel{position:fixed;left:0;right:0;bottom:0;max-height:50vh;background:#16213e;border-top:1px solid #0f3460;box-shadow:0 -8px 32px #00000080;transform:translateY(100%);transition:transform .22s ease-out;z-index:60;display:flex;flex-direction:column;pointer-events:auto}#inspector-panel.open{transform:translateY(0)}.ip-header{padding:14px 16px 8px;border-bottom:1px solid #0f3460}.ip-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.ip-title{font-size:18px;color:#16c79a;font-weight:600}.ip-header-actions{display:flex;align-items:center;gap:4px}.ip-mini,.ip-close{background:transparent;color:#888;border:none;cursor:pointer;padding:4px 6px;line-height:0;border-radius:4px}.ip-mini:hover{color:#16c79a;background:#16c79a14}.ip-close:hover{color:#e94560;background:#e9456014}#inspector-panel.minimized .ip-body,#inspector-panel.minimized .ip-actions,#inspector-panel.minimized .ip-hint{display:none}#inspector-panel.minimized{box-shadow:0 -4px 16px #0000004d}.ip-hint{text-align:center;color:#4a6080;font-size:10px;padding:6px 0 8px;text-transform:lowercase;letter-spacing:.3px}.ip-subtitle{color:#888;font-size:12px;margin-top:4px;text-transform:capitalize}.ip-body{padding:12px 16px;overflow-y:auto;flex:1}.ip-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(15,52,96,.4);font-size:13px}.ip-row:last-child{border-bottom:none}.ip-row-wide{flex-direction:column;align-items:flex-start;gap:4px}.ip-label{color:#888}.ip-value{color:#e6e6e6;text-align:right}.ip-row-wide .ip-value{text-align:left;line-height:1.4}.ip-issues{padding:8px 0 12px;border-bottom:1px solid rgba(15,52,96,.4)}.ip-issue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ip-issue{padding:8px 10px;border-radius:6px;background:#e9456014;border-left:3px solid #e94560;display:flex;flex-direction:column;gap:3px}.ip-issue-paused{background:#a0a0a01a;border-left-color:#a0a0a0}.ip-issue-idle{background:#f0a8381a;border-left-color:#f0a838}.ip-issue-unstaffed{background:#e945601a;border-left-color:#e94560}.ip-issue-no-road{background:#6e50322e;border-left-color:#b08850}.ip-issue-no-input{background:#c848781a;border-left-color:#c84878}.ip-issue-label{color:#f5f5f5;font-weight:600;font-size:13px}.ip-issue-hint{color:#a0a0a0;font-size:12px;line-height:1.35}.ip-blockers{padding:8px 10px;border-radius:6px;margin:6px 0;border-left:3px solid #f0a838;background:#f0a83814}.ip-blockers-bad{border-left-color:#e94560;background:#e945601a}.ip-blockers-header{font-weight:600;font-size:12px;color:#f5f5f5;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.ip-blocker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.ip-blocker{color:#d0d0d0;font-size:12px;line-height:1.4;padding-left:12px;position:relative}.ip-blocker:before{content:"•";position:absolute;left:2px;color:#888}.ip-pantry{padding:8px 10px;border-radius:6px;margin:6px 0;background:#16c79a0f;border-left:3px solid #16c79a}.ip-pantry-header{font-weight:600;font-size:12px;color:#f5f5f5;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.ip-pantry-row{display:grid;grid-template-columns:90px 1fr 100px;gap:8px;align-items:center;padding:3px 0;font-size:12px;color:#d0d0d0}.ip-pantry-name{color:#e6e6e6}.ip-pantry-bar{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.ip-pantry-fill{height:100%;background:#3ac860;transition:width .2s ease}.ip-pantry-warn .ip-pantry-fill{background:#f0a838}.ip-pantry-bad .ip-pantry-fill{background:#e94560}.ip-pantry-value{text-align:right;color:#a0a0a0;font-variant-numeric:tabular-nums}.ip-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #0f3460;flex-wrap:wrap}.ip-actions:empty{display:none}.ip-btn{flex:1;min-width:100px;background:#0a0e14;border:1px solid #0f3460;color:#e6e6e6;border-radius:6px;padding:10px 14px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer}.ip-btn:hover:not(:disabled){border-color:#16c79a}.ip-btn:disabled{opacity:.5;cursor:not-allowed}.ip-btn-primary{background:#16c79a;border-color:#16c79a;color:#0a0e14}.ip-btn-primary:hover:not(:disabled){background:#14b88e;border-color:#14b88e}.ip-btn-danger{border-color:#5a2030;color:#e94560}.ip-btn-danger:hover:not(:disabled){background:#e94560;border-color:#e94560;color:#fff}.ip-toggle{flex:0 1 auto;border:1px solid}.ip-toggle-on{background:#16c79a1f;border-color:#16c79a;color:#16c79a}.ip-toggle-off{background:#c8a0501f;border-color:#c8a050;color:#c8a050}.ip-priority{flex:1;min-width:110px;background:#0a0e14;color:#e6e6e6;border:1px solid #0f3460;border-radius:6px;padding:10px 12px;font-size:13px;font-family:inherit;font-weight:600}.ui-loading{text-align:center;color:#888}.ui-spinner{width:40px;height:40px;border:3px solid #0f3460;border-top-color:#16c79a;border-radius:50%;animation:ui-spin .8s linear infinite;margin:0 auto 16px}@keyframes ui-spin{to{transform:rotate(360deg)}}