:root{--bg:#0a1220;--surface:#121e2e;--surface2:#19283a;--border:#253a4f;--text:#f0f6fc;--muted:#8ba1b8;--cyan:#51cef8;--blue:#428cf4;--green:#61df9a;--red:#ff8795;--yellow:#f8ce7a;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;height:100%;min-height:520px;overflow:hidden;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}#app{height:100dvh;display:flex;flex-direction:column}.topbar{height:76px;background:#0d1827;border-bottom:1px solid #21344a;display:flex;align-items:center;padding:0 25px;gap:24px;z-index:20;flex-shrink:0;box-shadow:0 6px 28px #07111a4d}.brand{display:flex;align-items:center;gap:12px;min-width:260px;white-space:nowrap}.brand-mark{display:flex;flex-direction:column;gap:3px;padding:9px 8px;border-radius:10px;background:linear-gradient(145deg,#398afb,#41d0ff);box-shadow:0 4px 20px #2f9cff30}.brand-mark span{width:19px;height:4px;background:#e6f8ff;border-radius:2px;position:relative}.brand-mark span::after{content:"";position:absolute;right:2px;top:1px;background:#14385b;width:2px;height:2px;border-radius:100%}.brand b{font-size:14px;letter-spacing:1px}.brand b span{color:#93dfff}.brand small{display:block;font-size:9px;color:#7f97ae;letter-spacing:1.6px;margin-top:5px}.hud-stats{display:flex;align-items:center;gap:22px;flex:1;min-width:0}.hud-stat{display:flex;flex-direction:column;gap:5px;min-width:97px}.hud-stat span,.hud-level span{font-size:10px;font-weight:700;letter-spacing:1.15px;color:var(--muted)}.hud-stat strong{font-size:16px;white-space:nowrap;font-weight:750;letter-spacing:.1px}.hud-stat strong.positive{color:var(--green)}.hud-level{min-width:120px;width:130px}.level-header{display:flex;justify-content:space-between;gap:8px;margin-bottom:9px}.hud-level #hud-level{color:#b1dbff}.hud-level #hud-exp{font-size:9px}.progress{height:5px;background:#25364c;border-radius:20px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#388eff,#73dafe);border-radius:20px;transition:width .3s}.top-right{display:flex;align-items:center;gap:13px}.time{display:flex;flex-direction:column;gap:3px;min-width:55px;align-items:flex-end}.time span{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:1px}.time b{font-size:16px}.speed{display:flex;padding:4px;background:#182639;border:1px solid #2b4055;border-radius:10px;gap:2px}.speed button{padding:7px 8px;color:#9cb0c6;background:none;border:0;border-radius:6px;font-size:12px;font-weight:900}.speed button.active{background:var(--blue);color:white}.player-chip{background:#223145;border:1px solid #344b62;width:35px;height:35px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:800}.player-chip span{font-size:8px;color:var(--cyan)}.body-layout{flex:1;min-height:0;display:flex}.side-nav{width:78px;background:#0c1929;border-right:1px solid #21374e;display:flex;flex-direction:column;align-items:center;padding:22px 8px 8px;gap:7px;flex-shrink:0;z-index:10}.nav-button{border:0;color:#829bb5;background:none;border-radius:12px;width:63px;min-height:62px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .15s,color .15s}.nav-button:hover{background:#1b3048;color:#eef7ff}.nav-button.active{background:#183657;color:#60c7ff;box-shadow:inset 3px 0 #4ebeff}.nav-button span{font-size:25px;font-family:Arial,sans-serif;line-height:1.1}.nav-button small{font-size:9px;letter-spacing:.1px}.nav-bottom{margin-top:auto}.sidebar{width:346px;background:#121f30;border-right:1px solid #2b3d51;display:flex;flex-direction:column;z-index:8;flex-shrink:0;box-shadow:5px 0 18px #09132015;transition:width .2s}.sidebar-head{height:98px;display:flex;align-items:center;justify-content:space-between;padding:22px 21px 16px;border-bottom:1px solid #283b50}.eyebrow{color:#69bdeb;font-size:10px;letter-spacing:1.5px;font-weight:800}.sidebar h2{margin:7px 0 0;font-size:22px;letter-spacing:-.3px}.icon-button{border:1px solid #344a60;background:#1c2c40;color:#b1c5da;border-radius:8px;font-size:22px;width:28px;height:28px}.sidebar-scroll{padding:20px;overflow:auto;flex:1;scrollbar-color:#344e67 transparent;scrollbar-width:thin}.sidebar-foot{border-top:1px solid #293a4e;padding:15px 20px;color:#7792a9;font-size:11px;white-space:nowrap}.online-dot,.live-indicator{display:inline-block;background:#5ee09d;border-radius:50%;height:7px;width:7px;box-shadow:0 0 10px #4ee89b;margin-right:7px}.game-stage{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 43%,#d6e5ef 0,#b9d0de 58%,#93aabd 100%);min-width:0}#gameCanvas{width:100%;height:100%;display:block;position:absolute;inset:0;cursor:crosshair;touch-action:none}.scene-glow{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0a19253d 0,transparent 17%,transparent 82%,#7da0b53a 100%)}.world-label{position:absolute;top:26px;left:26px;display:flex;align-items:center;gap:12px;background:#122439de;border:1px solid #3b6074;border-radius:11px;padding:12px 14px;box-shadow:0 8px 25px #071d3450;backdrop-filter:blur(5px)}.world-label-icon{font-size:24px;color:#80caff}.world-label b{display:block;font-size:12px;letter-spacing:1px}.world-label span:not(.world-label-icon):not(.world-level){display:block;color:#90acbf;font-size:9px;letter-spacing:1.1px;margin-top:5px}.world-level{color:#a0d9fc;background:#244361;border-radius:5px;padding:5px;font-weight:800;font-size:9px;margin-left:9px}.canvas-controls{position:absolute;right:23px;top:26px;display:flex;align-items:center;gap:1px;background:#102337e8;border:1px solid #39586c;border-radius:10px;padding:4px;box-shadow:0 7px 24px #18364b40}.canvas-controls button{width:32px;height:32px;border:0;background:transparent;color:#e5f5fe;font-weight:700;font-size:20px}.canvas-controls button:hover{background:#355a77;border-radius:7px}#zoom-label{font-weight:800;font-size:11px;width:42px;text-align:center;color:#d1e4f1}.build-tip{position:absolute;top:92px;left:50%;transform:translateX(-50%);padding:12px 17px;background:#103854eb;border:1px solid #4eb7fd;color:#d0f1ff;border-radius:9px;font-size:12px;box-shadow:0 12px 25px #102c4566}.hidden{display:none!important}.inspector{position:absolute;right:22px;top:91px;width:275px;max-height:calc(100% - 193px);overflow:auto;scrollbar-width:thin;pointer-events:none}.inspector:has(.inspector-card){pointer-events:auto}.inspector-card{background:#101f31f0;backdrop-filter:blur(9px);color:#f4f9ff;border:1px solid #355a72;border-radius:13px;padding:15px;box-shadow:0 12px 38px #11293e70}.inspector-top{display:flex;align-items:center;justify-content:space-between}.inspector-title{font-size:16px;margin:8px 0 8px}.close-small{border:0;color:#a8bfd2;background:#2a4256;border-radius:6px;width:24px;height:24px}.status-pill{font-size:9px;color:#81eabb;background:#1b5446;padding:5px 7px;border-radius:20px;letter-spacing:.5px}.i-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #314357;font-size:12px;gap:10px}.i-row span{color:#9eb4c8}.i-row b{text-align:right}.inspector-card .btn{margin-top:11px;width:100%}.scene-footer{position:absolute;left:20px;right:20px;bottom:19px;display:flex;align-items:end;justify-content:space-between;gap:16px;pointer-events:none}.scene-meta{border-radius:10px;background:#102236da;border:1px solid #37566a;padding:13px 16px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px 20px #1836495c;min-width:170px}.scene-meta b{font-size:10px;letter-spacing:1px;white-space:nowrap}.scene-meta small{font-size:9px;color:#9bb3c6}.scene-tools{display:flex;align-items:center;gap:6px;padding:6px;border-radius:13px;border:1px solid #39576c;background:#102238ed;box-shadow:0 7px 25px #0c29495c;pointer-events:auto}.scene-tools button{background:#20374d;border:1px solid transparent;color:#e5f2ff;border-radius:9px;min-width:59px;height:58px;font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.scene-tools button small{font-size:9px;color:#aec4d7}.scene-tools button:hover,.scene-tools button.active{background:#2e5f86;border-color:#58afe3}.scene-hint{font-size:9px;font-weight:800;letter-spacing:1px;background:#102236bd;padding:13px;border-radius:8px;color:#acc4d7;border:1px solid #476174}.btn{border:0;border-radius:8px;padding:11px 13px;font-weight:800;font-size:12px;transition:filter .12s}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(140deg,#3d96fe,#2d72db);color:white}.btn.secondary{background:#29425a;color:#d9edfc;border:1px solid #3c5872}.btn.danger{background:#543143;color:#ffc3d2}.btn.full{width:100%}.panel-card{background:#1a2b40;border:1px solid #2f4961;border-radius:12px;padding:15px;margin-bottom:14px}.panel-card h3{margin:0 0 12px;font-size:13px}.section-title{font-weight:800;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#a6bdd2;margin:19px 0 11px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.metric{padding:13px;background:#1d3047;border:1px solid #365069;border-radius:9px}.metric small{display:block;font-size:10px;color:#9db4c8;margin-bottom:7px}.metric strong{font-size:22px;letter-spacing:-.5px}.metric strong.good{color:#69e1a1}.metric strong.warning{color:#ffca78}.notice{border-left:3px solid #4eacff;background:#1b364d;border-radius:0 9px 9px 0;padding:12px 13px;font-size:12px;color:#c4d9e9;line-height:1.5;margin-bottom:11px}.notice.amber{border-left-color:#e5ae53;background:#3b302d}.row-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #2b4157}.row-item:last-child{border-bottom:0;padding-bottom:0}.row-title{font-weight:800;font-size:12px}.row-desc{font-size:10px;color:#9cb3ca;margin-top:5px;line-height:1.45}.price{color:#9aeabe;font-weight:800;font-size:12px;white-space:nowrap}.small-action{padding:7px 9px;font-size:10px;background:#2f5373;border:1px solid #4d7491;border-radius:7px;color:white;font-weight:800;white-space:nowrap}.small-action:hover{background:#4079a4}.small-action:disabled{opacity:.4}.subtle{color:#8da8bd}.divider{height:1px;background:#304356;margin:14px 0}.setup-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;color:#b4c9da;font-size:11px;line-height:1.4}.setup-num{height:23px;width:23px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#30445b;color:#d8ebfa;font-weight:800;font-size:10px}.setup-num.done{background:#1c6252;color:#90fbc6}.badge{font-size:9px;padding:4px 6px;border-radius:6px;color:#8fe4b7;background:#214c40;font-weight:800;white-space:nowrap}.badge.muted{background:#31465c;color:#a3c7df}.tiny{font-size:10px;color:var(--muted);line-height:1.5}.big-money{font-size:28px;font-weight:800;letter-spacing:-1px;color:#9befc2}.finance-row{display:flex;justify-content:space-between;font-size:12px;margin:11px 0;color:#c5d7e7}.finance-row b{color:#f1f8ff}.staff-num{font-size:19px;color:#90cafc;font-weight:800}.toasts{position:fixed;bottom:102px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:50;pointer-events:none}.toast{max-width:350px;background:#12283ddd;color:#f1faff;border:1px solid #5883a0;border-left:4px solid #6dd1f9;border-radius:8px;padding:13px 17px;font-size:12px;line-height:1.4;box-shadow:0 15px 35px #03132166;animation:toastIn .25s ease-out}.toast.warn{border-left-color:#f5c16d}.toast.success{border-left-color:#6deaa0}@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.modal{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:#030b16a9;backdrop-filter:blur(6px)}.modal-card{width:min(420px,90vw);padding:25px;background:#17283b;border:1px solid #3c5d75;border-radius:17px;box-shadow:0 20px 65px #0006}.modal-card h3{margin:0 0 12px}.modal-card p{font-size:13px;color:#b5cadd;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.sidebar.is-collapsed{width:0;overflow:hidden;border:none}.sidebar.is-collapsed .sidebar-head,.sidebar.is-collapsed .sidebar-scroll,.sidebar.is-collapsed .sidebar-foot{display:none}.sidebar-reopen{position:absolute;z-index:11;left:95px;top:87px;background:#142c42;color:#dbf4ff;border:1px solid #40769b;border-radius:8px;padding:11px}.action-grid{display:flex;flex-direction:column;gap:8px}.scroll-note{font-size:10px;color:#91a9c1}.ready{color:#8ce5b7}.bad{color:#ff9ba5}@media(max-width:1380px){.topbar{gap:14px;padding:0 15px}.brand{min-width:225px}.hud-stats{gap:12px}.hud-stat{min-width:85px}.hud-stat strong{font-size:14px}.sidebar{width:315px}.scene-hint{display:none}}@media(max-width:1060px){.brand{min-width:205px}.brand b{font-size:11px}.hud-stat:nth-child(2){display:none}.topbar{height:68px}.sidebar{width:285px}.side-nav{width:65px}.nav-button{width:54px}.nav-button small{font-size:8px}.scene-meta{display:none}.world-label{left:14px;top:15px}.canvas-controls{right:12px;top:15px}.inspector{right:12px;top:75px}.scene-footer{bottom:12px;justify-content:center}.scene-tools button{min-width:52px;height:54px}}@media(max-width:760px){.topbar{height:65px}.brand{min-width:0}.brand b span,.brand small,.hud-stat:nth-child(3),.hud-level,.player-chip{display:none}.hud-stats{flex:1}.hud-stat{min-width:0}.hud-stat strong{font-size:13px}.top-right{gap:6px}.time{min-width:36px}.speed{padding:2px}.speed button{padding:5px}.side-nav{width:56px;padding:12px 3px}.nav-button{min-height:52px;width:48px}.nav-button span{font-size:21px}.nav-button small{font-size:8px}.sidebar{position:absolute;left:56px;top:65px;bottom:0;width:min(315px,calc(100% - 56px));box-shadow:8px 0 40px #071421cc}.sidebar.is-collapsed{width:0}.world-label{font-size:10px;padding:8px}.world-label-icon,.world-level{display:none}.inspector{top:68px;width:225px;max-height:48%;}.scene-tools{gap:2px}.scene-tools button{min-width:42px;height:52px}.scene-tools button small{font-size:8px}}

/* --------------------------------------------------------------------------
   Alpha 0.2 · Game HUD / fullscreen isometric layout
   Die bestehenden Gameplay-Komponenten werden bewusst weiterverwendet.
   -------------------------------------------------------------------------- */
:root{--hud:#101b2de9;--hud-edge:#ffffff28;--ui-shadow:0 18px 55px #091b3180}
html,body{height:100%;min-height:380px;background:#bed3e3;overflow:hidden}
#app,.game-stage{height:100dvh;width:100%;min-width:0;min-height:0}
.game-stage{flex:none;position:relative;isolation:isolate}
#gameCanvas{cursor:default}
.scene-glow{background:linear-gradient(0deg,#1b334d50 0,transparent 24%,transparent 76%,#21364b21 100%);z-index:1}
.topbar{position:absolute;left:16px;right:16px;top:12px;width:auto;height:68px;padding:0 14px 0 18px;border:1px solid var(--hud-edge);border-radius:17px;background:#111b2eea;box-shadow:0 13px 35px #08182b66;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:30;gap:0;justify-content:space-between;color:#f1f8ff}
.hud-brand{display:flex;align-items:center;gap:10px;min-width:174px;padding-right:15px}.hud-brand .brand-mark{display:flex;flex-direction:column;gap:2.5px;flex:none;border-radius:8px;padding:7px 6px}.hud-brand .brand-mark>span{width:17px;height:3px}.brand-text{font-size:10px;font-weight:900;letter-spacing:1px;line-height:1.45;white-space:nowrap}.brand-text span{display:block;font-size:11px;color:#89d8ff;letter-spacing:.8px}
.hud-segment{height:43px;display:flex;align-items:center;gap:10px;min-width:0;padding:0 17px;border-left:1px solid #ffffff19}
.hud-value{display:flex;flex-direction:column;gap:4px;min-width:0}.hud-value strong{font-size:17px;font-weight:850;letter-spacing:-.3px;white-space:nowrap;font-variant-numeric:tabular-nums}.hud-value small{font-size:9px;font-weight:750;letter-spacing:.6px;color:#afc4d8;white-space:nowrap}.money-segment{flex:1 1 160px}.money-segment strong{color:#f4fcff;font-size:19px}.money-segment small{color:#82ebb4}.trend-arrow{font-size:15px;color:#61ee92}.hud-symbol{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#e9fff3;font-size:19px;font-weight:900;background:linear-gradient(160deg,#32c678,#198752);box-shadow:0 4px 18px #19cc7459}.hud-icon{font-size:24px;line-height:1;color:#c7dbec}.hud-icon.star{color:#ffcd5d}.hud-icon.bolt{color:#fbd051;font-size:28px}.hud-icon.badge-level{width:31px;height:31px;display:grid;place-items:center;border:2px solid #ffd468;border-radius:50%;color:#ffcf64;font-size:19px}.clock-segment{flex:0 0 auto}.clock-segment strong{font-size:12px;letter-spacing:.3px}.clock-segment small{font-size:13px;color:#d3e5f4;letter-spacing:0}.rep-segment strong{font-size:16px}.level-segment{flex:0 0 156px}.level-segment .hud-value{flex:1}.level-segment .level-header{margin:0 0 3px;align-items:baseline}.level-segment .level-header small{font-size:8px}.level-segment strong{font-size:16px}.level-segment .progress{height:6px;background:#34465a}.level-segment .progress>div{background:linear-gradient(90deg,#ffbc64,#ff8464)}.power-segment{flex:0 0 158px;border-right:0}.power-segment .hud-value{flex:1}.power-segment strong{font-size:12px}.power-meter{height:6px;background:#32445a;border-radius:20px;overflow:hidden}.power-meter span{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#51e094,#7ce951);transition:width .35s}.power-meter span.danger{background:linear-gradient(90deg,#f1bf66,#fa6778)}
.speed{border:0;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff12;padding:4px 5px;gap:2px;flex:0 0 auto}.speed button{min-width:31px;min-height:32px;padding:5px;font-size:13px;color:#adbfce;border-radius:7px}.speed button:nth-child(1){font-weight:900;color:#f39c6f}.speed button.active{background:#3a6e98;color:#fff;box-shadow:0 1px 13px #3e9af34d}.speed button:hover:not(.active){background:#ffffff14;color:#fff}
.world-label{z-index:5;top:98px;left:23px;padding:8px 12px;background:#12253ec9;border-color:#b9d8e441;border-radius:9px}.world-label-icon{font-size:20px}.world-label b{font-size:10px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.world-label span:not(.world-label-icon):not(.world-level){font-size:9px;margin-top:3px}.world-level{font-size:8px}.canvas-controls{z-index:5;top:99px;right:23px;background:#102237da;border-color:#d7edff37;box-shadow:0 8px 28px #15263945}
.management-panel{position:absolute;z-index:18;top:153px;left:24px;bottom:130px;width:min(395px,calc(100vw - 48px));display:flex;flex-direction:column;min-height:0;background:#101e31f0;border:1px solid #81c1e247;border-radius:17px;box-shadow:var(--ui-shadow);overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:panelEnter .2s ease-out}
@keyframes panelEnter{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px 16px;border-bottom:1px solid #ffffff1c;flex:none}.panel-head h2{font-size:23px;margin:5px 0 0;letter-spacing:-.5px}.panel-head .eyebrow{font-size:9px;color:#74c5f2;letter-spacing:1.4px}.panel-close{color:#d4eaff;border:1px solid #ffffff24;background:#2b435b;border-radius:10px;font-size:25px;line-height:1;width:34px;height:34px}.panel-close:hover{background:#467091}.panel-body{padding:18px 19px;overflow-y:auto;min-height:0;flex:1;scrollbar-color:#56738b transparent;scrollbar-width:thin}.panel-foot{padding:12px 20px;color:#8da7bd;border-top:1px solid #ffffff1b;font-size:10px;flex:none}.management-panel .panel-card{background:#20334bd9;border-color:#ffffff1a}.management-panel .metric{background:#203750}.management-panel .notice{background:#24435b9c}.management-panel .row-item{border-bottom-color:#ffffff16}
.game-dock{position:absolute;z-index:13;left:50%;transform:translateX(-50%);bottom:12px;display:flex;align-items:flex-end;gap:5px;padding:11px 16px 9px;border:1px solid #ffffff27;border-radius:22px;background:#0d1b2bba;box-shadow:0 12px 36px #0517268c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);max-width:calc(100% - 32px)}
.dock-button{border:0;background:transparent;color:#e5f0fb;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:72px;padding:0 3px;font-size:11px;font-weight:750;white-space:nowrap;transition:transform .15s ease,color .15s}.dock-button:hover{color:#fff;transform:translateY(-5px)}.dock-button.active{color:#79dbff}.dock-circle{width:51px;height:51px;display:grid;place-items:center;background:linear-gradient(155deg,#fff,#d9e8f6);border-radius:50%;border:2px solid #ffffff;box-shadow:0 5px 12px #051a3199,inset 0 1px 1px #fff;color:#183c6d;transition:background .15s,box-shadow .15s,transform .15s}.dock-button.active .dock-circle{color:#fff;background:linear-gradient(150deg,#4bb3ff,#1a619a);box-shadow:0 0 0 3px #74cfff52,0 8px 17px #082238a6}.dock-circle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dock-button:nth-child(5) .dock-circle{color:#326685}.dock-button.active:nth-child(5) .dock-circle{color:#fff}
.hall-summary{position:absolute;z-index:10;width:min(545px,calc(100% - 44px));bottom:124px;left:50%;transform:translateX(-50%);border:1px solid #aacce34a;border-radius:14px;background:#0f1c2eda;color:#fff;box-shadow:0 12px 35px #09213982;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);overflow:hidden}.summary-title{display:flex;align-items:center;gap:9px;padding:9px 16px;width:100%;color:#eaf6ff;font-size:12px;font-weight:850;letter-spacing:.2px;text-align:left;border:0;border-bottom:1px solid #ffffff1b;background:#ffffff0b}.summary-title:hover{background:#ffffff19}.summary-title-icon{color:#a3d7fd;font-size:16px}.summary-arrow{margin-left:auto;color:#b2c7d8}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 9px}.summary-stat{display:flex;align-items:center;gap:7px;padding:9px;border-right:1px solid #ffffff1b;min-width:0}.summary-stat:nth-child(3n){border-right:0}.summary-stat:nth-child(-n+3){border-bottom:1px solid #ffffff1b}.summary-stat>span{color:#a9d2fa;font-size:22px;min-width:23px;text-align:center}.summary-stat div{min-width:0;display:flex;flex-direction:column;gap:3px}.summary-stat small{font-size:9px;color:#bbcbdb;white-space:nowrap}.summary-stat strong{font-weight:850;color:#9befbb;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.summary-stat:nth-child(4) strong{color:#f9fafc}.summary-stat:nth-child(5) strong{color:#ffcf67}
.scene-meta{position:absolute;z-index:10;left:22px;bottom:21px;min-width:140px;background:#0e2135c7;border:1px solid #d1e9fc30;border-radius:12px;padding:12px 14px;box-shadow:0 10px 26px #102e487d}.scene-actions{position:absolute;z-index:10;bottom:23px;right:20px;display:flex;gap:6px}.scene-actions button{display:flex;align-items:center;gap:6px;border:1px solid #d1e9fc38;border-radius:10px;background:#10263ddd;padding:11px 13px;color:#e3f1fb;font-size:10px;font-weight:800}.scene-actions button:hover{background:#275072}.scene-actions button span{font-size:17px}.scene-tools{position:absolute;z-index:12;top:150px;left:50%;transform:translateX(-50%);pointer-events:auto}.build-tip{z-index:14;top:100px;background:#0f2c42e8;border:1px solid #77bcec}.inspector{z-index:16;top:157px;right:23px;width:308px;max-height:calc(100% - 300px)}.inspector-card{background:#102138f2;border-color:#9fd8f551;box-shadow:0 22px 55px #071e3599}.inspector-card .btn{margin-top:10px}.toasts{z-index:70;bottom:120px}.panel-open .world-label{opacity:0;pointer-events:none}.panel-open .hall-summary{opacity:.33;pointer-events:none;transition:opacity .2s}.panel-open .canvas-controls{opacity:.85}
@media(max-width:1430px){.hud-brand{min-width:126px}.brand-text{font-size:9px;letter-spacing:.4px}.brand-text span{font-size:9px}.hud-segment{padding:0 10px;gap:7px}.money-segment strong{font-size:16px}.hud-icon{font-size:20px}.level-segment{flex-basis:142px}.power-segment{flex-basis:144px}.game-dock{padding:9px 12px}.scene-actions button{padding:9px 10px}}
@media(max-width:1150px){.hud-brand{min-width:auto;padding-right:10px}.brand-text{display:none}.rep-segment{display:none}.power-segment{flex-basis:127px}.clock-segment .hud-icon{display:none}.hud-segment{padding:0 8px}.topbar{left:10px;right:10px;top:9px;height:62px}.world-label{top:83px}.canvas-controls{top:83px}.build-tip{top:87px}.management-panel{top:137px}.inspector{top:138px}.scene-meta{display:none}.scene-actions{bottom:12px}.hall-summary{bottom:116px}}
@media(max-width:840px){.topbar{padding:0 7px}.hud-brand{display:none}.hud-segment{height:35px}.clock-segment{display:none}.level-segment{flex-basis:123px}.power-segment{flex-basis:105px}.hud-value strong{font-size:12px}.money-segment strong{font-size:14px}.hud-value small{font-size:8px}.hud-symbol{width:26px;height:26px;font-size:16px}.hud-icon.badge-level{width:25px;height:25px;font-size:15px}.hud-icon.bolt{font-size:22px}.speed button{min-width:27px;font-size:11px}.game-dock{width:max-content;max-width:calc(100vw - 14px);gap:1px;padding:8px 6px}.dock-button{min-width:57px;font-size:9px;gap:5px}.dock-circle{width:43px;height:43px}.dock-circle svg{width:22px;height:22px}.hall-summary{width:min(480px,calc(100vw - 24px));bottom:103px}.summary-stat{padding:7px 6px}.summary-stat strong{font-size:12px}.summary-stat small{font-size:8px}.summary-stat>span{font-size:17px;min-width:17px}.world-label{padding:7px 8px;left:12px}.world-label .world-level{display:none}.canvas-controls{right:10px}.management-panel{top:128px;bottom:100px;left:12px;width:min(380px,calc(100% - 24px))}.inspector{top:131px;width:min(260px,calc(100vw - 28px));right:12px;max-height:calc(100% - 268px)}.scene-actions{display:none}}
@media(max-width:560px){.topbar{height:56px}.money-segment{flex:1;padding:0 5px}.money-segment strong{font-size:12px}.money-segment small{font-size:7px}.level-segment{flex:0 0 97px}.level-segment .hud-icon{display:none}.level-segment .level-header small{font-size:7px}.power-segment{display:none}.speed{padding:2px}.speed button{min-width:23px;padding:4px;font-size:10px}.world-label{top:72px}.canvas-controls{top:72px}.canvas-controls button{width:26px;height:28px}.canvas-controls #zoom-label{width:33px;font-size:10px}.hall-summary{bottom:95px;width:calc(100vw - 18px)}.summary-title{padding:6px 10px}.summary-grid{padding:3px}.summary-stat{padding:6px 4px;gap:4px}.summary-stat>span{font-size:14px;min-width:14px}.summary-stat strong{font-size:11px}.summary-stat small{font-size:7px}.game-dock{bottom:5px}.dock-button{min-width:45px;font-size:8px;padding:0 1px}.dock-circle{width:36px;height:36px}.dock-circle svg{width:19px;height:19px}.management-panel{top:118px;bottom:93px}.panel-head{padding:13px 17px}.panel-head h2{font-size:19px}.panel-body{padding:14px}.inspector{top:116px;max-height:calc(100% - 290px)}.scene-tools{top:106px}.build-tip{top:69px;font-size:10px}}
@media(max-height:740px){.hall-summary{display:none}.management-panel{bottom:100px}.inspector{max-height:calc(100% - 245px)}.game-dock{bottom:7px}}
@media(max-height:550px){.world-label{display:none}.management-panel{top:80px;bottom:82px}.inspector{top:80px;max-height:calc(100% - 178px)}.topbar{top:5px}.dock-circle{width:36px;height:36px}.dock-button{font-size:9px}}
/* Statistiken in den Game-Panels */
.capacity-row{margin:14px 0 18px}.capacity-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:11px}.capacity-row span{color:#c3d6e8}.capacity-row b{font-variant-numeric:tabular-nums}.capacity-track{height:8px;border-radius:20px;background:#0d1c2d;overflow:hidden}.capacity-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#368bea,#62dacc)}

/* HUD segments mit eigenständiger Breite statt leerer Dehnfläche */
@media(min-width:1151px){.money-segment{flex:0 1 275px}.topbar{justify-content:space-between}}
@media(max-width:560px){.toasts{right:12px;bottom:228px}.toast{max-width:min(310px,calc(100vw - 24px));font-size:11px}}