:root{--ui-scale: 1;--bg: #0d0d0f;--panel: #141418;--panel-strong: #101014;--text: #d4a437;--text-soft: #a89b8c;--danger: #8b1a1a;--positive: #4a7a4a;--void: #6b3a6b;--alien: #2a6b6b;--relic: #c4a862;--border: #d4a437}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%}html{font-size:calc(16px * var(--ui-scale))}body{color:var(--text);background:radial-gradient(circle at 15% 18%,rgba(196,168,98,.07),transparent 42%),radial-gradient(circle at 88% 24%,rgba(107,58,107,.08),transparent 40%),radial-gradient(circle at 45% 100%,rgba(42,107,107,.08),transparent 50%),linear-gradient(145deg,#09090b,#121218 52%,#0f0f13);font-family:IBM Plex Mono,JetBrains Mono,Fira Code,monospace;letter-spacing:.01em}html[data-cb-mode=deuteranopia]{--danger: #b45a20;--positive: #2c78a8;--alien: #2d79a0;--void: #6c5f8f}html[data-cb-mode=protanopia]{--danger: #9d5a2f;--positive: #3b7aa8;--alien: #2b6e7a;--void: #6f6097}html[data-cb-mode=tritanopia]{--danger: #af4b4b;--positive: #548548;--alien: #407f87;--void: #7f5988}h1,h2,h3,h4,h5,h6{font-family:Cinzel,Cormorant Garamond,serif;letter-spacing:.08em;text-transform:uppercase;margin:0}button{font-family:inherit}.app-shell{width:100%;height:100%;display:grid;grid-template-rows:56px 1fr;position:relative;overflow:hidden}html[data-scanlines=on] .app-shell:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#d4a43704 0 1px,#0000 2px 4px);pointer-events:none;z-index:15;mix-blend-mode:overlay}@keyframes bunker-flicker{0%{opacity:0}4%{opacity:0}5%{opacity:.06}6%{opacity:0}21%{opacity:0}22%{opacity:.04}23%{opacity:0}61%{opacity:0}62%{opacity:.05}64%{opacity:0}to{opacity:0}}html[data-flicker=on][data-reduced-effects=off] .app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:14;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08),transparent 55%);mix-blend-mode:screen;animation:bunker-flicker 7.5s steps(1,end) infinite}html[data-reduced-effects=on] *,html[data-reduced-effects=on] *:before,html[data-reduced-effects=on] *:after{transition-duration:0ms!important;animation-duration:0ms!important}.nav-bar{border-bottom:1px solid rgba(212,164,55,.35);background:#141418e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px}.map-modes,.nav-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid rgba(212,164,55,.4);background:linear-gradient(180deg,#d4a43714,#d4a43705);color:var(--text);padding:6px 10px;font-size:12px;cursor:pointer;transition:all .12s ease}.btn:hover{border-color:#d4a437cc;transform:translateY(-1px)}.btn.active{background:#d4a43733;border-color:#d4a437e6}.btn.danger{border-color:#8b1a1ab3;background:linear-gradient(180deg,#8b1a1a59,#8b1a1a1f)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.end-turn{background:linear-gradient(180deg,#8b1a1a59,#8b1a1a1f);border-color:#8b1a1a99}.main-layout{min-height:0;display:grid;grid-template-columns:1fr}.main-layout.with-panel{grid-template-columns:minmax(0,1fr) 360px}.map-column{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:1fr auto}.map-canvas{width:100%;height:100%;position:relative;overflow:hidden}.map-error-banner{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:18px;color:var(--text-soft);background:#08080ab8;z-index:2;pointer-events:none}.hud{background:#141418eb;border-top:1px solid rgba(212,164,55,.3);padding:10px}.hud-topline{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--text-soft)}.resource-bar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.resource-pill{border:1px solid rgba(212,164,55,.3);padding:6px;background:#09090bb3}.resource-name{font-size:10px;text-transform:uppercase;color:var(--text-soft)}.resource-value{font-size:13px}.resource-income{font-size:11px}.resource-income.positive{color:var(--positive)}.resource-income.negative{color:var(--danger)}.meter-row{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.meter-wrap{border:1px solid rgba(212,164,55,.25);padding:6px;background:#09090ba6}.meter-label{color:var(--text-soft);font-size:11px}.meter-track{margin-top:4px;width:100%;height:8px;background:#ffffff14}.meter-fill{height:100%}.meter-fill.corruption{background:linear-gradient(90deg,#5a1d5a,var(--void))}.meter-fill.xenotaint{background:linear-gradient(90deg,#174949,var(--alien))}.meter-fill.war{background:linear-gradient(90deg,#3f6f3f,#8b1a1a)}.meter-value{margin-top:4px;font-size:11px}.side-panel{border-left:1px solid rgba(212,164,55,.35);background:#101014f0;padding:12px;overflow-y:auto}.panel-block{margin-top:10px;padding:8px;border:1px solid rgba(212,164,55,.22);background:#0a0a0cb3;display:grid;gap:5px}.panel-block.compact{font-size:12px}.progress-bar-wrap{position:absolute;left:12px;right:12px;top:12px;padding:8px;background:#141418e0;border:1px solid rgba(212,164,55,.28)}.progress-label{font-size:11px;color:var(--text-soft);margin-bottom:6px}.progress-track{height:8px;background:#ffffff14}.progress-fill{height:8px;background:linear-gradient(90deg,#7d5b1f,var(--relic))}.performance-pill{position:absolute;right:12px;top:12px;font-size:11px;color:var(--text-soft);background:#141418e0;border:1px solid rgba(212,164,55,.28);padding:6px 8px}.performance-pill.warn{color:#e3b3b3;border-color:#8b1a1a99}.loading-screen{height:100%;display:grid;place-items:center;gap:12px}.faction-select-screen{padding:16px}.faction-select-card{width:min(1080px,96vw);border:1px solid rgba(212,164,55,.38);background:#0d0d11f2;padding:18px;display:grid;gap:14px}.faction-select-card p{margin:0;color:var(--text-soft)}.faction-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.faction-choice{border:1px solid rgba(212,164,55,.28);background:#09090bc7;color:var(--text);display:grid;gap:5px;padding:10px;text-align:left;cursor:pointer}.faction-choice.active{border-color:#d4a437e0;background:#d4a4371f}.faction-choice-color{display:block;width:100%;height:6px}.screen-overlay{position:fixed;inset:0;background:#00000094;display:grid;place-items:center;padding:20px}.screen-card{width:min(1000px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(212,164,55,.4);background:#0e0e12fa;padding:16px}.screen{display:grid;gap:12px}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.track-card,.save-item{border:1px solid rgba(212,164,55,.25);background:#09090bbf;padding:10px;display:grid;gap:6px}.save-list{display:grid;gap:8px}.save-item{color:var(--text);text-align:left;cursor:pointer;grid-template-columns:1fr}.save-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid rgba(212,164,55,.25)}.close-btn{justify-self:end}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:12px}.settings-metrics{border:1px solid rgba(212,164,55,.2);background:#09090bb8;padding:8px;display:grid;gap:5px;font-size:12px;color:var(--text-soft)}.notification-stack{position:fixed;right:12px;bottom:12px;display:grid;gap:8px;max-width:min(460px,94vw);z-index:35}.mobile-end-turn-fab{display:none}.map-context-menu{position:fixed;min-width:220px;border:1px solid rgba(212,164,55,.42);background:#0b0b0ef5;padding:8px;display:grid;gap:6px;z-index:40}.map-context-menu .btn{width:100%;text-align:left}.notification{border:1px solid rgba(212,164,55,.35);background:#0c0c0ef0;color:var(--text);text-align:left;padding:8px 10px;font-size:12px;cursor:pointer}.notification.alert{border-color:#8b1a1ab3;color:#e0a4a4}.province-screen{gap:14px}.province-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.province-toolbar select{background:#09090bcc;color:var(--text);border:1px solid rgba(212,164,55,.3);padding:6px 8px}.queue-indicator{color:var(--text-soft);font-size:12px}.province-layout{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.button-row{display:flex;gap:6px;flex-wrap:wrap}.construction-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.building-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.building-slot{border:1px solid rgba(212,164,55,.25);padding:8px;background:#09090bbf;display:grid;gap:4px}.building-slot.filled{border-color:#d4a4378c}.hint-text{font-size:11px;color:var(--text-soft)}.history-list{display:grid;gap:8px}.history-item{border:1px solid rgba(212,164,55,.22);background:#09090bb8;padding:8px;display:grid;gap:4px}.army-screen{gap:14px}.army-toolbar label,.army-regiment-actions label,.track-card label{display:grid;gap:6px;font-size:12px;color:var(--text-soft)}.portrait-badge{margin-top:8px;border:1px solid rgba(212,164,55,.25);background:#09090bbf;padding:8px;display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}.portrait-icon{width:48px;height:48px;border:1px solid rgba(212,164,55,.35);display:grid;place-items:center;font-size:14px;letter-spacing:.08em;font-weight:600}.portrait-meta{display:grid;gap:2px;min-width:0}.portrait-name{font-size:12px}.portrait-subtitle,.portrait-trait{font-size:11px;color:var(--text-soft)}.army-toolbar select,.army-regiment-actions select,.track-card select,.army-input{background:#09090bcc;color:var(--text);border:1px solid rgba(212,164,55,.3);padding:6px 8px}.army-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.army-division-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.army-regiment-list{display:grid;gap:6px}.regiment-btn{text-align:left}.army-regiment-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.battle-screen{gap:14px}.battle-screen>label{display:grid;gap:6px;font-size:12px;color:var(--text-soft)}.battle-screen select{background:#09090bcc;color:var(--text);border:1px solid rgba(212,164,55,.3);padding:6px 8px}.battle-overview-grid,.battle-actions-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.battle-log-list{display:grid;gap:8px;max-height:320px;overflow:auto}.battle-log-item{display:grid;gap:4px;border:1px solid rgba(212,164,55,.2);background:#09090bb8;padding:8px;font-size:12px}.battle-log-item.light{border-color:#d4a43733}.battle-log-item.moderate{border-color:#d4a43773}.battle-log-item.heavy{border-color:#8b1a1a8c}.battle-log-item.catastrophic{border-color:#8b1a1ad9;background:#1c0a0ac7}.battle-log-casualty{font-size:11px;color:var(--text-soft);letter-spacing:.04em}.diplomacy-screen{gap:14px}.diplomacy-toolbar{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.research-screen{gap:14px}.research-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.research-track-tabs{display:flex;flex-wrap:wrap;gap:8px}.research-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.research-project-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.research-project{border:1px solid rgba(212,164,55,.2);background:#09090bb8;padding:8px;display:grid;gap:5px;font-size:12px}.research-project.available{border-color:#4a7a4a80}.research-project.active{border-color:#d4a43773}.research-project.completed{border-color:#2a6b6b73}.research-project.locked{opacity:.75}.research-project-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.research-completed-list{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.research-completed-item{border:1px solid rgba(212,164,55,.2);background:#09090bb8;padding:8px;display:grid;gap:4px;font-size:12px}.event-overlay{position:fixed;inset:0;background:#000000ad;display:grid;place-items:center;z-index:30;padding:16px}.event-modal{width:min(940px,96vw);max-height:94vh;overflow:auto;border:1px solid rgba(212,164,55,.45);background:linear-gradient(165deg,#101014fa,#0a0a0cfa);padding:16px;display:grid;gap:12px}.event-modal p{margin:0;color:var(--text-soft);line-height:1.45}.event-illustration{border:1px solid rgba(212,164,55,.25);background:radial-gradient(circle at 22% 18%,rgba(212,164,55,.14),transparent 38%),radial-gradient(circle at 78% 72%,rgba(107,58,107,.18),transparent 42%),linear-gradient(145deg,#101014f2,#08080bf2);min-height:144px;padding:14px;display:grid;align-content:space-between;gap:8px}.event-illustration-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.event-illustration-title{font-size:16px;letter-spacing:.06em;text-transform:uppercase}.event-modal-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.event-priority{border:1px solid rgba(212,164,55,.45);padding:4px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.event-priority.critical{border-color:#8b1a1acc;color:#dd7a7a}.event-priority.major{border-color:#c4a862bf}.event-priority.minor{border-color:#2a6b6bbf;color:#85b7b7}.event-counter{font-size:12px;color:var(--text-soft)}.event-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.event-option-card{border:1px solid rgba(212,164,55,.2);background:#09090bb8;padding:10px;display:grid;gap:8px}.event-option-title{font-weight:600}.event-option-block{display:grid;gap:4px;font-size:12px;color:var(--text-soft)}.metric-chart{border:1px solid rgba(212,164,55,.22);background:#09090bb8;padding:8px;display:grid;gap:4px}.metric-chart-title{font-size:11px;color:var(--text-soft);text-transform:uppercase}.metric-chart-svg{width:100%;height:60px;color:#d4a437d9}.metric-chart-label{font-size:12px}html[data-corruption-ui=on][data-corruption-level=mid] .app-shell{filter:saturate(.96) contrast(1.03)}html[data-corruption-ui=on][data-corruption-level=high] .app-shell{filter:saturate(.88) contrast(1.06)}@media(max-width:1024px){.main-layout{grid-template-columns:1fr!important}.side-panel{position:fixed;left:8px;right:8px;bottom:76px;max-height:min(46vh,340px);border-left:1px solid rgba(212,164,55,.35);border-top:1px solid rgba(212,164,55,.3);box-shadow:0 8px 32px #00000073;z-index:26}}@media(max-width:768px){.resource-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.meter-row{grid-template-columns:1fr}.nav-bar{padding:8px;height:auto;min-height:56px;align-items:flex-start;flex-direction:column}.app-shell{grid-template-rows:auto 1fr}.nav-actions .end-turn{display:none}.mobile-end-turn-fab{display:inline-flex;align-items:center;justify-content:center;position:fixed;right:12px;bottom:12px;z-index:36;padding:12px 14px;font-size:13px;box-shadow:0 6px 18px #0000006b}}