:root{--color-bg-primary:#1a1a2e;--color-bg-secondary:#16213e;--color-bg-panel:#0f3460;--color-bg-surface:#1e2a4a;--color-bg-hover:#253560;--color-bg-active:#2a4070;--color-text-primary:#e0e0e0;--color-text-secondary:#a0a0b0;--color-text-muted:#707088;--color-accent:#e94560;--color-success:#4ecca3;--color-warning:#f5a623;--color-danger:#e94560;--color-info:#5b9bd5;--color-funds:#4ecca3;--color-funds-low:#e94560;--color-xp:#7b68ee;--color-morale-high:#4ecca3;--color-morale-mid:#f5a623;--color-morale-low:#e94560;--color-stat-coding:#5b9bd5;--color-stat-art:#e88ab4;--color-stat-sound:#f5d76e;--color-stat-design:#4ecca3;--ui-scale:1;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-pixel:"Courier New", monospace;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--space-xs:2px;--space-sm:4px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:24px;--border-radius:4px;--border-color:#3a3a5a;--border-color-focus:#7b68ee;--transition-fast:.1s ease;--transition-normal:.2s ease}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-normal:0s}}.game-ui{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;zoom:var(--ui-scale);line-height:1.4}.game-ui *{box-sizing:border-box;margin:0;padding:0}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);-webkit-user-select:none;user-select:none;min-width:32px;min-height:32px;display:inline-flex}.btn:hover{background:var(--color-bg-hover)}.btn:active{background:var(--color-bg-active)}.btn:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:1px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn--primary:hover{background:#c83050}.btn--success{border-color:var(--color-success);background:#2a7a5a}.btn--success:hover{background:#358a6a}.btn--active{background:var(--color-bg-active);border-color:var(--border-color-focus)}.btn--icon{padding:var(--space-sm);min-width:28px;min-height:28px}.progress-bar{background:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:2px;height:12px;position:relative;overflow:hidden}.progress-bar__fill{height:100%;transition:width var(--transition-normal);border-radius:1px}.progress-bar__label{font-size:var(--font-size-xs);color:var(--color-text-primary);text-shadow:0 0 2px #000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card{background:var(--color-bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg)}.card--interactive{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.card--interactive:hover{background:var(--color-bg-hover);border-color:#5a5a8a}.card--interactive:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:1px}.panel{background:var(--color-bg-secondary);border-left:1px solid var(--border-color);flex-direction:column;display:flex;overflow:hidden}.panel-backdrop{z-index:9;pointer-events:auto;background:#0000004d;position:fixed;inset:0}.panel__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);font-size:var(--font-size-lg);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.panel__body{padding:var(--space-lg);flex:1;overflow-y:auto}.dialog-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;min-width:300px;max-width:90vw;max-height:85vh;display:flex}.dialog__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-color);font-size:var(--font-size-lg);justify-content:space-between;align-items:center;font-weight:600;display:flex}.dialog__body{padding:var(--space-xl);flex:1;overflow-y:auto}.dialog__footer{justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-color);display:flex}.tab-bar{border-bottom:1px solid var(--border-color);flex-shrink:0;display:flex}.tab-bar__item{padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);font-family:var(--font-ui);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000}.tab-bar__item:hover{color:var(--color-text-primary)}.tab-bar__item--active{color:var(--color-text-primary);border-bottom-color:var(--color-accent)}.toast{background:var(--color-bg-panel);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-md) var(--space-xl);color:var(--color-text-primary);font-size:var(--font-size-sm);z-index:200;pointer-events:auto;cursor:pointer;text-align:center;max-width:400px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.toast--success{border-color:var(--color-success)}.toast--warning{border-color:var(--color-warning)}.toast--urgent{border-color:var(--color-danger);animation:1s infinite toast-pulse}@keyframes toast-pulse{0%,to{border-color:var(--color-danger)}50%{border-color:#0000}}.hud{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--border-color);pointer-events:auto;flex-wrap:wrap;min-height:36px;display:flex}.hud__funds{font-size:var(--font-size-lg);font-weight:700;font-family:var(--font-pixel);color:var(--color-funds);min-width:70px}.hud__funds--low{color:var(--color-funds-low)}.hud__date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hud__speed{gap:1px;display:flex}.hud__stat{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hud__stat strong{color:var(--color-text-primary)}.hud__spacer{flex:1}.hud__actions{gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);background:var(--color-bg-primary);border-bottom:1px solid var(--border-color);pointer-events:auto;flex-wrap:wrap;min-height:28px;display:flex}.hud__actions .btn{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-md);min-height:24px}.hud{padding-left:max(var(--space-lg), env(safe-area-inset-left));padding-right:max(var(--space-lg), env(safe-area-inset-right));padding-top:max(var(--space-sm), env(safe-area-inset-top))}.hud__actions{padding-left:max(var(--space-lg), env(safe-area-inset-left));padding-right:max(var(--space-lg), env(safe-area-inset-right))}.toast{bottom:max(20px, env(safe-area-inset-bottom,20px))}@media (max-width:600px){.hud{padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);padding-top:max(var(--space-xs), env(safe-area-inset-top));min-height:32px}.hud__funds{font-size:var(--font-size-sm);min-width:50px}.hud__date,.hud__stat{font-size:9px}.hud__spacer{flex:0;width:0}.hud__speed .btn{min-width:28px;min-height:28px;padding:1px;font-size:11px}.hud__actions{padding:2px var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:max(var(--space-sm), env(safe-area-inset-left));padding-right:max(var(--space-sm), env(safe-area-inset-right));flex-wrap:nowrap;gap:2px;overflow-x:auto}.hud__actions::-webkit-scrollbar{display:none}.hud__actions .btn{white-space:nowrap;flex-shrink:0;min-width:30px;min-height:30px;padding:4px 6px;font-size:10px}.dialog{min-width:unset;width:95vw;max-height:85vh}.dialog__body{padding:var(--space-md)}.dialog__header{padding:var(--space-md);font-size:var(--font-size-base)}.dialog__footer{padding:var(--space-md)}.btn{min-width:36px;min-height:36px;font-size:var(--font-size-sm)}.btn--icon{min-width:32px;min-height:32px}.panel{width:100%!important}.toast{max-width:90vw;font-size:var(--font-size-sm)}}@media (max-height:500px){.hud{min-height:24px;padding:1px var(--space-sm)}.hud__actions{min-height:22px}.hud__actions .btn{min-height:24px;padding:2px 5px;font-size:9px}.dialog{max-height:95vh}}.staff-card{gap:var(--space-lg);padding:var(--space-md);align-items:center;display:flex}.staff-card__portrait{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.staff-card__info{flex:1;min-width:0}.staff-card__name{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.staff-card__role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.staff-card__stats{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.staff-card__level{font-size:var(--font-size-xs);color:var(--color-xp);font-weight:600}.staff-card__morale{border-radius:50%;flex-shrink:0;width:8px;height:8px}.staff-card__salary{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-pixel)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.text-right{text-align:right}.text-center{text-align:center}.font-pixel{font-family:var(--font-pixel)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}