:root{--bg: #0f1319;--bg-alt: #181d24;--panel: #1e252f;--panel-alt: #252d38;--text: #ece7d8;--text-muted: #b0a89a;--gold: #be9b5d;--danger: #9d3939;--success: #4e8e6b;--warn: #c68f3e;--line: #34404e;--shadow: 0 12px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:"Source Serif 4",Palatino Linotype,serif;color:var(--text);background:radial-gradient(1200px 680px at 10% 5%,#2f3f3b 0%,transparent 65%),radial-gradient(1000px 600px at 85% 10%,#3b3125 0%,transparent 70%),linear-gradient(165deg,var(--bg) 0%,#10151d 50%,#141a22 100%);min-height:100vh}button{font:inherit;border:1px solid var(--line);background:linear-gradient(180deg,#2d3540,#222a34);color:var(--text);padding:.5rem .85rem;border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}select{font:inherit;border:1px solid var(--line);background:linear-gradient(180deg,#2d3540,#222a34);color:var(--text);padding:.45rem .65rem;border-radius:8px}button:hover{transform:translateY(-1px);border-color:var(--gold);box-shadow:0 0 0 1px #be9b5d4d inset}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{max-width:1400px;margin:0 auto;padding:1.2rem;display:grid;gap:1rem}.panel{background:linear-gradient(180deg,#28303ce6,#1a1f27f2);border:1px solid var(--line);box-shadow:var(--shadow),0 0 0 1px #ffffff05 inset;border-radius:12px;padding:.95rem;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(190,155,93,.05),transparent 35%);pointer-events:none}.resource-bar{display:flex;justify-content:space-between;align-items:center}.resource-bar h1{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:1.2rem;color:var(--gold)}.resource-bar p{margin:.15rem 0 0;color:var(--text-muted)}.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:.8rem}.resource-grid div span{display:block;color:var(--text-muted);font-size:.76rem;text-transform:uppercase}.resource-grid div strong{color:var(--text);font-size:1.05rem}.top-nav{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.demo-nav-mark{display:grid;margin-right:.65rem;padding-right:.9rem;border-right:1px solid rgba(176,168,154,.2)}.demo-nav-mark strong{color:var(--gold);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.demo-nav-mark span{color:var(--text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.tab.active{border-color:var(--gold);background:linear-gradient(180deg,#3c3224,#2c261f)}.layout-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:.9rem}.campaign-flow-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;pointer-events:none}.campaign-flow-popup__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080c8f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.campaign-flow-popup__card{position:relative;width:min(680px,calc(100vw - 2rem));display:grid;gap:.75rem;pointer-events:auto;border-color:#be9b5d66;background:radial-gradient(circle at top right,rgba(190,155,93,.12),transparent 30%),linear-gradient(180deg,#282119fa,#12141afc);box-shadow:0 22px 44px #00000057}.campaign-flow-popup__card h3{margin:0}.campaign-flow-popup__card p{margin:0;color:var(--text-muted)}.observer-panel{grid-column:1 / -1;display:grid;gap:.8rem;border-color:#5f81a647;background:radial-gradient(circle at top right,rgba(95,129,166,.12),transparent 26%),linear-gradient(180deg,#161d25f5,#12141afa)}.observer-panel__header h3{margin:.1rem 0 0}.observer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.observer-grid article,.observer-highlight,.observer-log{padding:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#080b1052}.observer-grid strong,.observer-highlight strong,.observer-log strong{display:block;margin-bottom:.25rem;color:var(--gold)}.observer-grid span,.observer-highlight p,.observer-log p{margin:0;color:var(--text-muted)}.observer-log{display:grid;gap:.35rem}.command-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;background:linear-gradient(180deg,#362d1fe0,#201c17f5)}.command-strip h3{margin:0 0 .45rem;color:var(--gold)}.command-strip p{margin:.2rem 0;color:var(--text-muted)}.onboarding-panel,.summary-banner,.action-notice{grid-column:1 / -1}.action-notice{display:flex;justify-content:space-between;align-items:center;gap:1rem}.action-notice h3{margin:0 0 .25rem}.action-notice p{margin:0;color:var(--text-muted)}.action-notice.success{border-color:#4e8e6b80;background:linear-gradient(180deg,#1d2f28f0,#141c1ff5)}.action-notice.warn{border-color:#c68f3e80;background:linear-gradient(180deg,#3a2a18eb,#1c1817f5)}.action-notice.info{border-color:#5f81a675;background:linear-gradient(180deg,#1c2735eb,#141920f5)}.sticky-next-step{position:sticky;top:.55rem;z-index:40;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(190,155,93,.35);border-radius:12px;background:linear-gradient(180deg,#282119f7,#15171dfa);box-shadow:0 12px 24px #00000038}.sticky-next-step strong{color:var(--gold)}.sticky-next-step span{flex:1;color:var(--text-muted)}.demo-spotlight,.demo-flow{grid-column:1 / -1}.progress-briefing{grid-column:1 / -1;display:grid;gap:.9rem;border-color:#be9b5d4d;background:radial-gradient(circle at top right,rgba(190,155,93,.12),transparent 28%),linear-gradient(180deg,#251f18f5,#14161cfa)}.progress-briefing>p,.progress-briefing p{color:var(--text-muted)}.progress-briefing__signals,.goal-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.progress-briefing__signals article,.goal-checklist article{padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090c1157}.progress-briefing__signals strong,.goal-checklist strong{display:block;margin-bottom:.35rem;color:var(--gold)}.goal-checklist article.done{border-color:#4e8e6b61;background:linear-gradient(180deg,#182822e0,#11181ceb)}.onboarding-panel{background:radial-gradient(circle at top right,rgba(190,155,93,.2),transparent 30%),linear-gradient(180deg,#32281cf5,#17181cfa)}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:.9rem 0}.onboarding-grid article{padding:.8rem;border:1px solid rgba(190,155,93,.18);border-radius:10px;background:#0c10154d}.onboarding-grid strong{display:block;margin-bottom:.35rem;color:#f2ddaf}.summary-banner{background:linear-gradient(180deg,#212d29f2,#161c22f5)}.eyebrow{display:inline-block;margin-bottom:.35rem;color:#d8c69c;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.demo-spotlight{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:1rem;align-items:center;background:radial-gradient(circle at top right,rgba(190,155,93,.18),transparent 26%),radial-gradient(circle at left center,rgba(78,142,107,.14),transparent 22%),linear-gradient(180deg,#2c2318f5,#15181efa)}.demo-spotlight h2{margin:0 0 .45rem;max-width:18ch;font-size:1.8rem;line-height:1.05}.demo-spotlight p{margin:0;color:var(--text-muted);max-width:64ch}.demo-spotlight-stats{display:grid;gap:.7rem}.demo-spotlight-stats article{padding:.85rem;border-radius:12px;border:1px solid rgba(190,155,93,.18);background:#0f12175c}.demo-spotlight-stats strong{display:block;font-size:1.5rem;color:var(--gold)}.demo-spotlight-stats span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.demo-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.demo-flow article{padding:.9rem;border-radius:12px;border:1px solid rgba(176,168,154,.16);background:linear-gradient(180deg,#181c23eb,#12161bf5)}.demo-flow h3{margin:0 0 .35rem;color:var(--gold)}.demo-flow p{margin:0;color:var(--text-muted)}.hero h2{margin:0 0 .4rem;font-size:1.35rem}.hero p{margin:0 0 .8rem;color:var(--text-muted)}.action-row{display:flex;flex-wrap:wrap;gap:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.75rem}.card-grid.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.merc-card,.contract-card,.region-node,.rival-card{transition:transform .18s ease,border-color .18s ease}.merc-card:hover,.contract-card:hover,.region-node:hover,.rival-card:hover{transform:translateY(-2px);border-color:#be9b5dbf}.selected{border-color:var(--gold);box-shadow:0 0 0 1px #be9b5d59 inset,var(--shadow)}.contract-card h3,.merc-card h3,.rival-card h3,.region-node h3{margin-top:0;letter-spacing:.03em}.contract-briefing,.contract-reward-note{margin:.55rem 0 0;padding:.55rem .7rem;border-left:3px solid rgba(190,155,93,.75);background:#10141a52;color:var(--text-muted);font-size:.9rem}.contract-reward-note{border-left-color:#4e8e6bd9}.stat-row,.intel-row,.equip-row{display:flex;flex-wrap:wrap;gap:.7rem;color:var(--text-muted);font-size:.86rem;margin-top:.35rem}.risk.low{color:var(--success)}.risk.medium{color:var(--warn)}.risk.high{color:var(--danger)}.event-banner{border-left:3px solid var(--warn);padding-left:.6rem;margin-bottom:.65rem}.synergy{color:var(--text-muted);margin:.35rem 0}.synergy.on{color:var(--success)}.battle-log{max-height:560px;overflow:auto}.log{margin:.2rem 0;opacity:0;animation:reveal .34s ease forwards}.log.critical{color:var(--gold)}.log.injury{color:var(--warn)}.log.death{color:var(--danger)}.log.summary{color:var(--success);font-weight:700}@keyframes reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chronicle p,.memorial p{margin:.35rem 0}.memorial{background:linear-gradient(180deg,#1f232c,#181b21)}.engraved{border:1px solid #4a4540;background:linear-gradient(180deg,#2a2b2f,#222228);padding:.75rem;margin-top:.55rem}.archive-entry{margin-top:.7rem;padding:.75rem;border:1px solid rgba(176,168,154,.18);border-radius:10px;background:linear-gradient(180deg,#312a1f5c,#1a1d238f)}.archive-entry strong{display:block;margin-bottom:.2rem;color:#f2ddaf}.archive-entry p{margin:.2rem 0;color:var(--text-muted)}.archive-entry small{color:#cab98b;text-transform:uppercase;letter-spacing:.06em}.strategic-map{display:grid;gap:1rem}.world-map-panel{background:radial-gradient(circle at 12% 10%,rgba(202,168,106,.1),transparent 28%),radial-gradient(circle at 80% 16%,rgba(90,122,148,.1),transparent 24%),linear-gradient(180deg,#171d24fa,#11141afc)}.map-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.atlas-subtitle{color:#d8c69c;max-width:56ch}.atlas-selection-note{margin:.3rem 0 0;color:#b8dfc8}.travel-status{display:grid;gap:.2rem;min-width:220px;padding:.75rem;border:1px solid rgba(190,155,93,.35);border-radius:10px;background:linear-gradient(180deg,#3e342480,#221e1866)}.map-canvas{position:relative;min-height:420px;overflow:hidden;border-radius:16px;border:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(77,107,86,.35),transparent 18%),radial-gradient(circle at 73% 22%,rgba(58,72,106,.35),transparent 18%),radial-gradient(circle at 75% 72%,rgba(129,84,45,.28),transparent 18%),linear-gradient(180deg,#0e1217f2,#11181ff2)}.world-map-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:1rem}.world-map-canvas{min-height:560px;background:radial-gradient(circle at 25% 25%,rgba(104,148,119,.18),transparent 20%),radial-gradient(circle at 62% 26%,rgba(166,133,76,.16),transparent 24%),radial-gradient(circle at 72% 68%,rgba(143,84,67,.18),transparent 18%),radial-gradient(circle at 84% 22%,rgba(95,129,166,.18),transparent 18%),linear-gradient(180deg,#12171d,#171d25)}.world-map-canvas:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;opacity:.4}.region-body{position:absolute;border-radius:46% 54% 43% 57%/48% 41% 59% 52%;border:1px solid rgba(255,245,220,.08);box-shadow:inset 0 0 50px #ffffff08,0 20px 40px #0000002e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.region-body span{position:absolute;left:8%;top:8%;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#f4e7c6db}.region-body.muted{opacity:.34}.region-body.focused{box-shadow:inset 0 0 50px #ffffff0d,0 0 0 1px #be9b5d3d,0 20px 40px #0000002e;transform:scale(1.01)}.map-zoom-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.atlas-wind{position:absolute;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#e6dbc261;pointer-events:none}.atlas-wind-north{top:6%;left:6%}.atlas-wind-sea{right:7%;bottom:8%}.map-toolbar{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.filter-group{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.filter-group label{display:flex;align-items:center;gap:.45rem;color:var(--text-muted)}.map-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.atlas-cta-strip{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:.8rem;align-items:center;padding:.9rem 1rem;border:1px solid rgba(190,155,93,.22);border-radius:14px;background:radial-gradient(circle at right center,rgba(190,155,93,.12),transparent 24%),linear-gradient(180deg,#2d2317e6,#181c22f5)}.atlas-cta-card small{display:block;margin-bottom:.2rem;color:#d8c69c;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.atlas-cta-card strong{display:block;font-size:1.1rem;color:var(--gold)}.atlas-cta-card p{margin:.25rem 0 0;color:var(--text-muted)}.atlas-cta-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.atlas-cta-actions button:first-child:not(:disabled),.atlas-cta-actions button:nth-child(2):not(:disabled){border-color:#be9b5d7a;box-shadow:0 0 0 1px #be9b5d33 inset}.summary-chip{display:grid;gap:.2rem;padding:.8rem;border-radius:12px;border:1px solid rgba(176,168,154,.2);background:linear-gradient(180deg,#212831e0,#191f26eb)}.summary-chip strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.summary-chip span{font-size:1.1rem;color:var(--text)}.summary-list h4{margin:0 0 .5rem;color:var(--gold)}.summary-list p{margin:.25rem 0;color:var(--text-muted)}.route-line{position:absolute;height:3px;transform-origin:left center;background:#b0a89a73;box-shadow:0 0 10px #0003;border-radius:999px}.route-line.restricted{background:#c68f3ea6}.route-line.hostile{background:#9d3939d9}.route-line.active-route{height:5px;box-shadow:0 0 14px #be9b5d57}.map-node{position:absolute;translate:-50% -50%;min-width:92px;padding:.55rem .65rem;border-radius:12px;border:1px solid rgba(176,168,154,.32);background:linear-gradient(180deg,#242c36f5,#161c24f5);box-shadow:var(--shadow);cursor:pointer}.map-node.city,.map-node.capital,.map-node.port{background:linear-gradient(180deg,#3a3121f5,#1d1c19f5)}.map-node.fortress,.map-node.outpost,.map-node.crossing{background:linear-gradient(180deg,#2f2624f5,#18181bf5)}.map-node.ruin{background:linear-gradient(180deg,#2e1d1af5,#141415f5)}.world-node{min-width:116px}.selected-node{border-color:#f2ddaf;box-shadow:0 0 0 1px #f2ddaf59 inset,var(--shadow)}.node-icon{display:inline-block;margin-bottom:.25rem;padding:.1rem .4rem;border-radius:999px;background:#ffffff14;color:#f0d7a6;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.map-node.current{border-color:var(--gold);box-shadow:0 0 0 1px #be9b5d66 inset,var(--shadow)}.map-node strong,.map-node small{display:block}.map-node small{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.08em}.rival-marker{display:block;margin-top:.25rem;color:#efb4a7;font-size:.7rem;line-height:1.2}.post-marker{display:block;margin-top:.25rem;color:#9fd2b3;font-size:.7rem;line-height:1.2}.landmark-marker{display:block;margin-top:.25rem;color:#d8c69c;font-size:.7rem;line-height:1.2}.route-list{display:grid;gap:.75rem}.atlas-panel{display:grid;align-content:start;gap:.8rem;background:linear-gradient(180deg,#1f1812eb,#16181df5)}.atlas-panel h4,.atlas-panel h5{margin:0;color:var(--gold)}.atlas-travel-inline{margin:.8rem 0 1rem;padding:.8rem .9rem;border:1px solid rgba(95,129,166,.35);border-radius:10px;background:linear-gradient(180deg,#171f2bdb,#12181feb)}.atlas-travel-inline strong{color:#bfd5f2}.atlas-travel-inline p{margin:.35rem 0 0}.atlas-journey{display:grid;gap:.65rem}.atlas-site-list{display:grid;gap:.55rem}.atlas-site-card{padding:.75rem;border-radius:12px;border:1px solid rgba(176,168,154,.18);background:#0d11164d}.atlas-site-card.site-ready{border-color:#be9b5d6b;box-shadow:0 0 0 1px #be9b5d33 inset}.atlas-site-card p{margin:.25rem 0;color:var(--text-muted)}.atlas-site-card small{color:#b9a67b;text-transform:uppercase;letter-spacing:.08em}.route-guidance{display:block;margin-top:.45rem;color:#d8c69c}.route-guidance-live{color:#bfd5f2}.soft-blocked{border-color:#be9b5d42;color:#d7c49a;opacity:.82}.atlas-site-actions{margin-top:.55rem}.atlas-site-actions button{width:100%}.map-helper-copy{margin:.75rem 0 0;color:#d8c69c}.atlas-route-list{display:grid;gap:.65rem}.atlas-route-card{padding:.8rem;border-radius:12px;border:1px solid rgba(176,168,154,.18);background:#0d111657}.atlas-route-card p{margin:.25rem 0 0;color:var(--text-muted)}.atlas-modes{justify-content:flex-start;margin-top:.5rem}.route-card{display:flex;justify-content:space-between;gap:1rem;padding:.85rem;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#1f2630db,#181d25e6)}.route-card p{margin:.25rem 0 0;color:var(--text-muted)}.route-modes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.active-policy{border-color:var(--gold);box-shadow:0 0 0 1px #be9b5d59 inset}.interception-panel{grid-column:1 / -1;border-color:#c68f3e80;background:linear-gradient(180deg,#3a2a18e6,#211a15eb)}.travel-guidance-banner{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-color:#4e8e6b73;background:radial-gradient(circle at right center,rgba(78,142,107,.14),transparent 26%),linear-gradient(180deg,#1c2b26eb,#161d20f5)}.travel-guidance-banner h3{margin:0 0 .35rem;color:#b8dfc8}.travel-guidance-banner p{margin:.2rem 0;color:var(--text-muted)}@media (max-width: 1024px){.layout-grid,.command-strip,.observer-grid,.world-map-layout,.atlas-cta-strip,.demo-spotlight,.demo-flow{grid-template-columns:1fr}.sticky-next-step{position:static;flex-direction:column;align-items:flex-start}.resource-bar{flex-direction:column;align-items:flex-start;gap:.8rem}.resource-grid{grid-template-columns:repeat(2,minmax(100px,1fr))}.map-header,.route-card{flex-direction:column}.atlas-cta-actions{justify-content:flex-start}.map-canvas{min-height:520px}.demo-nav-mark{width:100%;margin-right:0;padding-right:0;padding-bottom:.6rem;border-right:0;border-bottom:1px solid rgba(176,168,154,.2)}}