:root{--color-bg: #0a1628;--color-panel: #111d2e;--color-panel-alt: #0d1a2b;--color-gold: #d4af37;--color-red: #b22222;--color-border: #1e293b;--color-border-strong: #2a3548;--color-text: #ede6d6;--color-text-body: #cbd2de;--color-text-muted: #9aa7b8;--color-text-faint: #7d8ba0;--color-heading: #f2e9d8;--font-display: "Cinzel", serif;--font-body: "EB Garamond", serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text-body);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);font-weight:600;letter-spacing:.02em;margin:0}p{margin:0}button{font-family:inherit}a{color:var(--color-gold)}::selection{background:var(--color-gold);color:var(--color-bg)}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:72px}.app-main{flex:1;display:flex;justify-content:center;padding:64px 24px 96px}.spine{width:100%;max-width:620px;display:flex;flex-direction:column;gap:28px}.spine-hero{display:flex;flex-direction:column;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.spine-kicker{font-family:var(--font-display);font-size:12px;letter-spacing:2px;color:var(--color-red)}.spine-title{font-size:40px;line-height:1.15}.spine-standfirst{font-family:var(--font-body);font-style:italic;font-size:18px;line-height:1.5;color:var(--color-text-muted)}.spine-chapter{display:flex;flex-direction:column;gap:22px}.chapter-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.chapter-date{font-family:var(--font-display);font-size:12px;letter-spacing:1.5px;color:var(--color-gold)}.chapter-title{font-size:28px}.spine-paragraph{font-size:19px;line-height:1.6;color:var(--color-text-body)}.spine-quote{margin:4px 0;padding-left:20px;border-left:2px solid var(--color-gold);font-family:var(--font-body);font-style:italic;font-size:20px;color:var(--color-heading)}.tangent-inline-trigger{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:var(--color-gold);border-bottom:1px dashed var(--color-gold);cursor:pointer}.tangent-inline-trigger:hover{color:var(--color-heading)}.spine-next-teaser{margin-top:12px;padding:22px 24px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-panel-alt);display:flex;flex-direction:column;gap:6px;opacity:.75}.next-teaser-kicker{font-family:var(--font-display);font-size:11px;letter-spacing:1.5px;color:var(--color-text-faint)}.next-teaser-title{font-family:var(--font-display);font-size:18px;color:var(--color-text-muted)}.next-teaser-summary{font-size:15px;color:var(--color-text-faint)}.era-strip{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 20px;background:var(--color-panel-alt);border-top:1px solid var(--color-border);overflow-x:auto;z-index:10}.era-item{display:flex;align-items:center;gap:6px;flex-shrink:0}.era-dot{width:9px;height:9px;border-radius:50%;background:var(--color-border-strong)}.era-dot-active{background:var(--color-gold)}.era-dot-inert{background:var(--color-border)}.era-label{font-family:var(--font-display);font-size:11px;letter-spacing:.5px;color:var(--color-text-faint);text-transform:uppercase}.era-label-active{color:var(--color-gold)}.era-label-inert{color:var(--color-text-faint);opacity:.5}.era-connector{width:24px;height:1px;background:var(--color-border-strong);margin-left:6px}.map-view{border:1px solid var(--color-border-strong);border-radius:10px;background:var(--color-panel);padding:20px;display:flex;flex-direction:column;gap:14px}.map-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.map-kicker{font-family:var(--font-display);font-size:12px;letter-spacing:1.5px;color:var(--color-red)}.map-toggle{display:flex;gap:8px}.pill{font-family:var(--font-display);font-size:11px;letter-spacing:1px;padding:8px 16px;border-radius:20px;border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);cursor:pointer}.pill-active{border-color:var(--color-gold);background:var(--color-gold);color:var(--color-bg)}.map-stage{position:relative}.map-svg{width:100%;height:auto;display:block}.map-land{fill:#16233a;stroke:#24344d;stroke-width:1}.map-territory{fill:#b2222247;stroke:var(--color-red);stroke-width:1.5}.map-marker{cursor:pointer}.map-dot{fill:var(--color-red);stroke:var(--color-bg);stroke-width:2;transition:r .15s ease}.map-dot-selected{fill:var(--color-gold)}.map-dot-inert{fill:var(--color-text-faint);opacity:.6}.map-label{font-family:var(--font-display);font-size:11px;fill:var(--color-text-body)}.settlement-card{position:absolute;right:12px;bottom:12px;width:280px;max-width:calc(100% - 24px);background:var(--color-panel-alt);border:1px solid var(--color-border-strong);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 32px #0006}.settlement-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.settlement-kicker{font-family:var(--font-display);font-size:12px;letter-spacing:.5px;color:var(--color-gold)}.settlement-title{font-family:var(--font-display);font-size:18px;color:var(--color-heading)}.settlement-description{font-size:14px;line-height:1.5;color:var(--color-text-body)}.coming-soon{font-size:14px;font-style:italic;color:var(--color-text-faint)}.tangent-trigger{align-self:flex-start;background:none;border:none;padding:0;font-family:inherit;font-size:14px;color:var(--color-gold);border-bottom:1px dashed var(--color-gold);cursor:pointer}.close-btn{background:none;border:none;color:var(--color-text-faint);font-size:14px;cursor:pointer;line-height:1;padding:2px}.close-btn:hover{color:var(--color-heading)}.tangent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a148c;display:flex;justify-content:flex-end;align-items:stretch;z-index:100}.tangent-panel{width:380px;max-width:100%;background:var(--color-panel);border-left:1px solid var(--color-border-strong);padding:28px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.tangent-panel-header{display:flex;justify-content:space-between;align-items:flex-start}.tangent-kicker{font-family:var(--font-display);font-size:12px;letter-spacing:1.5px;color:var(--color-red)}.tangent-illustration{height:150px;border-radius:6px;background:linear-gradient(135deg,#1a2438,#101a2c);border:1px solid var(--color-border)}.tangent-title{font-size:22px;color:var(--color-heading)}.tangent-body{display:flex;flex-direction:column;gap:14px}.tangent-body p{font-size:16px;line-height:1.6;color:var(--color-text-body)}.tangent-back{align-self:flex-start;margin-top:auto;background:none;border:none;padding:0;font-family:var(--font-display);font-size:13px;letter-spacing:.5px;color:var(--color-gold);cursor:pointer}@media (max-width: 640px){.app-main{padding:40px 16px 80px}.spine-title{font-size:32px}.settlement-card{position:static;width:100%;margin-top:12px}.tangent-panel{width:100%}}