:root{--primary:#4a90d9;--secondary:#6bc16b;--danger:#d94a4a;--warning:#f0a030;--bg-panel:#141423e0;--bg-panel-light:#28283cc7;--bg-hover:#4a90d94d;--text-primary:#fff;--text-secondary:#b0b0c0;--border-radius:8px;--need-hunger:#e67e22;--need-energy:#3498db;--need-hygiene:#1abc9c;--need-social:#e84393;--need-fun:#2ecc71;--need-bladder:#f1c40f}#ui-root *{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.panel{background:var(--bg-panel);backdrop-filter:blur(12px);border-radius:var(--border-radius);color:var(--text-primary);border:1px solid #ffffff1a;padding:12px}.btn{background:var(--bg-panel-light);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:8px 16px;font-size:13px;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--primary)}.btn.active{background:var(--primary);border-color:var(--primary)}.btn.danger{border-color:var(--danger)}.btn.danger:hover{background:#d94a4a4d}.mode-tabs{z-index:20;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.mode-tabs .btn{text-transform:uppercase;letter-spacing:.5px;padding:10px 24px;font-size:14px;font-weight:600}.hud{background:var(--bg-panel);backdrop-filter:blur(12px);z-index:15;border-top:1px solid #ffffff1a;align-items:center;gap:20px;padding:10px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-sim-info{flex-shrink:0;align-items:center;gap:8px;min-width:120px;max-width:160px;display:flex}.hud-portrait{background:var(--bg-panel-light);border:2px solid var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.hud-sim-name{font-size:14px;font-weight:600}.hud-sim-mood{color:var(--text-secondary);font-size:12px}.hud-needs{flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.need-bar-container{flex-direction:column;flex:1 1 0;align-items:center;gap:2px;min-width:0;display:flex}.need-bar-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:9px;overflow:hidden}.need-bar-track{background:#0006;border-radius:4px;width:100%;height:8px;overflow:hidden}.need-bar-fill{border-radius:4px;height:100%;transition:width .3s,background-color .3s}.hud-time{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;min-width:110px;display:flex}.hud-clock{font-size:16px;font-weight:600}.hud-money{color:var(--secondary);font-size:14px}.speed-controls{gap:3px;display:flex}.speed-btn{background:var(--bg-panel-light);width:32px;height:28px;color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.speed-btn:hover{border-color:var(--primary)}.speed-btn.active{background:var(--primary)}.build-toolbar{z-index:15;flex-direction:column;gap:4px;display:flex;position:absolute;top:60px;left:12px}.build-toolbar .btn{justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:20px;display:flex}.floor-picker{z-index:15;flex-direction:column;gap:4px;display:flex;position:absolute;top:60px;left:68px}.floor-swatch{cursor:pointer;border:2px solid #fff3;border-radius:6px;width:32px;height:32px}.floor-swatch.active{border-color:var(--primary)}.buy-catalog{background:var(--bg-panel);backdrop-filter:blur(12px);z-index:15;border-left:1px solid #ffffff1a;flex-direction:column;width:280px;display:flex;position:absolute;top:0;bottom:60px;right:0;overflow:hidden}.catalog-tabs{border-bottom:1px solid #ffffff1a;display:flex}.catalog-tab{text-align:center;cursor:pointer;color:var(--text-secondary);border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:11px;transition:all .15s}.catalog-tab:hover{color:var(--text-primary)}.catalog-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.catalog-grid{flex:1;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid;overflow-y:auto}.catalog-item{background:var(--bg-panel-light);cursor:pointer;text-align:center;border:2px solid #0000;border-radius:6px;padding:8px;transition:all .15s}.catalog-item:hover{border-color:var(--primary)}.catalog-item.active{border-color:var(--primary);background:#4a90d933}.catalog-item-icon{background:#0003;border-radius:4px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 4px;font-size:28px;display:flex}.catalog-item-name{font-size:11px;font-weight:500}.catalog-item-price{color:var(--secondary);font-size:10px}.cas-panel{background:var(--bg-panel);backdrop-filter:blur(12px);z-index:20;border-left:1px solid #ffffff1a;flex-direction:column;width:340px;display:flex;position:absolute;top:0;bottom:0;right:0}.cas-panel-scroll{flex:1;padding:16px;overflow-y:auto}.cas-panel-footer{border-top:1px solid #ffffff1a;flex-shrink:0;padding:12px 16px}.cas-section{margin-bottom:16px}.cas-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;font-size:12px}.cas-input{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff26;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.cas-input:focus{border-color:var(--primary)}.cas-swatches{flex-wrap:wrap;gap:6px;display:flex}.cas-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .15s}.cas-swatch:hover{transform:scale(1.1)}.cas-swatch.active{border-color:#fff;box-shadow:0 0 8px #fff6}.cas-options{flex-wrap:wrap;gap:4px;display:flex}.cas-option{background:var(--bg-panel-light);cursor:pointer;color:var(--text-secondary);border:1px solid #ffffff1a;border-radius:20px;padding:6px 12px;font-size:12px;transition:all .15s}.cas-option:hover{color:var(--text-primary);border-color:var(--primary)}.cas-option.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cas-traits{flex-direction:column;gap:4px;display:flex}.cas-trait{background:var(--bg-panel-light);cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.cas-trait:hover{color:var(--text-primary)}.cas-trait.active{border-color:var(--primary);color:var(--primary)}.cas-confirm-btn{background:var(--primary);border-radius:var(--border-radius);color:#fff;cursor:pointer;border:none;flex-shrink:0;margin-top:12px;margin-bottom:16px;padding:14px;font-size:16px;font-weight:600;transition:all .15s}.cas-confirm-btn:hover{filter:brightness(1.1)}.pie-menu{z-index:30;width:200px;height:200px;position:absolute;transform:translate(-50%,-50%)}.pie-menu-center{background:var(--bg-panel);border:2px solid var(--primary);width:60px;height:60px;color:var(--text-secondary);text-align:center;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-menu-item{background:var(--bg-panel);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #ffffff26;border-radius:20px;padding:6px 14px;font-size:12px;transition:all .15s;position:absolute}.pie-menu-item:hover{background:var(--primary);border-color:var(--primary)}.notifications{z-index:25;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:60px;right:12px}.notification{background:var(--bg-panel);backdrop-filter:blur(8px);border-radius:var(--border-radius);border-left:3px solid var(--primary);color:var(--text-primary);max-width:280px;padding:10px 16px;font-size:13px;animation:.3s slideIn}.notification.warning{border-left-color:var(--warning)}.notification.danger{border-left-color:var(--danger)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.neighborhood-overlay{z-index:30;background:#0a0a14e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.neighborhood-title{color:var(--text-primary);margin-bottom:24px;font-size:24px}.neighborhood-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.neighborhood-lot{background:var(--bg-panel-light);border-radius:var(--border-radius);cursor:pointer;border:2px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;width:200px;height:150px;padding:12px;transition:all .15s;display:flex}.neighborhood-lot:hover{border-color:var(--primary)}.neighborhood-lot.active{border-color:var(--primary);box-shadow:0 0 20px #4a90d94d}.lot-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.lot-info{color:var(--text-secondary);font-size:11px}.fade-overlay{z-index:50;opacity:0;pointer-events:none;background:#000;transition:opacity .5s;position:absolute;inset:0}.fade-overlay.active{opacity:1;pointer-events:auto}.save-load-overlay{z-index:35;background:#0a0a14e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.save-load-panel{background:var(--bg-panel);border-radius:12px;min-width:350px;padding:24px}.save-load-title{margin-bottom:16px;font-size:20px}.save-slot{background:var(--bg-panel-light);cursor:pointer;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .15s}.save-slot:hover{border-color:var(--primary)}.save-slot-name{font-size:13px}.save-slot-info{color:var(--text-secondary);font-size:11px}