:root{--bg:#121821cc;--line:#ffffff1a;--text:#eef2f6;--muted:#9aa8b6;--accent:#4aa3ff;--r:#5fd36a;--c:#4aa3ff;--i:#ffc83d;--power:#ffcf33;--water:#3fa9ff}*{box-sizing:border-box}html,body{height:100%;color:var(--text);-webkit-user-select:none;user-select:none;background:#0d1626;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#app canvas{display:block}.hidden{display:none!important}.panel{background:var(--bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;position:fixed;box-shadow:0 8px 30px #00000040}small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}kbd{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin:0 2px;padding:1px 4px;font:600 10px Inter,sans-serif}button{font-family:inherit}.muted{color:var(--muted)}.pos{color:#6fe08a}.neg{color:#ff6b6b}.cr{color:var(--r)}.cc{color:var(--c)}.ci{color:var(--i)}#topbar{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-wrap:nowrap;align-items:center;gap:20px;padding:8px 16px;display:flex;top:12px;left:12px;right:200px;overflow:auto hidden}#topbar::-webkit-scrollbar{height:5px}#topbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}#topbar>*{flex-shrink:0}.fold{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:7px;width:24px;height:24px;padding:0;font-size:13px}.fold:hover{color:var(--text);background:#ffffff1f}#topbar.compact{gap:14px;right:auto}#topbar.compact .brand,#topbar.compact .util,#topbar.compact .svcs,#topbar.compact .stat.jobs,#topbar.compact .stat i,#topbar.compact .seg,#topbar.compact .next{display:none}#topbar.compact .clock{margin-left:0}.brand{letter-spacing:.08em;white-space:nowrap;font-size:18px;font-weight:800}.brand span,h1 span{color:var(--accent);letter-spacing:.02em;margin-left:4px;font-weight:400}.stat{flex-direction:column;min-width:64px;display:flex}.stat b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px}.stat i,.util i{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-style:normal}.util{flex-direction:column;gap:3px;min-width:92px;display:flex}.meter{background:#ffffff1a;border-radius:4px;height:7px;overflow:hidden}.meter div{background:var(--power);border-radius:4px;width:0;height:100%;transition:width .4s,background .4s}.meter.water div{background:var(--water)}.meter.sewage div{background:#b08850}.meter div.over{background:#ff5a4f!important}.svcs{flex-direction:column;gap:3px;display:flex}.svcs div{font-variant-numeric:tabular-nums;white-space:nowrap;gap:8px;font-size:13px;font-weight:700;display:flex}.svcs i{font-size:11px;font-style:normal}.demand{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-end;gap:5px;height:40px;padding:2px 6px;display:flex}.demand:hover{border-color:var(--line);background:#ffffff0d}.bar{background:#ffffff14;border-radius:3px;width:12px;height:34px;position:relative;overflow:hidden}.bar div{height:0;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.bar span{text-align:center;color:#0009;font-size:9px;font-weight:800;position:absolute;bottom:-1px;left:0;right:0}.bar.r div{background:var(--r)}.bar.c div{background:var(--c)}.bar.i div{background:var(--i)}.chip{color:var(--text);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#ffffff12;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600}.chip:hover{background:#ffffff21}.clock{flex-direction:column;align-items:flex-start;gap:3px;margin-left:auto;display:flex}.clock-top{align-items:baseline;gap:8px;display:flex}.clock-top b{font-variant-numeric:tabular-nums;font-size:19px}.seg{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:11px;font-weight:700}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:#fff}.next{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums}.util.clickable{cursor:pointer}.util.clickable:hover small{color:var(--text)}.outage{color:#fff;cursor:pointer;white-space:nowrap;background:#e5484d;border:none;border-radius:8px;padding:6px 10px;font:700 12px Inter,sans-serif;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}#stats-panel{z-index:4;background:#161a20f5;width:min(1100px,96vw);max-height:86vh;padding:12px 16px 16px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.st-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.st-title{font-size:15px}.st-tabs{flex:1;gap:4px;display:flex}.st-tabs button,.st-ranges button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:7px;padding:6px 12px;font:600 12px Inter,sans-serif}.st-tabs button.on{border-color:var(--accent);background:#4aa3ff38}.st-ranges{grid-template-columns:repeat(4,1fr);gap:4px;margin:10px 0;display:grid}.st-ranges button.on{color:#1a1205;background:#e8a33d;border-color:#e8a33d}.st-bars{grid-template-columns:1fr 1fr;gap:12px;display:grid}.st-bar small{margin-bottom:4px;display:block}.st-meter{border:1px solid var(--line);background:#0d1117;border-radius:5px;height:22px;position:relative;overflow:hidden}.st-meter div{height:100%;transition:width .4s}.st-meter span{text-shadow:0 1px 2px #000;font:700 12px Inter,sans-serif;position:absolute;top:3px;right:8px}.st-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.st-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:4px 0 6px;font-size:12px}.st-col canvas{border:1px solid var(--line);border-radius:6px;width:100%;height:210px;display:block}.st-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.st-row{background:#ffffff08;border-radius:5px;grid-template-columns:34px 130px 1fr 92px;align-items:center;gap:8px;padding:4px 6px;font-size:12px;display:grid}.st-count{text-align:center;background:#0000004d;border-left:3px solid;border-radius:3px;padding:2px 0;font-weight:700}.st-name{color:#cdd6df;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-rbar{background:#ffffff12;border-radius:4px;height:7px;overflow:hidden}.st-rbar div{border-radius:4px;height:100%}.st-row b{text-align:right;font-variant-numeric:tabular-nums}@media (max-width:800px){.st-cols,.st-bars{grid-template-columns:1fr}}#players{width:176px;max-height:40vh;padding:10px 14px;top:12px;right:12px;overflow-y:auto}#players small{cursor:pointer;display:block}#players small:after{content:" ▾"}#players.collapsed small:after{content:" ▸"}#players.collapsed ul{display:none}#players ul{margin:6px 0 0;padding:0;list-style:none}#players li{white-space:nowrap;align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex;overflow:hidden}#players li i{border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}#side{flex-direction:column;gap:10px;width:330px;max-height:calc(100vh - 200px);display:flex;position:fixed;top:92px;right:12px;overflow-y:auto}.card{padding:4px 16px 14px;position:static}.card h3{cursor:pointer;align-items:center;margin:10px 0;font-size:15px;display:flex}.card h3 .x{margin-left:auto}.card h3:before{content:"▾";color:var(--muted);margin-right:6px;font-size:11px}.card.collapsed h3:before{content:"▸"}.card.collapsed>:not(h3){display:none!important}.card.collapsed{padding-bottom:4px}.card h4{text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px;font-size:12px}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.x:hover{color:var(--text)}.hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.45}.row{font-variant-numeric:tabular-nums;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.row.total{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;font-weight:700}.dgrid{grid-template-columns:1fr;gap:4px;display:grid}.dgrid h4{margin:8px 0 4px}.dgrid ul{margin:0;padding:0;font-size:12px;list-style:none}.dgrid li{color:#cdd6df;justify-content:space-between;padding:2px 0;display:flex}.dbars{gap:6px;margin-bottom:4px;display:flex}.dbar{color:var(--muted);flex:1;font-size:11px}.dbar .track,.dval .track{background:#ffffff14;border-radius:3px;height:6px;margin-top:3px;position:relative;overflow:hidden}.track>div{position:absolute;top:0;bottom:0}.dval{color:var(--muted);margin-bottom:4px;font-size:11px}.tax{grid-template-columns:92px 1fr 36px;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:grid}.tax input{width:100%;accent-color:var(--accent)}.tax b{text-align:right;font-variant-numeric:tabular-nums}.kv{grid-template-columns:1fr auto;gap:5px 10px;font-size:13px;display:grid}.kv span{color:var(--muted)}.kv b{font-variant-numeric:tabular-nums;text-align:right}.stars{color:#ffcf33;letter-spacing:2px}.ok{color:#6fe08a}.bad{color:#ff6b6b}.hbar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.hbar div{background:linear-gradient(90deg,#ff6b6b,#ffcf33,#6fe08a);height:100%}#toolbar{gap:3px;padding:6px;display:flex;bottom:14px;left:50%;transform:translate(-50%)}#toolbar button,#subbar button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;font:600 11px Inter,sans-serif;transition:background .15s,border-color .15s,transform .1s;display:flex;position:relative}#toolbar button{width:66px;padding:9px 4px 7px}#toolbar button:hover,#subbar button:hover{background:#ffffff12}#toolbar button:active,#subbar button:active{transform:scale(.96)}#toolbar button.active,#subbar button.active{background:color-mix(in srgb, var(--cat) 22%, transparent);border-color:var(--cat)}#toolbar svg{fill:none;width:24px;height:24px;stroke:var(--cat);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}#toolbar kbd{border:none;font-size:9px;position:absolute;top:3px;right:3px}#subbar{gap:4px;padding:6px;display:flex;bottom:92px;left:50%;transform:translate(-50%)}#subbar button{text-align:left;align-items:flex-start;gap:2px;width:150px;padding:9px 10px}#subbar button b{color:var(--cat);font-size:13px}#subbar button span{color:var(--muted);font-size:11px;font-weight:400;line-height:1.3}#subbar button em{color:var(--text);opacity:.8;margin-top:3px;font-size:11px;font-style:normal}.dens{gap:2px;margin-bottom:4px;display:flex}.dens i{background:#ffffff26;border-radius:2px;width:8px;height:12px}.dens i.on{background:var(--cat)}#chat{width:300px;position:fixed;bottom:14px;left:12px}#chat-tools{opacity:.55;justify-content:flex-end;gap:4px;margin-bottom:4px;transition:opacity .2s;display:flex}#chat:hover #chat-tools,#chat:focus-within #chat-tools{opacity:1}#chat-tools button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0a0e1499;border-radius:6px;width:24px;height:20px;padding:0;font-size:12px;line-height:1}#chat.min #chat-log{display:none}#chat.expanded #chat-log{pointer-events:auto;max-height:45vh;overflow-y:auto}#chat.expanded #chat-log div.old{opacity:.85}#chat-log{flex-direction:column;gap:3px;max-height:200px;margin-bottom:6px;display:flex;overflow:hidden}#chat-log>div:first-child{margin-top:auto}#chat-log div.old{opacity:0}#chat:focus-within #chat-log{max-height:320px;overflow-y:auto}#chat:focus-within #chat-log div.old{opacity:.85}.warn{color:#ffcf5a;margin:0 0 6px;font-size:12.5px;line-height:1.4}.warn:empty{display:none}#chat-log div{word-wrap:break-word;background:#0a0e1499;border-radius:8px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px 9px;font-size:13px;transition:opacity 1s;animation:.2s fadein}#chat-log b{margin-right:6px}#chat-log .sys{color:var(--muted);font-style:italic}#chat-input{border:1px solid var(--line);width:100%;color:var(--text);opacity:.55;background:#0a0e148c;border-radius:8px;outline:none;padding:7px 10px;font:13px Inter,sans-serif}#chat-input:focus{opacity:1;border-color:var(--accent)}#corner{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:12px;display:flex;bottom:14px;right:12px}#corner button.on{background:#33d1ff33;border-color:#33d1ff}#corner button{color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff14;border-radius:7px;padding:4px 9px;font:600 12px Inter,sans-serif}#views{z-index:3;flex-direction:column;gap:2px;width:210px;max-height:calc(100vh - 140px);padding:8px;display:flex;bottom:58px;right:12px;overflow-y:auto}#views .hint:empty{display:none}#views .hint{margin:6px 6px 2px;font-size:11.5px}#views small{padding:2px 8px 6px}#views button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 8px;font:600 12px Inter,sans-serif}#views button:hover{background:#ffffff12}#views button.on{border-color:var(--accent);background:#4aa3ff26}.loan-btns{gap:6px;margin-top:4px;display:flex}.hbar.ms div{background:linear-gradient(90deg,#4aa3ff,#6fe08a)}#help{width:280px;max-height:calc(100vh - 140px);padding:6px 16px 10px;font-size:13px;bottom:58px;right:12px;overflow-y:auto}#help h3{margin:8px 0}#help p{color:#cdd6df;margin:6px 0;line-height:1.45}#tip{pointer-events:none;white-space:nowrap;z-index:5;background:#0a0e14d9;border-radius:6px;padding:4px 9px;font:600 12px Inter,sans-serif;display:none;position:fixed}#toast{opacity:0;pointer-events:none;z-index:5;background:#c0392b;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;top:84px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#toast.info{background:#2b3a4f}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.cursor-label{color:#10151c;white-space:nowrap;border-radius:6px;padding:2px 8px;font:600 12px Inter,sans-serif;position:absolute;top:0;left:0}#join{background:radial-gradient(#0d162659,#0d1626d9);place-items:center;display:grid;position:fixed;inset:0}#join .card{text-align:center;background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;width:360px;padding:36px 44px}#join h1{letter-spacing:.1em;margin:0 0 4px;font-size:40px;font-weight:800}#join p{color:var(--muted);margin:0 0 22px}#join input{border:1px solid var(--line);width:100%;color:var(--text);background:#0000004d;border-radius:10px;outline:none;margin-bottom:10px;padding:12px 14px;font:15px Inter,sans-serif}#join input:focus{border-color:var(--accent)}#join button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font:700 15px Inter,sans-serif}#join button:disabled{opacity:.5;cursor:default}#join .card{width:400px}.worlds-head{text-align:left;margin:4px 0 6px}#world-list{text-align:left;flex-direction:column;gap:6px;max-height:210px;margin-bottom:8px;display:flex;overflow-y:auto}.world{border:1px solid var(--line);cursor:pointer;background:#0003;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.world:hover{border-color:#ffffff40}.world.sel{border-color:var(--accent);background:#4aa3ff26}.world b{font-size:14px}.world span{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.world .live{color:#6fe08a}.new-world{gap:6px;margin-bottom:10px;display:flex}.new-world input{margin:0!important}#join .new-world button{border:1px solid var(--line);white-space:nowrap;background:#ffffff1a;width:auto;margin:0;padding:0 14px}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}}@media (max-width:1350px){.brand,#players{display:none}#topbar{right:12px}#side{top:80px}}@media (max-width:1100px){.util,.svcs,.stat:nth-of-type(4),#chat{display:none}}@media (max-width:1250px){#toolbar button{width:56px}#toolbar button span{font-size:10px}}@media (max-width:760px){#topbar{gap:10px;padding:6px 10px}.stat:nth-of-type(3){display:none}#toolbar button{width:40px}#toolbar button span{display:none}#subbar button{width:110px}#side{width:calc(100vw - 24px)}}#news{z-index:50;width:min(520px,100vw - 32px);max-height:80vh;padding:18px 20px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#news .news-head{justify-content:space-between;align-items:center;font-size:17px;display:flex}#news ul{gap:10px;margin:12px 0 16px;padding-left:4px;font-size:13.5px;line-height:1.45;list-style:none;display:grid}#news .news-ok{color:#fff;cursor:pointer;background:#3d8bfd;border:none;border-radius:10px;width:100%;padding:10px;font-weight:600}#news .news-ok:hover{filter:brightness(1.1)}#ui-show{color:var(--text);border:1px solid var(--line);cursor:pointer;opacity:.6;z-index:6;background:#0a0e1499;border-radius:8px;padding:6px 10px;font:600 12px Inter,sans-serif;display:none;position:fixed;bottom:14px;right:14px}#ui-show:hover{opacity:1}body.ui-hidden #hud,body.ui-hidden #labels{display:none}body.ui-hidden #ui-show{display:block}@media (max-width:1750px){#corner .lbl{display:none}}@media (max-width:1250px){#corner{bottom:82px}#views,#help{bottom:126px}}