:root{--bg: #0f1720;--panel: #1a2430;--panel-2: #222f3d;--ink: #eef3f7;--muted: #8aa0b2;--brand: #b8d058;--brand-2: #a3bd45;--accent: #e87868;--post: #6366f1;--ok: #b8d058;--sh-primary: #b8d058;--sh-accent: #e87868;--sh-post: #6366f1;--sh-success: #4ade80;--sh-ink: #12312f;--sh-surface: #fffdf4;--sh-font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sh-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--line: #2c3a49;--radius: 14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;margin:0 auto;padding:0 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;position:sticky;top:0;background:var(--bg);z-index:5}.brand{font-size:22px;letter-spacing:.5px}.brand strong{color:var(--brand)}h1{font-size:30px;margin:8px 0 12px}h2{font-size:17px;margin:18px 0 10px}.lead,.hint{color:var(--muted);max-width:560px}.hint{font-size:13px;margin-top:16px}.muted{color:var(--muted);font-size:13px}button{cursor:pointer;border:none;border-radius:10px;font-weight:600;padding:10px 16px;transition:.15s;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--brand);color:#04201d}.primary:hover:not(:disabled){background:var(--brand-2)}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.ghost:hover{border-color:var(--brand)}.ghost.danger:hover{border-color:var(--accent);color:var(--accent)}.mini{background:var(--panel-2);color:var(--ink);padding:6px 12px;font-size:13px}.mini:hover:not(:disabled){background:var(--brand);color:#04201d}.big{padding:14px 22px;font-size:16px;margin-top:16px;width:100%}.wide{width:100%;margin-top:10px}.onboarding{padding-top:24px}.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:480px}.city-card{background:var(--panel);border:2px solid var(--line);display:flex;flex-direction:column;gap:6px;padding:18px;align-items:flex-start;color:var(--ink)}.city-card.active{border-color:var(--brand);background:var(--panel-2)}.city-name{font-size:18px;font-weight:700}.city-meta{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:6px}.stat{background:var(--panel);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column}.stat .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.stat .v{font-size:20px;font-weight:700}.stat .sub{font-size:11px;color:var(--muted)}.stat.co2{background:linear-gradient(135deg,#11332e,#14b8a622);border:1px solid var(--brand)}.stat.co2 .v{color:var(--ok)}.hubname{color:var(--muted);margin:6px 2px 10px}.badge-chip{display:inline-block;margin-left:6px;font-size:12px;background:var(--panel-2);color:var(--ok);padding:2px 8px;border-radius:20px}.notices{display:flex;flex-direction:column;gap:8px;margin:4px 0 12px}.notice{padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;border-left:4px solid}.notice.good{background:#11332e;border-left-color:var(--ok);color:var(--ok)}.notice.bad{background:#3a1f24;border-left-color:var(--accent);color:#ffb4ab}.notice-enter-active{transition:all .4s ease}.notice-enter-from{opacity:0;transform:translateY(-8px)}.hub-live{--scene-wall: #ffffff;--scene-floor: #f1eee8;--scene-wood: #d9d9d9;--scene-wood-dark: #c4c4c4;--scene-line: #182830;--scene-green: #b8d058;--scene-coral: #e87868;--scene-gray: #d9d9d9;max-width:760px;margin:0 auto;padding-bottom:92px}.live-hud{display:grid;grid-template-columns:minmax(74px,.9fr) minmax(94px,1fr) minmax(154px,1.35fr) minmax(98px,1fr);gap:8px;align-items:center;margin-bottom:10px}.hud-chip,.clock-pill{background:var(--panel);border:1px solid var(--line);border-radius:999px;min-height:48px;padding:8px 12px}.hud-chip{display:flex;flex-direction:column;justify-content:center}.hud-chip span{color:var(--muted);font-size:11px;text-transform:uppercase}.hud-chip strong,.clock-pill strong{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-chip.co2{border-color:var(--ok);background:#11332e}.hud-chip.co2 strong{color:var(--ok)}.hud-chip.rating{border-color:var(--brand);background:#1f2a17}.hud-chip.rating strong{color:var(--brand)}.clock-pill{display:flex;flex-direction:column;gap:5px;text-align:center;align-items:center}.hud-logo{width:72px;max-width:58%;height:auto;display:block}.clock-track{position:relative;height:5px;border-radius:999px;background:#314250;overflow:visible}.clock-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}.clock-track i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);border:2px solid #fff}.shop-stage{position:relative;aspect-ratio:4 / 5;min-height:430px;overflow:hidden;border:2px solid var(--scene-line);border-radius:18px;background:linear-gradient(var(--scene-line),var(--scene-line)) 0 62% / 100% 2px no-repeat,linear-gradient(180deg,var(--scene-wall) 0 62%,var(--scene-floor) 62% 100%);color:var(--scene-line);isolation:isolate}.shop-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background-image:radial-gradient(#18283018 1px,transparent 1px);background-size:11px 11px}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;overflow:hidden}.fx{position:absolute}.fx-rocket{left:42%;bottom:2%;width:17%;filter:drop-shadow(0 6px 10px #18283026);transform-origin:50% 100%;animation:fx-rocket-fly 1.7s cubic-bezier(.45,0,.75,1) forwards}@keyframes fx-rocket-fly{0%{transform:translate3d(0,20%,0) rotate(-4deg) scale(.5);opacity:0}16%{opacity:1}84%{opacity:1}to{transform:translate3d(70%,-560%,0) rotate(10deg) scale(1);opacity:0}}.fx-stars{left:50%;bottom:33%;width:0;height:0}.fx-star{position:absolute;left:0;top:0;width:34px;margin:-17px 0 0 -17px;transform:translateZ(0) scale(.2);opacity:0;animation:fx-star-burst 1.25s cubic-bezier(.2,.7,.3,1) forwards}@keyframes fx-star-burst{0%{transform:translateZ(0) scale(.2);opacity:0}22%{transform:translate3d(calc(var(--dx) * .5),calc(var(--dy) * .5),0) scale(1.15);opacity:1}to{transform:translate3d(var(--dx),var(--dy),0) scale(.65);opacity:0}}@media (prefers-reduced-motion: reduce){.fx-rocket,.fx-star{animation-duration:.01ms;opacity:0}}.light-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#5c4d7d;pointer-events:none}.focus-dimmer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#211b2acc;opacity:.7}.wall{position:absolute;inset:0 0 auto;height:20%;z-index:1;background:url(../scene/awning.png) top center / contain no-repeat}.shelf{position:absolute;left:50%;top:23%;width:min(66%,430px);aspect-ratio:1024 / 560;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:8% 5%;padding:7% 6%;border:3px solid var(--scene-line);border-radius:5px;background:linear-gradient(var(--scene-line),var(--scene-line)) 0 50% / 100% 3px no-repeat,var(--scene-wall);box-shadow:0 6px #18283015;z-index:2}.shelf-slot{position:relative;min-height:0;border:2px solid var(--scene-line);background:var(--scene-wall);display:grid;grid-template-rows:1fr auto;place-items:center;font-size:9px;border-radius:4px;overflow:hidden;padding:3px 2px 2px}.shelf-slot small{display:none}.shelf-slot.vermietet,.shelf-slot.transit{background:var(--scene-gray)}.shelf-slot.schmutzig{background:#fbe2dd}.shelf-slot.reinigung{background:#f1f6dd}.shelf-slot.defekt{background:#f7d2cb}.shelf-slot.reparatur{background:#eef2e0}.shelf-slot em{width:100%;font-style:normal;font-size:8px;line-height:1.05;color:var(--scene-line);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-dot{width:90%;height:34px;background:var(--obj, none) center bottom / contain no-repeat}.shelf-slot.vermietet .item-dot,.shelf-slot.transit .item-dot{opacity:.32}.shelf-slot.reinigung .item-dot,.shelf-slot.reparatur .item-dot{opacity:.5}.shelf-slot.gelistet:before{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--scene-green);z-index:2}.clean-button,.repair-button{position:absolute;right:1px;top:1px;width:24px;height:24px;padding:0;border-radius:50%;background:var(--sh-surface);border:2px solid var(--scene-line);display:grid;place-items:center;animation:clean-pulse 1.2s ease-in-out infinite;z-index:2}.repair-button{background:#fff0ed;animation-duration:1.6s}.clean-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);transform:rotate(-90deg)}.clean-ring circle{fill:none;stroke:#fff9;stroke-width:3}.clean-ring circle:last-child{stroke:var(--sh-primary);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.repair-ring circle:last-child{stroke:var(--scene-coral)}.window,.door{display:none}.counter{position:absolute;border:2px solid var(--scene-line);z-index:3;left:27%;bottom:12%;width:48%;height:22%;border:3px solid var(--scene-line);border-radius:6px 6px 4px 4px;background:linear-gradient(var(--scene-line),var(--scene-line)) 0 32% / 100% 2px no-repeat,var(--scene-wall);box-shadow:0 6px #18283015}.helper{position:absolute;left:74%;bottom:30%;width:26%;aspect-ratio:543 / 619;height:auto;border-radius:0;background:url(../scene/helper.png) bottom center / contain no-repeat;border:0;transform:translate(-50%);animation:idle-bob-soft 2s ease-in-out infinite;z-index:2}.customer{position:absolute;width:72px;height:144px;padding:0;background:transparent;z-index:5;transform:translateY(0);margin-top:-144px;animation:idle-bob 2.4s ease-in-out infinite;transform-origin:50% 100%}.shop-stage.focusing .customer:not(.focused),.shop-stage.focusing .counter,.shop-stage.focusing .wall{filter:saturate(.8)}.customer.focused{z-index:12;transform:scale(1.15)}.customer.post{width:64px;height:128px;margin-top:-128px}.customer.available .body{filter:saturate(1.05)}.customer.gold .body{filter:saturate(1.05) drop-shadow(0 0 6px #b8d058cc)}.customer .shadow{position:absolute;left:4%;bottom:0;width:92%;height:14px;border-radius:50%;background:#0003}.customer .body{position:absolute;left:50%;bottom:5px;width:100%;height:calc(100% - 10px);transform:translate(-50%);border-radius:0;background:url(../scene/cust-a.png) bottom center / contain no-repeat;border:0;display:grid;place-items:center;color:transparent;font-size:0;filter:drop-shadow(0 4px 1px #18283022)}.customer.cust-a .body{background-image:url(../scene/cust-a.png)}.customer.cust-b .body{background-image:url(../scene/cust-b.png)}.customer.cust-c .body{background-image:url(../scene/cust-c.png)}.customer.cust-d .body{background-image:url(../scene/cust-d.png)}.customer.post .body{width:100%;height:calc(100% - 10px);border-radius:0}.customer .wish{position:absolute;left:50%;top:5px;transform:translate(-50%);min-width:30px;padding:3px 6px;border-radius:999px;background:#fffdf4;border:2px solid var(--scene-line);font-size:11px}.gold-badge{position:absolute;right:-10px;top:33px;z-index:2;padding:2px 5px;border-radius:999px;background:#f5c94b;border:2px solid var(--scene-line);color:#4a3728;font-size:9px;font-weight:900}.rating-badge{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);z-index:2;border-radius:999px;font-weight:900;min-width:42px;min-height:20px;padding:3px 7px;border:2px solid var(--scene-line);font-size:10px;line-height:1;font-variant-numeric:tabular-nums;display:grid;place-items:center;white-space:nowrap}.rating-read{border-radius:999px;font-weight:900;padding:3px 8px;font-variant-numeric:tabular-nums;text-align:right;border:1px solid transparent}.rating-badge.good,.rating-read.good{color:#137a43;background:#d9fbe7}.rating-badge.mid,.rating-read.mid{color:#8a5a00;background:#fff1bf}.rating-badge.risk,.rating-read.risk{color:#9d2f25;background:#ffe0db}.rating-badge.new,.rating-read.new{color:#56616c;background:#eef1f3;border-style:dashed}.patience-ring{position:absolute;left:50%;top:-6px;width:42px;height:42px;transform:translate(-50%) rotate(-90deg);pointer-events:none}.patience-ring circle{fill:none;stroke:#fff;stroke-width:3}.patience-ring circle:last-child{stroke:var(--sh-primary);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.customer.warning .patience-ring circle:last-child{stroke:#f59e0b}.customer.critical .patience-ring{animation:ring-pulse .5s ease-in-out infinite alternate}.customer.critical .patience-ring circle:last-child{stroke:var(--sh-accent)}.focus-bubble{position:absolute;left:5%;right:5%;bottom:4%;z-index:13;background:var(--sh-surface);border:2px solid var(--scene-line);border-radius:14px;color:var(--scene-line);padding:12px;box-shadow:0 12px #4a372833;animation:bubble-pop .22s cubic-bezier(.2,1.5,.4,1)}.bubble-head,.bubble-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.bubble-head strong{font-size:16px;line-height:1.1}.bubble-head span{flex:0 0 auto;border-radius:999px;padding:4px 8px;background:#eef4f2;color:var(--sh-ink);font-size:11px;font-weight:800}.bubble-head span.gold{background:#f5c94b;color:#4a3728}.bubble-grid{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin:10px 0 12px;font-size:12px}.bubble-grid span{color:#7a6a58}.bubble-grid strong{font-variant-numeric:tabular-nums}.bubble-actions button{flex:1}.sheet-head,.inv-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-button{width:32px;height:32px;padding:0;border-radius:50%;background:transparent;color:var(--ink);border:1px solid var(--line);font-size:18px}.action-dock{position:fixed;left:50%;bottom:12px;z-index:15;transform:translate(-50%);width:min(760px,calc(100vw - 20px));display:grid;grid-template-columns:minmax(76px,1fr) auto auto auto;gap:8px;align-items:center;background:#101923f2;border:1px solid var(--line);border-radius:18px;padding:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.energy{display:flex;gap:1px;min-width:0;overflow:hidden}.energy span{font-size:17px;filter:drop-shadow(0 0 4px #facc15aa)}.energy .empty{filter:grayscale(1);opacity:.35}.dock-button{padding:9px 11px;background:var(--panel-2);color:var(--ink);white-space:nowrap}.speed-controls{display:flex;gap:4px}.speed-controls button{min-width:34px;padding:8px;border-radius:999px;background:transparent;color:var(--muted);border:1px solid var(--line)}.speed-controls button.active{color:#04201d;background:var(--brand);border-color:var(--brand)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;background:#0008;display:flex;align-items:flex-end}.bottom-sheet{width:min(760px,100%);max-height:78vh;overflow:auto;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:16px}@keyframes idle-bob{0%,to{translate:0 0}50%{translate:0 -3px}}@keyframes idle-bob-soft{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes ring-pulse{0%{scale:1}to{scale:1.08}}@keyframes bubble-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes clean-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.helper,.customer,.customer.critical .patience-ring,.clean-button,.repair-button,.notice-enter-active,.focus-bubble{animation:none;transition:none}}.active-events{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 14px}.active-event{font-size:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink);padding:4px 10px;border-radius:20px}.inventory-panel{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:10px;margin:14px 0}.inventory-column{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;min-width:0}.inventory-column h2{margin-top:0}.inventory-row,.buy-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}.inventory-row span,.buy-row span{display:flex;flex-direction:column;min-width:0}.inventory-row strong,.buy-row strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-row small,.buy-row small{color:var(--muted);font-size:11px}.inventory-row em{flex:0 0 auto;border-radius:999px;padding:3px 7px;font-style:normal;font-size:11px;font-weight:800;background:#0d1722;color:var(--muted)}.inventory-row em.gelistet{color:#04201d;background:var(--ok)}.inventory-row em.vermietet,.inventory-row em.transit{color:#c7c9ff;background:#20235a}.inventory-row em.schmutzig{color:#3c2d10;background:#f6d179}.inventory-row em.reinigung{color:#043f38;background:#b7efe6}.inventory-row em.defekt{color:#551912;background:#ffb7ad}.inventory-row em.reparatur{color:#25155f;background:#c9bcff}.available-list{display:flex;flex-wrap:wrap;gap:6px}.available-list span{border-radius:999px;padding:5px 8px;background:#11332e;color:var(--ok);border:1px solid var(--ok);font-size:12px;font-weight:800}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}.panel{background:var(--panel);border-radius:var(--radius);padding:16px}.req{background:var(--panel-2);border-radius:10px;padding:12px;margin-bottom:10px;border-left:3px solid var(--brand)}.req.post{border-left-color:var(--post)}.req-head{display:flex;justify-content:space-between;align-items:center}.badge{font-size:11px;background:#0d1722;padding:3px 8px;border-radius:20px;color:var(--muted)}.req.post .badge{color:#c7c9ff}.req-meta{font-size:12px;color:var(--muted);margin:6px 0 10px}.req-actions{display:flex;gap:8px}.req-actions button{flex:1}.inv{background:var(--panel-2);border-radius:10px;padding:12px;margin-bottom:10px}.inv-head{display:flex;justify-content:space-between;align-items:center}.ok{color:var(--ok);font-size:12px}.locked{color:var(--accent);font-size:12px}.price{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:10px 0 8px}.price input{width:80px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px}.post-toggle{display:flex;align-items:center;gap:8px;font-size:13px}.post-toggle.disabled{color:var(--muted)}.shop-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.log{margin-top:16px;background:var(--panel);border-radius:var(--radius);padding:12px 16px;max-height:200px;overflow:auto}.log-row{font-size:13px;padding:3px 0;border-bottom:1px solid #1f2a36}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal{background:var(--panel);border-radius:var(--radius);padding:24px;max-width:560px;width:100%}.modal table{width:100%;border-collapse:collapse;margin:14px 0}.modal td{padding:6px 8px;border-bottom:1px solid var(--line);font-size:14px}@media (max-width: 820px){.cols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.inventory-panel{grid-template-columns:1fr}}@media (max-width: 560px){.app{padding:0 10px 48px}.topbar{padding:12px 0}.brand{font-size:18px}.live-hud{grid-template-columns:1fr 1fr;gap:6px}.clock-pill{grid-column:1 / -1;grid-row:1}.hud-chip,.clock-pill{min-height:44px;padding:7px 8px}.hud-logo{width:58px}.hud-chip strong,.clock-pill strong{font-size:13px}.shelf{width:74%;gap:7% 5%;padding:7% 6%}.shelf-slot{min-height:0;font-size:8px}.shelf-slot em{font-size:7px}.customer{width:64px;height:128px;margin-top:-128px}.customer.post{width:58px;height:116px;margin-top:-116px}.counter{left:25%;width:52%;bottom:11%}.shop-stage{min-height:0;border-radius:14px}.action-dock{grid-template-columns:1fr auto auto;gap:6px;padding:8px}.energy{grid-column:1 / -1;justify-content:center}.dock-button{padding:8px 9px;font-size:13px}.speed-controls button{min-width:32px;padding:7px 6px}}