@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{--bg:#080b0f;--surface:#0d1218;--surface-2:#111923;--line:#25303b;--line-bright:#41505e;--ink:#edf0e8;--muted:#84909a;--amber:#f4c95d;--amber-dim:#967a35;--red:#dd5b4d;--green:#65c18c;--blue:#55a8c7;--font-display:'Barlow Condensed',Impact,sans-serif;--font-mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-mono)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 42% 32%,#131b22 0,#080b0f 52%);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
button,select{font:inherit}.topbar{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:280px 1fr 245px;align-items:center;padding:0 24px;background:#090d11eb;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;border:1px solid var(--amber);color:var(--amber);display:grid;place-items:center;font:800 22px var(--font-display);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.brand strong{display:block;font:800 21px/1 var(--font-display);letter-spacing:.08em}.brand div span{display:block;color:var(--amber);font:500 10px var(--font-mono);letter-spacing:.22em;margin-top:5px}.season-strip{display:flex;justify-content:center;height:100%}.season-strip>div{min-width:130px;border-left:1px solid var(--line);padding:18px 20px}.season-strip>div:last-child{border-right:1px solid var(--line)}small,.eyebrow{font-size:9px;letter-spacing:.14em;color:var(--muted)}.season-strip b{display:block;font:700 17px var(--font-display);letter-spacing:.04em;margin-top:4px}.demo-badge{justify-self:end;border:1px solid #75543e;color:#f5b18c;padding:9px 11px;font-size:10px;font-weight:600;letter-spacing:.1em}.demo-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef8b57;box-shadow:0 0 10px #ef8b57;margin-right:6px}.demo-badge span{display:block;color:#a97962;font-size:8px;margin:3px 0 0 17px}
.war-room{display:grid;grid-template-columns:minmax(600px,1fr) 350px;grid-template-areas:'map command' 'ops command';max-width:1800px;margin:0 auto;min-height:calc(100vh - 78px)}.map-shell{grid-area:map;padding:20px 22px 0;border-right:1px solid var(--line)}.map-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.eyebrow{display:block;color:var(--amber);font-weight:600}.map-toolbar h1,.tick-controls h2,.dispatch-head h2{font:800 24px/1 var(--font-display);letter-spacing:.06em;margin:4px 0 0}.map-legend{display:flex;gap:16px;font-size:9px;color:var(--muted);letter-spacing:.08em}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.legend-dot.claimed{background:var(--amber)}.legend-dot.unclaimed{border:1px solid #59636c}.legend-throne{color:var(--amber);margin-right:4px}.map-stage{height:min(62vh,660px);min-height:490px;position:relative;border:1px solid var(--line);background-color:#090e13;background-image:linear-gradient(rgba(62,78,90,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(62,78,90,.12) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.map-stage:before,.map-stage:after{content:'';position:absolute;width:22px;height:22px;z-index:2;pointer-events:none}.map-stage:before{left:-1px;top:-1px;border-left:2px solid var(--amber);border-top:2px solid var(--amber)}.map-stage:after{right:-1px;bottom:-1px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber)}#hex-map{width:100%;height:100%;filter:drop-shadow(0 12px 25px #0009)}.hex{cursor:pointer;transition:filter .15s,opacity .15s}.hex polygon{stroke:#26343f;stroke-width:2;vector-effect:non-scaling-stroke;transition:stroke .15s,stroke-width .15s,filter .15s}.hex:hover polygon,.hex:focus polygon{stroke:#f6e3a1;stroke-width:3;filter:brightness(1.25)}.hex.selected polygon{stroke:#fff5c7;stroke-width:4}.hex.focused polygon{stroke:var(--amber);stroke-width:5;stroke-dasharray:8 5}.hex text{pointer-events:none;text-anchor:middle;fill:#f5f5ed;font-family:var(--font-display);paint-order:stroke;stroke:#080b0f;stroke-width:3px}.hex .troop-label{font-size:16px;font-weight:700}.hex .army-label{font-size:9px;letter-spacing:.08em;fill:#ced2cd}.hex .hex-id{font:500 7px var(--font-mono);fill:#818a91}.hex.unoccupied polygon{fill:#0d151a}.hex.unoccupied text{fill:#4c5962}.hex.unclaimed{opacity:.68}.hex.throne polygon{filter:drop-shadow(0 0 13px #f4c95d88)}.map-corner{position:absolute;color:#56636c;font-size:8px;letter-spacing:.14em}.map-corner.top-left{top:12px;left:13px}.map-corner.bottom-right{right:13px;bottom:12px}.map-status{min-height:36px;border:1px solid var(--line);border-top:0;padding:10px 12px;color:var(--muted);font-size:9px;letter-spacing:.09em;background:#0b1015}
.command-panel{grid-area:command;background:#0a0f14;border-right:1px solid var(--line)}.panel-section{padding:20px;border-bottom:1px solid var(--line)}.empire-title{display:flex;align-items:center;gap:8px;margin-top:7px}.empire-title h2{font:800 28px/1 var(--font-display);margin:0}.army-swatch{width:5px;height:29px;background:var(--amber)}.connected{margin-left:auto;color:var(--green);font-size:8px;border:1px solid #315e48;padding:4px 6px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mini-stats>div{padding:12px 8px 10px;border-right:1px solid var(--line)}.mini-stats>div:last-child{border:0}.mini-stats small,.mini-stats span{display:block;font-size:7px;letter-spacing:.08em;color:var(--muted)}.mini-stats b{display:block;font:800 25px var(--font-display);margin:3px 0}.field-label{display:flex;justify-content:space-between;font-size:9px;color:var(--amber);letter-spacing:.1em}.field-label span{color:var(--muted);letter-spacing:0;font-size:8px}select{width:100%;margin-top:8px;background:#0b1117;color:var(--ink);border:1px solid var(--line-bright);padding:12px;border-radius:0}.focus-readout{display:flex;justify-content:space-between;align-items:end;margin-top:15px}.focus-readout .field-label{display:block}.focus-readout strong{display:block;font:700 18px var(--font-display);margin-top:4px}.compact,.text-button{background:transparent;border:0;color:var(--muted);font-size:9px;text-decoration:underline;cursor:pointer;padding:8px}.primary-action{width:100%;border:1px solid var(--amber);color:#111;background:var(--amber);padding:12px 15px;font-size:10px;font-weight:600;letter-spacing:.08em;cursor:pointer;margin-top:13px}.primary-action:hover{background:#ffe180}.inspection{min-height:130px}.empty-inspection{color:var(--muted);font-size:10px;margin-top:13px}.hex-card{margin-top:10px}.hex-card-title{display:flex;justify-content:space-between;align-items:start}.hex-card-title b{font:800 24px var(--font-display)}.hex-card-title span{font-size:8px;padding:4px 6px;border:1px solid var(--line-bright)}.hex-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.hex-card-grid div{border-top:1px solid var(--line);padding-top:7px}.hex-card-grid small{display:block}.hex-card-grid strong{font:700 17px var(--font-display)}.last-battle{margin-top:9px;color:var(--muted);font-size:8px;line-height:1.6}.section-heading{display:flex;justify-content:space-between;align-items:start}.section-heading h3{font:700 18px var(--font-display);margin:4px 0 10px}.warning-pill{color:#f5b18c;border:1px solid #75543e;padding:4px 6px;font-size:7px}.influence-button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;background:#0c1319;border:1px solid var(--line);color:var(--ink);padding:11px;margin-top:7px;cursor:pointer}.influence-button:hover{border-color:var(--amber-dim);background:#121a20}.influence-button span b,.influence-button span small{display:block}.influence-button span b{font-size:9px;letter-spacing:.08em}.influence-button span small{font-size:7px;margin-top:4px;color:var(--muted);letter-spacing:0}.influence-button em{font:700 17px var(--font-display);color:var(--amber);font-style:normal}.strategy-copy{margin:8px 0 0;color:#78848d;font-size:8px;line-height:1.55}.safety-copy{color:#6e7982;font-size:7px;line-height:1.5;margin:10px 0 0}
.operations{grid-area:ops;border-right:1px solid var(--line)}.tick-controls{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line)}.tick-controls>div{margin-right:auto;min-width:160px}.tick-button{min-height:58px;background:#182027;border:1px solid #3e4a53;color:var(--ink);padding:7px 13px;display:grid;grid-template-columns:26px auto;grid-template-rows:auto auto;text-align:left;cursor:pointer}.tick-button:hover{border-color:var(--amber)}.tick-button>span{grid-row:1/3;font:800 22px var(--font-display);color:var(--amber);align-self:center}.tick-button b{font-size:9px;letter-spacing:.08em}.tick-button small{font-size:7px;margin-top:3px}.tick-button.danger{border-color:#633c39}.tick-button.danger>span{color:var(--red)}.tick-button:disabled{opacity:.45;cursor:wait}.dispatch-wrap{padding:20px 22px 35px}.dispatch-head{display:flex;justify-content:space-between;align-items:end}.ledger{display:flex;border:1px solid var(--line)}.ledger>div{padding:8px 13px;border-right:1px solid var(--line)}.ledger>div:last-child{border:0}.ledger small,.ledger b{display:block}.ledger b{font:700 16px var(--font-display);margin-top:2px}.dispatch-feed{margin-top:12px;border-top:1px solid var(--line)}.dispatch-item{display:grid;grid-template-columns:65px 84px 1fr;gap:8px;padding:11px 4px;border-bottom:1px solid #1c252d;font-size:9px;align-items:start}.dispatch-item .stamp{color:#63707a}.dispatch-item .type{font-weight:600;letter-spacing:.08em;color:var(--amber)}.dispatch-item .headline{color:#d9ddd8}.dispatch-item.battle .type{color:var(--red)}.dispatch-item.conquest .type{color:var(--green)}.dispatch-item.influence .type{color:var(--blue)}
.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#e8d58f;color:#15130c;padding:12px 18px;font-size:9px;font-weight:600;letter-spacing:.06em;opacity:0;pointer-events:none;transition:.2s;z-index:40}.toast.show{opacity:1;transform:translate(-50%,0)}.onboarding{position:fixed;inset:0;background:#05070aed;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.onboarding.hidden{display:none}.onboarding-card{width:100%;max-width:590px;overflow:hidden;border:1px solid var(--line-bright);background:#0b1015;padding:36px;box-shadow:0 30px 100px #000}.onboarding-card h2{font:800 clamp(36px,7vw,67px)/.88 var(--font-display);letter-spacing:.01em;margin:12px 0 18px;max-width:500px}.onboarding-card>p{color:#aeb5b6;font-size:11px;line-height:1.7;max-width:520px;overflow-wrap:anywhere}.onboarding-card ol{padding:0;margin:24px 0;list-style:none;border-top:1px solid var(--line)}.onboarding-card li{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.onboarding-card li>span{font:800 24px var(--font-display);color:var(--amber)}.onboarding-card li b,.onboarding-card li small{display:block}.onboarding-card li b{font-size:10px}.onboarding-card li small{margin-top:5px;line-height:1.4}.demo-disclaimer{display:block;text-align:center;margin-top:10px;line-height:1.5}
.command-panel{height:calc(min(62vh,660px) + 80px);max-height:calc(100vh - 78px);overflow-y:auto;position:sticky;top:78px;align-self:start}.legend-value{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:4px;border:1px solid #56616b;font-style:normal;font-weight:700;color:#d8ddd8}.legend-value.value-3{border-color:#55a8c7;color:#7bc8e5}.legend-value.value-7{border-color:#e99a55;color:#ffc07b}.legend-value.value-10{border-color:#d8b5ff;color:#e7d0ff}.map-legend span{display:flex;align-items:center;white-space:nowrap}.hex.value-3 polygon{stroke:#55a8c7;stroke-width:2.5}.hex.value-7 polygon{stroke:#e99a55;stroke-width:3}.hex.value-10 polygon{stroke:#d8b5ff;stroke-width:3.5;filter:drop-shadow(0 0 5px #9f6fc955)}.hex.leader-territory polygon{stroke:#ff6b58;filter:drop-shadow(0 0 4px #ff6b5866)}.hex.selected polygon{stroke:#fff5c7;stroke-width:4}.hex.focused polygon{stroke:var(--amber);stroke-width:5;stroke-dasharray:8 5}.point-label{font:700 7px var(--font-mono);fill:#f4e7ad;text-anchor:middle;paint-order:stroke;stroke:#080b0f;stroke-width:2}.objective-label{font-size:6px!important;letter-spacing:.08em}.rank-chip{margin-left:auto;color:var(--amber);font:800 17px var(--font-display);border:1px solid var(--amber-dim);padding:3px 6px}.connected{margin-left:0}.leaderboard-section{background:linear-gradient(135deg,#111922,#0a0f14)}.leader-warning{color:#ff8b78;border:1px solid #75443e;padding:4px 5px;font-size:7px;letter-spacing:.08em}.score-rule{color:#8b969e;font-size:8px;line-height:1.55;margin:10px 0}.leaderboard{border-top:1px solid var(--line)}.leader-row{display:grid;grid-template-columns:22px 4px 1fr 40px;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid #1e2831}.leader-row.current-leader{background:#32171366;border-left:2px solid #ff6b58}.leader-row.is-player{box-shadow:inset 0 0 0 1px #f4c95d44}.leader-rank{font:800 15px var(--font-display);color:#69757f}.leader-row>i{height:25px}.leader-row span strong,.leader-row span small,.leader-row em small{display:block}.leader-row span strong{font:700 11px var(--font-display);letter-spacing:.04em}.leader-row span small{font-size:6px;margin-top:2px}.leader-row em{font:800 19px var(--font-display);text-align:right;font-style:normal;color:var(--amber)}.leader-row em small{font:500 6px var(--font-mono);color:var(--muted)}.objective-readout{display:flex;justify-content:space-between;align-items:center;margin:9px 0;padding:7px 8px;border:1px solid var(--line-bright);font-size:8px}.objective-readout strong{font:800 14px var(--font-display);color:var(--amber)}.objective-readout.value-3{border-color:#35667a}.objective-readout.value-7{border-color:#84552e}.objective-readout.value-10{border-color:#775c91;background:#251a2c}.dispatch-item.score .type{color:var(--amber)}.dispatch-item.victory{background:#2c2511}.dispatch-item.victory .type{color:#ffe082}
@media(max-width:1100px){.topbar{grid-template-columns:230px 1fr 160px}.season-strip>div{min-width:95px;padding:18px 10px}.war-room{grid-template-columns:minmax(500px,1fr) 320px}.map-stage{min-height:440px}.tick-controls{flex-wrap:wrap}.tick-controls>div{width:100%}}
@media(max-width:820px){html,body{max-width:100%;overflow-x:hidden}.topbar{height:auto;min-height:68px;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;max-width:100%;overflow:hidden}.season-strip{grid-column:1/3;order:3;margin-top:10px;overflow:auto;justify-content:start;width:100%;max-width:100%;min-width:0}.season-strip>div{min-height:62px;height:auto;padding:10px;min-width:110px}.demo-badge span{display:none}.war-room{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0}.map-shell{order:1;padding:14px;border-right:0;width:100%;max-width:100%;min-width:0}.map-stage{width:100%;max-width:100%;min-width:0;height:56vh;min-height:390px}#hex-map{display:block;width:100%;max-width:100%}.map-legend{display:none}.command-panel{order:2;border:0;height:auto;max-height:none;overflow:visible;position:static}.operations{order:3;border:0}.tick-controls{padding:15px}.tick-button{flex:1;min-width:145px}.dispatch-wrap{padding:16px}.dispatch-head{align-items:start;gap:15px}.ledger{display:grid;grid-template-columns:1fr 1fr}.ledger>div:nth-child(2){border-right:0}.ledger>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.dispatch-item{grid-template-columns:56px 72px 1fr}.onboarding-card{padding:25px}.brand strong{font-size:18px}}
@media(max-width:500px){.topbar{position:relative}.demo-badge{font-size:8px}.map-toolbar h1{font-size:21px}.map-stage{height:52vh;min-height:360px}.map-status{line-height:1.5}.panel-section{padding:17px}.tick-controls>div{min-width:100%}.tick-button{min-width:calc(50% - 5px)}.dispatch-head{display:block}.ledger{margin-top:12px}.dispatch-item{grid-template-columns:54px 1fr}.dispatch-item .headline{grid-column:1/3}.onboarding-card h2{font-size:44px}.onboarding-card>p{font-size:10px}}
/* STORY SYSTEM */
.map-tools{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.army-search{position:relative;width:285px;z-index:8}.army-search label{display:block;color:var(--amber);font-size:8px;letter-spacing:.12em;margin-bottom:4px}.army-search>div:first-of-type{display:flex}.army-search input{min-width:0;flex:1;background:#090e13;border:1px solid var(--line-bright);border-right:0;color:var(--ink);padding:8px 9px;font:9px var(--font-mono)}.army-search>div>button{border:1px solid var(--amber-dim);background:#17160f;color:var(--amber);font-size:8px;letter-spacing:.08em;padding:0 10px;cursor:pointer}.search-results{position:absolute;left:0;right:0;top:48px;background:#0b1117;border:1px solid var(--line-bright);box-shadow:0 18px 35px #000d;max-height:310px;overflow:auto}.search-results button{width:100%;display:flex;align-items:center;gap:9px;text-align:left;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:9px;cursor:pointer}.search-results button:hover{background:#18232c}.search-results i{width:5px;height:27px}.search-results span{font-size:10px}.search-results small{display:block;margin-top:3px}.no-results{padding:14px;color:var(--muted);font-size:9px}
.map-modes{position:absolute;right:12px;top:12px;z-index:4;display:flex;background:#070a0dcc;border:1px solid var(--line)}.map-modes button{background:transparent;border:0;border-right:1px solid var(--line);color:var(--muted);font-size:8px;letter-spacing:.08em;padding:8px 10px;cursor:pointer}.map-modes button:last-child{border:0}.map-modes button.active{background:var(--amber);color:#111}.hex.spectator-dim{opacity:.15}.hex.spectator-highlight polygon{stroke:#fff5c7!important;stroke-width:5!important;filter:drop-shadow(0 0 8px #f4c95d)}.move-overlay{pointer-events:none;opacity:.5}.move-overlay.newest{opacity:1}.move-overlay line{stroke:#f4c95d;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #000)}.move-overlay.held line{stroke:#67c496;stroke-dasharray:7 5}.move-overlay.recaptured line{stroke:#ff8b78}.move-overlay circle{fill:#080b0f;stroke:#f4c95d;stroke-width:2;vector-effect:non-scaling-stroke}.move-number{fill:#fff;text-anchor:middle;font:700 8px var(--font-mono)}.outcome-marker{fill:#fff0b8;text-anchor:middle;font:700 7px var(--font-mono);paint-order:stroke;stroke:#080b0f;stroke-width:3}
.resolution-story{border:1px solid var(--line);border-top:0;background:#090e13}.replay-controls{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:7px 9px;gap:6px}.replay-controls button{background:#121a21;border:1px solid var(--line-bright);color:var(--ink);padding:7px 9px;font-size:8px;cursor:pointer}.replay-controls button:hover{border-color:var(--amber)}.replay-controls span{margin-left:auto;color:var(--amber);font-size:8px}.resolution-timeline{display:flex;overflow-x:auto;scrollbar-color:var(--line-bright) #090e13}.timeline-event{min-width:230px;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;background:transparent;border:0;border-right:1px solid var(--line);color:var(--ink);padding:10px;text-align:left;cursor:pointer}.timeline-event:hover,.timeline-event.active{background:#18232c}.timeline-event>b{font:800 18px var(--font-display);color:var(--amber)}.timeline-event span{font-size:8px;line-height:1.45}.timeline-event em{font-style:normal;color:var(--green);font-size:8px}.timeline-empty{padding:13px;color:var(--muted);font-size:9px}
.personal-report{background:linear-gradient(150deg,#17160f,#0c1217)}.report-verdict{font:800 25px var(--font-display);letter-spacing:.04em;color:var(--amber);margin:5px 0}.report-summary{font-size:9px;line-height:1.6;color:#c4cbc8;margin:0 0 11px}.report-deltas{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.report-delta{padding:8px 5px;border-right:1px solid var(--line)}.report-delta:last-child{border:0}.report-delta small,.report-delta b{display:block}.report-delta b{font:800 18px var(--font-display);margin-top:3px}.report-delta.positive b{color:var(--green)}.report-delta.negative b{color:var(--red)}.report-subhead{font-size:8px;color:var(--muted);letter-spacing:.1em;margin:12px 0 5px}.report-moment{width:100%;display:flex;gap:7px;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);color:#dce0dc;font-size:8px;line-height:1.45;padding:7px 0;cursor:pointer}.report-moment span{color:var(--amber)}.personal-report details{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.personal-report summary{color:var(--amber);font-size:8px;cursor:pointer}.personal-report details p,.tonight p{font-size:8px;line-height:1.55;color:var(--muted);margin:7px 0 0}.tonight{border-left:2px solid var(--amber);padding-left:8px;margin-top:10px}.quiet-copy{color:var(--muted);font-size:8px;line-height:1.5}
.chronicle{display:grid;grid-template-columns:minmax(0,1fr) 210px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#151813,#0a0f14 63%);padding:25px 22px;gap:25px}.chronicle h2{font:800 clamp(28px,4vw,48px)/.92 var(--font-display);letter-spacing:.025em;margin:7px 0 8px;max-width:760px}.chronicle-dek{font:600 14px/1.4 var(--font-display);color:#e8d58f;margin:0 0 14px;max-width:760px}.chronicle-body{columns:2;column-gap:26px;max-width:900px}.chronicle-body p{break-inside:avoid;color:#aeb7b5;font-size:9px;line-height:1.75;margin:0 0 11px}.chronicle-moments{display:grid;gap:4px;margin-top:10px}.chronicle-moments>span{font-size:8px;color:var(--amber);letter-spacing:.1em}.chronicle-moments button{background:transparent;border:0;border-left:1px solid var(--amber-dim);color:#dce0dc;text-align:left;font-size:8px;padding:5px 9px;cursor:pointer}.chronicle-moments button:hover{background:#1a211d}.chronicle-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);align-self:start}.chronicle-stats div{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.chronicle-stats div:nth-child(even){border-right:0}.chronicle-stats div:nth-last-child(-n+2){border-bottom:0}.chronicle-stats b,.chronicle-stats small{display:block}.chronicle-stats b{font:800 24px var(--font-display);color:var(--amber)}.chronicle-stats small{font-size:7px;margin-top:2px}
.profile-modal[hidden]{display:none}.profile-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px}.profile-backdrop{position:absolute;inset:0;border:0;background:#030507e8;cursor:pointer}.public-profile{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#0b1117;border:1px solid var(--line-bright);box-shadow:0 35px 100px #000;padding:28px}.profile-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.profile-identity{display:flex;align-items:center;gap:12px}.profile-identity>i{width:7px;height:50px}.profile-identity h2{font:800 36px/1 var(--font-display);margin:4px 0}.profile-identity>strong{margin-left:auto;font:800 30px var(--font-display);color:var(--amber);margin-right:32px}.profile-verdict{margin-top:20px;border-left:3px solid var(--amber);padding:12px 16px;background:#141710}.profile-verdict>span{font-size:8px;color:var(--muted)}.profile-verdict h3{font:800 30px var(--font-display);color:var(--amber);margin:4px 0}.profile-verdict p{font-size:10px;line-height:1.6;margin:0;color:#c8ceca}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:15px}.profile-stats div{padding:11px;border-right:1px solid var(--line)}.profile-stats div:last-child{border:0}.profile-stats small,.profile-stats b,.profile-stats em{display:block}.profile-stats b{font:800 25px var(--font-display);margin:4px 0}.profile-stats em{font-style:normal;color:var(--green);font-size:8px}.profile-actions{display:flex;gap:8px;margin:14px 0}.profile-actions button{flex:1;border:1px solid var(--amber-dim);background:#17160f;color:var(--amber);padding:10px;font-size:8px;cursor:pointer}.public-profile h4{font:700 11px var(--font-mono);color:var(--muted);letter-spacing:.1em;margin:19px 0 7px}.profile-moment{width:100%;display:flex;gap:10px;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;padding:10px;font-size:9px;cursor:pointer}.profile-moment:hover{background:#141d25}.profile-moment b{color:var(--amber)}.profile-analysis{display:grid;grid-template-columns:130px 1fr;gap:5px 15px;border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.profile-analysis p{margin:0 0 8px;color:var(--muted);font-size:8px;line-height:1.55}
@media(max-width:1100px){.army-search{width:240px}.chronicle{grid-template-columns:1fr}.chronicle-stats{grid-template-columns:repeat(4,1fr)}.chronicle-stats div{border-right:1px solid var(--line)!important}.chronicle-stats div:nth-child(4n){border-right:0!important}}
@media(max-width:820px){.map-tools{align-items:flex-end}.army-search{width:250px}.chronicle{padding:20px 16px}.chronicle-body{columns:1}.chronicle-stats{grid-template-columns:repeat(2,1fr)}.chronicle-stats div:nth-child(4n){border-right:1px solid var(--line)!important}.chronicle-stats div:nth-child(even){border-right:0!important}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats div:nth-child(2){border-right:0}.profile-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:500px){.map-toolbar{align-items:start}.map-tools{width:64%}.army-search{width:100%}.map-modes{top:48px}.replay-controls{flex-wrap:wrap}.replay-controls span{width:100%;margin:3px 0}.timeline-event{min-width:205px}.report-deltas{grid-template-columns:1fr 1fr}.report-delta:nth-child(2){border-right:0}.report-delta:nth-child(-n+2){border-bottom:1px solid var(--line)}.public-profile{padding:22px 16px}.profile-identity h2{font-size:28px}.profile-stats{grid-template-columns:1fr 1fr}.profile-analysis{grid-template-columns:1fr}.profile-actions{display:grid}.chronicle-stats{grid-template-columns:1fr 1fr}}
/* TONIGHT'S ORDER */
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.section-heading h3{font:800 23px/1 var(--font-display);letter-spacing:.06em;margin:4px 0 0}.order-expiry{border:1px solid #624841;color:#ef8f79;padding:5px 6px;font-size:7px;letter-spacing:.08em;white-space:nowrap}.order-intro{color:#929da4;font-size:8px;line-height:1.55;margin:10px 0}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.order-card{position:relative;min-height:92px;background:#0c1319;border:1px solid var(--line);color:var(--ink);padding:10px;text-align:left;cursor:pointer}.order-card:hover{border-color:#7b6b3f;background:#131913}.order-card.active{border-color:var(--amber);background:linear-gradient(145deg,#272315,#10161b);box-shadow:inset 3px 0 var(--amber)}.order-card.submitted:after{content:'CONFIRMED';position:absolute;right:5px;top:5px;color:var(--green);font-size:6px;letter-spacing:.08em}.order-card:disabled{opacity:.35;cursor:not-allowed}.order-card b,.order-card small,.order-card em{display:block}.order-card b{font:800 17px var(--font-display);letter-spacing:.06em;color:var(--amber)}.order-card small{color:#d7dcda;font-size:7px;line-height:1.35;margin-top:5px}.order-card em{font-style:normal;color:#77838c;font-size:6px;line-height:1.35;margin-top:5px}.order-preview{margin-top:8px;border:1px solid var(--line);border-left:3px solid var(--line-bright);background:#090e13;padding:10px}.order-preview.confirmed{border-left-color:var(--green);background:#0d1713}.order-preview span,.order-preview strong{display:block}.order-preview span{color:var(--muted);font-size:7px;letter-spacing:.08em}.order-preview.confirmed span{color:var(--green)}.order-preview strong{font:800 16px var(--font-display);color:var(--amber);margin-top:5px}.order-preview p{color:#98a3a8;font-size:7px;line-height:1.55;margin:6px 0 0}.cancel-order{display:block;width:100%;margin-top:3px;text-align:center}.compact:disabled,.primary-action:disabled{opacity:.35;cursor:not-allowed}.hex.valid-order-target polygon{stroke:#5aa97c;stroke-width:3;stroke-dasharray:5 4}.hex.valid-order-target:hover polygon{stroke:#8ee0ad;stroke-width:5}.hex.order-locked polygon{stroke:var(--amber);stroke-width:5;stroke-dasharray:none;filter:drop-shadow(0 0 7px #f4c95d88)}.move-overlay.raided line{stroke:#dd8d4d;stroke-dasharray:4 3}.move-overlay.raid-held line{stroke:#67c496;stroke-dasharray:3 5}.profile-orders{border-top:1px solid var(--line)}.profile-order{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:8px}.profile-order span{color:var(--muted)}.profile-order em{font-style:normal;color:var(--red)}.profile-order.succeeded em{color:var(--green)}
@media(max-width:500px){.order-grid{grid-template-columns:1fr 1fr}.order-card{min-height:88px;padding:9px}.section-heading{align-items:center}}

/* ORDER CAUSALITY DEBRIEF */
.order-debrief{margin-top:12px;border:1px solid #4d4934;background:#090d10}.order-debrief-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px;background:#201e12;border-bottom:1px solid #4d4934;color:var(--amber);font-size:8px;letter-spacing:.09em}.order-debrief-head b{font-size:7px;color:#111;background:var(--amber);padding:4px 6px}.debrief-row{display:grid;grid-template-columns:106px 1fr;gap:9px;padding:9px;border-bottom:1px solid var(--line)}.debrief-row:last-child{border-bottom:0}.debrief-row small{color:#7f8b92;font-size:7px;line-height:1.45;letter-spacing:.07em}.debrief-row p{margin:0;color:#c8cfcc;font-size:8px;line-height:1.55}.debrief-result{background:#12150f}.debrief-result small,.debrief-result p{color:var(--amber)}.debrief-concern{border-left:2px solid #db665b;background:#17100f}.debrief-concern small{color:#ef8f79}@media(max-width:500px){.debrief-row{grid-template-columns:1fr;gap:4px}.debrief-row p{font-size:9px}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* MAP-FIRST WORKSPACE */
:root{--workspace-top:88px}
html,body{height:100%;overflow:hidden}
.war-room{display:block;height:calc(100vh - var(--workspace-top));max-width:none;min-height:0;margin:0}
.map-shell{height:100%;min-width:0;padding:14px 16px 12px;border:0;display:flex;flex-direction:column}
.map-toolbar{flex:0 0 auto;margin-bottom:10px;align-items:center}
.map-toolbar h1{font-size:25px;margin:3px 0 0}
.map-tools{flex-direction:row;align-items:center;gap:12px}
.map-stage{flex:1 1 auto;height:auto;min-height:0;margin:0;border-radius:16px}
.map-status{flex:0 0 auto;margin-top:8px}
#world-map{cursor:grab;touch-action:none;user-select:none}
#world-map.is-dragging{cursor:grabbing}
.dashboard-launcher{position:absolute;right:12px;top:12px;z-index:7;display:flex;gap:6px}
.dashboard-launcher button,.drawer-heading button{min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(13,13,13,.9);color:var(--white);padding:0 15px;font:800 10px var(--font-display);letter-spacing:.04em;cursor:pointer;backdrop-filter:blur(12px)}
.dashboard-launcher button:hover,.dashboard-launcher button[aria-expanded="true"]{border-color:var(--upland-yellow);background:var(--upland-yellow);color:var(--deep-void)}
.map-modes{top:58px;right:12px}
.command-panel{position:fixed;z-index:35;top:var(--workspace-top);right:0;bottom:auto;width:min(430px,94vw);height:calc(100dvh - var(--workspace-top));max-height:calc(100dvh - var(--workspace-top));padding:0 12px 24px;overflow-y:auto;overscroll-behavior:contain;align-self:stretch;grid-area:auto;transform:translateX(calc(100% + 24px));transition:transform .24s ease;background:#0d0d0df5;border-left:1px solid rgba(255,255,255,.14);box-shadow:-28px 0 70px #000a;backdrop-filter:blur(18px)}
body.command-open .command-panel{transform:translateX(0)}
.operations{position:fixed;z-index:34;left:0;right:0;bottom:0;width:100%;max-height:min(58vh,620px);padding:0 20px 28px;overflow-y:auto;transform:translateY(calc(100% + 24px));transition:transform .26s ease;background:#0d0d0df7;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -28px 70px #000a;backdrop-filter:blur(18px)}
body.operations-open .operations{transform:translateY(0)}
.drawer-heading{position:sticky;top:0;z-index:5;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 8px;background:#0d0d0df2;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.drawer-heading>div{display:flex;flex-direction:column;gap:4px}.drawer-heading>div>b{font:900 18px var(--font-display);letter-spacing:.02em}.drawer-heading button{width:40px;padding:0;font-size:23px;line-height:1}
.command-panel>.panel-section:first-of-type{margin-top:12px}
.campaign-control-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:stretch;gap:12px;margin:12px 0 16px;padding:12px;border:1px solid rgba(255,247,26,.28);border-radius:14px;background:linear-gradient(135deg,#171710,#101418)}
.campaign-control-deck .tick-controls{padding:0;border:0;flex-wrap:wrap}.campaign-control-deck .tick-controls>div{min-width:100%;margin:0 0 2px}.campaign-control-deck .tick-button{flex:1}.campaign-control-deck .text-button{align-self:stretch}
.campaign-ledger{display:flex;flex-direction:column;justify-content:center;min-width:0}.campaign-ledger-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.campaign-ledger-heading>b{font:800 16px var(--font-display)}.campaign-control-deck .ledger{width:100%}
.operations>.resolution-story{margin:0 0 16px}
.operations>.chronicle{margin-top:0}
@media(max-width:820px){
  :root{--workspace-top:68px}
  .topbar{height:68px;min-height:68px;position:relative}.season-strip{display:none}
  .war-room{height:calc(100vh - var(--workspace-top))}.map-shell{padding:8px}
  .map-toolbar{min-height:54px;margin-bottom:7px}.map-toolbar h1{font-size:20px}.map-toolbar .map-legend{display:none}.army-search{width:min(245px,48vw)}
  .map-stage{height:auto;min-height:0}.map-status{min-height:38px;padding:11px 13px}
  .command-panel{top:0;width:min(430px,100vw);height:100dvh;max-height:100dvh;z-index:45}.operations{z-index:44;max-height:82vh;padding:0 10px 20px}.campaign-control-deck{grid-template-columns:1fr}.campaign-control-deck .tick-controls{padding:0}
}
@media(max-width:500px){
  .map-toolbar>div:first-child{display:none}.map-tools{width:100%;margin:0}.army-search{width:100%}
  .dashboard-launcher{right:7px;top:7px}.dashboard-launcher button{min-height:34px;padding:0 11px;font-size:9px}
  .map-modes{right:7px;top:48px}.map-guide{top:7px;left:7px;max-width:150px}.world-views{bottom:7px}
  .operations{max-height:88vh}.drawer-heading{min-height:58px}.drawer-heading>div>b{font-size:16px}
}

/* CURRENT UPLAND MAP COMPONENTS */
:root{--bg:#0D0D0D;--surface:#161616;--surface-2:#1d1d1d;--line:#303030;--line-bright:#505050;--ink:#fff;--muted:#a6a6a6;--amber:#FFF71A;--amber-dim:#8a8614;--sparklet-teal:#4ECDC4;--upland-yellow:#FFF71A;--deep-void:#0D0D0D;--dark-card:#161616;--white:#fff;--main-grey:#c9c9c9;--pale-grey:#a6a6a6;--font-display:Poppins,Arial,sans-serif;--font-mono:Poppins,Arial,sans-serif}
body{background:var(--deep-void)}.topbar{height:var(--workspace-top);background:#0d0d0df0}.upland-wordmark{width:110px;height:auto}.product-lockup{padding-left:14px;border-left:1px solid rgba(255,255,255,.2)}.product-lockup strong{font:900 16px/1 var(--font-display)}.product-lockup span{font-size:7px!important;letter-spacing:.08em!important}
#world-map{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--deep-void)}#hex-map[hidden],#world-map[hidden]{display:none!important}
.map-guide{position:absolute;left:14px;top:14px;z-index:5;display:flex;flex-direction:column;max-width:340px;padding:11px 14px;border:1px solid rgba(255,247,26,.32);border-radius:12px;background:rgba(13,13,13,.86);box-shadow:0 8px 28px #0008;pointer-events:none;backdrop-filter:blur(10px)}.map-guide b{color:var(--upland-yellow);font-size:10px}.map-guide span{margin-top:3px;color:var(--white);font-size:9px;line-height:1.35}
.world-views{position:absolute;left:12px;right:12px;bottom:12px;z-index:7;display:flex;align-items:center;justify-content:center;max-width:calc(100% - 24px);margin:auto;gap:4px;padding:4px;background:rgba(13,13,13,.88);border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(12px)}.world-views button{min-height:36px;border:0;border-radius:999px;background:transparent;color:var(--pale-grey);padding:0 13px;font-size:9px;font-weight:800;cursor:pointer}.world-views #fit-world{background:var(--upland-yellow);color:var(--deep-void)}.world-views #my-territory{background:var(--sparklet-teal);color:var(--deep-void)}.world-views #map-zoom-out,.world-views #map-zoom-in{width:36px;padding:0;font-size:20px}.world-views input{width:116px;accent-color:var(--upland-yellow)}.world-views output{min-width:38px;color:var(--upland-yellow);font-size:9px;font-weight:800;text-align:center}
.block-explorer,.search-block-explorer,.profile-block-explorer,.empire-block-explorer{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid #6f633e;background:hsl(var(--crest-hue,42) 34% 18%);color:#f8e8ad;font:800 14px var(--font-display)}.block-explorer img,.search-block-explorer img,.profile-block-explorer img,.empire-block-explorer img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}.empire-block-explorer{width:40px;height:40px;border-radius:10px}.search-block-explorer{width:34px;height:34px;border-radius:9px}.profile-block-explorer{width:70px;height:70px;border-radius:16px}.crest-fallback{position:absolute;inset:0;display:grid;place-items:center}
.hex-action-readout{margin-top:10px;border:1px solid rgba(255,247,26,.34);border-radius:12px;background:#111;padding:11px 12px}.hex-action-readout b{display:block;color:var(--upland-yellow);font:800 11px var(--font-display)}.hex-action-readout p{margin:5px 0 0;color:var(--main-grey);font-size:10px;line-height:1.5}.hex-action-readout.supply{border-color:rgba(78,205,196,.55)}.hex-action-readout.supply b{color:var(--sparklet-teal)}
@media(max-width:500px){.world-views{left:7px;right:7px;bottom:7px;max-width:calc(100% - 14px);gap:2px;padding:3px}.world-views button{padding:0 8px;font-size:8px}.world-views input{width:54px}.world-views output{min-width:26px}.map-coach span{font-size:8px}}

/* UPHEAVAL DAYLIGHT WORLD */
:root{--grassland:#8FBF6B;--grassland-deep:#6FA84E;--forest:#4E7D3A;--hills:#C9A96A;--mountains:#7A6E62;--snow:#EDE8E0;--water:#4FA3C7;--ocean:#2E6E8E}
.map-stage{background:var(--ocean);border-color:rgba(255,255,255,.24);box-shadow:0 18px 55px rgba(0,0,0,.48)}
#world-map{background:var(--ocean)}
.map-stage.zoom-world .map-corner,.map-stage.zoom-theater .map-corner{display:none}
.map-coach{position:absolute;left:14px;top:14px;z-index:8;display:flex;flex-direction:column;max-width:350px;padding:13px 42px 13px 15px;border:1px solid rgba(255,247,26,.45);border-radius:13px;background:rgba(13,13,13,.92);box-shadow:0 10px 32px #0008;backdrop-filter:blur(12px)}
.map-coach[hidden]{display:none}.map-coach b{color:var(--upland-yellow);font:900 10px var(--font-display);letter-spacing:.05em}.map-coach span{margin-top:4px;color:var(--white);font:600 9px/1.45 var(--font-display)}.map-coach button{position:absolute;right:8px;top:7px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.hex-detail-panel{position:fixed;z-index:38;top:var(--workspace-top);right:0;bottom:0;width:min(370px,94vw);padding:0 12px 24px;overflow-y:auto;transform:translateX(calc(100% + 24px));transition:transform .24s ease;background:#0d0d0df7;border-left:1px solid rgba(255,255,255,.16);box-shadow:-24px 0 60px #0009;backdrop-filter:blur(18px)}
body.hex-detail-open .hex-detail-panel{transform:translateX(0)}
.hex-detail-panel .inspection{margin-top:12px}.hex-detail-panel .hex-card{background:linear-gradient(145deg,#1d1d1d,#111);border-color:rgba(255,247,26,.28)}.landmark-note{margin-top:10px;padding:10px 11px;border:1px solid rgba(233,196,106,.45);border-radius:10px;background:rgba(233,196,106,.09);color:#E9C46A;font:800 9px/1.45 var(--font-display)}
@media(max-width:820px){.hex-detail-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:68vh;transform:translateY(calc(100% + 24px));border-left:0;border-top:1px solid rgba(255,255,255,.16)}body.hex-detail-open .hex-detail-panel{transform:translateY(0)}}
@media(max-width:500px){.map-coach{left:7px;top:7px;max-width:220px}.hex-detail-panel{max-height:76vh}}