*,*:before,*:after{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}:root{--bg-app: #0c0c1e;--bg-panel: #12122aee;--bg-surface: #1e1e3e;--bg-hover: #262650;--bg-input: #161636;--border-subtle: rgba(88, 88, 180, .15);--border-medium: rgba(88, 88, 180, .3);--border-active: rgba(88, 88, 180, .5);--border-glow: rgba(100, 140, 220, .35);--text-primary: #d8d8e8;--text-secondary: #9999bb;--text-tertiary: #7a7a9a;--color-positive: #3ddc84;--color-negative: #f44336;--color-warning: #ffab40;--color-info: #42a5f5;--accent-economy: #4caf50;--accent-diplomacy: #ffd54f;--accent-tech: #42a5f5;--accent-intel: #ab47bc;--accent-summary: #26c6da;--accent-military: #ef5350;--accent-government: #78909c;--accent-building: #a1887f;--accent-gold: #ffd700;--hud-bg: rgb(8, 10, 24);--hud-border: rgba(60, 80, 140, .35);--hud-glow: rgba(60, 100, 200, .08);--actionbar-bg: rgb(10, 12, 28);--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--fs-xs: 10px;--fs-sm: 11px;--fs-body: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 24px;--fs-3xl: 28px;--fs-title: 48px;--z-panel: 10;--z-hud: 20;--z-overlay: 50;--z-modal: 200;--z-save-panel: 55;--z-overlay-legend: 100;--z-notification: 150;--z-notification-history: 160;--z-tooltip: 9000;--z-context-menu: 9999;--z-victory: 10000;--bg-overlay: rgba(0, 0, 0, .7);--bg-overlay-dark: rgba(0, 0, 0, .85);--text-muted: #999;--t-fast: .15s;--t-medium: .25s;--t-slow: .4s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-app);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}.font-mono{font-family:monospace}#game-canvas{display:block;width:100%;height:100%;cursor:grab}#game-canvas:active{cursor:grabbing}#ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-overlay>*{pointer-events:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#5858b440;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5858b466}.hud-bar{position:absolute;top:0;left:0;right:0;height:52px;background:var(--hud-bg);border-bottom:1px solid var(--hud-border);box-shadow:0 1px #648cdc0f inset,0 4px 20px #00000080;display:flex;align-items:center;padding:0 var(--sp-md);gap:0;font-size:var(--fs-md);z-index:20;overflow:hidden}.hud-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(80,120,200,.3) 20%,rgba(80,120,200,.5) 50%,rgba(80,120,200,.3) 80%,transparent 100%)}.hud-bar:after{content:"";position:absolute;bottom:-8px;left:10%;right:10%;height:8px;background:radial-gradient(ellipse,var(--hud-glow),transparent);pointer-events:none}.hud-section{display:flex;align-items:center;gap:var(--sp-md);padding:0 var(--sp-sm)}.hud-section--faction{gap:var(--sp-sm)}.hud-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--hud-border),transparent);margin:0 var(--sp-xs);flex-shrink:0}.hud-spacer{flex:1}.hud-faction-emblem{border-radius:4px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 8px #0006;flex-shrink:0}.hud-faction-name{font-weight:700;font-size:var(--fs-md);letter-spacing:.5px;text-shadow:0 0 12px currentColor}.hud-stat{display:flex;align-items:center;gap:5px;position:relative}.hud-stat__icon-img{flex-shrink:0;border-radius:3px;opacity:.85;filter:drop-shadow(0 0 2px rgba(255,255,255,.1))}.hud-stat__value{color:var(--text-primary);font-weight:600;font-size:var(--fs-body);font-variant-numeric:tabular-nums}.hud-stat--gauge{flex-direction:column;gap:1px}.hud-stat__gauge-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary)}.hud-gauge{filter:drop-shadow(0 0 3px currentColor)}.end-turn-btn{padding:8px 28px;background:linear-gradient(135deg,#c62828,#e53935);border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#fff;font-size:var(--fs-md);font-weight:700;cursor:pointer;transition:background var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast),border-color var(--t-fast);position:relative;text-transform:uppercase;letter-spacing:1px;overflow:hidden}.end-turn-btn__text{position:relative;z-index:1}.end-turn-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:none}.end-turn-btn:hover:after{animation:btnShimmer 3s ease-in-out infinite}@keyframes btnShimmer{0%,80%,to{left:-100%}40%{left:150%}}.end-turn-btn:hover{background:linear-gradient(135deg,#e53935,#ef5350);transform:translateY(-1px);box-shadow:0 4px 20px #e5393566,0 0 12px #e5393533;border-color:#ff787880}.end-turn-btn--disabled,.end-turn-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;animation:none;background:linear-gradient(135deg,#666,#888)}.end-turn-btn--pulse{position:relative}.end-turn-btn--pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 8px #e5393566;opacity:.6;pointer-events:none}.hud-gear-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);flex-shrink:0;margin-left:var(--sp-sm)}.hud-gear-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-active)}.hud-section--indicators{gap:6px}.hud-indicator{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);font-size:var(--fs-xs);white-space:nowrap;max-width:170px;overflow:hidden}.hud-indicator:hover{background:#ffffff1a;border-color:#fff3}.hud-indicator img{flex-shrink:0;opacity:.8}.hud-indicator__name{overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.hud-indicator__turns{color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:2px}.hud-indicator--build{border-left:2px solid #8a7a5a}.hud-indicator--tech{border-left:2px solid #42a5f5}.hud-indicator--doctrine{border-left:2px solid #ffd54f}.hud-indicator--ops{border-left:2px solid #6a7a8a}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.5}}.hud-stat--critical .hud-stat__value{color:var(--color-negative)!important;animation:criticalPulse 1.2s 3}.hud-stat--critical .hud-stat__icon-img,.hud-stat--critical .hud-gauge{animation:criticalPulse 1.2s 3}.hud-stat--warning .hud-stat__value{color:var(--color-warning)!important}.hud-nudge{position:fixed;top:52px;left:0;right:0;height:26px;background:linear-gradient(90deg,#1e283cf2,#141e32e6);border-bottom:1px solid rgba(80,120,200,.2);display:flex;align-items:center;justify-content:center;gap:12px;z-index:29;font-size:11px;animation:nudge-slide-in .3s ease-out}@keyframes nudge-slide-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hud-nudge__text{color:#e8c898;opacity:.85}.hud-nudge__btn{background:#5078c833;border:1px solid rgba(80,120,200,.35);border-radius:3px;color:#8ab4f0;font-size:10px;padding:1px 8px;cursor:pointer}.hud-nudge__btn:hover{background:#5078c859}.hud-nudge__close{background:none;border:none;color:#ffffff4d;font-size:14px;cursor:pointer;padding:0 4px}.hud-nudge__close:hover{color:#ffffffb3}.hud-delta{position:absolute;top:-2px;right:-8px;font-size:11px;font-weight:700;pointer-events:none;animation:hud-delta-float 1.5s ease-out forwards;z-index:10}@keyframes hud-delta-float{0%{opacity:1;transform:translateY(0)}70%{opacity:.8;transform:translateY(-14px)}to{opacity:0;transform:translateY(-22px)}}.hud-stat--flash-green{animation:gauge-flash-green .6s ease-out}.hud-stat--flash-red{animation:gauge-flash-red .6s ease-out}@keyframes gauge-flash-green{0%{box-shadow:0 0 8px #4caf5099}to{box-shadow:none}}@keyframes gauge-flash-red{0%{box-shadow:0 0 8px #f4433699}to{box-shadow:none}}.end-turn-status{font-size:var(--fs-sm);color:var(--accent-gold);text-align:center;padding:6px 16px;white-space:nowrap;animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.6}50%{opacity:1}}.checklist-item[data-panel]:hover{background:#ffab4026!important}.panel{position:absolute;background:var(--bg-panel);border:1px solid var(--border-medium);padding:var(--sp-lg);z-index:15}.panel h2{font-size:var(--fs-xl);margin-bottom:var(--sp-md);border-bottom:none;padding-bottom:var(--sp-sm);background:linear-gradient(90deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.panel h2:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--border-active),transparent);border-radius:1px}.panel-left{position:absolute;left:0;top:52px;bottom:84px;width:320px;background:var(--bg-panel);border-right:1px solid var(--hud-border);padding:var(--sp-lg);overflow-y:auto;z-index:15;transform:translate(-100%);opacity:0;pointer-events:none}.panel-left:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(80,120,200,.3) 0%,transparent 20%,transparent 80%,rgba(80,120,200,.3) 100%)}.panel-left.panel--open{transform:translate(0);opacity:1;pointer-events:auto;box-shadow:4px 0 30px #00000080,1px 0 #5078c81a}.panel-right{position:absolute;right:0;top:52px;bottom:84px;width:280px;background:var(--bg-panel);border-left:1px solid var(--hud-border);padding:var(--sp-lg);overflow-y:auto;z-index:15;transform:translate(100%);opacity:0;pointer-events:none}.panel-right:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(80,120,200,.3) 0%,transparent 20%,transparent 80%,rgba(80,120,200,.3) 100%)}.panel-right.panel--open{transform:translate(0);opacity:1;pointer-events:auto;box-shadow:-4px 0 30px #00000080,-1px 0 #5078c81a}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--sp-md)}.tab-bar__tab{padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-body);color:var(--text-secondary);background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--t-fast);position:relative}.tab-bar__tab:hover{color:var(--text-primary)}.tab-bar__tab--active{color:var(--text-primary);border-bottom-color:var(--accent-economy)}.tab-bar__tab--active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:4px;background:var(--accent-economy);filter:blur(4px);opacity:.4}.tab-content{display:none}.tab-content--active{display:block}.modal-backdrop{position:fixed;inset:0;background:#0000;display:flex;visibility:hidden;pointer-events:none;align-items:center;justify-content:center;z-index:var(--z-modal);backdrop-filter:blur(0px);transition:background var(--t-medium),backdrop-filter var(--t-medium),visibility var(--t-medium)}.modal-backdrop--open{visibility:visible;pointer-events:auto;background:#000000b3;backdrop-filter:blur(4px)}.modal-backdrop--open.modal-backdrop--clear{background:none;backdrop-filter:none;pointer-events:none}.modal-backdrop--clear .modal-screen{pointer-events:auto}.modal-screen--left{position:fixed;left:16px;top:50%;transform:translateY(-50%)!important;margin:0;max-height:80vh;width:420px!important}.modal-screen{background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:12px;padding:var(--sp-xl);max-height:85vh;overflow-y:auto;position:relative;transform:translateY(8px);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-medium) var(--ease-out);box-shadow:0 0 1px #648cdc33 inset}.modal-backdrop--open .modal-screen{transform:translate(0);opacity:1;box-shadow:0 16px 48px #0009,0 4px 12px #0000004d,0 0 1px #648cdc4d inset}.modal-screen:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.modal-screen:after{content:"";position:absolute;top:8px;right:8px;width:16px;height:16px;border-top:2px solid rgba(100,140,220,.2);border-right:2px solid rgba(100,140,220,.2);pointer-events:none}.modal-screen--diplomacy:before{background:var(--accent-diplomacy)}.modal-screen--tech:before{background:var(--accent-tech)}.modal-screen--intel:before{background:var(--accent-intel)}.modal-screen--summary:before{background:var(--accent-summary)}.modal-screen--event:before{background:var(--color-warning)}.modal-screen h2{font-size:var(--fs-xl);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm)}.modal-screen .modal-icon{font-size:var(--fs-lg)}.tile-info{position:absolute;bottom:232px;left:12px;width:240px;background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:8px;padding:var(--sp-md) var(--sp-lg);font-size:var(--fs-body);z-index:16;transform:translateY(8px);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-fast);pointer-events:none;box-shadow:0 4px 16px #0006}.tile-info:before{content:"";position:absolute;top:6px;left:6px;width:10px;height:10px;border-top:2px solid rgba(100,140,220,.25);border-left:2px solid rgba(100,140,220,.25);pointer-events:none}.tile-info:after{content:"";position:absolute;bottom:6px;right:6px;width:10px;height:10px;border-bottom:2px solid rgba(100,140,220,.25);border-right:2px solid rgba(100,140,220,.25);pointer-events:none}.tile-info--visible{transform:translateY(0);opacity:1;pointer-events:auto}.tile-info__header{padding-bottom:var(--sp-sm);margin-bottom:var(--sp-sm);border-bottom:2px solid var(--border-subtle)}.tile-info__header h3{font-size:15px;color:#fff;text-transform:capitalize}.tile-info .info-row{display:grid;grid-template-columns:1fr auto;padding:2px 0;font-size:var(--fs-body);gap:8px}.tile-info .info-label{color:var(--text-secondary)}.tile-info__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:var(--fs-xs);font-weight:600;background:var(--bg-surface);color:var(--color-info);margin-top:var(--sp-xs)}.occupation-panel{position:absolute;bottom:8px;left:260px;width:260px;max-height:500px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:8px;padding:var(--sp-md) var(--sp-lg);font-size:var(--fs-body);z-index:14;transform:translate(-8px);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-fast);pointer-events:none;box-shadow:0 4px 16px #0006}.occupation-panel--visible{transform:translate(0);opacity:1;pointer-events:auto}.occupation-panel__header{padding-bottom:var(--sp-sm);margin-bottom:var(--sp-sm)}.occupation-panel__body .info-row{display:grid;grid-template-columns:1fr auto;padding:2px 0;font-size:var(--fs-body);gap:8px}.occupation-panel__body .info-label{color:var(--text-secondary)}.action-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--sp-xs);background:var(--actionbar-bg);border:1px solid var(--hud-border);border-radius:14px;padding:var(--sp-sm) var(--sp-md);z-index:20;box-shadow:0 -1px #648cdc0f inset,0 8px 32px #00000080}.action-bar:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(80,120,200,.4),transparent)}.action-bar__divider{width:1px;height:36px;background:linear-gradient(180deg,transparent,var(--hud-border),transparent);margin:0 var(--sp-xs)}.action-bar__group{display:flex;flex-direction:column;align-items:center;gap:0}.action-bar__group-label{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;opacity:.35;color:var(--text-tertiary);line-height:1;margin-bottom:1px}.action-bar__group-buttons{display:flex;gap:2px}.action-bar__btn{width:52px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff05;border:1px solid transparent;border-radius:10px;cursor:pointer;position:relative;color:var(--text-secondary);transition:all var(--t-fast)}.action-bar__btn:hover{background:#5078c81a;border-color:#5078c833;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.action-bar__btn--active{color:var(--text-primary);background:#5078c81f;border-color:#5078c840;box-shadow:0 0 12px #5078c81a inset}.action-bar__btn--active[data-panel=economy]{border-color:#4caf5066;box-shadow:0 0 12px #4caf501a inset,0 2px 8px #4caf5026}.action-bar__btn--active[data-panel=diplomacy]{border-color:#ffd54f66;box-shadow:0 0 12px #ffd54f1a inset,0 2px 8px #ffd54f26}.action-bar__btn--active[data-panel=tech]{border-color:#42a5f566;box-shadow:0 0 12px #42a5f51a inset,0 2px 8px #42a5f526}.action-bar__btn--active[data-panel=doctrine]{border-color:#ffd54f66;box-shadow:0 0 12px #ffd54f1a inset,0 2px 8px #ffd54f26}.action-bar__btn--active[data-panel=intel]{border-color:#ab47bc66;box-shadow:0 0 12px #ab47bc1a inset,0 2px 8px #ab47bc26}.action-bar__btn--active[data-panel=military]{border-color:#ef535066;box-shadow:0 0 12px #ef53501a inset,0 2px 8px #ef535026}.action-bar__btn--active[data-panel=government]{border-color:#78909c66;box-shadow:0 0 12px #78909c1a inset,0 2px 8px #78909c26}.action-bar__btn--active[data-panel=building]{border-color:#a1887f66;box-shadow:0 0 12px #a1887f1a inset,0 2px 8px #a1887f26}.action-bar__btn--active[data-panel=oil]{border-color:#ffab4066;box-shadow:0 0 12px #ffab401a inset,0 2px 8px #ffab4026}.action-bar__btn--active[data-panel=milOverlay]{border-color:#ef535066;box-shadow:0 0 12px #ef53501a inset,0 2px 8px #ef535026}.action-bar__btn--active[data-panel=stabilityOverlay]{border-color:#4caf5066;box-shadow:0 0 12px #4caf501a inset,0 2px 8px #4caf5026}.action-bar__btn--active[data-panel=supplyOverlay]{border-color:#42a5f566;box-shadow:0 0 12px #42a5f51a inset,0 2px 8px #42a5f526}.action-bar__icon-img{border-radius:4px;transition:filter var(--t-fast);filter:brightness(.8)}.action-bar__btn:hover .action-bar__icon-img,.action-bar__btn--active .action-bar__icon-img{filter:brightness(1.1) drop-shadow(0 0 4px rgba(255,255,255,.15))}.action-bar__label{font-size:9px;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.action-bar__hotkey{position:absolute;top:2px;right:3px;font-size:8px;background:#ffffff0f;color:var(--text-tertiary);padding:1px 4px;border-radius:3px;line-height:1;font-weight:600;border:1px solid rgba(255,255,255,.04)}.action-bar__badge{position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--color-negative);display:none;box-shadow:0 0 6px #f4433680}.action-bar__badge--visible{display:block;box-shadow:0 0 6px #f4433699}.hud-section--overlays{display:flex;gap:2px;align-items:center}.hud-overlay-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0a;border:1px solid rgba(100,120,180,.15);border-radius:6px;cursor:pointer;padding:0;opacity:.55;transition:opacity .15s,background .15s,border-color .15s}.hud-overlay-btn:hover{opacity:.85;background:#ffffff14}.hud-overlay-btn--active{opacity:1;background:#508cff2e;border-color:#508cff80}.hud-overlay-btn img{pointer-events:none}.info-row{display:grid;grid-template-columns:1fr auto;padding:3px 0;font-size:var(--fs-body);gap:8px}.info-label{color:var(--text-secondary)}.info-section-title{font-size:var(--fs-body);color:var(--text-secondary);margin:var(--sp-md) 0 var(--sp-sm);text-transform:uppercase;letter-spacing:.5px;position:relative;padding-left:10px}.info-section-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;background:var(--border-active);border-radius:2px}.btn{padding:6px 16px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:var(--fs-body);cursor:pointer;transition:background .15s ease,opacity .15s ease,border-color .15s ease;position:relative}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.btn:hover{background:var(--bg-hover);border-color:var(--border-active);box-shadow:0 2px 8px #0000004d}.btn-primary{background:linear-gradient(135deg,#1565c0,#1e88e5);border-color:#1e88e54d;box-shadow:0 0 8px #1e88e51a inset}.btn-primary:hover{background:linear-gradient(135deg,#1e88e5,#42a5f5);box-shadow:0 4px 16px #1e88e540}.btn-danger{background:linear-gradient(135deg,#c62828,#e53935);border-color:#e539354d}.btn-danger:hover{background:linear-gradient(135deg,#e53935,#ef5350);box-shadow:0 4px 16px #e5393540}.building-card{display:block;width:100%;text-align:left;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);font-family:inherit;font-size:inherit}.building-card:hover{background:var(--bg-hover);border-color:var(--border-active);box-shadow:0 2px 8px #0000004d}.building-card--disabled,.building-card--disabled:hover{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.3);background:var(--bg-surface);border-color:var(--border-subtle);box-shadow:none}.modal-close-btn{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:color var(--t-fast),background var(--t-fast)}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.tooltip{position:fixed;padding:8px 12px;background:#0c0e20f2;border:1px solid var(--hud-border);border-radius:6px;font-size:var(--fs-sm);color:var(--text-primary);pointer-events:none;z-index:var(--z-tooltip, 9000);opacity:0;transition:opacity var(--t-fast);white-space:normal;overflow-wrap:break-word;max-width:280px;box-shadow:0 4px 16px #00000080}.tooltip--visible{opacity:1}.tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;background:#0c0e20f2;border-right:1px solid var(--hud-border);border-bottom:1px solid var(--hud-border);transform:translate(-50%) rotate(45deg)}.tooltip__hotkey{display:inline-block;margin-left:6px;padding:1px 5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:3px;font-size:9px;color:var(--text-tertiary);font-weight:600}.notification-container{position:fixed;top:64px;right:16px;display:flex;flex-direction:column;gap:var(--sp-sm);z-index:40;pointer-events:none}.notification-toast{background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:8px;padding:var(--sp-md) var(--sp-lg);min-width:260px;max-width:340px;font-size:var(--fs-body);pointer-events:auto;transform:translate(110%);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-medium);border-left:3px solid var(--border-medium);position:relative;box-shadow:0 4px 20px #0006;display:flex;align-items:flex-start}.notification-toast--show{transform:translate(0);opacity:1;animation:notifSlideIn .3s var(--ease-out)}.notification-toast--dismissing{transform:translate(110%);opacity:0;transition:transform .5s var(--ease-out),opacity .5s}@keyframes notifSlideIn{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast--info{border-left-color:var(--color-info)}.notification-toast--warning{border-left-color:var(--color-warning)}.notification-toast--danger{border-left-color:var(--color-negative)}.notification-toast--success{border-left-color:var(--color-positive)}.notification-toast--info:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(66,165,245,.04),transparent);pointer-events:none}.notification-toast--warning:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,171,64,.04),transparent);pointer-events:none}.notification-toast--danger:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(244,67,54,.04),transparent);pointer-events:none}.notification-toast--success:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(61,220,132,.04),transparent);pointer-events:none}.notification-toast__title{font-weight:600;font-size:var(--fs-md);margin-bottom:2px}.notification-toast__body{color:var(--text-secondary);font-size:var(--fs-sm)}.notification-toast--critical{min-width:320px;max-width:380px;border-left-width:5px;background:#f443361f;box-shadow:0 4px 20px #f4433626,0 0 0 1px #f443361a}.notification-toast--high{background:#ffab4014}.notification-toast--low .notification-toast__title{font-size:var(--fs-sm)}.notification-toast--low .notification-toast__body{font-size:var(--fs-xs)}.notification-toast__dismiss{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--fs-xs);padding:2px 4px}.notification-toast__dismiss:hover{color:var(--text-primary)}.notification-toast__content{flex:1;min-width:0}.notification-toast__actions{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:8px}.notification-toast__goto{background:#3c78c826;border:1px solid rgba(60,120,200,.35);border-radius:3px;color:#6af;font-size:var(--fs-xs);font-family:inherit;padding:2px 6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.notification-toast__goto:hover{background:#3c78c84d;color:#8bf}.panel-left h2{font-size:var(--fs-xl);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--sp-sm);margin-bottom:0}.faction-panel__color-stripe{height:3px;border-radius:0;margin:-16px -16px 12px}.faction-relation-bar{height:6px;border-radius:3px;background:linear-gradient(to right,var(--color-negative),var(--color-warning),var(--color-positive));position:relative;margin-top:var(--sp-xs)}.faction-relation-bar__marker{position:absolute;top:-3px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--bg-panel);transform:translate(-50%);box-shadow:0 0 4px #ffffff4d}.diplomacy-faction-card{text-align:left;padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;border-left:3px solid var(--text-tertiary);cursor:pointer;transition:all var(--t-fast)}.diplomacy-faction-card:hover{background:var(--bg-hover);border-color:var(--border-active);box-shadow:0 2px 8px #0000004d}.diplomacy-faction-card--selected{border-color:var(--border-active);background:var(--bg-hover)}.relation-bar-inline{height:4px;border-radius:2px;background:linear-gradient(to right,#f44336,#f44336 40%,#ffab40,#3ddc84 60%,#3ddc84);margin-top:var(--sp-xs);position:relative}.relation-bar-inline__fill{position:absolute;top:-2px;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%);box-shadow:0 0 4px #00000080,0 0 6px #ffffff4d}.tech-node{padding:var(--sp-sm);margin-bottom:var(--sp-xs);border-radius:6px;font-size:var(--fs-sm);border:1px solid transparent;transition:all var(--t-fast)}.tech-node--done{background:#3ddc841a;border-color:#3ddc8433}.tech-node--available{background:#42a5f51a;border-color:#42a5f533;cursor:pointer}.tech-node--available:hover{background:#42a5f533;border-color:#42a5f566;box-shadow:0 0 8px #42a5f51a}.tech-node--locked{background:#1e1e3e80;opacity:.55}.tech-node--current{border-color:var(--accent-tech);box-shadow:0 0 12px #42a5f526}.tech-node__name{font-weight:600;display:flex;align-items:center;gap:var(--sp-xs)}.tech-node__desc{color:var(--text-secondary);font-size:var(--fs-xs);margin-top:2px}.tech-progress-bar{background:#141428cc;border-radius:4px;height:10px;margin-top:var(--sp-sm);position:relative;overflow:hidden;box-shadow:0 1px 4px #0000004d inset}.tech-progress-bar__fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-tech),#64b5f6);transition:width var(--t-medium);position:relative}.tech-progress-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}.tech-progress-bar__label{position:absolute;top:0;left:0;right:0;height:100%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.intel-op-card{padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border-radius:6px;margin-bottom:var(--sp-xs);font-size:var(--fs-sm);border-left:3px solid var(--border-medium);transition:all var(--t-fast)}.intel-op-card--active{border-left-color:var(--color-warning)}.intel-op-card--success{border-left-color:var(--color-positive)}.intel-op-card--exposed{border-left-color:var(--color-negative)}.intel-op-card--failed{border-left-color:var(--color-warning)}.intel-op-progress{height:4px;background:#141428cc;border-radius:2px;margin-top:var(--sp-xs);overflow:hidden;box-shadow:0 1px 2px #0000004d inset}.intel-op-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-warning),#ffc107);border-radius:2px;transition:width var(--t-medium)}.event-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:12px;font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-sm)}.event-type-badge svg{flex-shrink:0}.event-type-badge--crisis{background:#f4433626;color:var(--color-negative);border:1px solid rgba(244,67,54,.2)}.event-type-badge--opportunity{background:#3ddc8426;color:var(--color-positive);border:1px solid rgba(61,220,132,.2)}.event-type-badge--disaster{background:#ffab4026;color:var(--color-warning);border:1px solid rgba(255,171,64,.2)}.event-type-badge--political{background:#42a5f526;color:var(--color-info);border:1px solid rgba(66,165,245,.2)}.event-choice-btn{text-align:left;padding:var(--sp-md);transition:all var(--t-fast);position:relative;overflow:hidden}.event-choice-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border-active);border-radius:3px 0 0 3px;opacity:0;transition:opacity var(--t-fast)}.event-choice-btn:hover{transform:scale(1.01);box-shadow:0 2px 8px #0000004d}.event-choice-btn:hover:before{opacity:1}.summary-metric{flex:1;padding:var(--sp-md);background:var(--bg-surface);border-radius:6px;text-align:center;border:1px solid var(--border-subtle)}.summary-metric__label{font-size:var(--fs-xs);color:var(--text-secondary);text-transform:uppercase;margin-bottom:var(--sp-xs)}.summary-metric__value{font-size:var(--fs-xl);font-weight:700}.summary-bar-chart{display:flex;gap:var(--sp-sm);align-items:flex-end;margin:var(--sp-md) 0}.summary-bar{flex:1;border-radius:4px 4px 0 0;min-height:4px;transition:height var(--t-medium)}.summary-event-pill{display:inline-block;padding:3px 10px;border-radius:10px;font-size:var(--fs-sm);margin:2px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.summary-continue-btn{width:100%;padding:14px;font-size:var(--fs-lg);font-weight:700;text-transform:uppercase;letter-spacing:1px;animation:subtlePulse 2.5s ease-in-out infinite;position:relative;overflow:hidden}.summary-continue-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:btnShimmer 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 0 #26c6da4d}50%{box-shadow:0 0 0 6px #26c6da00}}.game-menu-backdrop{position:fixed;inset:0;background:#0000;display:flex;visibility:hidden;pointer-events:none;align-items:center;justify-content:center;z-index:250;backdrop-filter:blur(0px);transition:background var(--t-medium),backdrop-filter var(--t-medium),visibility var(--t-medium)}.game-menu-backdrop--open{visibility:visible;pointer-events:auto;background:#000000bf;backdrop-filter:blur(6px)}.game-menu{background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:16px;padding:var(--sp-xl) 48px;width:340px;text-align:center;position:relative;transform:translateY(8px);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-medium) var(--ease-out);box-shadow:0 24px 64px #000000b3,0 4px 16px #0006,0 0 1px #648cdc4d inset}.game-menu-backdrop--open .game-menu{transform:translate(0);opacity:1}.game-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,var(--accent-economy),var(--accent-diplomacy))}.game-menu:after{content:"";position:absolute;top:10px;right:10px;width:16px;height:16px;border-top:2px solid rgba(100,140,220,.2);border-right:2px solid rgba(100,140,220,.2);pointer-events:none}.game-menu__header{margin-bottom:var(--sp-lg)}.game-menu__title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:4px}.game-menu__subtitle{font-size:11px;color:var(--text-tertiary);letter-spacing:1px}.game-menu__buttons{display:flex;flex-direction:column;gap:10px}.game-menu__btn{width:100%;padding:10px 24px;font-size:var(--fs-body);letter-spacing:.5px}.game-menu__btn--danger{color:var(--color-danger, #ef5350);border-color:#ef53504d}.game-menu__btn--danger:hover{background:#ef535026;border-color:#ef535080}.game-menu__divider{height:1px;background:#6464c826;margin:4px 0}.game-menu__footer{margin-top:var(--sp-md);font-size:11px;color:var(--text-tertiary)}.game-menu__footer kbd{font-size:10px;padding:2px 6px;background:var(--bg-surface);border:1px solid rgba(100,100,200,.15);border-radius:4px;color:var(--text-secondary);font-family:monospace}.game-menu--wide{width:560px;padding:var(--sp-lg) 32px}.game-menu__controls-body{max-height:55vh;overflow-y:auto;margin:0 -8px;padding:0 8px}.game-menu__controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.game-menu__control-section{min-width:0}.game-menu__control-section-title{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(100,100,200,.1)}.game-menu__control-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0}.game-menu__control-label{font-size:12px;color:var(--text-secondary)}.game-menu__control-key{font-size:11px;padding:2px 8px;background:var(--bg-surface);border:1px solid rgba(100,100,200,.15);border-radius:4px;color:var(--text-primary);font-family:monospace;min-width:24px;text-align:center;white-space:nowrap}.menu-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;background:transparent}.menu-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000004d,#000000d9),linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.7) 100%);pointer-events:none}.menu-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none}.menu-title-group{display:flex;flex-direction:column;align-items:center;margin-bottom:48px;position:relative;z-index:1}.menu-title{font-family:Cinzel,Trajan Pro,Times New Roman,serif;font-size:110px;font-weight:900;letter-spacing:22px;padding-left:22px;text-transform:uppercase;text-align:center;color:#3c0402d9;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 30px rgba(40,2,0,.3);margin-bottom:12px;position:relative;z-index:1;animation:titlePulse 6s ease-in-out infinite}@keyframes titlePulse{0%,to{color:#3c0402d9;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 30px rgba(40,2,0,.3)}50%{color:#4b0603e6;text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 40px rgba(50,3,0,.35)}}.menu-title-rule{width:200px;height:2px;background:linear-gradient(90deg,transparent,rgba(50,40,30,.45),transparent);box-shadow:0 0 8px #32281e26}.menu-title-rule--upper{width:260px;margin-bottom:12px}.menu-buttons{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.menu-btn{width:300px;padding:14px;font-family:Special Elite,Courier New,monospace;font-size:var(--fs-lg);font-weight:400;position:relative;overflow:hidden;transition:all .2s ease;z-index:1;letter-spacing:3px;text-transform:uppercase;border:1px solid rgba(255,255,255,.1);background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu-btn:hover{transform:translateY(-2px);border-color:#ef535066;background:#ef53501a;box-shadow:0 4px 30px #00000080,0 0 20px #ef535026}.menu-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transition:left .5s ease}.menu-btn:hover:after{left:100%}.menu-tagline{font-size:11px;color:#ffffff59;margin-top:40px;position:relative;z-index:1;letter-spacing:3px;text-transform:uppercase}.faction-select__title{font-family:Cinzel,Trajan Pro,Times New Roman,serif;font-size:36px;font-weight:700;letter-spacing:10px;text-transform:uppercase;color:#370a0680;text-shadow:0 1px 3px rgba(0,0,0,.3);margin-bottom:8px;position:relative;z-index:1}.faction-select__rule{width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(50,40,30,.4),transparent);margin-bottom:32px;position:relative;z-index:1}.faction-select__section{margin-bottom:28px;position:relative;z-index:1}.faction-select__heading{font-family:Special Elite,Courier New,monospace;font-size:12px;color:#b4a08299;text-transform:uppercase;letter-spacing:3px;margin-bottom:14px}.faction-select__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:1100px}.faction-select__grid--external{grid-template-columns:repeat(auto-fit,200px);justify-content:center}.faction-card{display:flex;min-height:90px;text-align:left;border-radius:2px;transition:all .25s ease;cursor:pointer;background:#00000073;border:1px solid rgba(80,65,50,.2);position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.faction-card__stripe{width:3px;flex-shrink:0;background:var(--faction-color, rgba(120, 100, 80, .4));opacity:.7;transition:opacity .25s ease}.faction-card__body{padding:10px 14px;flex:1}.faction-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.faction-card:hover:before{opacity:1}.faction-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000080,0 0 20px rgba(var(--faction-color, 120, 100, 80),.05);border-color:#78645059;background:#0000008c}.faction-card:hover .faction-card__stripe{opacity:1}.faction-card__name{font-family:Cinzel,Times New Roman,serif;font-weight:700;font-size:13px;color:var(--faction-color, rgba(200, 180, 150, .9));letter-spacing:1px;margin-bottom:3px}.faction-card__leader{font-family:Special Elite,Courier New,monospace;font-size:10px;color:#a08c6e80;margin-bottom:4px}.faction-card__ability{font-size:11px;color:#b4a0828c;margin-bottom:6px;font-style:italic}.faction-card__stats{font-family:Special Elite,Courier New,monospace;font-size:10px;color:#96826473;letter-spacing:.5px}.scenario-select__grid{display:flex;gap:20px;max-width:820px;margin-bottom:32px;position:relative;z-index:1}.scenario-card{flex:1;display:flex;min-height:220px;background:#00000073;border:1px solid rgba(80,65,50,.2);border-radius:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.scenario-card__stripe{width:4px;flex-shrink:0;background:var(--scenario-accent, rgba(120, 100, 80, .4));opacity:.6;transition:opacity .3s ease,width .3s ease}.scenario-card__body{padding:20px 22px;flex:1;display:flex;flex-direction:column}.scenario-card__header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.scenario-card__year{font-family:Cinzel,Trajan Pro,Times New Roman,serif;font-size:42px;font-weight:900;color:var(--scenario-accent, rgba(200, 180, 150, .8));line-height:1;letter-spacing:2px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.scenario-card__date{font-family:Special Elite,Courier New,monospace;font-size:11px;color:#a08c6e80;text-transform:uppercase;letter-spacing:2px}.scenario-card__tag{font-family:Special Elite,Courier New,monospace;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:2px 8px;border-radius:1px;margin-left:auto}.scenario-card__tag--war{color:#ef5350;background:#e539351f;border:1px solid rgba(229,57,53,.25);animation:scenario-tag-pulse 2.5s ease-in-out infinite}@keyframes scenario-tag-pulse{0%,to{opacity:.8}50%{opacity:1;border-color:#e5393580}}.scenario-card__divider{width:40px;height:1px;background:linear-gradient(90deg,var(--scenario-accent, rgba(120, 100, 80, .3)),transparent);margin-bottom:12px;opacity:.5;transition:width .3s ease,opacity .3s ease}.scenario-card__name{font-family:Cinzel,Times New Roman,serif;font-size:15px;font-weight:700;color:#c8b496d9;letter-spacing:1px;margin-bottom:10px}.scenario-card__desc{font-size:12px;color:#a08c6e8c;line-height:1.6;flex:1}.scenario-card__stats{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(80,65,50,.15)}.scenario-card__stat{display:flex;flex-direction:column;gap:2px}.scenario-card__stat-label{font-family:Special Elite,Courier New,monospace;font-size:9px;color:#8c785a66;text-transform:uppercase;letter-spacing:2px}.scenario-card__stat-value{font-family:Special Elite,Courier New,monospace;font-size:12px;color:#c8b496b3;letter-spacing:.5px}.scenario-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.scenario-card:hover:before{opacity:1}.scenario-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #00000080,0 0 30px #0003;border-color:#78645059;background:#0000008c}.scenario-card:hover .scenario-card__stripe{opacity:1;width:5px}.scenario-card:hover .scenario-card__divider{width:80px;opacity:.8}.scenario-card:hover .scenario-card__year{text-shadow:0 4px 20px rgba(0,0,0,.6)}.difficulty-card{padding:14px 10px;text-align:center;background:#0006;border:1px solid rgba(80,65,50,.2);border-radius:2px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.difficulty-card--selected{background:#0000008c;border-color:var(--diff-color, rgba(120, 100, 80, .5));box-shadow:0 0 12px #0000004d,inset 0 0 20px #0003}.difficulty-card:hover{background:#00000080;border-color:#78645059;transform:translateY(-1px)}.difficulty-card__name{font-family:Cinzel,Times New Roman,serif;font-size:14px;font-weight:700;color:var(--diff-color, rgba(200, 180, 150, .8));margin-bottom:4px;letter-spacing:1px}.difficulty-card__desc{font-size:10px;color:#a08c6e80;line-height:1.4}.victory-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#00000059;border:1px solid rgba(80,65,50,.15);border-radius:2px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.victory-toggle--enabled{border-color:#50783c4d;background:#00000073}.victory-toggle:hover{background:#00000073;border-color:#7864504d}.victory-toggle__input{accent-color:rgba(100,140,70,.8);width:15px;height:15px;flex-shrink:0}.victory-toggle__name{font-family:Cinzel,Times New Roman,serif;font-size:13px;color:#c8b496bf;font-weight:500;letter-spacing:.5px}.victory-toggle__desc{font-size:11px;color:#a08c6e73}.menu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;gap:20px}.menu-loading__spinner{width:40px;height:40px;border:3px solid rgba(120,100,80,.15);border-top-color:#c8aa8c99;border-radius:50%;animation:menu-spin .8s linear infinite}@keyframes menu-spin{to{transform:rotate(360deg)}}.menu-loading__text{font-family:Cinzel,Times New Roman,serif;font-size:22px;font-weight:700;letter-spacing:2px;color:#c8b496b3}.menu-loading__sub{font-size:13px;color:#a08c6e73;letter-spacing:1px}select.btn{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238888a8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px}.tutorial-offer{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:110;animation:tutorialFadeIn var(--t-medium) var(--ease-out)}.tutorial-offer__card{background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:12px;padding:var(--sp-xl) 32px;text-align:center;max-width:380px;box-shadow:0 16px 48px #0009}.tutorial-offer__card:before{content:"";display:block;height:3px;background:var(--color-info);border-radius:12px 12px 0 0;margin:calc(-1 * var(--sp-xl)) -32px var(--sp-lg) -32px}.tutorial-offer__title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-sm)}.tutorial-offer__text{font-size:var(--fs-body);color:var(--text-secondary);margin-bottom:var(--sp-xl);line-height:1.5}.tutorial-offer__actions{display:flex;gap:var(--sp-md);justify-content:center}.tutorial-card{position:fixed;width:380px;background:var(--bg-panel);border:1px solid var(--border-medium);border-radius:10px;padding:0 var(--sp-xl) var(--sp-lg) var(--sp-xl);z-index:110;box-shadow:0 12px 40px #00000080;animation:tutorialSlideIn .35s var(--ease-out)}@keyframes tutorialSlideIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-card__progress-bar{height:3px;background:#6478b426;border-radius:10px 10px 0 0;margin:0 calc(-1 * var(--sp-xl));overflow:hidden}.tutorial-card__progress-fill{height:100%;background:linear-gradient(90deg,#1565c0,#42a5f5);border-radius:10px 10px 0 0;transition:width .4s ease}.tutorial-card__chapter{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#42a5f5;background:#42a5f51a;border:1px solid rgba(66,165,245,.2);border-radius:4px;padding:3px 8px;margin-top:var(--sp-md);margin-bottom:var(--sp-sm)}.tutorial-card__title{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-sm);margin-top:var(--sp-sm)}.tutorial-card__action{font-size:var(--fs-sm);color:#66bb6a;background:#66bb6a14;border:1px solid rgba(102,187,106,.2);border-radius:6px;padding:8px 12px;margin-bottom:var(--sp-md);text-align:center;animation:actionPulse 2s ease-in-out infinite}@keyframes actionPulse{0%,to{border-color:#66bb6a33}50%{border-color:#66bb6a80}}.tutorial-card__footer{display:flex;align-items:center;gap:var(--sp-sm)}.tutorial-card__text{font-size:var(--fs-body);color:var(--text-secondary);line-height:1.55;margin-bottom:var(--sp-md)}.tutorial-card__text b{color:var(--text-primary);font-weight:600}.tutorial-card__text .tutorial-lead{color:var(--text-secondary);margin:0 0 6px;font-size:var(--fs-body);line-height:1.45}.tutorial-card__text .tutorial-note{color:var(--text-tertiary);font-size:var(--fs-sm);margin:6px 0 0;line-height:1.45}.tutorial-card__text .tutorial-note b{color:var(--text-secondary);font-weight:600}.tutorial-card__text .tutorial-list{list-style:none;margin:0;padding:0}.tutorial-card__text .tutorial-list li{position:relative;padding:4px 0 4px 14px;line-height:1.45}.tutorial-card__text .tutorial-list li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--color-info);opacity:.7}.tutorial-card__text .tutorial-list--compact li{padding:2px 0 2px 14px;font-size:var(--fs-sm)}.tutorial-card__text .tutorial-list--compact li:before{top:8px;width:4px;height:4px}.tutorial-card__text kbd{display:inline-block;padding:1px 5px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:3px;font-size:var(--fs-xs);font-family:inherit;color:var(--text-primary);line-height:1.4;vertical-align:baseline}.tutorial-card__hotkey{font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-md)}.tutorial-card__hotkey kbd{display:inline-block;padding:2px 6px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:4px;font-size:var(--fs-sm);font-family:inherit;color:var(--text-primary);margin-left:4px}.tutorial-card__step-indicator{font-size:var(--fs-xs);color:var(--text-tertiary);letter-spacing:.3px;white-space:nowrap}.tutorial-card__nav{display:flex;gap:var(--sp-sm);align-items:center;margin-left:auto}.tutorial-next-btn{padding:8px 20px;background:linear-gradient(135deg,#1565c0,#1e88e5);border:1px solid rgba(30,136,229,.3);border-radius:6px;color:#fff;font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:all var(--t-fast);margin-left:auto}.tutorial-next-btn:hover{background:linear-gradient(135deg,#1e88e5,#42a5f5);transform:translateY(-1px);box-shadow:0 4px 12px #1e88e54d}.tutorial-back-btn{padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-secondary);font-size:var(--fs-body);cursor:pointer;transition:all var(--t-fast)}.tutorial-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tutorial-skip-btn{padding:8px 12px;background:none;border:none;color:var(--text-tertiary);font-size:var(--fs-sm);cursor:pointer;transition:color var(--t-fast)}.tutorial-skip-btn:hover{color:var(--text-secondary)}.tutorial-next-btn--waiting{background:#5050644d;border-color:#50506433;cursor:default;opacity:.6}.tutorial-next-btn--waiting:hover{background:#5050644d;transform:none;box-shadow:none}.tutorial-next-btn--ready{animation:tutorialBtnReady .6s ease}@keyframes tutorialBtnReady{0%{transform:scale(1)}30%{transform:scale(1.08);box-shadow:0 0 16px #66bb6a80}to{transform:scale(1)}}.tutorial-highlight{position:fixed;z-index:105;pointer-events:none;border-radius:8px;border:2px solid var(--color-info);box-shadow:0 0 0 4000px #00000059;animation:tutorialPulse 2s ease-in-out infinite}@keyframes tutorialPulse{0%,to{border-color:var(--color-info);box-shadow:0 0 0 4000px #00000059,0 0 8px #42a5f566}50%{border-color:#42a5f599;box-shadow:0 0 0 4000px #00000059,0 0 16px #42a5f526}}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu-btn--tutorial,.menu-btn--sunrise{display:flex;flex-direction:column;align-items:center;padding:8px 14px}.menu-btn--tutorial{border-color:#b4966440;background:#b496640f}.menu-btn--tutorial:hover{border-color:#b4966473;background:#b496641f;box-shadow:0 4px 30px #00000080,0 0 20px #b496641a}.menu-btn--sunrise{border-color:#ffb43c66;background:#ffb43c0f;color:#ffb43c}.menu-btn--sunrise:hover{border-color:#ffb43c99;background:#ffb43c1f;box-shadow:0 4px 30px #00000080,0 0 20px #ffb43c26}.menu-btn__tutorial-label{font-size:.85em;letter-spacing:3px}.menu-btn__tutorial-sub{font-size:.55em;letter-spacing:2px;opacity:.5;margin-top:2px;text-transform:uppercase}.ptut{pointer-events:none}.ptut>*{pointer-events:auto}.ptut-briefing{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease;pointer-events:auto}.ptut-briefing--visible{opacity:1}.ptut-briefing__overlay{position:absolute;inset:0;background:#000000d9}.ptut-briefing__card{position:relative;max-width:520px;width:90%;background:#14120ff7;border:1px solid rgba(180,150,100,.2);overflow:hidden}.ptut-briefing__accent{height:3px;background:linear-gradient(90deg,#b4966400,#b49664b3,#b4966400)}.ptut-briefing__top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 0}.ptut-briefing__chapter-num{font-size:.65em;color:#b4966466;letter-spacing:.1em}.ptut-briefing__chapter-label{font-size:.65em;letter-spacing:.3em;text-transform:uppercase;color:#b4966499}.ptut-briefing__title{padding:6px 24px 2px;font-size:1.5em;color:#dcc8aaf2;letter-spacing:.06em;margin:0;font-weight:600}.ptut-briefing__subtitle{padding:0 24px 10px;font-size:.8em;color:#b4a08280;letter-spacing:.05em}.ptut-briefing__divider{margin:0 24px;height:1px;background:#b496641f}.ptut-briefing__narrative{padding:14px 24px;font-size:.82em;line-height:1.7;color:#c8b9a0cc}.ptut-briefing__narrative b{color:#e6c896;font-weight:600}.ptut-briefing__narrative p{margin:0 0 10px}.ptut-briefing__narrative p:last-child{margin-bottom:0}.ptut-briefing__narrative ul{margin:6px 0;padding-left:20px}.ptut-briefing__narrative li{margin:4px 0}.ptut-briefing__narrative kbd{background:#b4966426;border:1px solid rgba(180,150,100,.2);border-radius:3px;padding:1px 5px;font-size:.9em;color:#dcc8aae6}.ptut-briefing__obj-preview{padding:0 24px 14px}.ptut-briefing__obj-label{font-size:.6em;letter-spacing:.25em;color:#b4966473;margin-bottom:6px}.ptut-briefing__obj-item{font-size:.78em;color:#c8b9a099;padding:3px 0}.ptut-briefing__actions{padding:6px 24px 14px;display:flex;flex-direction:column;gap:6px}.ptut-briefing__btn{width:100%;padding:11px;background:#50783c59;border:1px solid rgba(80,120,60,.45);color:#c8dcb4e6;font-size:.88em;cursor:pointer;letter-spacing:.08em;transition:background .2s,border-color .2s;font-family:inherit}.ptut-briefing__btn:hover{background:#50783c8c;border-color:#50783ca6}.ptut-briefing__skip{width:100%;padding:6px;background:none;border:none;color:#b496644d;font-size:.68em;cursor:pointer;font-family:inherit;letter-spacing:.1em;transition:color .2s}.ptut-briefing__skip:hover{color:#b4966499}.ptut-tracker{position:fixed;bottom:20px;right:20px;width:270px;background:#14120ff0;border:1px solid rgba(180,150,100,.18);z-index:900;overflow:hidden;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;pointer-events:auto}.ptut-tracker--visible{opacity:1;transform:translateY(0)}.ptut-tracker--complete{border-color:#78b46459}.ptut-tracker__progress{height:2px;background:#b4966414}.ptut-tracker__progress-fill{height:100%;background:#b4966473;transition:width .6s ease}.ptut-tracker__header{display:flex;align-items:center;gap:8px;padding:10px 14px 6px}.ptut-tracker__badge{font-size:.55em;letter-spacing:.15em;color:#b4966480;background:#b4966414;padding:2px 6px;border:1px solid rgba(180,150,100,.15);flex-shrink:0}.ptut-tracker__title{font-size:.9em;color:#dcc8aae6;letter-spacing:.03em}.ptut-tracker__objectives{padding:2px 14px 8px}.ptut-tracker__objective{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.78em;color:#c8b9a0b3;transition:color .3s}.ptut-tracker__objective--done{color:#78b464d9}.ptut-tracker__objective--done .ptut-tracker__check{color:#78b464f2}.ptut-tracker__check{width:16px;text-align:center;flex-shrink:0;font-size:.95em}.ptut-tracker__hint{font-size:.68em;color:#b4966459;padding:0 0 3px 24px;font-style:italic;line-height:1.4}.ptut-tracker__skip{display:block;width:100%;padding:7px;background:#b496640a;border:none;border-top:1px solid rgba(180,150,100,.08);color:#b496644d;font-size:.65em;cursor:pointer;text-align:center;font-family:inherit;letter-spacing:.1em;transition:color .2s,background .2s}.ptut-tracker__skip:hover{color:#b4966499;background:#b4966414}.contextual-tip{position:fixed;z-index:9000;max-width:320px;background:var(--bg-panel);border:1px solid var(--border-medium);border-left:3px solid var(--color-info);border-radius:8px;padding:10px 14px 10px 12px;box-shadow:0 4px 20px #00000080;opacity:0;transform:scale(.95) translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.contextual-tip--visible{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.contextual-tip__title{font-size:13px;font-weight:700;color:#e8d8a0;margin-bottom:4px;letter-spacing:.3px}.contextual-tip__text{font-size:12px;color:var(--text-secondary);line-height:1.5}.contextual-tip__dismiss{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--text-tertiary);font-size:14px;cursor:pointer;padding:2px 4px;line-height:1}.contextual-tip__dismiss:hover{color:var(--text-primary)}.contextual-tip__nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(100,100,200,.12)}.contextual-tip__btn{background:#6478b433;border:1px solid rgba(100,120,180,.3);color:var(--text-secondary);font-size:14px;width:28px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.contextual-tip__btn:hover:not(:disabled){background:#6478b466;color:var(--text-primary)}.contextual-tip__btn:disabled{opacity:.3;cursor:default}.contextual-tip__counter{font-size:11px;color:var(--text-tertiary);min-width:36px;text-align:center}.contextual-tip--sunrise{border-left-color:#ff8f00}.contextual-tip--sunrise .contextual-tip__title{color:#ffb74d}.sunrise-offer{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3;animation:tutorialFadeIn .3s ease}.sunrise-offer__card{background:var(--bg-panel);border:1px solid rgba(255,143,0,.3);border-radius:10px;padding:28px 32px;max-width:380px;text-align:center;box-shadow:0 8px 40px #0009}.sunrise-offer__title{font-size:18px;font-weight:700;letter-spacing:3px;color:#ffb74d;margin-bottom:4px}.sunrise-offer__subtitle{font-size:12px;letter-spacing:2px;color:#ffb74d80;text-transform:uppercase;margin-bottom:16px}.sunrise-offer__text{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.sunrise-offer__buttons{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.sunrise-offer__btn{padding:8px 22px;font-size:13px;cursor:pointer}.sunrise-offer__note{font-size:10px;color:var(--text-tertiary);margin:0}.unit-panel{position:absolute;bottom:80px;right:296px;width:220px;max-height:400px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:8px;padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-body);z-index:16;transform:translateY(8px);opacity:0;transition:transform var(--t-medium) var(--ease-out),opacity var(--t-fast);pointer-events:none;box-shadow:0 4px 16px #0006}.unit-panel--visible{transform:translateY(0);opacity:1;pointer-events:auto}.unit-panel__header{font-weight:700;font-size:13px;color:#fff;padding-bottom:var(--sp-xs);margin-bottom:var(--sp-xs);border-bottom:2px solid var(--border-subtle)}.unit-panel__hint{font-size:9px;color:var(--text-tertiary);padding:2px 0 4px;line-height:1.3}.unit-panel__hint b{color:#4fc3f7}.unit-panel__list{display:flex;flex-direction:column;gap:6px}.unit-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;transition:border-color var(--t-fast)}.unit-card:hover{border-color:var(--border-active)}.unit-card__name{font-weight:600;font-size:12px;color:#fff;margin-bottom:3px}.unit-card__stats{display:flex;gap:6px;font-size:10px;color:var(--text-secondary);margin-bottom:4px}.unit-card__hp-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;box-shadow:0 1px 2px #0003 inset}.unit-card__hp-fill{height:100%;border-radius:2px;transition:width .3s}.unit-card__hp-text{font-size:9px;color:var(--text-tertiary);margin-top:1px}.unit-card__meta{display:flex;gap:8px;font-size:9px;color:var(--text-tertiary);margin-top:3px}.unit-card__actions{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.btn-sm{padding:2px 6px;font-size:10px;border-radius:3px}.unit-btn-move{background:#4fc3f733;border-color:#4fc3f7;color:#4fc3f7;font-weight:700}.unit-btn-move:hover{background:#4fc3f759}.unit-btn-attack{background:#f4433633;border-color:#f44336;color:#f44336}.unit-btn-attack:hover{background:#f4433659}.unit-card__promotions{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.promotion-badge{display:inline-block;padding:1px 5px;border-radius:3px;font-size:9px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);cursor:default}.promotion-badge--t1{color:#cd7f32;border-color:#cd7f3266}.promotion-badge--t2{color:silver;border-color:#c0c0c066}.promotion-badge--t3{color:gold;border-color:#ffd70066}.promotion-badge--t4{color:#b9f2ff;border-color:#b9f2ff66}.modal-screen--promotion{max-height:80vh;overflow-y:auto}.promotion-card-list{display:flex;flex-direction:column;gap:8px}.promotion-card{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:6px;cursor:pointer;text-align:left;color:var(--text-primary);transition:border-color var(--t-fast),background var(--t-fast)}.promotion-card:hover{border-color:var(--border-active);background:var(--bg-hover)}.promotion-card__tier{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.promotion-card__name{font-size:14px;font-weight:600;margin-bottom:3px}.promotion-card__effects{font-size:11px;color:var(--color-positive);margin-bottom:3px}.promotion-card__desc{font-size:11px;color:var(--text-secondary)}.victory-tracker{position:absolute;bottom:80px;right:296px;width:200px;background:var(--bg-panel);border:1px solid var(--hud-border);border-radius:8px;padding:var(--sp-sm) var(--sp-md);z-index:14;box-shadow:0 4px 16px #0006}.victory-tracker__title{font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--sp-sm);padding-bottom:var(--sp-xs);border-bottom:1px solid var(--border-subtle)}.victory-tracker__item{margin-bottom:var(--sp-xs)}.modal-screen--settings:before{background:var(--text-secondary)}.settings-toggles{display:flex;flex-direction:column;gap:var(--sp-sm);margin-bottom:var(--sp-lg)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) 0;cursor:pointer;font-size:var(--fs-body);color:var(--text-primary)}.settings-toggle__input{display:none}.settings-toggle__switch{width:36px;height:20px;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:10px;position:relative;transition:all var(--t-fast);flex-shrink:0}.settings-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-secondary);border-radius:50%;transition:all var(--t-fast)}.settings-toggle__input:checked+.settings-toggle__switch{background:#42a5f54d;border-color:var(--color-info)}.settings-toggle__input:checked+.settings-toggle__switch:after{left:18px;background:var(--color-info);box-shadow:0 0 6px #42a5f566}.settings-sliders{display:flex;flex-direction:column;gap:var(--sp-md);margin-bottom:var(--sp-xl)}.settings-slider{display:flex;align-items:center;gap:var(--sp-sm)}.settings-slider__label{flex:1;font-size:var(--fs-body);color:var(--text-primary)}.settings-slider__input{width:120px;-webkit-appearance:none;appearance:none;height:4px;background:var(--bg-surface);border-radius:2px;outline:none}.settings-slider__input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-info);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 4px #42a5f566}.settings-slider__input::-moz-range-thumb{width:14px;height:14px;background:var(--color-info);border-radius:50%;cursor:pointer;border:none}.settings-slider__value{width:32px;text-align:right;font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.settings-actions{display:flex;justify-content:flex-end;gap:var(--sp-sm)}.modal-screen--saveload:before{background:linear-gradient(90deg,#1565c0,#43a047)}.sl-slot--occupied:hover{border-color:var(--border-active)!important;background:var(--bg-hover)!important}.sl-slot--autosave:hover{border-color:#1e88e599!important;background:var(--bg-hover)!important}.settings-tab{flex:1;padding:8px 12px;background:transparent;border:none;color:var(--text-secondary, #8888a8);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;border-bottom:2px solid transparent}.settings-tab:hover{color:var(--text-primary, #d8d8e8)}.settings-tab--active{color:var(--text-primary, #d8d8e8);border-bottom-color:var(--accent-primary, #6688cc)}.settings-section__label{font-size:11px;color:var(--text-secondary, #8888a8);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px}.tree-panel{position:fixed;inset:0;z-index:50;background:#080818f2;display:none;pointer-events:auto}.tree-panel--open{display:block}.tree-panel__scroll{overflow-x:auto;overflow-y:auto;height:100%;scrollbar-width:thin}.tree-panel__canvas{position:relative;min-width:fit-content;min-height:100%}.tree-era{position:absolute;top:60px;bottom:0;border-right:1px solid var(--border-subtle);pointer-events:none}.tree-era__label{position:sticky;top:64px;font-size:var(--fs-md);color:var(--text-tertiary);padding:4px 12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.tree-branch-section{position:absolute;left:0;height:28px;display:flex;align-items:center;padding:0 12px;background:#ffffff05;border-bottom:1px solid var(--border-subtle);pointer-events:none}.tree-branch-section__label{font-size:var(--fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;opacity:.8}.tree-node{position:absolute;width:300px;height:100px;border-radius:8px;cursor:pointer;transition:all var(--t-fast);border-left:3px solid var(--border-medium);overflow:hidden}.tree-node__main{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;min-height:58px}.tree-node__info{flex:1;min-width:0}.tree-node__header{display:flex;align-items:center;justify-content:space-between;gap:4px}.tree-node__name{font-weight:600;font-size:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node__cost{font-size:var(--fs-xs);color:var(--text-tertiary);flex-shrink:0}.tree-node__effects{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap}.tree-node__effect{white-space:nowrap}.tree-node__ring{flex-shrink:0}.tree-node--blocked{opacity:.35;pointer-events:none;background:#14142899}.tree-node--blocked .tree-node__name{color:var(--text-tertiary)}.tree-node--ready{background:var(--bg-surface);border-color:var(--border-medium)}.tree-node--ready:hover{background:var(--bg-hover);border-color:var(--border-active);transform:scale(1.02);box-shadow:0 4px 12px #0000004d}.tree-node--current{background:var(--bg-surface);border-color:var(--accent-tech);box-shadow:0 0 12px #42a5f54d}.tree-node--researched{background:#42a5f514;border-color:#42a5f540}.tree-node--researched .tree-node__name{color:var(--color-positive)}.tree-node__boost{font-size:var(--fs-xs);color:var(--text-tertiary);padding:0 10px 4px 62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node__boost--triggered{color:var(--color-positive);font-weight:600}.tree-node__unlocks{display:flex;flex-wrap:wrap;gap:3px;margin-top:2px}.tree-node__unlock-tag{padding:1px 5px;border-radius:3px;background:#50a0ff26;color:var(--color-info, #6af);font-size:9px;white-space:nowrap}.tree-node__unlock-icon{width:18px;height:18px;border-radius:3px;background:var(--bg-hover);font-size:9px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tree-node__queue{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--color-warning);color:#000;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 0 6px #ffab4066}.tree-research-bar{position:sticky;top:0;left:0;right:0;z-index:3;padding:12px 24px;background:#0c0c1e;border-bottom:1px solid var(--border-medium);display:flex;align-items:center;gap:12px;min-height:52px;font-size:var(--fs-body)}.tree-research-bar__label{color:var(--text-secondary);font-size:var(--fs-sm)}.tree-research-bar__name{font-weight:600;color:var(--accent-tech)}.tree-research-bar__progress{background:#141428cc;border-radius:4px;height:8px;width:200px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000004d inset}.tree-research-bar__fill{height:100%;border-radius:4px;background:var(--accent-tech);transition:width var(--t-medium)}.tree-research-bar__pct{font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.tree-close-btn{position:fixed;top:12px;right:16px;z-index:var(--z-panel);width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:var(--fs-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.tree-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tree-panel--doctrine .tree-node--current{border-color:#ffd54f;box-shadow:0 0 12px #ffd54f4d}.tree-panel--doctrine .tree-node--researched{background:#ffd54f14;border-color:#ffd54f40}.tree-panel--doctrine .tree-research-bar__name{color:#ffd54f}.tree-panel--doctrine .tree-research-bar__fill{background:#ffd54f}.tree-node__desc{font-size:9px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;line-height:1.3}.tree-node__exclusive{font-size:9px;color:#ff9800;padding:0 10px 3px 62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-node__exclusive--locked{color:#ef5350}.tree-branch-nav{position:fixed;top:72px;right:56px;z-index:5;display:flex;flex-direction:column;gap:4px;background:#0c0c1ed9;border-radius:8px;padding:6px 4px;border:1px solid var(--border-subtle)}.tree-branch-nav__btn{display:flex;align-items:center;gap:4px;padding:4px 6px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:background var(--t-fast);color:var(--text-secondary)}.tree-branch-nav__btn:hover{background:var(--bg-hover)}.tree-branch-nav__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tree-branch-nav__label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tree-tooltip{position:absolute;z-index:20;width:280px;max-height:400px;overflow-y:auto;background:#101024f7;border:1px solid var(--border-medium);border-radius:8px;padding:12px;pointer-events:none;display:none;box-shadow:0 8px 24px #00000080}.tree-tooltip__name{font-weight:700;font-size:14px;margin-bottom:2px}.tree-tooltip__branch{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tree-tooltip__desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-bottom:8px;border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.tree-tooltip__section{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:8px;margin-bottom:4px}.tree-tooltip__effects{display:flex;flex-direction:column;gap:2px;font-size:11px}.tree-tooltip__exclusive{font-size:10px;color:#ff9800;margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,152,0,.2)}.tree-tooltip__hint{font-size:10px;color:var(--text-tertiary);margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle);font-style:italic}.tree-research-bar__current{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.tree-research-bar__queue{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:16px;border-left:1px solid var(--border-subtle);flex-shrink:0}.tree-research-bar__queue-label{font-size:10px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase}.tree-research-bar__queue-item{font-size:10px;color:var(--text-secondary);padding:2px 6px;background:var(--bg-surface);border-radius:3px;white-space:nowrap}.tree-research-bar__queue-more{font-size:10px;color:var(--text-tertiary)}@media(max-width:768px){.panel-left,.panel-right{width:100%!important;max-width:100vw}.hud-bar{flex-wrap:wrap;gap:4px}.hud-section{gap:6px}.action-bar{flex-wrap:wrap;gap:2px}.action-bar__btn{min-width:36px;font-size:10px;padding:4px 6px}.tile-info{max-width:100vw;width:100%}}