:root{--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #36abe0;--ion-color-secondary-tint: #50c8ff;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #4854e0;--ion-color-tertiary-tint: #6370ff;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #cf3c4f;--ion-color-danger-tint: #ed576b;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}@media (prefers-color-scheme: dark){body{--ion-color-primary: #428cff;--ion-color-primary-rgb: 66,140,255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255,255,255;--ion-color-primary-shade: #3a7be0;--ion-color-primary-tint: #5598ff;--ion-color-secondary: #50c8ff;--ion-color-secondary-rgb: 80,200,255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255,255,255;--ion-color-secondary-shade: #46b0e0;--ion-color-secondary-tint: #62ceff;--ion-color-tertiary: #6a64ff;--ion-color-tertiary-rgb: 106,100,255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255,255,255;--ion-color-tertiary-shade: #5d58e0;--ion-color-tertiary-tint: #7974ff;--ion-color-success: #2fdf75;--ion-color-success-rgb: 47,223,117;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0,0,0;--ion-color-success-shade: #29c467;--ion-color-success-tint: #44e283;--ion-color-warning: #ffd534;--ion-color-warning-rgb: 255,213,52;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0,0,0;--ion-color-warning-shade: #e0bb2e;--ion-color-warning-tint: #ffd948;--ion-color-danger: #ff4961;--ion-color-danger-rgb: 255,73,97;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255,255,255;--ion-color-danger-shade: #e04055;--ion-color-danger-tint: #ff5b71;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152,154,162;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0,0,0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244,245,248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0,0,0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244,245,248;--ion-color-dark-contrast: #000000;--ion-color-dark-contrast-rgb: 0,0,0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}.ios body{--ion-background-color: #000000;--ion-background-color-rgb: 0,0,0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255,255,255;--ion-color-step-50: #0d0d0d;--ion-color-step-100: #1a1a1a;--ion-color-step-150: #262626;--ion-color-step-200: #333333;--ion-color-step-250: #404040;--ion-color-step-300: #4d4d4d;--ion-color-step-350: #595959;--ion-color-step-400: #666666;--ion-color-step-450: #737373;--ion-color-step-500: #808080;--ion-color-step-550: #8c8c8c;--ion-color-step-600: #999999;--ion-color-step-650: #a6a6a6;--ion-color-step-700: #b3b3b3;--ion-color-step-750: #bfbfbf;--ion-color-step-800: #cccccc;--ion-color-step-850: #d9d9d9;--ion-color-step-900: #e6e6e6;--ion-color-step-950: #f2f2f2;--ion-item-background: #000000;--ion-card-background: #1c1c1d}.ios ion-modal{--ion-background-color: var(--ion-color-step-100);--ion-toolbar-background: var(--ion-color-step-150);--ion-toolbar-border-color: var(--ion-color-step-250)}.md body{--ion-background-color: #121212;--ion-background-color-rgb: 18,18,18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255,255,255;--ion-border-color: #222222;--ion-color-step-50: #1e1e1e;--ion-color-step-100: #2a2a2a;--ion-color-step-150: #363636;--ion-color-step-200: #414141;--ion-color-step-250: #4d4d4d;--ion-color-step-300: #595959;--ion-color-step-350: #656565;--ion-color-step-400: #717171;--ion-color-step-450: #7d7d7d;--ion-color-step-500: #898989;--ion-color-step-550: #949494;--ion-color-step-600: #a0a0a0;--ion-color-step-650: #acacac;--ion-color-step-700: #b8b8b8;--ion-color-step-750: #c4c4c4;--ion-color-step-800: #d0d0d0;--ion-color-step-850: #dbdbdb;--ion-color-step-900: #e7e7e7;--ion-color-step-950: #f3f3f3;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}@charset "UTF-8";:root{--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #36abe0;--ion-color-secondary-tint: #50c8ff;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #4854e0;--ion-color-tertiary-tint: #6370ff;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #cf3c4f;--ion-color-danger-tint: #ed576b;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e;--color-text-primary: white;--color-bg-primary: #3a4a5c;--color-bg-secondary: #2c3e50;--color-bg-card: #3a4a5c;--color-bg-modal: #3a4a5c;--color-bg-success: #27ae60;--color-bg-error: #c7384f;--color-bg-locked: #333333;--color-bg-profile: #2c3e50;--color-bg-dark: #2a2a2a;--color-bg-login-card: rgba(44, 62, 80, .95);--color-bg-profile-card: #3d342b;--border-radius-lg: 5px}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none;padding-bottom:140px}.building-card-title,.unit-card-title,.technology-card-title{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}ion-content{--padding-bottom: 140px !important}.app-toast{--border-radius: var(--border-radius-lg);--box-shadow: none;--color: #ffffff;font-weight:600;text-align:center;letter-spacing:.3px}.toast-error{--background: var(--color-bg-error);border:1px solid rgba(255,255,255,.15)}ion-toast.app-toast{--border-radius: var(--border-radius-lg);--box-shadow: 0 6px 20px rgba(0, 0, 0, .35);--color: #ffffff;font-weight:600;text-align:center;letter-spacing:.3px}ion-toast.app-toast::part(container){border-radius:var(--border-radius-lg);box-shadow:none}ion-toast.app-toast::part(message){color:#fff;font-weight:600;text-align:center;letter-spacing:.3px}ion-toast.toast-error::part(container){background:var(--color-bg-error);border:none}ion-toast.app-toast.toast-stack{--bottom: var(--toast-stack-offset, 12px) !important;bottom:var(--toast-stack-offset, 12px)!important}body.login-page{padding-bottom:0!important}body.login-page ion-content{--padding-bottom: 0 !important}app-world ion-content{--padding-bottom: 0 !important}.bg-white-transparent{background:#0003;border:none!important}.hover-bg-dark{transition:background-color .3s ease}.hover-bg-dark:hover{background:#0006!important}.icon-white-halo{filter:drop-shadow(0 0 1px rgba(255,255,255,.5))}.app-card{width:280px;background:var(--color-bg-primary);border:1px solid #5a6b7d;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #0000004d;position:relative;overflow:visible;display:flex;flex-direction:column}.app-card.app-card--full-height{height:100%;margin:0}.app-card.app-card--locked{cursor:not-allowed;background:var(--color-bg-locked);border-color:#6a6a6ab3}.app-card.app-card--locked .app-card-header,.app-card.app-card--locked .card-image-container,.app-card.app-card--locked .app-card-content,.app-card.app-card--locked .app-card-footer{opacity:.6;filter:grayscale(100%) brightness(.6)}.app-card-header{padding:15px 20px 10px;text-align:center}.app-card-header.app-card-header--compact{padding:10px;border-bottom:none;text-align:left}.card-image-container{height:200px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 10px;border-radius:var(--border-radius-lg)}.card-image-container :after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 10px 10px 10px #00000080}.app-card-content{padding:10px;flex:1;display:flex;flex-direction:column}.app-card-footer{display:flex;justify-content:space-between;align-items:end;padding:0 15px 15px;min-height:40px}*{-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}.container{max-width:1200px;margin:0 auto;padding:0 16px}app-navigation-bar{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;z-index:20000}.app-tooltip{position:absolute;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,4px,0);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:60000}.app-tooltip.app-tooltip--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateZ(0)}.app-tooltip.app-tooltip--top{transform:translate3d(-50%,4px,0)}.app-tooltip.app-tooltip--top.app-tooltip--visible{transform:translate3d(-50%,0,0)}.app-tooltip.app-tooltip--bottom{transform:translate3d(-50%,-4px,0)}.app-tooltip.app-tooltip--bottom.app-tooltip--visible{transform:translate3d(-50%,0,0)}.app-tooltip.app-tooltip--left{transform:translate3d(4px,-50%,0)}.app-tooltip.app-tooltip--left.app-tooltip--visible{transform:translate3d(0,-50%,0)}.app-tooltip.app-tooltip--right{transform:translate3d(-4px,-50%,0)}.app-tooltip.app-tooltip--right.app-tooltip--visible{transform:translate3d(0,-50%,0)}.app-tooltip .app-tooltip__content,.app-tooltip .tooltip-content{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:12px 16px;font-size:12px;white-space:nowrap;border-radius:var(--border-radius-lg);border:1px solid #5a6b7d;box-shadow:0 8px 20px #0006;text-align:left}.app-tooltip .app-tooltip__title,.app-tooltip .tooltip-title{font-size:14px;font-weight:700;color:gold;text-align:left;margin-bottom:10px}.app-tooltip.app-tooltip--label .app-tooltip__content{padding:6px 10px;font-size:13px;font-weight:600;white-space:nowrap}.app-tooltip .app-tooltip__subtitle,.app-tooltip .tooltip-description{font-size:13px;color:#d4d4d4;margin-bottom:8px}.app-tooltip .app-tooltip__section-title,.app-tooltip .tooltip-section-title{font-size:12px;font-weight:600;color:gold;margin:10px 0 6px}.app-tooltip .app-tooltip__list{display:flex;flex-direction:column;gap:6px}.app-tooltip .app-tooltip__row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.app-tooltip .app-tooltip__row.app-tooltip__row--positive{color:#27ae60}.app-tooltip .app-tooltip__row.app-tooltip__row--negative{color:#e74c3c}.app-tooltip .app-tooltip__value{font-weight:600}.app-tooltip .tooltip-total{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-top:20px}.app-tooltip .tooltip-total .tooltip-total-label{color:gold;font-size:12px}.app-tooltip .tooltip-total .tooltip-total-value{font-size:13px}.app-tooltip .tooltip-total .tooltip-total-value.positive{color:#27ae60}.app-tooltip .tooltip-total .tooltip-total-value.negative{color:#e74c3c}.app-tooltip .tooltip-current{font-size:12px;margin-top:10px;color:var(--color-text-primary);text-align:center;padding:4px 8px;border-radius:var(--border-radius-lg)}.app-tooltip .tooltip-current.limit-reached{color:#e74c3c;text-shadow:0 0 4px rgba(231,76,60,.5)}.app-tooltip .tooltip-current.near-limit{color:#f39c12;text-shadow:0 0 4px rgba(243,156,18,.5)}.app-tooltip .tooltip-section{margin-top:10px}.app-tooltip .tooltip-section .tooltip-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:11px}.app-tooltip .tooltip-section .tooltip-item .tooltip-source{color:var(--color-text-primary);flex:1}.app-tooltip .tooltip-section .tooltip-item .tooltip-value{font-weight:700;margin-left:8px}.app-tooltip .tooltip-section .tooltip-item .tooltip-value.positive{color:#27ae60}.app-tooltip .tooltip-section .tooltip-item .tooltip-value.negative{color:#e74c3c}.app-tooltip .tooltip-click-hint{font-size:12px;color:gold;font-style:italic;margin-top:8px;text-align:center}.app-tooltip .effects-grid{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px}.app-tooltip .effects-grid__header,.app-tooltip .effects-grid__row{display:grid;grid-template-columns:32px repeat(5,64px);gap:6px;align-items:center}.app-tooltip .effects-grid__header{border:1px solid #5a6b7d;border-radius:var(--border-radius-lg)}.app-tooltip .effects-grid__header-icon{width:100%;height:100%}.app-tooltip .effects-grid__header-value{text-align:center;color:gold;font-weight:700;padding:5px}.app-tooltip .effects-grid__row .effect-name-cell{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;border-radius:var(--border-radius-lg)}.app-tooltip .effects-grid__row .effect-name-cell .effect-icon{width:20px;height:20px;image-rendering:crisp-edges}.app-tooltip .effects-grid__row .effect-value-cell{text-align:center;color:#27ae60;font-weight:700;padding:5px}.app-tooltip .effects-table-container{overflow-x:auto;margin-top:8px}.app-tooltip .effects-table{width:100%;border-collapse:collapse;font-size:11px}.app-tooltip .effects-table thead tr th{padding:6px 8px;color:gold;font-weight:700;text-align:center;border:1px solid #5a6b7d;border-radius:var(--border-radius-lg)}.app-tooltip .effects-table thead tr th:first-child{text-align:left;border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}.app-tooltip .effects-table thead tr th:last-child{border-radius:0 4px 4px 0}.app-tooltip .effects-table tbody tr:not(:last-child){border-bottom:1px solid rgba(90,107,125,.5)}.app-tooltip .effects-table tbody tr .effect-name-cell{padding:6px 8px;color:var(--color-text-primary);font-weight:500;text-align:left;background:#ffffff1a;border-right:1px solid rgba(90,107,125,.5)}.app-tooltip .effects-table tbody tr .effect-value-cell{padding:6px 8px;color:#27ae60;font-weight:700;text-align:center;background:#27ae601a;border-right:1px solid rgba(90,107,125,.3)}.app-tooltip .effects-table tbody tr .effect-value-cell:last-child{border-right:none}.app-tooltip #app-tooltip-layer .help-tooltip{max-width:520px}.app-tooltip #app-tooltip-layer .help-tooltip .app-tooltip__content{padding:16px;text-align:left;min-width:280px}.app-tooltip #app-tooltip-layer .help-tooltip .app-tooltip__title{font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:700;color:gold;margin-bottom:10px}.app-tooltip #app-tooltip-layer .help-tooltip .app-tooltip__subtitle{font-size:13px;color:#d4d4d4;margin-bottom:12px;line-height:1.4}.app-tooltip #app-tooltip-layer .help-tooltip .tooltip-effects{background:#ffffff1a;border:1px solid #5a6b7d;border-radius:var(--border-radius-lg);padding:8px}.app-tooltip #app-tooltip-layer .help-tooltip .app-tooltip__section-title{font-size:12px;font-weight:700;color:gold;margin-bottom:8px;margin-top:12px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__header,.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row{display:grid;grid-template-columns:32px repeat(5,1fr);gap:6px;align-items:center}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__header{border:1px solid #5a6b7d;border-radius:var(--border-radius-lg)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__header-icon{width:100%;height:100%}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__header-value{text-align:center;color:gold;font-weight:700;border-left:1px solid rgba(90,107,125,.4);padding:5px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__header-value:first-of-type{border-left:none}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row .effect-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:5px;border-radius:var(--border-radius-lg)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row .effect-name-cell .effect-icon{width:20px!important;height:20px!important;image-rendering:crisp-edges;object-fit:contain;display:block;max-width:20px!important;max-height:20px!important}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row .effect-name-cell .effect-name{font-size:11px;color:#fff;white-space:nowrap}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row .effect-value-cell{text-align:center;color:#27ae60;font-weight:700;padding:4px 0;border-left:1px solid rgba(90,107,125,.3)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-grid__row .effect-value-cell:first-of-type{border-left:none}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table-container{overflow-x:auto;margin-top:8px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table{width:100%;border-collapse:separate;border-spacing:6px 6px;font-size:11px;border:none;border-radius:var(--border-radius-lg)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table thead tr th{padding:6px 8px;background:#00000040;color:gold;font-weight:700;text-align:center;border:1px solid rgba(90,107,125,.5);border-radius:var(--border-radius-lg);box-shadow:inset 0 1px #ffffff0d}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table thead tr th.effect-icon-header{width:36px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table thead tr th.effect-value-header{min-width:60px}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table tbody tr:not(:last-child){border-bottom:1px solid rgba(90,107,125,.5)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table tbody tr td{padding:6px 8px;border:1px solid rgba(90,107,125,.6);background:#00000059;text-align:center;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px #0006,inset 0 1px #ffffff0d}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table tbody tr td.effect-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:6px;text-align:left;background:#0006;border-right:1px solid rgba(90,107,125,.6)}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table tbody tr td.effect-name-cell .effect-icon{width:20px!important;height:20px!important;object-fit:contain;display:block;image-rendering:crisp-edges;max-width:20px!important;max-height:20px!important}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table tbody tr td.effect-value-cell{text-align:center;color:#27ae60;font-weight:700}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table .effect-icon{width:20px!important;height:20px!important;object-fit:contain;display:block;image-rendering:crisp-edges;max-width:20px!important;max-height:20px!important}.app-tooltip #app-tooltip-layer .help-tooltip .effects-table .effect-name{font-size:11px;color:#fff;white-space:nowrap}.app-tooltip .cost-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.app-tooltip .cost-container .cost-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border-radius:var(--border-radius-lg)}.app-tooltip .cost-container .cost-item .cost-icon{width:18px;height:18px}.app-tooltip .cost-container .cost-item .insufficient{color:#e74c3c}.app-tooltip .upgrade-time{display:flex;align-items:center;gap:8px;margin-top:8px;padding:5px 10px;border-radius:var(--border-radius-lg)}.app-tooltip .upgrade-time .time-label{font-size:12px;font-weight:700;color:gold}.app-tooltip .prerequisites-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.app-tooltip .prerequisite-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;border-radius:var(--border-radius-lg);padding:5px 10px}.app-tooltip .prerequisite-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-tooltip .prerequisite-icon{width:18px;height:18px}.app-tooltip .prerequisite-name{font-size:12px;font-weight:700;color:var(--color-text-primary)}.app-tooltip .prerequisite-level{font-size:11px;font-weight:700;color:#27ae60;padding:2px 6px;background:#27ae6066;border-radius:var(--border-radius-lg)}.app-tooltip .prerequisite-level.insufficient{color:#e74c3c;background:#e74c3c66}#app-tooltip-layer .app-tooltip{opacity:1!important;visibility:visible!important;pointer-events:none!important;width:auto!important;max-width:100vw}#app-tooltip-layer .app-tooltip__content{max-width:calc(100vw - 32px)!important;width:auto!important;min-width:0!important}#app-tooltip-layer .help-tooltip,#app-tooltip-layer .icon-tooltip,#app-tooltip-layer .upgrade-tooltip,#app-tooltip-layer .queue-tooltip,#app-tooltip-layer .resource-tooltip,#app-tooltip-layer .training-cost-tooltip{width:auto!important;max-width:100vw}#app-tooltip-layer .resource-tooltip .app-tooltip__content{min-width:260px;width:max-content;max-width:500px;text-align:left}#app-tooltip-layer .resource-tooltip .tooltip-item-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}#app-tooltip-layer .resource-tooltip .tooltip-source{color:var(--color-text-primary);flex-shrink:0;white-space:nowrap}#app-tooltip-layer .resource-tooltip .tooltip-values{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}#app-tooltip-layer .queue-tooltip{position:static!important;inset:auto!important;transform:none!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}#app-tooltip-layer .queue-tooltip .app-tooltip__content{min-width:220px!important;padding:12px 16px}#app-tooltip-layer .queue-tooltip .app-tooltip__content .progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:6px;border:1px solid #5a6b7d}#app-tooltip-layer .queue-tooltip .app-tooltip__content .progress-bar-container .progress-bar{height:100%;background:var(--color-bg-success);transition:width .3s ease}.icon-tooltip .app-tooltip__content,.queue-tooltip .app-tooltip__content{padding:6px 10px;font-size:13px;font-weight:600;white-space:nowrap}:root{--tooltip-show-delay: 0s}#app-tooltip-layer .notifications-tooltip .app-tooltip__content{min-width:320px!important;max-width:400px!important;max-height:500px;overflow-y:auto;padding:12px!important;pointer-events:auto!important}#app-tooltip-layer .notifications-tooltip .app-tooltip__title{text-align:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #5a6b7d}#app-tooltip-layer .notifications-tooltip-list{display:flex;flex-direction:column;gap:8px}#app-tooltip-layer .notification-tooltip-item{display:flex;gap:10px;padding:10px;background:#ffffff1a;border:1px solid #5a6b7d;border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;pointer-events:auto}#app-tooltip-layer .notification-tooltip-item:hover{background:#0006;border-color:#7a8b9d}#app-tooltip-layer .notification-tooltip-item.unread{border-left:3px solid #ffd700;background:#ffd7001a}#app-tooltip-layer .notification-tooltip-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}#app-tooltip-layer .notification-tooltip-icon img{width:20px;height:20px}#app-tooltip-layer .notification-tooltip-content{flex:1;min-width:0;overflow:hidden}#app-tooltip-layer .notification-tooltip-title{font-size:13px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app-tooltip-layer .notification-tooltip-message{font-size:12px;color:#f4e4bccc;margin-bottom:4px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app-tooltip-layer .notification-tooltip-time{font-size:11px;color:#f4e4bc80;white-space:nowrap}#app-tooltip-layer .notification-tooltip-more{text-align:center;font-size:12px;color:#f4e4bc99;padding:8px;font-style:italic}#app-tooltip-layer .no-notifications-tooltip{text-align:center;padding:20px;color:#f4e4bc99;font-size:13px}#app-tooltip-layer .production-tooltip .app-tooltip__content{min-width:200px}#app-tooltip-layer .production-tooltip .production-tooltip-base,#app-tooltip-layer .production-tooltip .production-tooltip-total{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}#app-tooltip-layer .production-tooltip .production-label{color:#fffc}#app-tooltip-layer .production-tooltip .production-value{font-weight:700;color:var(--color-text-primary)}#app-tooltip-layer .production-tooltip .production-tooltip-total{margin-top:20px}#app-tooltip-layer .production-tooltip .production-tooltip-bonuses{margin-top:10px}#app-tooltip-layer .production-tooltip .production-tooltip-bonuses .app-tooltip__section-title{color:gold;font-size:11px;margin-bottom:6px;font-weight:600}#app-tooltip-layer .production-tooltip .production-bonus-item{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:12px;gap:16px}#app-tooltip-layer .production-tooltip .production-bonus-item .bonus-source{color:#fffc}#app-tooltip-layer .production-tooltip .production-bonus-item .bonus-value{font-weight:700}#app-tooltip-layer .production-tooltip .production-bonus-item .bonus-value.positive{color:#27ae60}#app-tooltip-layer .training-cost-tooltip .app-tooltip__content{min-width:140px}#app-tooltip-layer .training-cost-tooltip .cost-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}#app-tooltip-layer .training-cost-tooltip .cost-container .cost-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border-radius:var(--border-radius-lg)}#app-tooltip-layer .training-cost-tooltip .cost-container .cost-item .cost-icon{width:18px;height:18px}#app-tooltip-layer .training-cost-tooltip .cost-container .cost-item .insufficient{color:#e74c3c}#app-tooltip-layer .training-cost-tooltip .training-time{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--border-radius-lg);margin-top:10px}#app-tooltip-layer .training-cost-tooltip .training-time .time-label{font-size:12px;font-weight:700;color:gold}#app-tooltip-layer .training-cost-tooltip .training-time span:last-child{font-size:13px;font-weight:700;color:var(--color-text-primary)}@keyframes slideInCentered{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideOutCentered{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.modal-overlay{position:fixed!important;inset:0!important;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:30000;margin:0!important;padding:0!important}.modal-overlay:not(.closing){animation:fadeIn .3s ease}.modal-overlay.closing{animation:fadeOut .3s ease forwards}.modal-overlay.closing .modal-content,.modal-overlay.closing .modal-content-global,.modal-overlay.closing .expedition-modal-content{animation:slideOut .3s ease forwards}.modal-content,.modal-content-global,.expedition-modal-content{background:var(--color-bg-primary);border:1px solid #5a6b7d;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative}.modal-overlay:not(.closing) .modal-content,.modal-overlay:not(.closing) .modal-content-global,.modal-overlay:not(.closing) .expedition-modal-content{animation:slideIn .3s ease}.modal-content{max-width:90vw;max-height:90vh;min-width:500px;min-height:500px}.modal-content-global{width:90%;max-width:500px;max-height:80vh;min-width:400px;min-height:300px}.modal-content-global.notifications-modal{width:500px;max-width:500px;min-width:500px;height:600px;max-height:600px;min-height:600px;position:relative;z-index:1}.modal-content-global.notification-detail-modal{width:800px;max-width:800px}.expedition-modal-content{max-width:95vw;width:800px;max-height:95vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;flex-shrink:0}.modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.modal-header .header-left{display:flex;flex-direction:column;gap:12px;flex:1}.modal-header .header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modal-header .mark-all-read-btn,.modal-header .clear-all-btn{background:#ffffff1a;border:1px solid #5a6b7d;color:#fff;padding:8px 16px;border-radius:var(--border-radius-lg);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.modal-header .mark-all-read-btn:hover,.modal-header .clear-all-btn:hover{background:#fff3;border-color:#7a8b9d}.modal-header .mark-all-read-btn{background:#27ae6033;border-color:#27ae6080;color:#27ae60}.modal-header .mark-all-read-btn:hover{background:#27ae604d;border-color:#27ae60b3}.modal-header .close-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);transition:background-color .2s ease;margin-left:auto}.modal-header .close-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}.modal-header .close-btn:hover{background-color:#ffffff1a}.modal-body{flex:1;overflow-y:auto;padding:20px}.notifications-modal .modal-body{min-height:480px;max-height:480px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}@media (max-width: 768px){.modal-content{min-width:90vw;min-height:60vh}.modal-content-global{width:95%;min-width:95%}.expedition-modal-content{width:95vw}}@media (max-width: 480px){.modal-content{min-width:95vw;min-height:70vh}.modal-content-global{width:98%;min-width:98%}.expedition-modal-content{width:98vw}}.modal-overlay-global{position:fixed!important;inset:0!important;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:30000;margin:0!important;padding:0!important}.modal-overlay-global:not(.closing){animation:fadeIn .3s ease}.modal-overlay-global.closing{animation:fadeOut .3s ease forwards}.modal-overlay-global.closing .modal-content-global{animation:slideOut .3s ease forwards}.modal-overlay-global.notifications-container .notifications-modals-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:600px}.notification-detail-overlay{position:fixed!important;inset:0!important;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001!important;margin:0!important;padding:0!important}.notification-detail-overlay:not(.closing){animation:fadeIn .3s ease}.notification-detail-overlay.closing{animation:fadeOut .3s ease forwards}.notification-detail-overlay.closing .modal-content-global{animation:slideOutCentered .3s ease forwards}.notification-detail-overlay:not(.closing) .notification-detail-overlay .modal-content-global{animation:slideIn .3s ease}.modal-overlay-global .modal-header,.notification-detail-overlay .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px}.modal-overlay-global .modal-header .header-left,.notification-detail-overlay .modal-header .header-left{display:flex;flex-direction:column;gap:12px;flex:1}.modal-overlay-global .modal-header h2,.notification-detail-overlay .modal-header h2{margin:0;color:#fff;font-size:24px;font-weight:600}.modal-overlay-global .modal-header .header-actions,.notification-detail-overlay .modal-header .header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.modal-overlay-global .modal-header .mark-all-read-btn,.modal-overlay-global .modal-header .clear-all-btn,.notification-detail-overlay .modal-header .mark-all-read-btn,.notification-detail-overlay .modal-header .clear-all-btn{background:#ffffff1a;border:1px solid #5a6b7d;color:#fff;padding:8px 16px;border-radius:var(--border-radius-lg);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.modal-overlay-global .modal-header .mark-all-read-btn:hover,.modal-overlay-global .modal-header .clear-all-btn:hover,.notification-detail-overlay .modal-header .mark-all-read-btn:hover,.notification-detail-overlay .modal-header .clear-all-btn:hover{background:#fff3;border-color:#7a8b9d}.modal-overlay-global .modal-header .mark-all-read-btn,.notification-detail-overlay .modal-header .mark-all-read-btn{background:#27ae6033;border-color:#27ae6080;color:#27ae60}.modal-overlay-global .modal-header .mark-all-read-btn:hover,.notification-detail-overlay .modal-header .mark-all-read-btn:hover{background:#27ae604d;border-color:#27ae60b3}.modal-overlay-global .modal-header .close-btn,.notification-detail-overlay .modal-header .close-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);transition:background-color .2s ease}.modal-overlay-global .modal-header .close-btn:hover,.notification-detail-overlay .modal-header .close-btn:hover{background-color:#ffffff1a}.modal-overlay-global .modal-header .close-btn img,.notification-detail-overlay .modal-header .close-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}.modal-overlay-global .modal-body,.notification-detail-overlay .modal-body{flex:1;overflow-y:auto;padding:20px}.notifications-modal .modal-overlay-global .modal-body,.notifications-modal .notification-detail-overlay .modal-body{min-height:480px;max-height:480px}.modal-overlay-global .notifications-list,.notification-detail-overlay .notifications-list{display:flex;flex-direction:column;gap:12px}.modal-overlay-global .notification-item,.notification-detail-overlay .notification-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);cursor:pointer;transition:all .2s ease;position:relative}.modal-overlay-global .notification-item:hover,.notification-detail-overlay .notification-item:hover{background:#ffffff1a;border-color:#fff3}.modal-overlay-global .notification-item.unread,.notification-detail-overlay .notification-item.unread{background:#ffd7001a;border-color:#ffd7004d}.modal-overlay-global .notification-icon-wrapper,.notification-detail-overlay .notification-icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);background:#ffffff1a}.modal-overlay-global .notification-type-icon,.notification-detail-overlay .notification-type-icon{width:24px;height:24px}.modal-overlay-global .notification-content,.notification-detail-overlay .notification-content{flex:1;min-width:0}.modal-overlay-global .notification-title,.notification-detail-overlay .notification-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.modal-overlay-global .notification-message,.notification-detail-overlay .notification-message{font-size:14px;color:#fffc;margin-bottom:8px;line-height:1.4}.modal-overlay-global .notification-time,.notification-detail-overlay .notification-time{font-size:12px;color:#ffffff80}.modal-overlay-global .notification-item .btn-green{position:absolute;bottom:8px;right:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0;font-size:12px;font-weight:500;z-index:10;min-width:32px;min-height:32px;box-sizing:border-box;padding:0}.modal-overlay-global .notification-item .btn-green svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;flex-shrink:0}.modal-overlay-global .remove-notification-btn,.notification-detail-overlay .remove-notification-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);opacity:.5;transition:all .2s ease;z-index:10}.modal-overlay-global .remove-notification-btn:hover,.notification-detail-overlay .remove-notification-btn:hover{opacity:1;background:#ffffff1a}.modal-overlay-global .remove-notification-btn img,.notification-detail-overlay .remove-notification-btn img{width:16px;height:16px;filter:brightness(0) invert(1)}.modal-overlay-global .no-notifications,.notification-detail-overlay .no-notifications{display:flex;align-items:center;justify-content:center;height:100%;color:#ffffff80}.modal-overlay-global .no-notifications p,.notification-detail-overlay .no-notifications p{margin:0;font-size:16px}.notification-detail-modal{width:600px;max-width:600px}.modal-overlay-global:not(.closing) .notification-detail-modal{animation:slideIn .3s ease}.notification-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:16px}.notification-detail-modal .notification-detail-header{display:flex;gap:16px;align-items:flex-start;flex:1;min-width:0}.notification-detail-modal .notification-detail-icon-wrapper{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);background:#ffffff1a}.notification-detail-modal .notification-detail-icon{width:32px;height:32px}.notification-detail-modal .notification-detail-title-wrapper{flex:1;min-width:0}.notification-detail-modal .notification-detail-title-wrapper h2{margin:0 0 4px;color:#fff;font-size:20px;font-weight:600;word-wrap:break-word;line-height:1.3}.notification-detail-modal .notification-detail-time{font-size:13px;color:#fff9}.notification-detail-modal .notification-detail-body{padding:20px;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column}.notification-detail-modal .notification-detail-message{padding:15px;border-radius:var(--border-radius-lg);font-style:italic;font-size:15px;color:#ffffffe6;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;background:#0003;margin-bottom:25px}.notification-detail-modal .header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.notification-detail-modal .header-actions .mark-read-btn{background:#27ae6040;border:1px solid rgba(39,174,96,.6);color:#27ae60;padding:8px 16px;border-radius:var(--border-radius-lg);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap;cursor:pointer}.notification-detail-modal .header-actions .mark-read-btn:hover{background:#27ae6059;border-color:#27ae60cc;transform:scale(1.05)}.notification-detail-modal .header-actions .mark-read-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5}.notification-detail-modal .header-actions .close-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);transition:background-color .2s ease;flex-shrink:0}.notification-detail-modal .header-actions .close-btn:hover{background-color:#ffffff1a}.notification-detail-modal .header-actions .close-btn img{width:20px;height:20px;filter:brightness(0) invert(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.9) translateY(-20px);opacity:0}}@keyframes slideInCentered{0%{transform:translate(-50%,-50%) scale(.9) translateY(-20px);opacity:0}to{transform:translate(-50%,-50%) scale(1) translateY(0);opacity:1}}@keyframes slideOutCentered{0%{transform:translate(-50%,-50%) scale(1) translateY(0);opacity:1}to{transform:translate(-50%,-50%) scale(.9) translateY(-20px);opacity:0}}.btn-green{background:#52c878;border:none;color:#fff;padding:8px 16px;border-radius:var(--border-radius-lg);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-green:hover:not(:disabled){background:#2ecc71}.btn-green:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.btn-green-circle{background:#52c878;border:none;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-green-circle:hover:not(:disabled):not(.disabled){background:#2ecc71}.btn-green-circle:disabled,.btn-green-circle.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.btn-red{background:#f56565;border:none;color:#fff;padding:8px 16px;border-radius:var(--border-radius-lg);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-red:hover:not(:disabled){background:#e74c3c}.btn-red:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}.btn-red-circle{background:#f56565;border:none;color:#fff;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-red-circle:hover:not(:disabled):not(.disabled){background:#e74c3c}.btn-red-circle:disabled,.btn-red-circle.disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed;opacity:.5}