*{margin:0;padding:0;box-sizing:border-box}:root{--bg: rgba(10, 20, 16, .82);--border: #2b4a3a;--text: #e8f5ee;--dim: #8fb8a3;--accent: #7ee08a;--gold: #f0d060;--red: #ef4444;--elec: #3b82f6;--heat: #ef4444;--water: #06b6d4;--waste: #84cc16}body{font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;background:#0a0e17;color:var(--text);-webkit-user-select:none;user-select:none}#app canvas{display:block}.hud-panel{position:fixed;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10}.hidden{display:none!important}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffffb3;font-size:20px;z-index:5;pointer-events:none}#topbar{top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap}.tb-sep{color:var(--border)}#topbar button{background:transparent;border:1px solid var(--border);color:var(--dim);border-radius:5px;padding:2px 7px;cursor:pointer;font-size:12px}#topbar button.active{color:var(--accent);border-color:var(--accent)}.money{color:var(--gold);font-family:Courier New,monospace;font-weight:700}#statusbar{bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:22px;font-size:13px;font-family:Courier New,monospace}.alarms{color:var(--red);font-weight:700}#porttip{left:calc(50% + 26px);top:calc(50% - 10px);pointer-events:none;z-index:12;min-width:170px;padding:8px 12px;font-size:12px;line-height:1.5}#porttip .pt-name{color:var(--dim);font-size:10px;letter-spacing:1px;text-transform:uppercase}#porttip .pt-label{font-size:13px;font-weight:600;margin-bottom:3px}#porttip .pt-meta{display:flex;gap:10px;align-items:center}#porttip .pt-res{font-weight:600}#porttip .pt-elec{color:#6ba3f8}#porttip .pt-heat{color:#f87171}#porttip .pt-water{color:#38cfe8}#porttip .pt-waste{color:#a3d94e}#porttip .pt-dir{font-family:Courier New,monospace;font-size:11px;padding:0 6px;border-radius:8px;border:1px solid var(--border)}#porttip .dir-in{color:#f0d060;border-color:#6a5a28}#porttip .dir-out{color:#7ee08a;border-color:#2b6a3a}#porttip .dir-both{color:#b8a8f0;border-color:#4a3a7a}#porttip .pt-wire{color:var(--dim);font-size:10px;margin-top:2px}#modehint{position:fixed;top:60px;left:50%;transform:translate(-50%);color:var(--accent);font-size:15px;text-shadow:0 1px 4px #000;z-index:10;pointer-events:none}#buildmenu{left:10px;top:70px;width:320px;max-height:calc(100vh - 160px);overflow-y:auto}#buildmenu h2{font-size:14px;letter-spacing:2px;margin-bottom:8px;color:var(--accent)}#buildmenu .hint{font-size:10px;color:var(--dim);letter-spacing:0;font-weight:400}.bm-cat{font-size:11px;color:var(--dim);letter-spacing:1px;margin:10px 0 4px;text-transform:uppercase}.bm-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px}.bm-item:hover{border-color:var(--accent);background:#7ee08a14}.bm-item .cost{color:var(--gold);font-family:Courier New,monospace;font-size:12px}.bm-item .nomoney{color:var(--red)}.bm-item small{display:block;color:var(--dim);font-size:10px}#inspector{right:10px;top:70px;width:320px;max-height:calc(100vh - 160px);overflow-y:auto;font-size:13px}#inspector h2{font-size:15px;color:var(--accent);margin-bottom:8px}#insp-body .row{display:flex;justify-content:space-between;padding:2px 0}#insp-body .row .v{font-family:Courier New,monospace;color:var(--text)}#insp-body .row .k{color:var(--dim)}#insp-body .badge{display:inline-block;font-size:10px;padding:1px 8px;border-radius:10px;border:1px solid var(--border);color:var(--dim);margin-bottom:6px;letter-spacing:1px}#insp-body .badge.on{color:var(--accent);border-color:var(--accent)}#insp-body .badge.warn{color:var(--gold);border-color:var(--gold)}#insp-body .badge.err{color:var(--red);border-color:var(--red)}#insp-body .bar{height:8px;background:#14261d;border-radius:4px;margin:3px 0 8px;overflow:hidden}#insp-body .bar>div{height:100%;border-radius:4px;background:var(--accent)}.insp-actions{display:flex;gap:8px;margin-top:10px}.insp-actions button{flex:1;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px;cursor:pointer;font-size:12px}#insp-delete:hover{border-color:var(--red);color:var(--red)}#insp-close:hover{border-color:var(--accent)}#help{bottom:10px;left:10px;font-size:11px;color:var(--dim);line-height:1.7}#help b{color:var(--text)}#startoverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:radial-gradient(ellipse at center,#0a1912d9,#050a08f5);display:flex;align-items:center;justify-content:center;cursor:pointer}.start-card{text-align:center}.start-card h1{font-size:64px;letter-spacing:14px;color:var(--accent);text-shadow:0 0 40px rgba(126,224,138,.5);margin-bottom:20px}.start-card p{color:var(--dim);line-height:1.7;font-size:15px}.start-go{margin-top:30px;color:var(--gold)!important;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.4}}#loginform{margin:28px auto 0;display:flex;flex-direction:column;gap:10px;width:280px}#loginform input{background:#08100ce6;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit}#loginform input:focus{outline:none;border-color:var(--accent)}#loginform button{background:#7ee08a1f;border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:10px;font-size:14px;cursor:pointer;font-family:inherit;letter-spacing:1px}#loginform button:hover{background:#7ee08a3d}#loginform button:disabled{opacity:.5;cursor:default}#login-msg{min-height:18px;font-size:12px;color:var(--red)}#login-msg.ok{color:var(--accent)}.start-alt{margin-top:16px;font-size:12px!important}.start-alt a{color:var(--dim);text-decoration:underline;cursor:pointer}.start-alt a:hover{color:var(--accent)}#savespanel{left:50%;top:50%;transform:translate(-50%,-50%);width:380px;max-height:70vh;overflow-y:auto;font-size:13px}#savespanel h2{font-size:14px;letter-spacing:2px;color:var(--accent);margin-bottom:8px}#savespanel .hint{font-size:10px;color:var(--dim);letter-spacing:0;font-weight:400}#saves-who{color:var(--dim);font-size:11px;margin-bottom:10px}#saves-who b{color:var(--text)}.save-row{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid var(--border);border-radius:6px;margin-bottom:6px}.save-row .nm{flex:1}.save-row .nm small{display:block;color:var(--dim);font-size:10px;font-family:Courier New,monospace}.save-row button{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:5px;padding:4px 9px;cursor:pointer;font-size:11px}.save-row button:hover{border-color:var(--accent);color:var(--accent)}.save-row button.del:hover{border-color:var(--red);color:var(--red)}.saves-new{display:flex;gap:8px;margin-top:10px}.saves-new input{flex:1;background:#08100ce6;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-size:12px;font-family:inherit}.saves-new input:focus{outline:none;border-color:var(--accent)}.saves-new button{background:#7ee08a1f;border:1px solid var(--accent);color:var(--accent);border-radius:6px;padding:7px 14px;cursor:pointer;font-size:12px}#saves-msg{min-height:16px;font-size:11px;color:var(--gold);margin-top:8px}