@keyframes fx-rainbow-border{0%{border-color:#ff6b6b;box-shadow:0 0 4px #ff6b6b66}16%{border-color:#ffa94d;box-shadow:0 0 4px #ffa94d66}33%{border-color:#ffd43b;box-shadow:0 0 4px #ffd43b66}50%{border-color:#69db7c;box-shadow:0 0 4px #69db7c66}66%{border-color:#4dabf7;box-shadow:0 0 4px #4dabf766}83%{border-color:#cc5de8;box-shadow:0 0 4px #cc5de866}to{border-color:#ff6b6b;box-shadow:0 0 4px #ff6b6b66}}.formula-examples-trigger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:var(--space-1);padding:0;border:1.5px solid var(--fantasy-gold-dim);border-radius:var(--border-radius-circle);background:var(--surface-tertiary);color:var(--fantasy-gold);font-size:.9em;line-height:1;cursor:pointer;animation:fx-rainbow-border 3s linear infinite;transition:background .2s}.formula-examples-trigger:hover{background:var(--fantasy-gold-subtle)}.fx-desktop-panel{position:fixed;width:340px;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;background:var(--surface-secondary);border:1px solid var(--border-color-strong);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dark-xl);z-index:var(--z-modal-nested);overflow:hidden}.fx-mobile-overlay{position:fixed;inset:0;background:var(--surface-overlay);z-index:var(--z-modal-nested)}.fx-mobile-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--surface-secondary)}.fx-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-color);background:var(--surface-primary)}.fx-panel__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.fx-panel__close{border:none;background:transparent;color:var(--text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 var(--space-1)}.fx-panel__close:hover{color:var(--text-primary)}.fx-panel__body{padding:var(--space-4);overflow-y:auto}.fx-note{margin:0 0 var(--space-4) 0;padding:var(--space-2-5) var(--space-3);font-size:.8em;line-height:1.4;color:var(--text-secondary);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.fx-group{margin-bottom:var(--space-5)}.fx-group__intro{margin:0 0 var(--space-3) 0;font-size:.8em;line-height:1.4;color:var(--text-secondary)}.fx-group:last-child{margin-bottom:0}.fx-group__title{margin:0 0 var(--space-3) 0;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.fx-example{margin-bottom:var(--space-3)}.fx-example:last-child{margin-bottom:0}.fx-example__code{display:block;font-family:Courier New,monospace;font-size:.85em;color:var(--fantasy-gold);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--space-2) var(--space-2-5);margin-bottom:var(--space-1);white-space:pre-wrap;word-break:break-word}.fx-example__desc{margin:0;font-size:.8em;color:var(--text-secondary);line-height:1.4}.fx-operators{width:100%;border-collapse:collapse;font-size:.8em;margin-bottom:var(--space-2)}.fx-operators tr+tr td{border-top:1px solid var(--border-color)}.fx-operators td{padding:var(--space-1-5) var(--space-2);vertical-align:top;line-height:1.4}.fx-operators td:first-child{color:var(--fantasy-gold);font-family:Courier New,monospace;white-space:nowrap;width:1%;padding-right:var(--space-3)}.fx-operators td:last-child{color:var(--text-secondary)}.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}.terms-of-use__body{display:flex;flex-direction:column;color:var(--fantasy-text, var(--text-primary));line-height:1.6;font-size:var(--font-size-sm, .9rem)}.terms-of-use__body h2{margin:0 0 var(--space-2, .5rem);font-family:var(--font-fantasy-title, serif);font-size:var(--font-size-lg, 1.15rem);color:var(--fantasy-gold, #c0a060)}.terms-of-use__updated{margin:0 0 var(--space-4, 1rem);color:var(--text-secondary);font-size:var(--font-size-xs, .75rem)}.terms-of-use__body h3{margin:var(--space-4, 1rem) 0 var(--space-1, .25rem);font-size:var(--font-size-base, 1rem);font-weight:600;color:var(--fantasy-gold, #c0a060)}.terms-of-use__body p{margin:0}.mnm-modal .modal__content{padding:0;overflow:hidden;display:flex;flex-direction:row}.mnm-layout{display:flex;flex:1;min-height:500px;overflow:hidden}.mnm-track{display:contents}.mnm-sidebar{width:280px;flex-shrink:0;border-right:1px solid var(--border-color);background-color:var(--surface-secondary);display:flex;flex-direction:column}.mnm-sidebar__heading{padding:var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--surface-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary)}.mnm-sidebar__list{flex:1;overflow-y:auto}.mnm-nav-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);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}.mnm-nav-btn__icon{display:flex;align-items:center;flex-shrink:0;font-size:1.2em;margin-right:var(--space-2)}.mnm-nav-btn__label{flex:1;min-width:0}.mnm-nav-btn__chevron{display:none;flex-shrink:0;color:var(--text-secondary)}.mnm-nav-btn__count{flex-shrink:0;min-width:1.4em;padding:0 var(--space-1);background:var(--fantasy-gold-subtle);color:var(--fantasy-gold);border:1px solid var(--fantasy-gold);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;text-align:center}.mnm-nav-btn:hover{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold)}.mnm-nav-btn--active,.mnm-nav-btn--active:hover{background:var(--fantasy-gold-subtle);color:var(--fantasy-gold);border-left:3px solid var(--fantasy-gold)}.mnm-nav-btn--disabled,.mnm-nav-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.mnm-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.mnm-content__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--border-color);background-color:var(--surface-secondary)}.mnm-content__header--no-title{padding:0;border-bottom:none;background:transparent}.mnm-content__back{display:none;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;cursor:pointer;color:var(--fantasy-gold);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mnm-content__title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%}.mnm-content__header h2{margin:0;display:flex;align-items:center;gap:var(--space-2);min-width:0;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.mnm-content__title-icon{display:inline-flex;align-items:center;flex-shrink:0}.mnm-content__header-action{flex-shrink:0}.mnm-content__body{flex:1;padding:var(--space-6);overflow-y:auto;line-height:1.6;color:var(--text-primary);font-size:var(--font-size-base)}.mnm-content__placeholder{margin:0;color:var(--text-secondary)}.mnm-content__body--raw{padding:0;display:flex;flex-direction:column}.mnm-paragraph{font-size:var(--font-size-base);margin-bottom:var(--space-4)}.mnm-paragraph--empty{margin-bottom:var(--space-2)}.mnm-content__body table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:var(--font-size-sm)}.mnm-content__body th,.mnm-content__body td{padding:.4rem .75rem;border:1px solid var(--fantasy-border);text-align:left}.mnm-content__body th{background:var(--surface-secondary);color:var(--fantasy-gold);font-weight:var(--font-weight-semibold)}.mnm-content__body tr:nth-child(2n) td{background:var(--overlay-dark-10)}.mnm-content__body a{color:var(--fantasy-gold);text-decoration:underline}@media(max-width:768px){.mnm-content__body.slide-from-top,.mnm-content__body.slide-from-bottom{animation:none}}@media(max-width:768px){.mnm-modal .modal__content{display:block}.mnm-layout{display:block;position:relative;min-height:0;height:70vh;overflow:hidden}.mnm-modal--with-footer .mnm-layout{height:60vh}.mnm-track{display:flex;width:200%;height:100%;transition:transform .3s ease}.mnm-sidebar,.mnm-content{width:50%;flex-shrink:0;height:100%;border-right:none}.mnm-layout--content .mnm-track{transform:translate(-50%)}.mnm-nav-btn{min-height:48px;font-size:var(--font-size-base)}.mnm-nav-btn__chevron,.mnm-content__back{display:inline-flex}.mnm-content__header--no-title{display:flex;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--surface-secondary)}}.achv-toast-container{position:fixed;right:var(--space-5);top:var(--space-5);z-index:1200;display:flex;flex-direction:column;gap:var(--space-3);max-width:360px;width:100%;pointer-events:none}.achv-toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);padding-right:var(--space-8);background:#1a1a14;border:1px solid var(--fantasy-gold);border-radius:var(--border-radius);box-shadow:0 8px 28px #00000080;overflow:hidden;pointer-events:auto;animation:achv-slide-in .4s cubic-bezier(.22,1,.36,1)}.achv-toast__topline{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--fantasy-gold),transparent)}.achv-toast__close{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;line-height:0;transition:color .15s}.achv-toast__close:hover{color:var(--fantasy-gold)}.achv-toast__badge{position:relative;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#12120d;border:1px solid var(--fantasy-gold)}.achv-toast__icon{color:var(--fantasy-gold);position:relative;z-index:1}.achv-toast__rays{position:absolute;inset:-14px;border-radius:50%;background:repeating-conic-gradient(var(--fantasy-gold) 0deg 1.5deg,transparent 1.5deg 15deg);-webkit-mask:radial-gradient(circle,transparent 23px,#000 25px,transparent 38px);mask:radial-gradient(circle,transparent 23px,#000 25px,transparent 38px);opacity:.45;animation:achv-rays-spin 9s linear infinite}.achv-toast__body{flex:1;min-width:0}.achv-toast__label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fantasy-gold);margin-bottom:2px}.achv-toast__name{font-family:var(--font-fantasy-title);font-size:var(--font-size-md);line-height:1.2;color:#f3e9d8;margin-bottom:2px}.achv-toast__desc{font-size:var(--font-size-sm);line-height:1.35;color:var(--text-muted)}.achv-toast__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left center;background:var(--fantasy-gold);animation-name:achv-deplete;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes achv-slide-in{0%{transform:translate(16px,-110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes achv-rays-spin{to{transform:rotate(360deg)}}@keyframes achv-deplete{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.achv-toast,.achv-toast__rays{animation:none}}@media(max-width:480px){.achv-toast-container{right:var(--space-2-5);left:var(--space-2-5);max-width:none}}.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%;position:relative}.hub-unseen-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--color-danger, #e53e3e);flex-shrink:0}.game-menu-button:hover{border-color:var(--fantasy-gold);background-color:var(--fantasy-gold-subtle);transform:translateY(-2px);box-shadow:0 4px 12px var(--fantasy-gold-15)}.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}.theme-options{display:flex;flex-direction:column;gap:var(--space-3)}.theme-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);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%}.theme-option:hover{border-color:var(--fantasy-gold);background-color:var(--fantasy-gold-subtle)}.theme-option--active{border-color:var(--fantasy-gold);box-shadow:0 0 0 1px var(--fantasy-gold)}.theme-option--locked{opacity:.7}.theme-option__swatch{width:28px;height:28px;border-radius:var(--border-radius-circle);border:1px solid var(--border-color-strong);flex-shrink:0}.theme-option__label{flex:1;font-family:var(--font-fantasy-title);font-size:var(--font-size-base);letter-spacing:.04em;color:var(--fantasy-gold)}.theme-option__lock{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-secondary)}.theme-option__check{color:var(--fantasy-gold);font-weight:var(--font-weight-bold)}.mobile-menu-trigger{display:none}@media(max-width:768px){.mobile-menu-trigger{position:fixed;top:var(--space-3);right:var(--space-3);z-index:1100;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--surface-sidebar);border:1px solid var(--fantasy-border);border-radius:var(--border-radius);color:var(--fantasy-gold);cursor:pointer;box-shadow:0 2px 10px var(--overlay-dark-50)}.mobile-menu-trigger:active{background:var(--fantasy-gold-subtle)}}.mobile-menu-overlay{position:fixed;inset:0;z-index:1090;display:flex;background:var(--overlay-dark-50, rgba(0, 0, 0, .6));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:mobile-menu-fade .2s ease}.mobile-menu-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--surface-sidebar);border-left:1px solid var(--fantasy-border);animation:mobile-menu-slide .25s cubic-bezier(.16,1,.3,1)}@keyframes mobile-menu-fade{0%{opacity:0}to{opacity:1}}@keyframes mobile-menu-slide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--overlay-light-05);flex-shrink:0}.mobile-menu-logo{height:32px;opacity:.9}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--fantasy-gold);cursor:pointer}.mobile-menu-body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5) var(--space-8)}.mobile-menu-section-title{font-family:var(--font-fantasy-title);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:var(--space-5) 0 var(--space-3)}.mobile-menu-section-title:first-child{margin-top:var(--space-2)}.mobile-menu-nav{display:flex;flex-direction:column}.mobile-menu-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-3);background:none;border:none;border-left:3px solid transparent;text-align:left;cursor:pointer;transition:all var(--transition-base)}.mobile-menu-nav-item:active{background:var(--overlay-light-03)}.mobile-menu-nav-item.is-active{background:var(--fantasy-gold-subtle);border-left-color:var(--fantasy-gold)}.mobile-menu-nav-text{font-family:var(--font-fantasy-title);font-size:var(--font-size-lg);color:var(--text-secondary)}.mobile-menu-nav-item.is-active .mobile-menu-nav-text{color:var(--fantasy-gold)}.mobile-menu-nav-badge{font-size:10px;text-transform:uppercase;background:var(--surface-secondary);color:var(--text-muted);padding:2px 6px;border-radius:4px}.mobile-menu-links{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-secondary);border:1px solid var(--fantasy-border);border-radius:var(--border-radius);color:var(--fantasy-text);position:relative;text-align:left;cursor:pointer;transition:all var(--transition-base)}.mobile-menu-link:active{border-color:var(--fantasy-gold);background:var(--fantasy-gold-subtle)}.mobile-menu-link .hub-unseen-badge{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--color-danger, #e53e3e)}.mobile-menu-link-icon{min-width:32px;text-align:center}.mobile-menu-link-content{display:flex;flex-direction:column;gap:2px}.mobile-menu-link-title{font-family:var(--font-fantasy-title);font-size:var(--font-size-base);font-weight:600;letter-spacing:.04em;color:var(--fantasy-gold)}.mobile-menu-link-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.mobile-menu-account{margin-top:var(--space-6);display:flex;justify-content:center}.mobile-menu-user{font-family:var(--font-fantasy-title);color:var(--fantasy-gold);font-weight:600;font-size:var(--font-size-base)}.mobile-menu-login{width:100%;background:none;border:1px solid var(--fantasy-border);color:var(--fantasy-text);padding:var(--space-3) var(--space-5);cursor:pointer;font-family:var(--font-fantasy-title);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;transition:all .3s}.mobile-menu-login:active{background:var(--fantasy-gold-subtle);border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.achievements-page{width:100%;padding:var(--space-12) var(--space-10)}.achievements-page__header{margin-bottom:var(--space-10)}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:700px){.achievements-grid{grid-template-columns:1fr}}.achievement-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);background:var(--surface-primary);border:1px solid var(--fantasy-border);border-left:4px solid var(--fantasy-gold);border-radius:var(--border-radius);padding:var(--space-5);box-shadow:var(--shadow-dark-md);transition:transform .2s,box-shadow .2s,border-color .2s}.achievement-card:hover{transform:translateY(-2px)}.achievement-card.is-locked{border-left-color:var(--border-color-strong);opacity:.7}.achievement-card.is-locked .achievement-card__icon{filter:grayscale(1);opacity:.6}.achievement-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.achievement-card__img{width:40px;height:40px}.achievement-card__glyph{font-size:32px;line-height:1}.achievement-card__body{flex:1;min-width:0}.achievement-card__name{font-family:var(--font-fantasy-title);font-size:var(--font-size-lg);color:var(--fantasy-gold);margin-bottom:var(--space-1)}.achievement-card.is-locked .achievement-card__name{color:var(--text-secondary)}.achievement-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.achievement-card__progress{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.achievement-card__progress-bar{flex:1;height:6px;background:var(--surface-secondary);border-radius:3px;overflow:hidden}.achievement-card__progress-bar span{display:block;height:100%;background:var(--fantasy-gold);transition:width .3s ease}.achievement-card__progress-text{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.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 var(--overlay-light-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:var(--overlay-light-03)}.hub-sidebar__nav-item.is-active{background:var(--fantasy-gold-subtle);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-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{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:var(--page-bg-ambient);background-attachment:fixed}.app-details{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 var(--overlay-dark-50)}.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)}.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;opacity:0;transition:opacity .25s ease}.app-details__screenshot-img.is-loaded{opacity:1}.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 .sidebar__bottom{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)}}@media(max-width:768px){.hub-sidebar{display:none}.app-details{padding-top:var(--space-12)}}:root,[data-theme=default]{--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-danger-glow: rgba(220, 38, 38, .7);--color-warning-bg: rgba(217, 119, 6, .12);--color-warning-border: rgba(217, 119, 6, .5);--color-warning-text: #ffb74d;--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;--texture-sidebar: none;--texture-body: url(/apps/assets/rockywall-CnFlOpi3.webp);--texture-body-opacity: .4;--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: var(--surface-tertiary);--btn-secondary-fg: var(--fantasy-text);--btn-secondary-border: var(--fantasy-border-focus);--btn-secondary-bg-hover: var(--border-color-strong);--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-25: rgba(0, 0, 0, .25);--overlay-dark-30: rgba(0, 0, 0, .3);--overlay-dark-35: rgba(0, 0, 0, .35);--overlay-dark-40: rgba(0, 0, 0, .4);--overlay-dark-45: rgba(0, 0, 0, .45);--overlay-dark-50: rgba(0, 0, 0, .5);--overlay-dark-60: rgba(0, 0, 0, .6);--overlay-dark-65: rgba(0, 0, 0, .65);--overlay-dark-70: rgba(0, 0, 0, .7);--overlay-dark-80: rgba(0, 0, 0, .8);--overlay-dark-95: rgba(0, 0, 0, .95);--overlay-light-03: rgba(255, 255, 255, .03);--overlay-light-05: rgba(255, 255, 255, .05);--overlay-light-08: rgba(255, 255, 255, .08);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-15: rgba(255, 255, 255, .15);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-light-30: rgba(255, 255, 255, .3);--overlay-light-45: rgba(255, 255, 255, .45);--overlay-light-80: rgba(255, 255, 255, .8);--page-bg-ambient: 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%);--fantasy-gold-05: rgba(201, 168, 76, .05);--fantasy-gold-12: rgba(201, 168, 76, .12);--fantasy-gold-15: rgba(201, 168, 76, .15);--fantasy-gold-28: rgba(201, 168, 76, .28);--fantasy-gold-60: rgba(201, 168, 76, .6);--fantasy-gold-90: rgba(201, 168, 76, .9);--rarity-common: #aaaaaa;--rarity-uncommon: #6acd6a;--rarity-rare: #5aa6ff;--rarity-very-rare: #c87bff;--rarity-mythic: #ff9b6b;--rarity-legendary: var(--fantasy-gold);--stat-magic: #c084fc;--stat-magic-bg: rgba(147, 51, 234, .15);--stat-magic-bg-strong: rgba(147, 51, 234, .12);--stat-magic-border: rgba(147, 51, 234, .35);--stat-magic-border-strong: rgba(147, 51, 234, .45);--stat-physical: #7ad0ff;--stat-physical-bg: rgba(120, 200, 255, .1);--stat-physical-border: rgba(120, 200, 255, .35);--stat-danger: #ff7a7a;--stat-danger-bg: rgba(220, 50, 50, .12);--stat-danger-border: rgba(220, 50, 50, .45)}[data-theme=elven]{--color-primary: #5a7a38;--color-primary-hover: #4a6830;--color-primary-light: rgba(122, 158, 82, .08);--fantasy-gold: #8aaa62;--fantasy-gold-dim: #4a6830;--fantasy-gold-subtle: rgba(122, 158, 82, .08);--fantasy-border: #1e2e1a;--fantasy-border-focus: #4a7035;--fantasy-text: #ccd9bc;--fantasy-text-muted: #6a8558;--page-bg: #0a0c08;--surface-primary: #120f09;--surface-secondary: #131508;--surface-tertiary: #171a0c;--surface-sidebar: #070a06;--text-primary: #ccd9bc;--text-secondary: #8a9e78;--text-muted: #566845;--text-inverse: #090d08;--text-inverse-secondary: rgba(204, 217, 188, .75);--border-color: #1e2e1a;--border-color-strong: #2a4020;--focus-ring-primary: rgba(122, 158, 82, .25);--shadow-primary-sm: rgba(122, 158, 82, .1);--shadow-primary-md: rgba(122, 158, 82, .2);--shadow-primary-lg: rgba(122, 158, 82, .3);--shadow-primary-xl: rgba(122, 158, 82, .4);--shadow-primary-2xl: rgba(122, 158, 82, .6);--shadow-glow-primary-md: rgba(122, 158, 82, .5);--shadow-glow-primary-lg: rgba(122, 158, 82, .7);--fantasy-gold-05: rgba(122, 158, 82, .05);--fantasy-gold-12: rgba(122, 158, 82, .12);--fantasy-gold-15: rgba(122, 158, 82, .15);--fantasy-gold-28: rgba(122, 158, 82, .28);--fantasy-gold-60: rgba(122, 158, 82, .6);--fantasy-gold-90: rgba(122, 158, 82, .9);--page-bg-ambient: radial-gradient(ellipse 90% 70% at 50% 0%, rgba(40, 70, 25, .18) 0%, transparent 60%), radial-gradient(ellipse 70% 60% at 85% 100%, rgba(25, 50, 15, .12) 0%, transparent 55%);--texture-sidebar: url(/apps/assets/bark2-DpThtZI0.jpg);--texture-body: url(/apps/assets/tree_bark-B-ARtmdn.png);--texture-body-opacity: .4}.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:var(--surface-tertiary);color:var(--fantasy-text);border-color:var(--border-color-strong);box-shadow:0 2px 4px var(--shadow-secondary-md)}.cancel-btn:hover{background:var(--border-color-strong);border-color:var(--text-muted);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}@media(max-width:768px){.universe-content-header{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.universe-content-header h3{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0;font-size:var(--font-size-lg)}.universe-content-header .btn{flex:0 0 auto;width:auto}}.ie-mobile-note{display:none}@media(max-width:768px){.import-export-modal .ie-fs-only{display:none}.import-export-modal .ie-mobile-note{display:block;margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}}.universe-modal-content .jobs-management,.mnm-content__body--raw .jobs-management{display:flex;flex-direction:column;height:100%;min-height:0;gap:0}@media(max-width:768px){.jobs-management .actions-cell .btn,.jobs-management .universe-content-header .btn{min-height:44px}}.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}.save-btn svg path,.cancel-btn svg path{fill:var(--fantasy-gold)!important}.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-row>.form-group:only-child{flex:1}@media(max-width:768px){.form-row{flex-direction:column}}.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}@media(max-width:768px){.data-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.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)}.empty-state-card{text-align:center;padding:var(--space-10) var(--space-5);color:var(--text-secondary);background:var(--surface-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.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{gap:var(--space-1-5)}.view-toggle .toggle-button{flex:1;justify-content:center;padding:var(--space-2) var(--space-2)}}.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)}.result-panel{background:var(--surface-primary);border:1px solid var(--fantasy-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-dark-md);padding:var(--space-6)}.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}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{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:var(--page-bg-ambient);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{position:relative;z-index:0}body:before{content:"";position:fixed;inset:0;background-image:var(--texture-body);background-size:300px;background-repeat:repeat;mix-blend-mode:screen;filter:invert(1);opacity:var(--texture-body-opacity);pointer-events:none;z-index:-1}.sidebar__bottom{padding:var(--space-3);border-top:1px solid var(--fantasy-border);background:var(--overlay-dark-10)}.hub-sidebar:before,.craft-sidebar:before,.crystal-sidebar:before,.metals-sidebar:before,.rerum-sidebar:before,.App .sidebar:before{content:"";position:absolute;inset:0;background-image:var(--texture-sidebar);background-size:cover;mix-blend-mode:screen;opacity:.12;pointer-events:none;z-index:0}.hub-sidebar:after,.craft-sidebar:after,.crystal-sidebar:after,.metals-sidebar:after,.rerum-sidebar:after,.App .sidebar:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#070a06b3,#070a0666);pointer-events:none;z-index:1}.hub-sidebar>*,.craft-sidebar>*,.crystal-sidebar>*,.metals-sidebar>*,.rerum-sidebar>*,.App .sidebar>*{position:relative;z-index:2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;text-align:center;padding:var(--space-8)}.empty-state__icon{font-size:4rem;color:var(--fantasy-gold);opacity:.25;line-height:1;animation:empty-state-float 4s ease-in-out infinite}.empty-state__title{font-family:var(--font-fantasy-title);font-size:var(--font-size-2xl);color:var(--text-primary);margin:0;letter-spacing:.04em}.empty-state__sub{font-size:var(--font-size-base);color:var(--text-muted);max-width:420px;line-height:1.6;margin:0;font-style:italic}@keyframes empty-state-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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}.icon-picker-toggle-mobile,.icon-category-trigger-mobile{display:none}.icon-category-sheet-overlay{position:fixed;inset:0;background:var(--overlay-dark-60, rgba(0, 0, 0, .6));z-index:100000;display:flex;align-items:flex-end}.icon-category-sheet{width:100%;max-height:70vh;overflow-y:auto;background:var(--surface-primary);border-top-left-radius:var(--border-radius-lg, 12px);border-top-right-radius:var(--border-radius-lg, 12px);box-shadow:0 -4px 24px var(--shadow-primary-sm);padding-bottom:env(safe-area-inset-bottom,0)}.icon-category-sheet-header{padding:var(--space-4);font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--surface-primary)}.icon-category-sheet-item{width:100%;padding:var(--space-4);border:none;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-size:var(--font-size-base);border-bottom:1px solid var(--surface-tertiary);display:flex;align-items:center;gap:var(--space-3)}.icon-category-sheet-item.active{background:var(--fantasy-gold);color:var(--fantasy-text);font-weight:700}@media(max-width:768px){.icon-picker-tabs{display:none}.icon-picker-toggle-mobile{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);border:none;border-bottom:1px solid var(--border-color);background:var(--surface-secondary);color:var(--fantasy-gold);font-weight:700;cursor:pointer}.icon-category-sidebar{display:none}.icon-category-trigger-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2-5) var(--space-3);margin-bottom:var(--space-2-5);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.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)}}