:root{--bg: #0b0d14;--panel: rgba(20, 24, 38, .62);--panel-solid: #141826;--stroke: rgba(255, 255, 255, .08);--stroke-hi: rgba(255, 255, 255, .16);--text: #e8ecf6;--muted: #8b94ad;--accent: #38e1d6;--accent2: #7c6cff;--good: #46e08a;--warn: #ffb454;--bad: #ff5d6c;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--radius: 8px;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;user-select:none}#app{position:fixed;inset:0}#renderCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.glass{background:var(--panel);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 12px 6px}kbd{background:#ffffff1a;border:1px solid var(--stroke-hi);border-radius:5px;padding:1px 5px;font-size:11px;font-family:inherit}.empty,.res-empty{color:var(--muted);font-size:12px;padding:8px 12px}.topbar{position:absolute;top:0;left:0;right:0;padding:2px 16px 10px;border-radius:0;border-left:none;border-right:none;border-top:none;z-index:20}.topbar.dragged{border-radius:var(--radius);border:1px solid var(--stroke)}.topbar .dpanel-body{display:flex;align-items:center;gap:16px;height:76px}.brand{font-weight:800;font-size:18px;letter-spacing:.12em;white-space:nowrap;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark{-webkit-text-fill-color:var(--accent)}.res-wrap{display:flex;gap:18px;align-items:stretch;flex:1;overflow:hidden}.res-item{min-width:84px;display:flex;flex-direction:column;gap:3px}.res-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.res-lbl{font-size:11px;color:var(--muted);white-space:nowrap}.res-big{font-size:19px;font-weight:700;letter-spacing:-.01em}.res-item.money .res-big{color:var(--good)}.up{color:var(--good);font-size:11px;font-weight:700}.down{color:var(--bad);font-size:11px;font-weight:700}.res-bar{height:6px;border-radius:4px;background:#ffffff14;overflow:hidden}.res-fill{height:100%;border-radius:4px;transition:width .3s ease}.res-fill.power{background:linear-gradient(90deg,#ffd54a,#ff9f43)}.res-fill.water{background:linear-gradient(90deg,#4ac4ff,#2d7bff)}.res-val{font-size:11px;color:var(--muted)}.warn-tag{font-size:9px;font-weight:800;letter-spacing:.05em;color:#1a0f00;background:var(--warn);border-radius:4px;padding:1px 5px;animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.45}}.demand{min-width:120px}.dmd{display:flex;align-items:center;gap:6px;margin-top:2px}.dmd-lbl{font-size:10px;width:10px;color:var(--muted)}.dmd-track{position:relative;flex:1;height:6px;background:#ffffff12;border-radius:3px}.dmd-zero{position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:#ffffff40}.dmd-bar{position:absolute;top:0;height:100%;border-radius:3px}.dmd-bar.d-r{background:var(--good)}.dmd-bar.d-c{background:#4aa8ff}.dmd-bar.d-i{background:var(--warn)}.dmd-bar.neg{opacity:.85}.conn-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;cursor:help;background:var(--bad);box-shadow:0 0 8px var(--bad);border:2px solid rgba(255,255,255,.18);align-self:center}.conn-dot.online{background:var(--good);box-shadow:0 0 8px var(--good)}.overlay-strip{position:absolute;top:108px;right:12px;width:168px;padding:8px;display:flex;flex-direction:column;gap:4px}.strip-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:2px 6px 4px}.ov-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid transparent;background:transparent;color:var(--text);border-radius:9px;cursor:pointer;font-size:12.5px;text-align:left;transition:all .12s}.ov-btn:hover{background:#ffffff0f}.ov-btn.active{background:#38e1d629;border-color:#38e1d673;color:var(--accent)}.ov-ic{width:18px;text-align:center}.inspector{position:absolute;left:12px;top:108px;width:244px;max-height:calc(100vh - 320px);overflow-y:auto}.insp-body{padding:0 12px 12px}.insp-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.insp-row span{color:var(--muted)}.insp-row b.ok,b.ok{color:var(--good)}.insp-row b.bad,b.bad{color:var(--bad)}.insp-stats{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.chip{font-size:11px;background:#7c6cff29;color:#c3bcff;border-radius:6px;padding:3px 7px}.insp-desc,.insp-help{font-size:12px;color:var(--muted);line-height:1.5;margin-top:8px}.insp-help kbd{color:var(--text)}.budget{border-top:1px solid var(--stroke);margin-top:4px;padding-bottom:10px}.budget .insp-row{padding:4px 12px;border-bottom:none}.tax-row{padding:6px 12px 2px}.tax-slider{width:100%;accent-color:var(--accent);cursor:pointer}.players{position:absolute;right:12px;top:328px;width:246px;padding-bottom:6px}.player-list{padding:0 8px 6px;display:flex;flex-direction:column;gap:2px}.player{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;font-size:12px}.player.me{background:#38e1d614}.swatch{width:12px;height:12px;border-radius:3px;box-shadow:0 0 0 1px #0006}.online{width:7px;height:7px;border-radius:50%}.online.on{background:var(--good);box-shadow:0 0 6px var(--good)}.online.off{background:#4a5168}.p-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.you-tag{font-size:8px;background:var(--accent);color:#021;border-radius:3px;padding:1px 3px;vertical-align:middle}.p-stat{font-size:11px;color:var(--muted);white-space:nowrap}.feed{position:absolute;left:12px;bottom:168px;width:320px;display:flex;flex-direction:column;overflow:hidden}.feed .dpanel-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.feed-list{overflow-y:auto;padding:0 10px 10px;display:flex;flex-direction:column;gap:4px;height:180px;min-height:60px;max-height:60vh;resize:vertical}.feed-item{font-size:12px;line-height:1.4;padding:6px 8px 6px 18px;position:relative;background:#ffffff08;border-radius:7px;border-left:2px solid var(--muted)}.feed-item .fdot{display:none}.feed-item.lvl-info{border-left-color:#4aa8ff}.feed-item.lvl-warn{border-left-color:var(--warn)}.feed-item.lvl-good{border-left-color:var(--good)}.chat{position:absolute;left:12px;bottom:12px;width:320px;display:flex;flex-direction:column;overflow:hidden}.chat .dpanel-body{display:flex;flex-direction:column;flex:1;padding:0 8px 8px;min-height:0;overflow:hidden;height:148px}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:2px 4px;min-height:0}.chat-msg{font-size:12px;line-height:1.4;word-break:break-word}.cm-name{font-weight:700}.chat-row{display:flex;gap:6px;margin-top:6px;flex-shrink:0}.chat-input{flex:1;background:#0000004d;border:1px solid var(--stroke);color:var(--text);border-radius:9px;padding:7px 10px;font-size:13px;font-family:inherit;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-send{background:var(--accent);color:#021;border:none;border-radius:9px;width:38px;cursor:pointer;font-size:14px;font-weight:700}.chat-send:hover{filter:brightness(1.1)}.toolbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:4px 10px 10px;max-width:calc(100vw - 360px)}.toolbar .dpanel-body{display:flex;gap:10px;overflow-x:auto}.tgroup{display:flex;flex-direction:column;gap:5px}.tgroup:not(:last-child){padding-right:10px;border-right:1px solid var(--stroke)}.tgroup-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}.tgroup-row{display:flex;gap:5px}.tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:60px;height:58px;border-radius:11px;cursor:pointer;background:#ffffff0a;border:1px solid var(--stroke);color:var(--text);transition:all .12s}.tool-btn:hover{background:#ffffff1a;transform:translateY(-2px);border-color:var(--stroke-hi)}.tool-btn.active{background:#38e1d62e;border-color:var(--accent);box-shadow:0 0 14px #38e1d64d}.t-ic{font-size:19px;line-height:1}.t-lbl{font-size:10px;font-weight:600}.t-sub{font-size:9px;color:var(--muted)}.tool-btn.active .t-sub{color:var(--accent)}.tool-btn.hero{border-color:#7c6cff80;background:#7c6cff1f}.tool-btn.hero.active{box-shadow:0 0 16px #7c6cff73}.tool-btn.danger:hover{border-color:var(--bad);background:#ff5d6c29}.tool-btn.danger.active{background:#ff5d6c33;border-color:var(--bad);box-shadow:0 0 14px #ff5d6c4d}.tool-btn.z-res.active{background:#46e08a2e;border-color:var(--good);box-shadow:0 0 14px #46e08a4d}.tool-btn.z-com.active{background:#4aa8ff2e;border-color:#4aa8ff;box-shadow:0 0 14px #4aa8ff4d}.tool-btn.z-ind.active{background:#ffb4542e;border-color:var(--warn);box-shadow:0 0 14px #ffb4544d}.tooltip{position:fixed;z-index:100;pointer-events:none;max-width:240px;background:var(--panel-solid);border:1px solid var(--stroke-hi);border-radius:10px;padding:9px 11px;box-shadow:var(--shadow);transform:translate(-50%,-100%);opacity:0;transition:opacity .12s;font-size:12px}.tooltip.show{opacity:1}.tt-title{font-weight:700;margin-bottom:3px;color:var(--accent)}.tt-body{color:var(--muted);line-height:1.45}.tt-body b{color:var(--text)}.place-toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%) translateY(8px);z-index:90;pointer-events:none;background:#ff5d6ceb;color:#fff;font-weight:600;font-size:13px;padding:9px 16px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transition:all .15s}.place-toast.show{opacity:1;transform:translate(-50%) translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:transparent}#loading-screen{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1a2138,#0b0d14 70%);transition:opacity .6s}#loading-screen.hidden{opacity:0;pointer-events:none}.loader-inner{text-align:center}.loader-logo{font-size:44px;font-weight:800;letter-spacing:.3em;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.loader-sub{color:var(--muted);margin-top:8px;font-size:14px}.loader-bar{width:220px;height:4px;background:#ffffff1a;border-radius:2px;margin:20px auto 0;overflow:hidden}.loader-bar-fill{height:100%;width:40%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:2px;animation:load 1.3s infinite}@keyframes load{0%{margin-left:-40%}to{margin-left:100%}}@media(max-width:1100px){.topbar{right:12px}.overlay-strip,.players{display:none}.toolbar{max-width:calc(100vw - 24px)}}.settings-btn{position:absolute;top:92px;right:12px;width:168px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:16px;color:var(--text);cursor:pointer;transition:all .12s}.settings-btn:hover{background:#38e1d624;border-color:#38e1d666;color:var(--accent)}.settings-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:#06080e8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.settings-overlay.open{display:flex}.settings-modal{width:360px;max-width:calc(100vw - 32px);padding:16px 18px 18px;background:var(--panel-solid)}.set-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.set-title{font-size:16px;font-weight:800;letter-spacing:.02em}.set-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--muted);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .12s}.set-close:hover{background:#ff5d6c2e;border-color:#ff5d6c66;color:var(--bad)}.set-section{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 8px}.set-row{margin-bottom:16px}.set-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.set-name{font-size:13.5px}.set-val{font-size:13px;font-weight:700;color:var(--accent)}.set-slider{width:100%;accent-color:var(--accent);cursor:pointer}.set-reset{margin-top:6px;width:100%;padding:9px;border-radius:10px;border:1px solid var(--stroke-hi);background:#ffffff0d;color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:all .12s}.set-reset:hover{background:#7c6cff2e;border-color:#7c6cff73}.set-tabs{display:flex;gap:6px;margin:6px 0 4px;border-bottom:1px solid var(--stroke)}.set-tab{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 10px;border-bottom:2px solid transparent;font-family:inherit;transition:all .12s}.set-tab:hover{color:var(--text)}.set-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tut-pane{max-height:min(70vh,620px);overflow-y:auto;padding-right:4px}.tut-steps{margin:4px 0;padding-left:20px;font-size:12.5px;line-height:1.5;color:var(--text)}.tut-steps li{margin-bottom:7px}.tut-steps b{color:var(--accent)}.tut-text{font-size:12.5px;line-height:1.55;color:var(--muted)}.tut-text b{color:var(--text)}.tut-ov{color:var(--accent)}.tut-catalog{display:flex;flex-direction:column;gap:6px}.tut-group-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin:8px 0 2px}.tut-item{background:#ffffff08;border:1px solid var(--stroke);border-radius:8px;padding:7px 9px}.tut-item-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600}.tut-item-head b{color:var(--good);font-size:12px;white-space:nowrap}.tut-item-desc{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:3px}.tut-eff{color:var(--accent)}.tut-keys{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-size:12.5px;color:var(--muted)}.tut-keys kbd{color:var(--text);margin-right:5px}.dpanel-head{display:flex;align-items:center;gap:7px;padding:7px 10px 6px;cursor:grab;user-select:none;touch-action:none}.dpanel.dragging .dpanel-head{cursor:grabbing}.dpanel-grip{color:var(--muted);font-size:13px;letter-spacing:-1px;line-height:1;opacity:.7}.dpanel-title{flex:1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpanel-toggle{background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s}.dpanel-toggle:hover{background:#38e1d629;border-color:#38e1d666;color:var(--accent)}.dpanel.collapsed .dpanel-body{display:none}.dpanel.dragging{box-shadow:0 20px 60px #0009;z-index:30}.dpanel-close{background:#ffffff0d;border:1px solid var(--stroke);color:var(--muted);width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s}.dpanel-close:hover{background:#ff5d6c2e;border-color:#ff5d6c66;color:var(--bad)}.panel-hidden{display:none!important}.timepanel{position:absolute;left:50%;transform:translate(-50%);top:108px;width:230px}.timepanel .dpanel-body{padding:4px 10px 10px}.clock-row{display:flex;align-items:center;gap:10px;padding:4px 2px 8px}.clock-icon{font-size:26px;line-height:1}.clock-time{font-size:20px;font-weight:800;letter-spacing:.03em}.clock-date{font-size:11px;color:var(--muted)}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.phase-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:#ffffff0a;border:1px solid var(--stroke);color:var(--text);border-radius:9px;cursor:pointer;transition:all .12s;font-family:inherit}.phase-btn:hover{background:#ffffff1a}.phase-btn.active{background:#38e1d62e;border-color:var(--accent);color:var(--accent)}.ph-ic{font-size:16px;line-height:1}.ph-lbl{font-size:9px;font-weight:600}.speed-row{display:flex;align-items:center;gap:4px;margin-top:8px}.speed-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px}.speed-btn{flex:1;padding:5px 0;font-size:11px;font-weight:600;border-radius:7px;cursor:pointer;background:#ffffff0a;border:1px solid var(--stroke);color:var(--text);transition:all .12s;font-family:inherit}.speed-btn:hover{background:#ffffff1a}.speed-btn.active{background:#7c6cff38;border-color:var(--accent2);color:#cfc8ff}.weatherpanel{position:absolute;left:50%;transform:translate(-50%);top:325px;width:230px}.weatherpanel .dpanel-body{padding:4px 10px 10px}.wx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.wx-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:#ffffff0a;border:1px solid var(--stroke);color:var(--text);border-radius:9px;cursor:pointer;transition:all .12s;font-family:inherit}.wx-btn:hover{background:#ffffff1a}.wx-btn.active{background:#38e1d62e;border-color:var(--accent);color:var(--accent)}.wx-ic{font-size:16px;line-height:1}.wx-lbl{font-size:9px;font-weight:600}.weatherpanel.auto-on .wx-grid{opacity:.55}.hud-dock{position:absolute;top:100px;bottom:142px;width:244px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;pointer-events:none}.hud-dock-left{left:12px}.hud-dock-right{right:12px;width:230px}.hud-dock>.dpanel{position:relative;inset:auto;transform:none;width:100%;flex:0 0 auto;max-height:none;pointer-events:auto}.hud-dock .feed-list{height:105px;resize:vertical}.hud-dock .chat .dpanel-body{height:105px}.hud-dock .overlay-strip,.hud-dock .players{display:block}.toolbar{left:12px;right:12px;transform:none;max-width:none}.topbar .dpanel-body{height:52px}.brand,.res-big,.panel-head,.tgroup-label,.clock-time,.dpanel-title{letter-spacing:0}.res-wrap{overflow-x:auto}.res-item{flex-shrink:0}.tool-btn{border-radius:6px;flex-shrink:0}.t-lbl{max-width:58px;white-space:normal;text-align:center}.dock-toggle{display:none}@media(max-width:800px){.topbar{right:0;padding:2px 8px 8px}.topbar .dpanel-body{gap:12px}.brand{font-size:13px}.res-wrap{gap:12px}.res-item{min-width:70px}.res-big{font-size:16px}.hud-dock{display:none;top:136px;bottom:138px;width:min(260px,calc(100% - 24px))}.hud-dock.dock-open{display:flex}.dock-toggle{position:absolute;top:92px;display:grid;place-items:center;width:36px;height:36px;background:var(--panel-solid);color:var(--text);border:1px solid var(--stroke-hi);border-radius:6px;font-size:20px}.dock-toggle-left{left:12px}.dock-toggle-right{right:12px}.toolbar{left:6px;right:6px;bottom:6px;padding:4px 6px 6px}.loader-logo{font-size:30px;letter-spacing:0}.settings-window{max-width:calc(100vw - 24px)}}.wx-auto{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12.5px;cursor:pointer}.wx-auto input{accent-color:var(--accent);cursor:pointer}.wx-section{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:10px 0 6px}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.season-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 1px;background:#ffffff0a;border:1px solid var(--stroke);color:var(--text);border-radius:9px;cursor:pointer;transition:all .12s;font-family:inherit}.season-btn:hover{background:#ffffff1a}.season-btn.active{background:#7c6cff38;border-color:var(--accent2);color:#cfc8ff}.se-ic{font-size:15px;line-height:1}.se-lbl{font-size:9px;font-weight:600}.snap-indicator{display:none;position:fixed;pointer-events:none;z-index:29;border:2px solid var(--accent);border-radius:var(--radius);background:#38e1d614;box-shadow:0 0 18px #38e1d666;transition:none}.panels-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.panels-empty{font-size:12.5px;color:var(--muted)}.panels-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff08;border:1px solid var(--stroke);border-radius:8px;padding:7px 10px}.panels-name{font-size:13px}.panels-restore{font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px;cursor:pointer;background:#38e1d629;border:1px solid rgba(56,225,214,.4);color:var(--accent);font-family:inherit;transition:all .12s}.panels-restore:hover{background:#38e1d647}.insp-subhead{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 12px 4px}