.language-switcher{padding:var(--space-5) 0}.language-options{display:flex;flex-direction:column;gap:var(--space-2-5);margin-top:var(--space-2-5)}.language-option{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:var(--surface-primary, white)}.language-option:hover,.language-option.selected{border-color:var(--fantasy-gold);background:var(--surface-secondary)}.language-flag{font-size:24px;margin-right:var(--space-3)}.language-name{flex:1;font-weight:500}.language-check{color:var(--fantasy-gold);font-weight:700;font-size:18px}.notifications-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:1100;display:flex;flex-direction:column;gap:var(--space-2-5);max-width:400px;width:100%}.notification{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4);border-radius:var(--border-radius-sm);box-shadow:0 2px 10px var(--overlay-dark-10);animation:slide-in .3s ease-out;background-color:var(--surface-primary);border-left:4px solid var(--border-color-strong)}.notification-content{flex:1}.notification-title{font-weight:700;margin-bottom:var(--space-1)}.notification-message{font-size:var(--font-size-sm);line-height:1.4;white-space:pre-line}.notification-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--text-secondary);padding:0 0 0 var(--space-2-5);margin:-5px 0 0}.notification-close:hover{color:var(--text-primary)}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:480px){.notifications-container{right:var(--space-2-5);left:var(--space-2-5);max-width:none}}.notification-info{border-left-color:var(--color-info)}.notification-success{border-left-color:var(--color-success)}.notification-warning{border-left-color:var(--color-warning)}.notification-error{border-left-color:var(--color-danger)}.devlog-list{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.devlog-entry{display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);border-radius:var(--radius-md, 6px);border:1px solid var(--fantasy-border, rgba(192, 160, 96, .2));background:#00000026}.devlog-entry-header{display:flex;align-items:center;gap:var(--space-2, .5rem)}.devlog-entry-app-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--font-size-xs, .7rem);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;line-height:1.6}.devlog-entry-date{font-size:var(--font-size-sm, .8rem);color:var(--text-secondary, rgba(255, 255, 255, .5))}.devlog-entry-title{font-family:var(--font-fantasy-title, serif);font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--fantasy-gold, #c0a060);line-height:1.3}.devlog-entry-description{font-size:var(--font-size-sm, .875rem);color:var(--fantasy-text, rgba(255, 255, 255, .85));line-height:1.5}.modal-header-gradient .modal__title{display:flex;flex-direction:row;align-items:center;gap:.5rem}.game-menu-button{display:flex;align-items:center;padding:var(--space-5);border:1px solid var(--fantasy-border);border-radius:var(--border-radius);background:var(--surface-secondary);color:var(--fantasy-text);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.game-menu-button:hover{border-color:var(--fantasy-gold);background-color:var(--fantasy-gold-subtle);transform:translateY(-2px);box-shadow:0 4px 12px #c9a84c26}.game-menu-button-icon{font-size:var(--font-size-3xl);margin-right:var(--space-4);min-width:40px;text-align:center}.game-menu-button-content{flex:1}.game-menu-button-title{font-family:var(--font-fantasy-title);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.06em;color:var(--fantasy-gold);margin-bottom:var(--space-1)}.game-menu-button-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.hub-layout{display:flex;min-height:100vh;width:100%}.hub-sidebar{width:260px;background:var(--surface-sidebar);border-right:1px solid var(--fantasy-border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100}.hub-sidebar__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.hub-sidebar__logo-img{height:28px;opacity:.85}.hub-sidebar__title{font-family:var(--font-fantasy-title);font-size:var(--font-size-sm);color:var(--fantasy-gold);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.hub-sidebar__nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.hub-sidebar__nav-item{width:100%;padding:var(--space-4) var(--space-6);background:none;border:none;border-left:3px solid transparent;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:all var(--transition-base);text-align:left}.hub-sidebar__nav-item:hover{background:#ffffff08}.hub-sidebar__nav-item.is-active{background:#b48c3c14;border-left-color:var(--fantasy-gold)}.hub-sidebar__nav-text{font-family:var(--font-fantasy-title);font-size:var(--font-size-lg);color:var(--text-secondary)}.hub-sidebar__nav-item.is-active .hub-sidebar__nav-text{color:var(--fantasy-gold)}.hub-sidebar__nav-badge{font-size:10px;text-transform:uppercase;background:var(--surface-secondary);color:var(--text-muted);padding:2px 6px;border-radius:4px;margin-top:4px}.hub-sidebar__footer{padding:var(--space-6);border-top:1px solid rgba(255,255,255,.05);background:#0000001a}.hub-user-status{display:flex;align-items:center;gap:var(--space-3)}.sidebar-config-btn{width:100%;background:none;border:1px solid var(--fantasy-border);color:var(--fantasy-text);padding:var(--space-3) var(--space-5);border-radius:0;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-family:var(--font-fantasy-title);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase}.sidebar-config-btn:hover{background-color:var(--fantasy-gold-subtle);border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.hub-menu-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.hub-user-name{color:var(--fantasy-gold);font-weight:600;font-size:var(--font-size-sm)}.hub-main{flex:1;margin-left:260px;min-height:100vh;background-image:radial-gradient(circle at top right,rgba(180,140,60,.05),transparent 400px)}.app-details{max-width:900px;padding:var(--space-12) var(--space-10)}.app-details__header{margin-bottom:var(--space-10)}.app-details__title{font-family:var(--font-fantasy-title);font-size:var(--font-size-5xl);color:var(--fantasy-gold);margin:0 0 var(--space-2) 0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.app-details__tagline{font-size:var(--font-size-xl);color:var(--text-secondary);font-style:italic;opacity:.8}.app-details__description{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-10);max-width:700px}.app-details__screenshots{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-10)}.app-details__screenshot-card{background:var(--surface-secondary);border:1px solid var(--fantasy-border);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden}.app-details__screenshot-img{width:100%;height:100%;object-fit:cover;display:block}.app-details__actions{margin-top:var(--space-12)}@media(max-width:1024px){.hub-layout{flex-direction:column}.hub-sidebar{width:100%;height:auto;position:sticky;top:0;border-right:none;border-bottom:1px solid var(--fantasy-border)}.hub-sidebar__header{display:none}.hub-sidebar__nav{display:flex;padding:0;overflow-x:auto;scrollbar-width:none}.hub-sidebar__nav::-webkit-scrollbar{display:none}.hub-sidebar__nav-item{width:auto;flex-shrink:0;padding:var(--space-4) var(--space-6);border-left:none;border-bottom:3px solid transparent;align-items:center}.hub-sidebar__nav-item.is-active{border-bottom-color:var(--fantasy-gold)}.hub-sidebar__nav-badge{margin-top:2px}.hub-sidebar__footer{display:none}.hub-main{margin-left:0}.app-details{padding:var(--space-8) var(--space-6)}.app-details__title{font-size:var(--font-size-3xl)}}:root{--color-primary: #c9a84c;--color-primary-hover: #7a5f2a;--color-primary-light: rgba(201, 168, 76, .08);--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-success: #059669;--color-success-hover: #047857;--color-success-dark: #218838;--color-warning: #d97706;--color-warning-hover: #b45309;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-info: #0891b2;--color-info-hover: #0e7490;--color-alert-danger-bg: rgba(220, 38, 38, .12);--color-alert-danger-border: rgba(220, 38, 38, .3);--color-alert-danger-text: #f87171;--color-alert-success-bg: rgba(5, 150, 105, .12);--color-alert-success-border: rgba(5, 150, 105, .3);--color-alert-success-text: #34d399;--color-alert-warning-bg: rgba(217, 119, 6, .12);--color-alert-warning-border: rgba(217, 119, 6, .3);--color-alert-warning-text: #fbbf24;--color-alert-info-bg: rgba(8, 145, 178, .12);--color-alert-info-border: rgba(8, 145, 178, .3);--color-alert-info-text: #38bdf8;--color-danger-light: rgba(220, 38, 38, .15);--color-warning-bg: rgba(217, 119, 6, .12);--danger-row-bg: rgba(220, 38, 38, .08);--danger-row-bg-hover: rgba(220, 38, 38, .14);--color-success-darker: #065f46;--color-danger-darker: #991b1b;--color-warning-darker: #92400e;--color-info-darker: #155e75;--color-secondary-darker: #334155;--color-disabled-bg: #9e9e9e;--color-disabled-hover: #757575;--color-tier-gold: #ffd700;--color-accent-coral: #ff6b6b;--color-crime-none: #059669;--color-crime-low: #d97706;--color-crime-moderate: #ea580c;--color-crime-high: #dc2626;--color-crime-critical: var(--fantasy-text);--accent-event-crime: #26dea1;--accent-event-moral: #9b59b6;--accent-event-famine: #f39c12;--accent-event-population: #411adf;--accent-event-treasury: #8dcc2e;--accent-event-majority: #be23d0;--accent-event-building: #46d7e1;--accent-event-default: #bdc3c7;--event-color-population: #7c9cbf;--event-color-health: #8fbc8f;--event-color-celebration: #c9a84c;--event-color-conflict: #b05a5a;--event-color-tragedy: #8b6a3e;--event-color-infrastructure: #7a7a9a;--event-color-diplomatic: #5f8fa0;--event-color-spiritual: #9b7db5;--event-color-natural_event: #6b9e6b;--event-color-narrative: #888888;--event-color-migration: #d49464;--font-fantasy-title: "Cinzel", serif;--font-fantasy-body: "Cormorant Garamond", serif;--fantasy-gold: #c9a84c;--fantasy-gold-dim: #7a5f2a;--fantasy-gold-subtle: rgba(201, 168, 76, .08);--fantasy-border: #2e2010;--fantasy-border-focus: #8b6f47;--fantasy-text: #e8e0d0;--fantasy-text-muted: #7a7060;--page-bg: #0e0b08;--surface-primary: #1a1208;--surface-secondary: #201608;--surface-tertiary: #261c0a;--surface-sidebar: #110d05;--surface-overlay: rgba(0, 0, 0, .7);--text-primary: #e8e0d0;--text-secondary: #a89880;--text-muted: #7a7060;--text-inverse: #0e0b08;--text-inverse-secondary: rgba(232, 224, 208, .75);--border-color: #2e2010;--border-color-strong: #4a3520;--border-radius-sm: .25rem;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-circle: 50%;--border-width: 1px;--space-px-1: 1px;--space-px-2: 2px;--space-px-6: 6px;--space-1: .25rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-dark-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-dark-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-dark-lg: 0 4px 16px rgba(0, 0, 0, .5);--shadow-dark-xl: 0 6px 20px rgba(0, 0, 0, .4);--shadow-inset-sm: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-medium: var(--shadow-dark-md);--z-modal: 1000;--z-modal-nested: 1001;--transition-base: .2s ease;--transition-slow: .3s ease;--modal-header-gradient: var(--surface-tertiary);--gradient-header-end: var(--surface-tertiary);--focus-ring-primary: rgba(201, 168, 76, .25);--shadow-primary-sm: rgba(201, 168, 76, .1);--shadow-primary-md: rgba(201, 168, 76, .2);--shadow-primary-lg: rgba(201, 168, 76, .3);--shadow-primary-xl: rgba(201, 168, 76, .4);--shadow-primary-2xl: rgba(201, 168, 76, .6);--shadow-glow-primary-md: rgba(201, 168, 76, .5);--shadow-glow-primary-lg: rgba(201, 168, 76, .7);--shadow-danger-md: rgba(220, 38, 38, .2);--shadow-danger-lg: rgba(220, 38, 38, .3);--shadow-warning-md: rgba(217, 119, 6, .2);--shadow-warning-lg: rgba(217, 119, 6, .3);--shadow-glow-warning-lg: rgba(217, 119, 6, .8);--shadow-success-md: rgba(5, 150, 105, .2);--shadow-success-lg: rgba(5, 150, 105, .3);--shadow-info-md: rgba(8, 145, 178, .2);--shadow-info-lg: rgba(8, 145, 178, .3);--shadow-secondary-md: rgba(100, 116, 139, .2);--shadow-secondary-lg: rgba(100, 116, 139, .3);--btn-primary-bg: var(--fantasy-gold-dim);--btn-primary-fg: var(--surface-primary);--btn-primary-border: var(--fantasy-gold);--btn-primary-bg-hover: var(--fantasy-gold);--btn-primary-border-hover: var(--fantasy-gold);--btn-secondary-bg: transparent;--btn-secondary-fg: var(--fantasy-text);--btn-secondary-border: var(--fantasy-border-focus);--btn-secondary-bg-hover: transparent;--btn-secondary-border-hover: var(--fantasy-gold);--btn-secondary-fg-hover: var(--fantasy-gold);--btn-edit-bg: rgba(217, 119, 6, .2);--btn-edit-fg: #fbbf24;--btn-edit-border: rgba(217, 119, 6, .4);--btn-edit-bg-hover: rgba(217, 119, 6, .35);--btn-success-bg: rgba(5, 150, 105, .2);--btn-success-fg: #34d399;--btn-success-border: rgba(5, 150, 105, .4);--btn-success-bg-hover: rgba(5, 150, 105, .35);--btn-danger-bg: rgba(200, 35, 35, .32);--btn-danger-fg: #fca5a5;--btn-danger-border: rgba(200, 35, 35, .6);--btn-danger-bg-hover: rgba(200, 35, 35, .5);--btn-info-bg: rgba(8, 145, 178, .2);--btn-info-fg: #38bdf8;--btn-info-border: rgba(8, 145, 178, .4);--btn-info-bg-hover: rgba(8, 145, 178, .35);--btn-warning-bg: rgba(217, 119, 6, .2);--btn-warning-fg: #fbbf24;--btn-warning-border: rgba(217, 119, 6, .4);--btn-warning-bg-hover: rgba(217, 119, 6, .35);--overlay-dark-05: rgba(0, 0, 0, .05);--overlay-dark-10: rgba(0, 0, 0, .1);--overlay-dark-30: rgba(0, 0, 0, .3);--overlay-dark-60: rgba(0, 0, 0, .6);--overlay-dark-80: rgba(0, 0, 0, .8);--overlay-dark-95: rgba(0, 0, 0, .95);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-light-30: rgba(255, 255, 255, .3);--overlay-light-80: rgba(255, 255, 255, .8)}.modal-overlay{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal);padding:0;animation:modal-overlay-appear var(--transition-base)}.modal-overlay--nested{z-index:var(--z-modal-nested);background:var(--overlay-dark-60)}.modal{background:var(--surface-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;animation:modal-appear var(--transition-slow)}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__content,.modal-content{animation:modalEnter .3s ease-out}.modal-container{background:var(--surface-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:42rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modal-appear var(--transition-slow)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--fantasy-border-focus);background:var(--surface-tertiary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;flex-shrink:0}.modal-header h2,.modal-header h3,.modal-header .modal__title{font-family:var(--font-fantasy-title);color:var(--fantasy-gold);letter-spacing:.06em}.modal-content{flex:1;overflow-y:auto;padding:var(--space-6)}.modal-footer{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);border-top:var(--border-width) solid var(--border-color);background:var(--surface-secondary);flex-shrink:0}.modal--xs{max-width:20rem}.modal--sm{max-width:28rem}.modal--md{max-width:42rem}.modal--lg{max-width:56rem}.modal--xl{max-width:72rem}.modal--full{max-width:90vw}.modal--centered{align-self:center}.modal--with-sidebar{display:flex;flex-direction:row}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--fantasy-border-focus);background:var(--surface-tertiary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;flex-shrink:0}.modal__title{margin:0;font-family:var(--font-fantasy-title);color:var(--fantasy-gold);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.06em;line-height:1.2}.modal__close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--text-secondary);padding:var(--space-2);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-circle);transition:all var(--transition-base)}.modal__close:hover{background:var(--border-color);color:var(--text-primary)}.modal__content{flex:1;overflow-y:auto;padding:var(--space-6)}.modal__content--no-padding{padding:0}.modal__content--with-tabs{padding:0;display:flex;flex-direction:column}.modal__description{background:var(--fantasy-gold-subtle);padding:var(--space-4) var(--space-6);color:var(--fantasy-text);font-size:var(--font-size-sm);line-height:1.5;border-bottom:1px solid var(--fantasy-border);margin:0}.modal__footer{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-6);border-top:var(--border-width) solid var(--border-color);background:var(--surface-secondary);flex-shrink:0}.modal__footer--space-between{justify-content:space-between}.modal__footer--center{justify-content:center}.modal__footer--sticky{position:sticky;bottom:0;background:var(--surface-secondary);box-shadow:0 -2px 10px var(--overlay-dark-10);z-index:10}.modal__sidebar{width:280px;min-width:280px;background:var(--surface-secondary);border-right:var(--border-width) solid var(--border-color);overflow-y:auto;flex-shrink:0}.modal__main{flex:1;display:flex;flex-direction:column;min-width:0}.modal__loading,.modal__error{display:flex;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;font-size:var(--font-size-lg)}.modal__error{color:var(--color-danger);background:var(--color-alert-danger-bg);border-radius:var(--border-radius);margin:var(--space-6)}@keyframes modal-overlay-appear{0%{opacity:0}to{opacity:1}}.cancel-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-hover) 100%);color:var(--fantasy-text);border-color:var(--color-secondary);box-shadow:0 2px 4px var(--shadow-secondary-md)}.cancel-btn:hover{background:linear-gradient(135deg,var(--color-secondary-hover) 0%,var(--color-secondary-darker) 100%);border-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-secondary-lg)}.delete-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-hover) 100%);color:var(--fantasy-text);border-color:var(--color-danger);box-shadow:0 2px 4px var(--shadow-danger-md)}.delete-button:hover{background:linear-gradient(135deg,var(--color-danger-hover) 0%,var(--color-danger-darker) 100%);border-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-danger-lg)}.separate-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:var(--fantasy-text);border-color:var(--color-warning);box-shadow:0 2px 4px var(--shadow-warning-md)}.separate-button:hover{background:linear-gradient(135deg,var(--color-warning-hover) 0%,var(--color-warning-darker) 100%);border-color:var(--color-warning-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-warning-lg)}.assign-partner-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:var(--fantasy-text);border-color:var(--color-success);box-shadow:0 2px 4px var(--shadow-success-md)}.assign-partner-button:hover{background:linear-gradient(135deg,var(--color-success-hover) 0%,var(--color-success-darker) 100%);border-color:var(--color-success-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-success-lg)}.modal-header-gradient{background:var(--surface-tertiary);color:var(--fantasy-gold);border-bottom:1px solid var(--fantasy-border-focus);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-header-gradient .modal__title,.modal-header-gradient h2{margin:0;font-family:var(--font-fantasy-title);font-size:var(--font-size-2xl);font-weight:600;letter-spacing:.06em;color:var(--fantasy-gold)}.modal-header-gradient .modal__close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--fantasy-text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-circle);transition:background-color .2s,color .2s}.modal-header-gradient .modal__close:hover{background-color:var(--fantasy-gold-subtle);color:var(--fantasy-gold)}.card-hover-blue{background:var(--surface-secondary);border-radius:var(--border-radius);padding:var(--space-5);border:2px solid var(--border-color)}.input-focus-blue{padding:var(--space-2-5) var(--space-3);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:border-color .3s ease,box-shadow .3s ease}.input-focus-blue:focus{outline:none;border-color:var(--color-secondary-hover);box-shadow:0 0 0 3px var(--shadow-primary-sm)}.tab-navigation{display:flex;background:var(--surface-secondary);border-radius:var(--border-radius-lg);padding:var(--space-1);gap:var(--space-1)}.tab-navigation__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border-radius:var(--border-radius-md);text-align:left;width:100%}.tab-navigation__item:hover:not(:disabled){background:var(--surface-tertiary);color:var(--text-primary)}.tab-navigation__item--active{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold);font-weight:var(--font-weight-semibold)}.tab-navigation__item--disabled{opacity:.5;cursor:not-allowed}.tab-navigation__icon{font-size:var(--font-size-lg);flex-shrink:0}.tab-navigation__label{flex:1}.tab-navigation__count{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.tab-navigation--horizontal{flex-direction:row;border-bottom:1px solid var(--border-color)}.tab-navigation--vertical{flex-direction:column;width:280px;flex-shrink:0;border-right:1px solid var(--border-color);border-bottom:none;background:var(--surface-secondary);padding:0;border-radius:0}.tab-navigation--horizontal .tab-navigation__item{border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-4)}.tab-navigation--vertical .tab-navigation__item{justify-content:flex-start;padding:var(--space-4);margin:0;border-radius:0;border-left:3px solid transparent}.tab-navigation--horizontal .tab-navigation__item--active{border-bottom-color:var(--fantasy-gold);background:var(--fantasy-gold-subtle)}.tab-navigation--vertical .tab-navigation__item--active{border-left-color:var(--fantasy-gold);background:var(--fantasy-gold-subtle)}.sidebar-btn{width:100%;display:flex;align-items:center;padding:var(--space-3) var(--space-4);border:0;background:transparent;text-align:left;cursor:pointer;transition:all var(--transition-base);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:0;outline:none}.sidebar-btn:hover{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold)}.sidebar-btn--active,.sidebar-btn--active:hover{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold);border-left:3px solid var(--fantasy-gold)}.sidebar-btn--disabled,.sidebar-btn--disabled:hover{opacity:.5;cursor:not-allowed;background:transparent}.sidebar-btn--sub{padding-left:var(--space-8);font-weight:var(--font-weight-normal)}.sidebar-btn__icon{margin-right:var(--space-2);font-size:var(--font-size-lg);width:20px;text-align:center;flex-shrink:0}.sidebar-btn__label{flex:1;font-size:var(--font-size-sm)}.sidebar-btn__count{margin-left:var(--space-2);padding:0 var(--space-2);min-width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--surface-tertiary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.sidebar-btn--active .sidebar-btn__count{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold)}.universe-content-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);background-color:var(--surface-secondary);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.universe-content-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.universe-content-body{flex:1;padding:var(--space-6);overflow-y:auto;min-height:0}.universe-modal-content .jobs-management{display:flex;flex-direction:column;height:100%;min-height:0;gap:0}.modal-form-body{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.modal-form-info{padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.modal-form-info h4{margin:0 0 var(--space-2) 0;color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.modal-form-info p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.modal-color-swatch{width:40px;height:40px;border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;flex-shrink:0}.modal-color-row{display:flex;align-items:center;gap:var(--space-3)}.modal-color-value{font-family:monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-footer-actions{display:flex;justify-content:center;gap:var(--space-4);width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5;border:var(--border-width) solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--fantasy-gold);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary,.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border:1px solid var(--btn-primary-border)}.btn--primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);transform:translateY(-1px)}.btn--secondary,.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){border-color:var(--btn-secondary-border-hover);color:var(--btn-secondary-fg-hover);transform:translateY(-1px)}.btn--edit,.btn-edit{background:var(--btn-edit-bg);color:var(--btn-edit-fg);border:1px solid var(--btn-edit-border)}.btn--edit:hover:not(:disabled),.btn-edit:hover:not(:disabled){background:var(--btn-edit-bg-hover);transform:translateY(-1px)}.btn--success,.btn-success,.btn-constructive{background:var(--btn-success-bg);color:var(--btn-success-fg);border:1px solid var(--btn-success-border)}.btn--success:hover:not(:disabled),.btn-success:hover:not(:disabled),.btn-constructive:hover:not(:disabled){background:var(--btn-success-bg-hover);transform:translateY(-1px)}.btn--danger,.btn-danger,.btn-danger-icon{background:var(--btn-danger-bg);color:var(--btn-danger-fg);border:1px solid var(--btn-danger-border)}.btn--danger:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-danger-icon:hover:not(:disabled){background:var(--btn-danger-bg-hover);transform:translateY(-1px)}.btn--info,.btn-info{background:var(--btn-info-bg);color:var(--btn-info-fg);border:1px solid var(--btn-info-border)}.btn--info:hover:not(:disabled),.btn-info:hover:not(:disabled){background:var(--btn-info-bg-hover);transform:translateY(-1px)}.btn--active,.btn--active:hover:not(:disabled){background:var(--fantasy-gold-subtle);border-color:var(--fantasy-gold-dim);box-shadow:var(--shadow-inset-sm);transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn--ghost:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.btn--xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);gap:var(--space-1)}.btn--sm,.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);gap:var(--space-1)}.btn--loading{color:transparent}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:var(--border-radius-circle);animation:btn-spin 1s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn-group{display:inline-flex;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.btn-group .btn:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-right-width:var(--border-width)}.btn--icon{padding:var(--space-3);aspect-ratio:1}.btn--icon.btn--sm{padding:var(--space-2)}.btn__icon{font-size:1.1em;line-height:1}.btn svg,.btn img{vertical-align:middle}@media(max-width:768px){.btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-group{flex-direction:column}.btn-group .btn{border-right-width:var(--border-width);border-bottom-width:0}.btn-group .btn:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.btn-group .btn:last-child{border-radius:0 0 var(--border-radius) var(--border-radius);border-bottom-width:var(--border-width)}}.job-action-btn{width:28px;height:28px;border:1px solid var(--border-color-strong);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;font-size:var(--font-size-sm);transition:all .2s;color:var(--fantasy-text);display:flex;align-items:center;justify-content:center}.job-action-btn.increase{background-color:var(--color-success)}.job-action-btn.decrease{background-color:var(--color-danger)}.job-action-btn:hover{opacity:.9;transform:scale(1.05)}.job-action-btn:disabled{opacity:.5;cursor:not-allowed;background-color:var(--border-color-strong);color:var(--fantasy-text);transform:none}.job-action-btn:disabled:hover{background-color:var(--border-color-strong);opacity:.5;transform:none}.job-action-btn.shift{font-size:var(--font-size-xs)}.job-action-btn.pending{background-color:var(--color-disabled-bg);cursor:wait;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.btn--warning,.btn-warning{background:var(--btn-warning-bg);color:var(--btn-warning-fg);border:1px solid var(--btn-warning-border)}.btn--warning:hover:not(:disabled),.btn-warning:hover:not(:disabled){background:var(--btn-warning-bg-hover);transform:translateY(-1px)}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);gap:var(--space-3)}.btn--xl{padding:var(--space-5) var(--space-8);font-size:var(--font-size-lg);gap:var(--space-3)}.btn--icon.btn--lg{padding:var(--space-4)}.event-active-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 var(--space-2);border-radius:9999px;border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.event-active-pill.active{background:var(--btn-success-bg);color:var(--btn-success-fg);border-color:var(--color-success)}@media(max-width:768px){.btn--lg{padding:var(--space-4) var(--space-5);font-size:var(--font-size-base)}}.tri-state-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:14px;border:1px solid var(--border-color-strong);background:var(--surface-tertiary);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;-webkit-user-select:none;user-select:none}.tri-state-pill:hover:not(:disabled){border-color:var(--fantasy-gold-dim)}.tri-state-pill.state--on{background:var(--btn-success-bg);color:var(--btn-success-fg);border-color:var(--color-success)}.tri-state-pill.state--off{background:var(--btn-danger-bg);color:var(--btn-danger-fg);border-color:var(--color-danger)}.tri-state-pill.state--auto{background:var(--surface-secondary);color:var(--text-primary);border:1px dashed var(--fantasy-gold-dim)}.tri-state-pill:disabled{opacity:.5;cursor:not-allowed}.tri-state-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.form{display:flex;flex-direction:column;gap:var(--space-6)}input,textarea,select{background:var(--surface-secondary);color:var(--fantasy-text);border:1px solid var(--fantasy-border);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-base),box-shadow var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--fantasy-text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--fantasy-border-focus);outline:none;box-shadow:0 0 0 2px var(--focus-ring-primary)}select option{background:var(--surface-secondary);color:var(--fantasy-text)}@media(max-width:480px){.form{gap:var(--space-4)}}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0;line-height:1.4}.form-input,.form-textarea,.form-select{padding:var(--space-3);line-height:1.5;width:100%}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--fantasy-border-focus);box-shadow:0 0 0 2px var(--focus-ring-primary)}.form-textarea{resize:vertical;min-height:6rem;font-family:inherit}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-2) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-8);appearance:none}.form-help{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4;margin:0;margin-top:var(--space-1)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--space-1);line-height:1.4}.form-input--error,.form-textarea.form-input--error,.form-select.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-row{display:flex;gap:var(--space-4);align-items:flex-start}.form-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox input[type=checkbox]{flex-shrink:0;margin:0}.check-row{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;margin:0;white-space:nowrap}.check-row input[type=checkbox],.check-row input[type=radio]{flex-shrink:0;width:16px;height:16px;margin:0;cursor:pointer;appearance:auto}.check-grid-2col{display:grid;grid-template-columns:repeat(2,max-content);gap:var(--space-2) var(--space-8);justify-content:start}.check-grid-3col{display:grid;grid-template-columns:repeat(3,max-content);gap:var(--space-2) var(--space-6);justify-content:start}.check-stack{display:flex;flex-direction:column;gap:var(--space-2)}.data-table-container{background:var(--surface-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead{background:var(--surface-secondary)}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.data-table th.sortable:hover{background-color:var(--surface-tertiary)}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.data-table tbody tr:hover{background-color:var(--surface-secondary)}.data-table td{padding:var(--space-2) var(--space-4);vertical-align:middle}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-4);background:var(--surface-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.pagination-btn{padding:var(--space-2) var(--space-4);background-color:var(--fantasy-gold);color:var(--fantasy-text);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-base)}.pagination-btn:hover:not(:disabled){background-color:var(--fantasy-gold-dim)}.pagination-btn:disabled{background-color:var(--text-secondary);cursor:not-allowed;opacity:.6}.pagination-info{font-weight:500;color:var(--text-primary)}.revenues-summary-full-width{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-10);width:100%;align-items:start}.right-column{display:flex;flex-direction:column;gap:var(--space-5);height:100%}.modifiers-section{margin-top:var(--space-10)}.modifiers-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.modifiers-column{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.modifiers-column-title{color:var(--text-primary);margin:0 0 var(--space-5) 0;font-size:1.2em;border-bottom:2px solid var(--fantasy-gold);padding-bottom:var(--space-2);text-align:center}.modifiers-column .modifier-table-container h3{font-size:1em;margin-bottom:var(--space-2-5);color:var(--text-primary)}.modifiers-column .modifier-table-container{margin-bottom:var(--space-4)}.positive{color:var(--color-success)}.negative{color:var(--color-danger)}.crime-level-none{color:var(--color-crime-none)}.crime-level-low{color:var(--color-crime-low)}.crime-level-moderate{color:var(--color-crime-moderate)}.crime-level-high{color:var(--color-crime-high)}.crime-level-critical{color:var(--color-crime-critical)}@media(max-width:1024px){.revenues-summary-full-width{grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media(max-width:768px){.revenues-summary-full-width,.modifiers-grid{grid-template-columns:1fr;gap:var(--space-5)}}@media(max-width:480px){.modifiers-column-title{font-size:1.1em}}.worker-row{background-color:var(--surface-secondary)}.worker-row:hover{background-color:var(--border-color)}.building-row .building-name{display:flex;align-items:center;gap:var(--space-2);font-weight:500}.building-row .type-icon{font-size:var(--font-size-base)}.building-row .name-text{color:var(--text-primary)}.built-count-badge{display:inline-flex;align-items:center;vertical-align:middle;background-color:var(--color-success);color:var(--fantasy-text);padding:var(--space-px-2) var(--space-1);border-radius:var(--border-radius-sm);font-size:10px;font-weight:700;margin-left:var(--space-1)}.building-row-damaged{background-color:var(--danger-row-bg)}.building-row-damaged:hover{background-color:var(--danger-row-bg-hover)}.damaged-badge{display:inline-flex;align-items:center;gap:var(--space-1);background-color:var(--color-danger);color:var(--fantasy-text);padding:var(--space-px-2) var(--space-1);border-radius:var(--border-radius-sm);font-size:10px;font-weight:700;margin-left:var(--space-1)}.stats-cards{display:flex;gap:var(--space-5);margin-bottom:var(--space-8);flex-wrap:wrap}.stat-card{background:var(--surface-primary);border-radius:var(--border-radius);padding:var(--space-5);box-shadow:var(--shadow-dark-md);border:1px solid var(--fantasy-border);border-left:4px solid var(--fantasy-gold);flex:1;text-align:center;min-width:200px;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--fantasy-border-focus);border-left-color:var(--fantasy-gold);box-shadow:var(--shadow-dark-lg)}.stat-card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-2-5);display:block}.stat-card h4,.stat-card-title{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.stat-card-value{font-size:2.5em;font-weight:700;color:var(--text-primary);margin:var(--space-2-5) 0;font-family:Courier New,monospace}.stat-card-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.stat-card--primary{border-left-color:var(--fantasy-gold)}.stat-card-value--primary{color:var(--fantasy-gold)}@media(max-width:1024px){.stats-cards{gap:var(--space-4)}.stat-card{min-width:180px}}@media(max-width:768px){.stats-cards{flex-direction:column;gap:var(--space-4)}.stat-card{min-width:auto;flex:none}.stat-card-value{font-size:2em}}@media(max-width:480px){.stat-card{padding:var(--space-4)}.stat-card-value{font-size:1.8em}.stat-card h4,.stat-card-title{font-size:var(--font-size-sm)}}.loading{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.error,.error-message{text-align:center;padding:var(--space-8);color:var(--color-danger)}.no-data{text-align:center;padding:var(--space-5);color:var(--text-secondary)}.section-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.harmonized-tab{padding:0}.harmonized-tab h2{margin-bottom:var(--space-5)}.filter-bar,.population-controls{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-2-5);background:var(--surface-primary);border-radius:var(--border-radius);padding:var(--space-4);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}.filter-row,.filters{display:flex;gap:var(--space-4);align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{display:flex;align-items:center;gap:var(--space-1);font-weight:500;margin-bottom:var(--space-1);color:var(--fantasy-text);font-size:var(--font-size-sm)}.filter-group input,.filter-group select,.filters select{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.clear-filters-btn{padding:var(--space-2) var(--space-4);background:transparent;color:var(--fantasy-text);border:1px solid var(--fantasy-border-focus);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);height:fit-content;transition:all var(--transition-base)}.clear-filters-btn:hover{border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.search-and-actions{display:flex;gap:var(--space-2-5);align-items:center}.search-form{position:relative;display:inline-flex}.search-form input{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);min-width:200px;font-size:var(--font-size-sm);width:100%}.search-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--font-size-sm)}.search-form button{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;background-color:var(--surface-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s}.search-form button:hover{background-color:var(--surface-tertiary)}@media(max-width:768px){.filter-row,.filters{flex-direction:column;align-items:stretch;gap:var(--space-3)}.filter-group{min-width:auto}.search-form input{min-width:auto;width:100%}.population-controls{flex-direction:column;gap:var(--space-4)}}@media(max-width:480px){.filter-bar,.population-controls{padding:var(--space-3)}.filter-group label{font-size:var(--font-size-sm)}.filter-group input,.filter-group select,.filters select{padding:var(--space-px-6) var(--space-2-5);font-size:var(--font-size-sm)}.clear-filters-btn{padding:var(--space-px-6) var(--space-3);font-size:var(--font-size-sm)}}.buildings-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.buildings-filters{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.buildings-search{display:flex;gap:var(--space-2-5);align-items:center}.view-toggle{display:flex;justify-content:flex-start;margin-bottom:var(--space-5);gap:var(--space-2-5)}.view-toggle .toggle-button{padding:var(--space-2-5) var(--space-5);border:1px solid var(--border-color-strong);background-color:var(--surface-primary);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:var(--space-2);transition:all .2s;font-size:var(--font-size-sm);color:var(--text-primary)}.view-toggle .toggle-button:hover{background-color:var(--surface-secondary);border-color:var(--text-muted)}.view-toggle .toggle-button.active{background-color:var(--color-success);color:var(--fantasy-text);border-color:var(--color-success)}.view-toggle .toggle-button.active:hover{background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.view-toggle .toggle-icon{font-size:var(--font-size-lg)}@media(max-width:768px){.view-toggle{flex-wrap:wrap;gap:var(--space-2)}.view-toggle .toggle-button{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-width:auto}.view-toggle .toggle-icon{font-size:var(--font-size-base)}}@media(max-width:480px){.view-toggle{flex-direction:column;gap:var(--space-2)}.view-toggle .toggle-button{justify-content:center;width:100%}}.config-section{margin-bottom:var(--space-6)}.config-section__header{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-tertiary);border-radius:var(--border-radius);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.config-section__header--open{margin-bottom:var(--space-4)}.config-section__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.config-section__chevron{font-size:var(--font-size-sm);color:var(--text-secondary)}.config-section__content{display:flex;flex-direction:column;gap:var(--space-3)}.config-section__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.config-section__label{flex:1}.config-section__label-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.config-section__default{font-size:var(--font-size-sm);color:var(--text-muted)}.config-section__input{width:80px;padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);text-align:right;font-family:monospace}.config-modal__footer{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-1) var(--space-6);background-color:var(--surface-secondary)}.salary-config{margin-bottom:var(--space-6)}.salary-config__header{display:flex;justify-content:space-between;align-items:center;background-color:var(--surface-tertiary);border-radius:var(--border-radius);padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.salary-config__header--open{margin-bottom:var(--space-4)}.salary-config__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.salary-config__chevron{font-size:var(--font-size-sm);color:var(--text-secondary)}.salary-config__loading{padding:var(--space-4);text-align:center;color:var(--text-muted)}.salary-config__error{padding:var(--space-4);color:var(--color-danger)}.salary-config__body{display:flex;flex-direction:column;gap:var(--space-3)}.salary-config__description{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-2)}.salary-config__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.salary-config__row-info{flex:1}.salary-config__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.salary-config__default{font-size:var(--font-size-sm);color:var(--text-muted)}.salary-config__salary-input{width:80px;flex-shrink:0;padding:var(--space-1) var(--space-2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);text-align:right;font-family:monospace}.salary-config__reassignable{flex-shrink:0;display:flex;align-items:center;margin-top:var(--space-px-6)}.salary-config__warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-warning-light, rgba(217, 119, 6, .1));border-left:3px solid var(--color-warning);border-radius:var(--border-radius-sm);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-warning-hover)}.detail-modal__card{margin-bottom:var(--space-6)}.detail-modal__section-title{margin:0 0 var(--space-4) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);border-bottom:2px solid var(--fantasy-gold);padding-bottom:var(--space-2)}.detail-modal__section-title--primary{border-bottom-color:var(--color-primary)}.detail-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.detail-modal__field{display:flex;flex-direction:column;gap:var(--space-1)}.detail-modal__field--full{grid-column:1 / -1}.detail-modal__field-label{font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm)}.detail-modal__field-value{color:var(--text-primary);font-size:var(--font-size-base)}.p-4{padding:var(--space-4)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--fantasy-text)}.flex{display:flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.border{border:var(--border-width) solid var(--border-color)}.border-r{border-right:var(--border-width) solid var(--border-color)}.card{background:var(--surface-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dark-md);border:1px solid var(--fantasy-border);overflow:hidden}.card__header{padding:var(--space-6);border-bottom:var(--border-width) solid var(--border-color);background:var(--surface-secondary)}.card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.card__footer{padding:var(--space-6);border-top:var(--border-width) solid var(--border-color);background:var(--surface-secondary)}.alert{padding:var(--space-4);border-radius:var(--border-radius);border:var(--border-width) solid;margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.025em}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-color);border-top:2px solid var(--fantasy-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:text-center{text-align:center}}@media(max-width:480px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:text-center{text-align:center}.sm\:text-sm{font-size:var(--font-size-sm)}}@keyframes slideFromTop{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.slide-from-top{animation:slideFromTop .3s ease-out}.slide-from-bottom{animation:slideFromBottom .3s ease-out}.slide-from-right{animation:slideFromRight .3s ease-out}.slide-from-left{animation:slideFromLeft .3s ease-out}.promo-banner{min-height:40px;padding:10px 16px;background:#c9a84c1a;border-bottom:1px solid var(--fantasy-gold-dim);font-family:var(--font-fantasy-title);color:var(--fantasy-text);text-align:center;font-size:.9rem;line-height:1.3;box-sizing:border-box}.promo-banner a{color:var(--fantasy-gold);text-decoration:none;font-weight:600}.promo-banner a:hover{color:var(--fantasy-gold);text-decoration:underline}.icon-svg{display:contents}.icon-svg>svg{width:1em;height:1em;display:inline-block;vertical-align:-.125em}.icon-emoji{display:inline-flex;align-items:center;justify-content:center;line-height:1}.icon-label{display:inline-flex;align-items:center;gap:.35em}.icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:var(--space-2);max-height:300px;overflow-y:auto;overflow-x:visible;padding:var(--space-2-5)}.icon-picker-item{display:flex;align-items:center;justify-content:center;padding:var(--space-2-5);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-primary);cursor:pointer;transition:all .2s ease;min-height:50px;position:relative;overflow:visible}.icon-picker-item:hover{background:var(--color-alert-info-bg);border-color:var(--fantasy-gold);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary-sm)}.icon-picker-item:focus{outline:none;background:var(--color-alert-info-bg);border-color:var(--fantasy-gold);box-shadow:0 0 0 3px var(--focus-ring-primary)}.icon-picker-item.selected{background:var(--color-alert-info-bg);border-color:var(--fantasy-gold);border-width:3px;box-shadow:0 0 0 2px var(--focus-ring-primary)}.icon-picker-item.selected:hover{background:var(--color-alert-info-border)}.icon-picker-item:focus-visible{outline:2px solid var(--fantasy-gold);outline-offset:2px}.icon-category-sidebar{width:150px;border-right:1px solid var(--border-color);background:var(--surface-secondary);overflow-y:auto}.icon-category-button{width:100%;padding:var(--space-3);border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-size:var(--font-size-xs);border-bottom:1px solid var(--surface-tertiary);transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2)}.icon-category-button:hover{background:var(--surface-tertiary)}.icon-category-button:focus{outline:none;background:var(--border-color);box-shadow:inset 3px 0 0 var(--fantasy-gold)}.icon-category-button.active{background:var(--fantasy-gold);color:var(--fantasy-text);font-weight:700}.icon-category-button.active:hover{background:var(--fantasy-gold-dim)}.icon-picker-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--surface-secondary)}.icon-picker-tab{flex:1;padding:var(--space-3);border:none;background:transparent;cursor:pointer;font-weight:400;color:var(--text-secondary);transition:all .2s ease}.icon-picker-tab:hover{background:var(--surface-tertiary);color:var(--text-primary)}.icon-picker-tab:focus{outline:none;background:var(--border-color);box-shadow:inset 0 -3px 0 var(--fantasy-gold)}.icon-picker-tab.active{background:var(--surface-primary);border-bottom:2px solid var(--fantasy-gold);color:var(--fantasy-gold);font-weight:700}@media(max-width:768px){.icon-category-sidebar{width:120px}.icon-category-button{padding:var(--space-2-5);font-size:var(--font-size-xs)}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:var(--space-px-6)}.icon-picker-item{min-height:45px;padding:var(--space-2)}}.icon-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--text-secondary)}.icon-loading:after{content:"";width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--fantasy-gold);border-radius:var(--border-radius-circle);animation:spin 1s linear infinite;margin-left:var(--space-2-5)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--page-bg);background-image:radial-gradient(ellipse at 30% 20%,rgba(120,80,20,.1) 0%,transparent 45%),radial-gradient(ellipse at 70% 80%,rgba(80,40,10,.12) 0%,transparent 45%),radial-gradient(ellipse at 50% 50%,rgba(160,100,30,.04) 0%,transparent 65%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}