:root{--color-bg-deep: #08090c;--color-bg-base: #101116;--color-bg-surface: #151720;--color-glass-bg: rgba(18, 20, 28, .85);--color-glass-modal: rgba(18, 20, 28, .95);--color-text-main: #e2e4f0;--color-text-muted: #8c90a6;--color-text-light: #a0a4bb;--color-text-bright: #dfdff2;--color-text-soft: #c8cbe0;--color-text-dark: #6d7185;--color-sand: #dcb974;--color-sand-light: #f3d49f;--color-sand-rgb: 220, 185, 116;--color-green: #5ad893;--color-green-primary: #3c8253;--color-green-light: #a4f2c9;--color-green-dark: #244b36;--color-blue: #4caae4;--color-blue-primary: #2b6b9e;--color-blue-light: #bce6ff;--color-blue-dark: #1c3247;--color-orange: #f7a034;--color-orange-primary: #a85d34;--color-orange-light: #ffe6bc;--color-orange-dark: #47321c;--color-yellow: #d1b846;--color-yellow-primary: #ab9438;--color-yellow-light: #ffefa3;--color-yellow-dark: #443c20;--color-red: #ff5656;--color-red-primary: #731417;--color-red-light: #ffb3b6;--color-red-dark: #4c0709;--color-police-accent: #dfac5f;--color-police-light: #f5e4cd;--color-police-dark: #1a243c;--color-clinic-accent: #4caae4;--color-clinic-light: #eef5f7;--color-clinic-dark: #1c222a;--border-glass: 1px solid rgba(255, 255, 255, .08);--shadow-premium: 0 30px 70px rgba(0, 0, 0, .8)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-deep);color:var(--color-text-main);font-family:Outfit,sans-serif;user-select:none;-webkit-user-select:none}.initially-hidden{display:none}#app-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:radial-gradient(circle at center,#1a1d27,#08090d);position:relative}#game-container{width:800px;height:600px;display:flex;background:#101116;border-radius:20px;overflow:hidden;contain:layout style;box-shadow:0 30px 70px #000c,0 0 0 1px #ffffff14,0 0 30px #dcb9740d;position:relative}#viewport-wrapper{width:600px;height:600px;position:relative;background-color:#151720;overflow:hidden;contain:strict}#game-canvas{width:600px;height:600px;display:block;position:absolute;top:0;left:0;z-index:1;touch-action:none}#side-panel{width:200px;height:600px;background:#0e1016f2;backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid rgba(255,255,255,.08);padding:7px 10px 6px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;z-index:10;contain:strict}.panel-header h1{margin:0;font-size:8px;font-weight:800;white-space:nowrap;letter-spacing:1px;background:linear-gradient(135deg,#f3d49f,#dcb974);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 2px 10px rgba(220,185,116,.15)}.badge{display:inline-block;font-size:9px;font-weight:600;background:#dcb9741f;color:#e1be7b;padding:2px 6px;border-radius:4px;margin-top:4px;letter-spacing:1px;border:1px solid rgba(220,185,116,.2)}.panel-header .badge-compact{font-size:7px;padding:1px 3px;min-width:auto;white-space:nowrap}.panel-header .badge-muted{color:#8c90a6}.badge-row{display:flex;align-items:center;gap:6px}.panel-section{margin-top:10px}.panel-section h3{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:1px;color:#8c90a6;text-transform:uppercase}.minimap-container{display:flex;flex-direction:column;align-items:center;background:#0003;border-radius:0;padding:3px;border:1px solid rgba(255,255,255,.05);margin-top:4px}.minimap-label{font-size:9px;font-weight:600;letter-spacing:.8px;color:#8c90a6;margin-bottom:4px;text-transform:uppercase}#minimap-canvas{width:120px;height:120px;border-radius:0;background:#111218;display:block;cursor:crosshair;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px #00000080;transition:border-color .2s ease}#minimap-canvas:hover{border-color:#dcb97466}.coord-display{display:flex;gap:8px;margin-bottom:6px}.coord-box{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:6px 8px;border-radius:8px;display:flex;flex-direction:column}.coord-box.full-width{flex:none;width:100%;box-sizing:border-box}.coord-label{font-size:9px;color:#6d7185;font-weight:500;margin-bottom:2px}.coord-val{font-size:13px;font-weight:600;color:#e2e4f0;font-family:monospace}.navigation-info ul{list-style:none;padding:0;margin:0}.navigation-info li{display:flex;align-items:center;margin-bottom:8px;font-size:11px;color:#a0a4bb}.navigation-info .key{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-bottom-width:3px;border-radius:4px;padding:2px 4px;margin-right:3px;font-size:8px;color:#fff;display:inline-block;min-width:10px;text-align:center}.navigation-info .mouse-icon{margin-right:6px;font-size:12px}.navigation-info .action{margin-left:6px}#main-content-layout{display:flex;flex-direction:column;align-items:center;gap:16px}.space-adventure-footer{text-align:center}.space-adventure-footer a{display:inline-block;padding:8px 18px;background:#7b61ff14;border:1px solid rgba(123,97,255,.22);border-radius:20px;color:#d2caff;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.8px;box-shadow:0 10px 25px #00000073,0 0 15px #7b61ff0d}.space-adventure-footer a:hover{background:#7b61ff2e;border-color:#7b61ff99;color:#fff;box-shadow:0 10px 30px #7b61ff40,0 0 20px #7b61ff26,inset 0 0 8px #7b61ff1a;transform:translateY(-2px)}.space-adventure-footer a:active{transform:translateY(0) scale(.96)}.toolbar-container{display:flex;flex-direction:column;background:#0003;border:1px solid rgba(255,255,255,.05);padding:10px;margin-top:15px;width:100%;box-sizing:border-box}.toolbar-label{font-size:9px;font-weight:600;letter-spacing:.8px;color:#8c90a6;margin-bottom:8px;text-transform:uppercase}.toolbar-actions{display:grid;grid-template-columns:repeat(4,30px);gap:8px;justify-content:center}.tool-btn{width:30px;height:30px;background-color:var(--btn-bg, #4a4d5a);color:var(--btn-color, var(--color-text-main));border:1px solid var(--btn-border, rgba(255, 255, 255, .15));font-weight:800;font-family:Outfit,sans-serif;font-size:15px;cursor:pointer;position:relative;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:0}.tool-btn:hover:not(.locked){background-color:var(--btn-hover-bg, #575a69);border-color:var(--btn-hover-border, rgba(220, 185, 116, .4));color:var(--btn-hover-color, var(--btn-color, var(--color-text-main)))}.tool-btn.active{background-color:var(--btn-active-bg, #20222a);border-color:var(--btn-active-border, #dcb974);color:var(--btn-active-color, var(--btn-color, var(--color-text-main)));box-shadow:inset 0 3px 6px #000c;transform:scale(.95)}#road-btn:after{content:"";position:absolute;left:14px;top:0;width:2px;height:100%;background:repeating-linear-gradient(to bottom,#ffd700,#ffd700 4px,transparent 4px,transparent 8px)}#house-btn{--btn-bg: #244b36;--btn-color: #a4f2c9;--btn-border: rgba(164, 242, 201, .3);--btn-hover-bg: #2f6046;--btn-hover-border: rgba(164, 242, 201, .6);--btn-active-bg: #11281c;--btn-active-border: #a4f2c9}#commercial-btn{--btn-bg: #1c3247;--btn-color: #bce6ff;--btn-border: rgba(188, 230, 255, .3);--btn-hover-bg: #26435f;--btn-hover-border: rgba(188, 230, 255, .6);--btn-active-bg: #0f1e2d;--btn-active-border: #4caae4}#industrial-btn{--btn-bg: #47321c;--btn-color: #ffe6bc;--btn-border: rgba(255, 230, 188, .3);--btn-hover-bg: #5f4326;--btn-hover-border: rgba(255, 230, 188, .6);--btn-active-bg: #2d1e0f;--btn-active-border: #f7a034}#agricultural-btn{--btn-bg: #443c20;--btn-color: #ffefa3;--btn-border: rgba(255, 239, 163, .3);--btn-hover-bg: #594f2d;--btn-hover-border: rgba(255, 239, 163, .6);--btn-active-bg: #2a2512;--btn-active-border: #d1b846}#firestation-btn{--btn-bg: #731417;--btn-color: #ffb3b6;--btn-border: rgba(255, 179, 182, .3);--btn-hover-bg: #9c2024;--btn-hover-border: rgba(255, 179, 182, .6);--btn-active-bg: #4c0709;--btn-active-border: #ff333d}#policestation-btn{--btn-bg: #1a243c;--btn-color: #f5e4cd;--btn-border: rgba(223, 172, 95, .3);--btn-hover-bg: #243254;--btn-hover-border: rgba(223, 172, 95, .6);--btn-active-bg: #0f1524;--btn-active-border: #dfac5f}#clinic-btn{--btn-bg: #eef5f7;--btn-color: #1c222a;--btn-border: rgba(76, 170, 228, .3);--btn-hover-bg: #ffffff;--btn-hover-border: rgba(76, 170, 228, .6);--btn-active-bg: #cbdce0;--btn-active-border: #4caae4}.tool-btn.locked{filter:grayscale(100%);opacity:.4;cursor:not-allowed!important}.tool-btn.locked:hover{background-color:#4a4d5a!important;border-color:#ffffff26!important;box-shadow:none!important;transform:none!important}#tool-preview{position:absolute;pointer-events:none;z-index:20;display:block;box-sizing:border-box;transition:none}#tool-preview.hidden{display:none}#info-bubble{position:absolute;left:0;top:0;transform:translate(-50%,-120%);background:#0e1016f2;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;width:170px;box-shadow:0 12px 30px #0009,0 0 15px #dcb97414;color:#e2e4f0;z-index:100;pointer-events:auto;opacity:1;cursor:grab}#info-bubble:active{cursor:grabbing}#info-bubble.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-110%) scale(.92)}#bubble-close-btn{position:absolute;right:8px;top:8px;background:none;border:none;color:#8c90a6;font-size:16px;cursor:pointer;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}#bubble-close-btn:hover{background:#ffffff14;color:#fff}#bubble-header{margin-right:14px;display:flex;flex-direction:column}#bubble-title{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}#bubble-level{font-size:9px;font-weight:600;color:#8c90a6;margin-top:2px}.bubble-divider{height:1px;background:#ffffff14;margin:8px 0}.bubble-item{font-size:11px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}.bubble-item .label{color:#8c90a6}.bubble-item .value{font-weight:600}#bubble-road.status-yes{color:#5ad893;font-weight:600}#bubble-road.status-no{color:#ff5656;font-weight:700;animation:pulse-warn 1.5s infinite}@keyframes pulse-warn{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}#bubble-progress-section{margin-top:10px}.progress-header{display:flex;justify-content:space-between;font-size:9px;color:#8c90a6;margin-bottom:4px;font-weight:600}.progress-track{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}#bubble-progress-fill{height:100%;background:linear-gradient(90deg,#4caae4,#ff3c73);width:0%}#bubble-services{display:flex;gap:6px;align-items:center;font-size:11px}.service-dist{margin-right:4px;font-weight:600;color:#a0a4bb}.service-close{color:#5ad893}.service-moderate{color:gold}.service-far{color:#ff5e5e}.service-none{color:#666}#bubble-attractiveness-breakdown{padding:0;margin-top:2px}#bubble-attractiveness-breakdown .attr-factor{font-size:10px;margin-bottom:2px;padding-left:5px;border-left:1px solid rgba(255,255,255,.06)}#bubble-attractiveness-breakdown .attr-factor-label{color:#8c90a6}#bubble-attractiveness-breakdown .attr-factor-value{font-weight:600;font-size:10px}.game-toast{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:7px 18px;border-radius:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;color:#e2e4f0;background:#161a23f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #0006;z-index:100;pointer-events:none;opacity:0;will-change:transform,opacity}.game-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.game-toast.hidden{display:none}.save-load-row{display:flex;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.sl-btn{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#c8cbe0;font-family:Outfit,sans-serif;font-size:10px;font-weight:600;padding:6px 0;border-radius:6px;cursor:pointer;letter-spacing:.5px;transition:background .15s,border-color .15s,color .15s}.sl-btn:hover{background:#ffffff14;border-color:#dcb9744d;color:#e2e4f0}.sl-btn:active{background:#dcb9741f;border-color:#dcb97466}.dashboard-container{display:flex;flex-direction:column;background:#0003;border:1px solid rgba(255,255,255,.05);padding:7px 8px;margin-top:5px;width:100%;box-sizing:border-box}.dashboard-section-title{font-size:9px;font-weight:600;letter-spacing:.8px;color:#8c90a6;margin-bottom:5px;text-transform:uppercase}.dashboard-section-title.spacer{margin-top:6px;border-top:1px solid rgba(255,255,255,.05);padding-top:6px}.demand-section-clickable{cursor:pointer;transition:background .15s ease;border-radius:4px}.demand-section-clickable:hover{background:#ffffff0a}.demand-breakdown-hint{font-weight:400;font-size:8px;color:#5c6077;margin-left:4px;vertical-align:middle}.demand-section-clickable:hover .demand-breakdown-hint{color:#8c90a6}.metric-hud-item{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:5px}.hud-label{color:#8c90a6}.hud-val{font-weight:700;font-family:monospace;font-size:12px;color:#fff}.demand-item{margin-bottom:4px}.demand-header{display:flex;justify-content:space-between;font-size:10px;color:#a0a4bb;margin-bottom:2px;font-weight:600}.demand-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.demand-fill{height:100%;width:0%;border-radius:3px}.demand-fill.r-theme{background:linear-gradient(90deg,#3c8253,#5ad893);box-shadow:0 0 6px #5ad89366}.demand-fill.c-theme{background:linear-gradient(90deg,#2b6b9e,#4caae4);box-shadow:0 0 6px #4caae466}.demand-fill.i-theme{background:linear-gradient(90deg,#a85d34,#f7a034);box-shadow:0 0 6px #f7a03466}.demand-fill.a-theme{background:linear-gradient(90deg,#ab9438,#d1b846);box-shadow:0 0 6px #d1b84666}.treasury-hud-card{background:#dcb9740a;border:1px solid rgba(220,185,116,.15);border-radius:8px;padding:6px 8px;margin-bottom:5px!important;cursor:pointer;display:flex;flex-direction:column;gap:4px}.treasury-funds-row{display:flex;justify-content:space-between;align-items:center}.treasury-flow-mood-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.hud-flow{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;font-family:Outfit,sans-serif;letter-spacing:.2px}.hud-flow.flow-positive{background:#5ad8931f;color:#5ad893;border:1px solid rgba(90,216,147,.25);text-shadow:0 0 8px rgba(90,216,147,.3)}.hud-flow.flow-negative{background:#e845451f;color:#ff5e5e;border:1px solid rgba(232,69,69,.25);text-shadow:0 0 8px rgba(232,69,69,.3)}.flash-red{animation:flashRedPulse .6s cubic-bezier(.25,1,.5,1)}@keyframes flashRedPulse{0%{background:#e8454500;border-color:#dcb97426;box-shadow:none}50%{background:#e8454540;border-color:#ff4545;box-shadow:0 0 15px #ff454580;transform:scale(1.04)}to{background:#dcb9740a;border-color:#dcb97426;box-shadow:none;transform:scale(1)}}.treasury-hud-card:hover{background:#dcb97417;border-color:#dcb97473;box-shadow:0 4px 15px #dcb97426,inset 0 0 8px #dcb9740d;transform:translateY(-1px)}.treasury-hud-card:active{transform:translateY(1px) scale(.97)}.modal-overlay{position:absolute;left:0;top:0;width:800px;height:600px;background:#08090ced;display:flex;justify-content:center;align-items:center;z-index:200;opacity:1}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-card{background:var(--color-glass-modal);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 24px 60px #000c;position:relative;transition:transform .28s cubic-bezier(.16,1,.3,1);transform:scale(1)}.modal-overlay.hidden .modal-card{transform:scale(.91)}.modal-close-btn{position:absolute;right:14px;top:14px;background:none;border:none;color:var(--color-text-muted);font-size:22px;cursor:pointer;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close-btn:hover{background:#ffffff14;color:#fff}#budget-card{border-color:rgba(var(--color-sand-rgb),.25);width:320px;box-shadow:0 24px 60px #000c,0 0 40px rgba(var(--color-sand-rgb),.06)}#budget-card h2{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:1.5px;text-align:center;background:linear-gradient(135deg,#fff,#f3d49f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#demand-overlay{background:#00000080;z-index:40}#demand-card{width:340px;max-height:560px}#demand-card h2{margin:0 0 10px;font-size:16px;font-weight:800;letter-spacing:1.5px;background:linear-gradient(135deg,#f3d49f,#dcb974);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#demand-card .demand-modal-divider{height:1px;background:#ffffff14;margin:10px 0}.demand-modal-section{margin-bottom:14px}.demand-modal-section h3{margin:0 0 6px;font-size:9px;font-weight:700;letter-spacing:1px;color:#8c90a6;text-transform:uppercase}.demand-modal-row{display:flex;justify-content:space-between;font-size:11px;color:#dfdff2;margin-bottom:4px;align-items:center}.demand-modal-row.subtotal{font-weight:700;border-top:1px dashed rgba(255,255,255,.1);padding-top:4px;margin-top:2px}.demand-modal-row.subtotal span:first-child{color:#fff}.demand-modal-row span:last-child{font-weight:600}.budget-modal-divider{height:1px;background:#ffffff14;margin:12px 0}.budget-modal-section{margin-bottom:16px}.budget-modal-section h3{margin:0 0 8px;font-size:9px;font-weight:700;letter-spacing:1px;color:#8c90a6;text-transform:uppercase}.budget-modal-row{display:flex;justify-content:space-between;font-size:11px;color:#dfdff2;margin-bottom:6px;align-items:center}.budget-modal-row.subtotal{font-weight:700;border-top:1px dashed rgba(255,255,255,.1);padding-top:6px;margin-top:4px}.budget-modal-row.subtotal span:first-child{color:#fff}.budget-modal-row span:last-child{font-family:monospace;font-size:12px}.budget-modal-summary{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px;color:#fff;letter-spacing:.5px;padding-top:4px}.budget-modal-summary span:last-child{font-size:15px;font-family:monospace}#gameover-overlay{background:#0f0608d9;z-index:300}#gameover-card{background:#160c0ef2;border-color:#ff56564d;width:340px;padding:30px 24px;box-sizing:border-box;box-shadow:0 24px 60px #000000d9,0 0 40px #ff56561a;text-align:center}#gameover-card h2{margin:0 0 12px;font-size:20px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#f88,#ff3c3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-transform:uppercase}.gameover-desc{font-size:11px;line-height:1.6;color:#c9a4a7;margin:0 0 18px}.gameover-divider{height:1px;background:#ff565626;margin:14px 0}.gameover-stats{margin-bottom:22px;background:#00000040;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,86,86,.08)}.gameover-stat-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#dfdff2}.gameover-stat-row:last-child{margin-bottom:0}.gameover-stat-row span:last-child{font-weight:700;font-family:monospace}.debt-highlight{color:#ff5656;text-shadow:0 0 8px rgba(255,86,86,.3)}#gameover-restart-btn{width:100%;background:linear-gradient(135deg,#ff5656,#d83c3c);color:#fff;border:none;padding:12px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:600;font-size:12px;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #ff565640;text-transform:uppercase}#gameover-restart-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff565673;background:linear-gradient(135deg,#f88,#ff5656)}#gameover-restart-btn:active{transform:translateY(1px) scale(.98)}.economy-hud-card{background:#4caae40a;border:1px solid rgba(76,170,228,.15);border-radius:8px;padding:6px 8px;margin-top:0;display:flex;flex-direction:column;gap:4px;cursor:pointer}.economy-hud-card:hover{background:#4caae417;border-color:#4caae473;box-shadow:0 4px 15px #4caae426,inset 0 0 8px #4caae40d;transform:translateY(-1px)}.economy-hud-card:active{transform:translateY(1px) scale(.97)}.economy-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.hud-view-btn{font-size:8px;font-weight:700;background:#4caae426;color:#7cc0ff;border:1px solid rgba(76,170,228,.3);padding:2px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.economy-metrics-list{display:flex;flex-direction:column;gap:4px}.economy-metrics-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.hud-sublabel{color:#8c90a6}.mood-inline{display:flex;align-items:center;gap:5px;flex:1;cursor:pointer;border-radius:4px;padding:2px 3px;transition:background .15s}.mood-inline:hover{background:#5ad89314}.mood-bar-track{flex:1;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden}.mood-bar-fill{height:100%;border-radius:3px;transition:width .6s ease,background .6s ease}.mood-inline-label{font-size:9px;font-weight:700;font-family:Outfit,sans-serif;color:#c8cbe0;white-space:nowrap}#mood-card{width:280px;border-color:#5ad89340;box-shadow:0 24px 60px #000c,0 0 40px #5ad8930f}#mood-card h2{margin:0 0 10px;font-size:16px;font-weight:800;letter-spacing:1.5px;text-align:center;background:linear-gradient(135deg,#fff,#5ad893);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.mood-overlay-meter{display:flex;align-items:center;gap:10px;margin:4px 0}.mood-overlay-bar-track{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.mood-overlay-label{font-size:12px;font-weight:700;font-family:monospace;color:#fff;white-space:nowrap}.mood-overlay-hint{margin:8px 0 0;font-size:9px;line-height:1.5;color:#6d7185;text-align:center}#economy-card{border-color:#4caae440;width:320px;max-height:520px;box-shadow:0 24px 60px #000c,0 0 40px #4caae40f}#economy-card h2{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:1.5px;text-align:center;background:linear-gradient(135deg,#fff,#4caae4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.economy-modal-divider{height:1px;background:#ffffff14;margin:12px 0}.economy-modal-section{margin-bottom:14px}.economy-modal-section:last-child{margin-bottom:0}.economy-modal-section h3{margin:0 0 8px;font-size:9px;font-weight:700;letter-spacing:1px;color:#4caae4;text-transform:uppercase}.economy-modal-row{display:flex;justify-content:space-between;font-size:11px;color:#dfdff2;margin-bottom:6px;align-items:center}.economy-modal-row:last-child{margin-bottom:0}.economy-modal-row span:last-child{font-family:monospace;font-size:12px;font-weight:600}.panel-tabs{display:flex;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:2px;margin-top:5px;margin-bottom:5px}.tab-btn{flex:1;background:none;border:none;color:#8c90a6;font-family:Outfit,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 0;cursor:pointer;border-radius:4px;text-align:center}.tab-btn:hover{color:#fff;background:#ffffff0a}.tab-btn.active{color:#fff;background:#ffffff17;box-shadow:0 2px 8px #0000004d,0 0 0 1px #ffffff0d}.tab-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0;padding-right:4px;contain:content}.tab-content.hidden{display:none!important}.custom-scrollbar{overflow-y:auto}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.build-funds-panel{margin-top:12px;display:flex;justify-content:space-between;align-items:center;background:#dcb9740f;border:1px solid rgba(220,185,116,.2);border-radius:6px;padding:8px 10px}.build-funds-label{font-size:9px;font-weight:600;letter-spacing:.5px;color:#8c90a6;text-transform:uppercase}.build-funds-val{font-weight:700;font-family:monospace;font-size:13px;color:#dcb974}.build-funds-val.insufficient{color:#ff5e5e;text-shadow:0 0 6px rgba(232,69,69,.4)}.build-info-panel{margin-top:10px;background:#00000026;border:1px solid rgba(255,255,255,.03);border-radius:8px;padding:10px;display:flex;flex-direction:column}.build-info-title{font-size:9px;font-weight:700;letter-spacing:.8px;color:#8c90a6;text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.build-info-scroll{display:flex;flex-direction:column;gap:8px}.build-info-item{background:#ffffff03;border:1px solid rgba(255,255,255,.02);border-radius:6px;padding:6px 8px}.build-info-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#dfdff2;margin-bottom:3px}.info-icon{font-size:11px}.info-name{flex:1}.info-cost{font-family:monospace;color:#5ad893}.build-info-desc{font-size:9px;line-height:1.4;color:#8c90a6}.build-info-item.text-center{text-align:center;background:#dcb97405;border:1px dashed rgba(220,185,116,.1)}.warning-glow{color:#dcb974}.panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}#help-btn{width:16px;height:16px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#8c90a6;font-family:Outfit,sans-serif;font-size:9px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}#help-btn:hover{background:#ffffff2e;color:#fff;border-color:#dcb97466}#help-btn:active{transform:scale(.94)}#help-card{border-color:rgba(var(--color-sand-rgb),.25);width:320px;max-height:480px;box-shadow:0 24px 60px #000c,0 0 40px rgba(var(--color-sand-rgb),.06);display:flex;flex-direction:column}#help-card h2{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:1.5px;text-align:center;background:linear-gradient(135deg,#fff,#f3d49f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.help-modal-divider{height:1px;background:#ffffff14;margin:12px 0}.help-scroll-content{overflow-y:auto;max-height:280px;padding-right:6px;contain:content}.help-section{margin-bottom:14px}.help-section h3{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.8px;color:#dcb974;text-transform:uppercase}.help-section p{margin:0;font-size:11px;line-height:1.5;color:#dfdff2}.help-section ul{margin:0;padding-left:14px;font-size:11px;color:#dfdff2;line-height:1.5}.help-section li{margin-bottom:4px}.help-section kbd{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 4px;font-size:9px;font-family:monospace;margin:0 2px;color:#fff}.help-version-footer{display:flex;justify-content:space-between;font-size:11px;color:#8c90a6;font-weight:600}.help-version-footer span:last-child{font-family:monospace;color:#fff}#tax-seizure-overlay{background:#0c0606d1;z-index:250}#tax-seizure-card{background:#160e0cf2;border-color:#d4af3766;width:340px;padding:28px 24px;box-sizing:border-box;box-shadow:0 24px 60px #000000d9,0 0 40px #d4af371f;text-align:center}#tax-seizure-card h2{margin:0 0 12px;font-size:18px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,gold,#daa520);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-transform:uppercase}.tax-seizure-desc{font-size:11px;line-height:1.6;color:#c9b8a4;margin:0 0 14px}.tax-seizure-stats{margin-bottom:22px;background:#00000040;padding:10px 14px;border-radius:8px;border:1px solid rgba(212,175,55,.12)}.tax-seizure-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:#dfdff2}.tax-seizure-row:last-child{margin-bottom:0}.tax-seizure-row span:last-child{font-weight:700;font-family:monospace}#tax-seizure-ok-btn{width:100%;background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;padding:12px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:600;font-size:12px;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px #d4af374d;text-transform:uppercase}#tax-seizure-ok-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3780;background:linear-gradient(135deg,gold,#daa520)}#tax-seizure-ok-btn:active{transform:translateY(1px) scale(.98)}#news-ticker-bar{position:absolute;bottom:0;left:0;width:600px;height:28px;background:#0e1016f2;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;z-index:50;font-size:11px;box-sizing:border-box}.ticker-label{background:linear-gradient(90deg,#ff4b4b,#d32f2f);color:#fff;font-weight:800;height:100%;display:flex;align-items:center;letter-spacing:.8px;font-size:9px;border-right:1px solid rgba(255,255,255,.1);position:relative;padding:0 8px 0 20px}.ticker-label:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#fff;border-radius:50%}.ticker-content-wrapper{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;position:relative;contain:strict}#ticker-text{position:absolute;white-space:nowrap;padding-left:10px;color:#e2e4f0;font-weight:500;will-change:transform;animation:ticker-scroll 14s linear infinite}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}#prop-tree-btn{--btn-bg: #1d3d2c;--btn-color: #cbf5db;--btn-border: rgba(203, 245, 219, .3);--btn-hover-bg: #264e38;--btn-hover-border: rgba(203, 245, 219, .6);--btn-active-bg: #0f2418;--btn-active-border: #5ad893}#prop-lamp-btn{--btn-bg: #4a3a1d;--btn-color: #ffeecb;--btn-border: rgba(255, 238, 203, .3);--btn-hover-bg: #5d4925;--btn-hover-border: rgba(255, 238, 203, .6);--btn-active-bg: #2d210f;--btn-active-border: #ffd700}#bubble-design-btn{background:rgba(var(--color-sand-rgb),.12);border:1px solid rgba(var(--color-sand-rgb),.3);color:var(--color-sand);border-radius:6px;font-family:Outfit,sans-serif;font-size:9px;font-weight:600;cursor:pointer;padding:3px 8px;margin-top:6px;align-self:flex-start}#bubble-design-btn:hover{background:rgba(var(--color-sand-rgb),.22);border-color:var(--color-sand);color:#fff}#bubble-design-btn:active{transform:scale(.95)}#prop-speedcam-btn{--btn-bg: #2d1a1a;--btn-color: #ff8c8c;--btn-border: rgba(255, 140, 140, .3);--btn-hover-bg: #3d2424;--btn-hover-border: rgba(255, 140, 140, .6);--btn-active-bg: #1a0f0f;--btn-active-border: #ff5656}#prop-fountain-btn{--btn-bg: #1a2a3d;--btn-color: #8cc4ff;--btn-border: rgba(140, 196, 255, .3);--btn-hover-bg: #24384d;--btn-hover-border: rgba(140, 196, 255, .6);--btn-active-bg: #0f1a24;--btn-active-border: #4a9eff}#bulldozer-btn{--btn-bg: #4c0709;--btn-color: #ffb3b6;--btn-border: rgba(255, 179, 182, .3);--btn-hover-bg: #731417;--btn-hover-border: rgba(255, 179, 182, .6);--btn-active-bg: #2d0405;--btn-active-border: #ff5656}#prop-minipark-btn{--btn-bg: #1a3d1a;--btn-color: #8cff8c;--btn-border: rgba(140, 255, 140, .3);--btn-hover-bg: #244d24;--btn-hover-border: rgba(140, 255, 140, .6);--btn-active-bg: #0f240f;--btn-active-border: #4aff4a}#daynight-toggle,#perspective-toggle{background:none;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;font-size:9px;padding:0 2px;line-height:1.2}#daynight-toggle.daynight-on,#perspective-toggle.daynight-on{color:gold;border-color:#ffd7004d;text-shadow:0 0 6px rgba(255,215,0,.4)}#daynight-toggle.daynight-off,#perspective-toggle.daynight-off{color:#555;border-color:#ffffff0d;filter:grayscale(1);opacity:.5}#daynight-toggle:hover,#perspective-toggle:hover{border-color:#ffffff40}#perspective-modal{z-index:10000;background:#0a0b0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%}.perspective-card{background:#191b26a6;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000080;border-radius:16px;padding:40px;width:90%;max-width:600px;text-align:center;animation:fadeInScale .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.perspective-title{font-family:Outfit,sans-serif;font-weight:800;font-size:2.5rem;letter-spacing:2px;margin-bottom:8px;background:linear-gradient(135deg,#dfac5f,#ffcd6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.perspective-subtitle{color:#fff9;font-size:1rem;margin-bottom:30px;line-height:1.5}.perspective-options{display:flex;gap:20px;justify-content:center}.perspective-opt-card{flex:1;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);text-align:center;position:relative;overflow:hidden}.perspective-opt-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#dfac5f1a,#ffcd6e1a);opacity:0;transition:opacity .25s ease}.perspective-opt-card:hover{transform:translateY(-5px);background:#ffffff0a;border-color:#dfac5f66;box-shadow:0 10px 25px #dfac5f26}.perspective-opt-card:hover:before{opacity:1}.perspective-opt-card:active{transform:translateY(-2px)}.opt-icon{font-size:3rem;margin-bottom:16px}.perspective-opt-card h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#fff}.perspective-opt-card p{font-size:.85rem;color:#ffffff80;line-height:1.4}
