:root{color-scheme:dark;font-family:ui-serif,Georgia,serif;background:#10191e;color:#edf3ed}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}main{max-width:64rem;margin:auto;padding:12px;overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:1.3rem}h2{font-size:1.08rem}h3{font-size:1rem}.command-header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:4px 2px 8px}.start-over-button{flex:none;min-height:32px;padding:4px 8px;font-size:.75rem}.subtle{color:#b7c6c1;font:.88rem system-ui,sans-serif}.eyebrow{color:#d6b86f;font:700 .7rem system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}.warning{color:#ffd18a}.error{color:#ffb4ab}.resources,.facts{display:flex;flex-wrap:wrap;gap:6px}.resources{justify-content:flex-end}.pill{background:#26383b;border-radius:999px;padding:4px 8px;font:.78rem system-ui,sans-serif;white-space:nowrap}.status{min-height:1.3rem;margin:3px 0 8px;font:.84rem system-ui,sans-serif}
.map-section{position:relative;background:#d5c398;border:1px solid #84734f;box-shadow:inset 0 0 0 4px #bda979,0 8px 20px #0005;color:#24271e}.map-heading{padding:12px 12px 2px;display:flex;justify-content:space-between;align-items:start}.map-mode{background:#73552e;color:#fff5d8;border-radius:999px;padding:5px 8px;font:700 .72rem system-ui,sans-serif}.map-frame{position:relative}.territory-map{width:100%;height:auto;display:block;touch-action:pan-y;user-select:none}.map-paper{fill:#d9c797}.atlas-margin{fill:none;stroke:#8e7a4e;stroke-width:1;opacity:.58}.atlas-margin text{fill:#695a3d;font:700 7px system-ui,sans-serif;letter-spacing:.12em}.map-illustration{pointer-events:none}.atlas-contour{fill:none;stroke:#81734d;stroke-width:1.35;opacity:.48}.atlas-hachures{fill:none;stroke:#756640;stroke-width:1.5;opacity:.58}.water-shadow{fill:none;stroke:#9eae9c;stroke-width:12;opacity:.45}.waterway{fill:none;stroke:#597b83;stroke-width:4;opacity:.9}.water-branch{stroke-width:2.5}.forest-mass{fill:#526846;opacity:.72}.site-mark{fill:none;stroke:#61543a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.map-routes{pointer-events:none}.map-route,.map-route-casing{fill:none;stroke-linecap:round}.map-route-casing{stroke:#594a30;stroke-width:9;opacity:.72}.map-route{stroke:#e2cf97;stroke-width:3;opacity:.95;stroke-dasharray:8 3}.map-route-casing.route-active{stroke:#e1b84c;stroke-width:12;opacity:.96}.map-route.route-active{stroke:#352a19;stroke-width:6;opacity:1;stroke-dasharray:none}
.territory{cursor:pointer;outline:none}.territory-fill{fill:#b7ad83;stroke:none;opacity:.74}.territory-boundary{fill:none;stroke:#403a28;stroke-width:2.4;stroke-linejoin:round}.territory.owned .territory-fill{fill:#829d76}.territory.hostile .territory-fill{fill:#b68169}.territory.knowledge-unknown .territory-fill{fill:url(#map-hatch),#a99f7d;opacity:.76}.territory.knowledge-unknown .territory-boundary{stroke-dasharray:5 4}.territory.knowledge-stale .territory-fill{opacity:.52}.territory.knowledge-stale .territory-boundary{stroke:#6b6251;stroke-dasharray:3 2}.territory.selected .territory-boundary{stroke:#1d251a;stroke-width:6}.territory.move-source .territory-boundary{stroke:#593d1e;stroke-width:7}.territory.legal-target .territory-boundary{stroke:#d59a31;stroke-width:6}.territory.non-target{opacity:.45}.territory:focus-visible .territory-boundary{stroke:#fff6b9;stroke-width:7}.map-details{pointer-events:none}.territory-label,.unknown-mark,.army-marker text{text-anchor:middle;pointer-events:none}.territory-label{fill:#24271e;font:750 14px ui-serif,Georgia,serif;letter-spacing:.035em;paint-order:stroke;stroke:#eadcb5;stroke-width:4px;stroke-linejoin:round}.landmark-mark{fill:none;stroke:#3f4933;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.knowledge-unknown .landmark-mark,.knowledge-unknown .territory-label{opacity:.55}.knowledge-stale .landmark-mark{opacity:.62}.unknown-mark{fill:#5d5136;font:700 18px system-ui,sans-serif}.army-marker path{fill:#31543c;stroke:#f3e4b8;stroke-width:1.7}.army-marker text{fill:#f6edcf;font:700 9px system-ui,sans-serif;dominant-baseline:middle}.map-controls{position:absolute;z-index:2;top:4px;right:7px;display:flex;gap:4px}.map-controls button,.icon-button{min-width:44px}.map-controls button{min-height:38px;padding:4px 9px;background:#f0e3bd;color:#2b291d;border-color:#766646}.map-key{padding:0 10px 10px;font:.72rem system-ui,sans-serif;color:#5a5139}.map-key span{margin-left:8px}.key-owned{color:#3f7547}.key-unknown{color:#756947}.key-stale{color:#716d6a}
.territory-sheet{background:#1b292e;color:#edf3ed;padding:12px;border-top:3px solid #d5b263;box-shadow:0 -5px 14px #0003}.sheet-handle{width:36px;height:4px;border-radius:4px;background:#78908c;margin:-3px auto 10px}.territory-sheet .facts{margin:10px 0}.territory-sheet .facts span{padding:4px 6px;background:#26383b;border-radius:4px;font:.78rem system-ui,sans-serif}.command-section,.card,dialog,.report{background:#1b292e;border:1px solid #3a5155;border-radius:10px;padding:12px;margin:12px 0}.list{display:grid;gap:8px}.compact-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.card{margin:0}.row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button,select{min-height:44px;border-radius:7px;border:1px solid #729098;font:600 .9rem system-ui,sans-serif}button{padding:8px 12px;background:#d9efc7;color:#102016;cursor:pointer}button.secondary{background:transparent;color:#edf3ed}button.danger{color:#ffcbc5;border-color:#c37c74}.danger-confirm{background:#8f352f;color:#fff;border-color:#dc7d74}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ffe082;outline-offset:2px}label{display:grid;gap:5px;font:600 .85rem system-ui,sans-serif}select{width:100%;background:#10191e;color:inherit;padding:7px}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-form .full{grid-column:1/-1}.report li{margin:6px 0}.report code{color:#b9e5ff}dialog{max-width:min(92vw,32rem);color:inherit}dialog::backdrop{background:#000a}
@media (min-width:760px){main{padding:18px}.territory-sheet{position:absolute;z-index:3;width:min(310px,42%);right:12px;bottom:12px;border:1px solid #d5b263;border-radius:8px}.territory-map{max-height:640px}.command-section{max-width:68%}}@media (max-width:360px){main{padding:8px}.command-header{display:block}.resources{justify-content:start;margin-top:7px}.order-form{grid-template-columns:1fr}.order-form .full{grid-column:auto}.territory-label{font-size:13px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.territory-map{-webkit-user-select:none;-webkit-touch-callout:none}.map-key .map-hint{display:inline;margin-left:10px}.leader-context,.assignment{font:.9rem system-ui,sans-serif;margin:9px 0}.inline-button{min-height:32px;padding:3px 7px;margin-left:5px}
.territory.legal-target.move-target .territory-boundary{stroke:#5aa5bb}.territory.legal-target.attack-target .territory-boundary{stroke:#ce5d42;filter:drop-shadow(0 0 3px #7b2414)}.forecast-card{margin-top:12px;padding:12px;border:1px solid #8e7450;background:#111d21;border-radius:8px}.forecast-card h3{font-size:1.25rem;color:#f0d08a;margin:3px 0 8px}.forecast-card p{font:.88rem/1.45 system-ui,sans-serif;color:#d9e1dc}
.candidate-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;border-color:#496166;background:linear-gradient(135deg,#202f34,#1b292e);overflow:hidden}.candidate-card.courtship-candidate{border-color:#a16c85;background:linear-gradient(135deg,#30232e,#1b292e)}.candidate-portrait{min-height:150px;border-radius:8px;position:relative;overflow:hidden;background:#405663;color:#e9f1df}.candidate-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.candidate-portrait p{position:absolute;left:0;right:0;bottom:0;margin:0;padding:5px;background:#10191ec7;font:.67rem system-ui,sans-serif;text-align:center}.candidate-portrait.level-4,.candidate-portrait.level-5{box-shadow:0 0 0 1px #d19b70,0 0 18px #9a465055}.candidate-copy{display:grid;align-content:start;gap:7px;min-width:0}.candidate-bio{font:.88rem/1.45 system-ui,sans-serif;margin:0;color:#e9f1df}.chemistry{font:.8rem/1.35 system-ui,sans-serif;margin:0;color:#e8c687}.person-details{grid-column:1/-1;min-width:0;border-top:1px solid #ffffff1c;padding-top:9px}@media(max-width:360px){.candidate-card{grid-template-columns:84px minmax(0,1fr);gap:9px}.candidate-portrait{min-height:128px}.candidate-bio{font-size:.82rem}}
.season-briefing{padding:12px 0 24px}.season-briefing h2{margin-top:20px}.briefing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.briefing-list{display:grid;gap:8px;margin-top:8px}.briefing-card{background:#1b292e;border:1px solid #3a5155;border-radius:10px;padding:12px;min-width:0;overflow-wrap:anywhere}.briefing-card p{margin-top:5px;font:.9rem system-ui,sans-serif}.delta{font-weight:700}.delta.positive{color:#bce6a9}.delta.negative{color:#ffb4ab}.briefing-action{position:sticky;bottom:0;padding:12px 0 2px;background:#10191e}.briefing-action button{width:100%;min-height:52px}
@media (max-width:759px){.map-section:has(.command-sheet){min-height:0}.map-section .command-sheet{position:absolute;z-index:4;left:8px;right:8px;bottom:8px;max-height:calc(100% - 70px);overflow:auto;border:1px solid #d5b263;border-radius:14px;box-shadow:0 12px 28px #0009}.map-section .command-sheet .command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.map-section .command-sheet .command-actions button{min-height:72px;min-width:0;display:grid;gap:4px;align-content:center;overflow:hidden}.map-section .command-sheet .command-actions small{display:flex;flex-wrap:wrap;gap:3px}.map-section .command-sheet .command-actions .pill{margin-left:0;padding:3px 5px;font-size:.65rem}.map-section .command-sheet .actions{margin-top:8px}}
.battle-stage{position:relative;min-height:calc(100vh - 24px);overflow:hidden;background:radial-gradient(circle at 30% 30%,#72572f,#142027 64%);display:grid;align-items:end;border:1px solid #705c3f}.battle-stage>img{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;animation:battle-push 2.8s ease-out both}.battle-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07111822 30%,#071118df 92%)}.battle-smoke{position:absolute;inset:35% -20% -20%;z-index:1;background:radial-gradient(ellipse,#d7c7a733 0,#56626622 35%,transparent 70%);animation:smoke-drift 2.8s ease-in-out both}.battle-caption{position:relative;z-index:2;padding:22px;max-width:36rem;text-shadow:0 2px 12px #000}.battle-caption h1{font-size:clamp(2rem,8vw,4rem);letter-spacing:.04em}.battle-caption p:last-child{font:1rem system-ui,sans-serif;margin-top:5px}.battle-skip{position:absolute;z-index:3;right:14px;top:14px;background:#10191ecc;color:#fff;border-color:#d7c18a}.battle-result{min-height:calc(100vh - 24px);display:grid;background:#172329;border:1px solid #67573f}.battle-result-art{min-height:230px;overflow:hidden;background:linear-gradient(135deg,#38484b,#171d21)}.battle-result-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05)}.battle-result-copy{padding:20px;max-width:42rem;width:100%;margin:auto}.battle-result-copy h1{font-size:clamp(1.65rem,6vw,3rem);color:#f0d08a;margin:3px 0 13px}.battle-portrait{width:72px;height:86px;object-fit:cover;float:right;margin:-4px 0 10px 14px;border:2px solid #c5a768}.battle-commander{font:600 1rem system-ui,sans-serif;margin-bottom:14px}.strength-ledger{clear:both;display:grid;gap:7px;border-block:1px solid #ffffff22;padding:12px 0}.strength-ledger p{display:flex;justify-content:space-between;gap:12px;font:1rem system-ui,sans-serif}.battle-explanation{font:1rem/1.5 system-ui,sans-serif;margin-top:15px}.battle-result details{margin-top:14px;padding:10px;border:1px solid #40565a;border-radius:7px;font:.9rem/1.45 system-ui,sans-serif}.battle-result details p{margin-top:8px;color:#c9d4cf}@keyframes battle-push{from{transform:scale(1) translateX(0)}to{transform:scale(1.055) translateX(-1.2%)}}@keyframes smoke-drift{from{transform:translateX(-3%);opacity:.25}to{transform:translateX(4%);opacity:.7}}@media(min-width:760px){.battle-result{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}.battle-result-art{min-height:calc(100vh - 26px)}}@media(prefers-reduced-motion:reduce){.battle-stage>img,.battle-smoke{animation:none}}
.person-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:68px;padding:8px 10px;overflow:hidden;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}.person-row-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.person-row-copy{min-width:0;max-width:100%}.person-row .icon-button{flex:none}.person-row h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-portrait{width:48px;height:52px;object-fit:cover;border-radius:7px;background:#405663;flex:none}.person-row .subtle{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relationship{color:#d59ac0;font:.78rem system-ui,sans-serif;margin-top:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.order-count{font:.76rem system-ui,sans-serif;color:#d6b86f;white-space:nowrap}.territory-leader{fill:#1d3424;font:700 10px system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#f6e9c3;stroke-width:3px}.territory-leader.leaderless{fill:#52472f;font-weight:700}.command-choice{min-height:52px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.command-choice small{font:400 .75rem system-ui,sans-serif;color:#365442}.person-targets{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff1c}.end-season-action{position:sticky;bottom:0;padding:10px 0 2px;background:#10191e}.end-season-action button{width:100%;min-height:52px}.mobile-action-bar{display:none}
@media(max-width:759px){body{padding-bottom:68px}.command-header{flex-wrap:wrap}.command-header .resources{flex:1 1 12rem}.start-over-button{min-height:44px}.map-controls button{min-height:44px}.map-key{font-size:.76rem;color:#413b2c}.key-owned{color:#245e31}.key-unknown{color:#5d5136}.key-stale{color:#514f4b}.end-season-action{display:none}.mobile-action-bar{position:fixed;z-index:8;left:0;right:0;bottom:0;min-width:0;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right));background:#10191ef2;border-top:1px solid #3a5155;box-shadow:0 -5px 16px #0008}.mobile-action-bar a,.mobile-action-bar button{min-width:0;min-height:48px;display:flex;gap:6px;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;font:700 .85rem system-ui,sans-serif;white-space:nowrap}.mobile-action-bar a{color:#edf3ed;border:1px solid #729098;background:#1b292e}.mobile-action-bar button{border-color:#66846b}.map-key .map-hint{display:block;margin:5px 0 0}.territory-leader{font-size:11px;stroke-width:3.5px}}
/* Territory map atlas refresh */
.map-details{pointer-events:none}.leader-chip{pointer-events:auto;cursor:pointer}.leader-chip.leaderless{pointer-events:none;cursor:default}.leader-chip:focus-visible{outline:2px solid #fff4b2;outline-offset:3px}.leader-hitbox{fill:#fff;fill-opacity:.001;stroke:none}.label-plaque{fill:#f3e4b8;fill-opacity:.92;stroke:#a58b59;stroke-width:1}.leader-avatar{fill:#6e746d;stroke:#fff0c4;stroke-width:1.5}.leader-portrait{clip-path:circle(10px at 10px 10px);pointer-events:none}.leader-chip .territory-leader{text-anchor:start;pointer-events:none}.leaderless .leader-avatar{fill:#a9a491;stroke:#796b4b}.mountain-spine{fill:#766957;stroke:#42382b;stroke-width:2;opacity:.96}.mountain-ridge{fill:none;stroke:#b8a47d;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.river-barrier{fill:none;stroke:#4d7f8d;stroke-width:10;opacity:.84}.route-node circle:first-child{fill:#ead9a9;stroke:#56472f;stroke-width:2}.route-node circle:last-child{fill:#806844}.route-node.bridge circle:first-child{fill:#b8d3d1}.key-road{color:#6a5532}.key-water{color:#316d80}.key-barrier{color:#5d513a}.map-key{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;line-height:1.45}.map-key span{margin-left:0;white-space:nowrap}.map-key .map-hint{flex-basis:100%;margin-left:0}
.map-heading .subtle{color:#695f46}

/* Terrain-first world map: the artwork carries geography; SVG carries game state. */
.map-frame{background:#12343c}.map-terrain{display:block;pointer-events:none}.map-territories{isolation:isolate}.territory{cursor:pointer}.territory-fill{fill:#d5bd6a;fill-opacity:0;stroke:none;pointer-events:none}.territory-boundary{fill:none;stroke:#f8e8b2;stroke-width:3;stroke-opacity:0;pointer-events:all}.territory.owned .territory-fill{fill:#71b77a;fill-opacity:.13}.territory.hostile .territory-fill{fill:#c86b5b;fill-opacity:.15}.territory.unknown .territory-fill{fill:#18272b;fill-opacity:.16}.territory.inspected .territory-fill{fill:#f7d56d;fill-opacity:.27}.territory.inspected .territory-boundary{stroke:#ffe7a4;stroke-width:7;stroke-opacity:.95;filter:drop-shadow(0 0 5px #251b0c)}.territory.command-origin .territory-boundary{stroke:#f0c85c;stroke-width:8;stroke-opacity:.95}.territory.valid-target .territory-boundary{stroke:#69d2e5;stroke-width:7;stroke-dasharray:18 10;stroke-opacity:.9}.territory.valid-target.attack-target .territory-boundary{stroke:#ff896e}.territory.valid-target.chosen-target .territory-fill{fill:#f2ca59;fill-opacity:.4}.territory.unavailable-target{opacity:.55}.map-details{pointer-events:none}.territory-label-group{pointer-events:none}.label-plaque{fill:#071c20;fill-opacity:.76;stroke:#d8c17e;stroke-opacity:.55;stroke-width:2}.territory-label{fill:#fff2c2;font:700 18px system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:#071c20;stroke-width:5px;letter-spacing:.01em}.territory-leader{fill:#fff2c2;font-size:15px;stroke:#071c20;stroke-width:4px}.leader-chip{pointer-events:auto;cursor:pointer}.leaderless{opacity:.75}.leader-avatar{fill:#5b7580;stroke:#f1d58b;stroke-width:2}.leader-portrait{clip-path:circle(10px at 10px 10px)}.army-marker{pointer-events:none}.army-marker path{fill:#e4c55f;stroke:#1e2826;stroke-width:3}.army-marker text{fill:#18211f;font:700 16px system-ui,sans-serif;text-anchor:middle}.map-route-casing{stroke:#071b20;stroke-width:16;opacity:.66}.map-route{stroke:#f0d38c;stroke-width:6;stroke-dasharray:17 10;opacity:.72}.map-route-casing.route-active{stroke:#f5bc4c;stroke-width:22;opacity:.92}.map-route.route-active{stroke:#fff1a8;stroke-width:9;stroke-dasharray:none;opacity:1}.route-node{opacity:.86}.route-node circle:first-child{fill:#e9d59b;stroke:#182428;stroke-width:4}.route-node circle:last-child{fill:#587e83}.route-node.bridge circle:first-child{fill:#a9dcdf}.route-node.sea circle:first-child{fill:#73c4df}.route-node.route-active{filter:drop-shadow(0 0 8px #ffe08a)}

/* Inspection, commands, and navigation use independent visual states. */
.territory-map{touch-action:pan-y;overscroll-behavior:contain}
.territory-map.is-zoomed{touch-action:none;cursor:grab}
.territory-map.is-zoomed:active{cursor:grabbing}
.map-route-casing{stroke:#594a30;stroke-width:7;opacity:.16}
.map-route{stroke:#7c6842;stroke-width:1.8;opacity:.28;stroke-dasharray:7 6}
.map-route-casing.route-active{stroke:#8b6325;stroke-width:9;opacity:.72}
.map-route.route-active{stroke:#f3dfa0;stroke-width:3.4;opacity:1;stroke-dasharray:none}
.route-node{opacity:0}
.route-node.route-active{opacity:1}
.territory.inspected .territory-fill{filter:brightness(1.13);opacity:.9}
.territory.inspected .territory-boundary{stroke:#22331d;stroke-width:4.8;filter:drop-shadow(0 0 2px #f5e7b6)}
.territory.command-origin .territory-boundary{stroke:#70451f;stroke-width:6.2;stroke-dasharray:none;filter:none}
.territory.valid-target .territory-boundary{stroke:#3d879d;stroke-width:4;stroke-dasharray:8 5;filter:none}
.territory.valid-target.attack-target .territory-boundary{stroke:#b64d38}
.territory.valid-target.chosen-target .territory-fill{fill:#d0b96a;opacity:.76}
.territory.unavailable-target{opacity:.58}
.label-plaque{fill:#eee0b7;fill-opacity:.72;stroke:#9a8255;stroke-width:.7;rx:7}
.terrain-marks{fill:none;stroke:#6c6848;stroke-width:1.7;stroke-linecap:round;opacity:.55}
.marsh-reeds{stroke:#55716a}.plain-scrub{stroke:#766b45;opacity:.7}
.map-barriers{pointer-events:none}.mountain-spine{fill:#6d6557;stroke:#3f382d;stroke-width:1.5;opacity:.9}.mountain-ridge{opacity:.88}.river-barrier{stroke:#477887;stroke-width:9;opacity:.9}
.profile-header{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:11px;align-items:center}
.profile-portrait-wrap{width:72px;height:72px;border-radius:9px;overflow:hidden;background:#405663;color:#edf3ed}
.profile-portrait{display:block;width:100%;height:100%;object-fit:cover}
.profile-portrait-fallback{place-items:center;width:100%;height:100%;font:700 1.5rem system-ui,sans-serif}.profile-portrait-fallback:not([hidden]){display:grid}
.profile-traits{margin-top:10px}
@media(max-width:360px){.profile-header{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}.profile-portrait-wrap{width:64px;height:64px}}

/* Viewport overlays keep the field atlas and its pan/zoom context untouched. */
body.modal-open{position:fixed;width:100%;overflow:hidden;overscroll-behavior:none}
.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.overlay-scrim{position:absolute;inset:0;background:#061015c7;backdrop-filter:blur(2px)}
.overlay,.overlay-scrim{pointer-events:none}.overlay-panel{pointer-events:auto}
.overlay-panel{position:relative;z-index:1;width:min(100%,34rem);max-height:min(88vh,44rem);overflow:auto;border:1px solid #d5b263;border-radius:14px;box-shadow:0 18px 48px #000b;background:#1b292e;outline:none}
.overlay-panel .territory-sheet{position:static;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;padding:16px}
.overlay-panel .sheet-handle{display:none}
.quick-card-header{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center}
.quick-portrait{width:52px;height:60px;border-radius:8px;overflow:hidden;background:#405663;display:grid;place-items:center;font:700 1.4rem system-ui,sans-serif;color:#edf3ed}
.quick-portrait.small{width:48px;height:52px}
.quick-portrait img{width:100%;height:100%;object-fit:cover}.quick-status{margin-top:10px}.people-toggle{min-height:36px;padding:5px 9px;font-size:.8rem}
.orders-section{padding:9px 12px}.orders-section .list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px}.orders-section .card{padding:8px}.people-section{margin-top:12px}
@media(max-width:759px){.overlay{padding:10px}.overlay-panel{max-height:calc(100dvh - 20px);width:min(100%,34rem)}.overlay-panel .command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-panel .command-actions button{min-height:64px}.orders-section .list{grid-template-columns:1fr}.orders-section .end-season-action{display:none}}

/* Field-order controls: compact, framed surfaces with costs kept in-flow. */
.close-button{flex:0 0 46px;width:46px;min-width:46px;max-width:46px;height:46px;min-height:46px;padding:0;display:grid;place-items:center;border:1px solid #b69455;border-radius:5px;background:#24383b;color:#f4dfaa;font:700 1.35rem/1 serif}
.territory-modal-header{grid-template-columns:52px minmax(0,1fr) 46px}.territory-modal-header>div:nth-child(2){min-width:0}.territory-modal-header h2{overflow-wrap:anywhere}
.territory-modal-header.leaderless-header{grid-template-columns:minmax(0,1fr) 46px}.territory-modal-header.leaderless-header>div{grid-column:1}
.command-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.command-tile{min-width:0;min-height:82px!important;padding:9px 10px!important;display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:space-between!important;text-align:left!important;overflow:hidden;border:1px solid #8c7849!important;border-radius:4px!important;background:#24383a!important;color:#eff0d8!important;box-shadow:inset 0 1px #ffffff18,inset 0 -2px #101a1c!important}.command-tile:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #071013!important}.command-tile-title{display:flex;align-items:center;gap:7px;min-width:0}.command-tile-title strong{font:700 .95rem/1.15 ui-serif,Georgia,serif;overflow-wrap:anywhere}.command-icon{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;color:#e2bd68;font-size:1.05rem}.command-tile small{display:flex;align-items:end;justify-content:space-between;gap:4px;min-width:0;color:#b9c9bc;font:.72rem/1.2 system-ui,sans-serif}.command-cost{color:#e7c875;font:700 .65rem/1 system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap}.command-cost.prominent{font-size:.8rem}.utility-row{width:100%;justify-content:space-between!important;background:transparent!important;border-color:#536a69!important;color:#e7e9d8!important}.utility-row small{color:#aebcaf}.people-header{width:100%;min-height:60px;padding:8px 4px;display:grid;grid-template-columns:28px minmax(0,1fr) auto 28px;align-items:center;gap:8px;background:transparent;border:0;border-radius:0;color:#eef2dc;text-align:left}.people-header strong{font:700 1rem ui-serif,Georgia,serif}.people-icon{color:#dfba63;font-size:1.25rem}.disclosure{font-size:1.35rem;color:#d8b668;text-align:center}.people-section{padding:4px 12px 12px}.targeting-hud{position:absolute;z-index:5;left:10px;right:10px;top:44px;display:grid;grid-template-columns:minmax(0,1fr) auto 46px;align-items:center;gap:8px;padding:8px 9px;border:1px solid #d5b263;border-radius:5px;background:#18282cdd;box-shadow:0 5px 18px #0008;backdrop-filter:blur(3px);pointer-events:auto}.targeting-hud strong{font:700 .8rem system-ui,sans-serif;letter-spacing:.08em;color:#e7c875}.targeting-hud small{display:block;margin-left:27px;color:#d0d9ce;font:.72rem system-ui,sans-serif}.targeting-hud .close-button{width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px}.target-confirmation{padding:4px}.target-confirmation .quick-card-header{grid-template-columns:42px minmax(0,1fr) 46px}.target-confirmation .command-icon.large{width:42px;height:42px;font-size:1.65rem;border:1px solid #947944;background:#24383a}.target-route{margin:14px 0 4px;font:1rem system-ui,sans-serif}.target-confirmation .command-cost{margin:12px 0}.target-confirmation .actions{display:grid;grid-template-columns:1fr 1fr}.target-confirmation .actions button{min-width:0}
@media(max-width:360px){.command-actions{gap:6px}.command-tile{padding:8px!important}.command-tile-title strong{font-size:.86rem}.targeting-hud{left:6px;right:6px}}

/* Full-screen title entry: one authoritative 16:9 master covers every viewport. */
html,body{margin:0;min-height:100%;background:#071b2c}
body.splash-open{overflow:hidden;overscroll-behavior:none}
.title-splash{position:fixed;top:0;right:0;left:0;height:var(--splash-height,100svh);height:var(--splash-height,100dvh);z-index:1000;display:grid;place-items:center;overflow:hidden;background:#071b2c;color:#f8e8b2;opacity:1;transition:opacity 350ms ease-out;touch-action:none}
.title-splash.is-exiting{opacity:0;pointer-events:none}
.title-splash-art{position:absolute;inset:0;z-index:1;}
.title-splash-artwork{display:block;width:100%;height:100%;user-select:none;}
.title-splash-artwork--portrait{display:none}
.title-splash-art image{pointer-events:none;user-select:none;}
.splashBegin{fill:transparent;cursor:pointer;pointer-events:all;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.splashBegin:hover{box-shadow:0 0 18px 3px rgba(247,205,103,.18)}
.splashBegin:active{fill:rgba(255,245,199,.08)}
.splashBegin:focus-visible{outline:2px solid rgba(247,211,117,.9);outline-offset:4px;box-shadow:0 0 14px rgba(247,211,117,.35)}
@media (prefers-reduced-motion:reduce){.title-splash{transition-duration:350ms}}
@media (max-aspect-ratio:1/1){.title-splash-artwork--landscape{display:none}.title-splash-artwork--portrait{display:block}}

/* =========================================================
   Terrain World Map
   The raster plate is the geography; SVG only communicates state.
   ========================================================= */
:root{--map-player-faction:#78a875;--map-hostile-faction:#b76759;--map-selection:#f5d98c;--map-move:#91d4cb;--map-scout:#e6cf85;--map-attack:#de725d;--map-label:#f6edd4;--map-label-outline:rgba(34,28,20,.88)}
.world-map{background:#0b2a31}.map-terrain{display:block;pointer-events:none}.map-fog-layer,.map-ownership-layer,.map-selection-layer,.map-route-layer,.map-label-layer,.map-army-layer,.map-leader-layer{pointer-events:none}.map-territory-hit-layer{pointer-events:none}.map-territory{cursor:pointer}.map-territory-hit{fill:transparent;stroke:transparent;stroke-width:10;pointer-events:all;cursor:pointer;vector-effect:non-scaling-stroke}.map-territory-owner{pointer-events:none;stroke:none;opacity:.11}.map-territory-owner--player{fill:var(--map-player-faction)}.map-territory-owner--hostile{fill:var(--map-hostile-faction)}.map-territory-owner--neutral{fill:transparent}.map-fog-territory{fill:#182522;fill-opacity:.28;stroke:none;filter:saturate(.55)}.map-territory-selection{fill:none;stroke:none;pointer-events:none;vector-effect:non-scaling-stroke}.map-territory-selection.map-territory--inspected{fill:#fff4c7;fill-opacity:.1;stroke:#fff0b5;stroke-width:3;filter:drop-shadow(0 0 3px rgba(25,22,15,.55))}.map-territory-selection.map-territory--command-origin{fill:#efcd70;fill-opacity:.13;stroke:#fadc89;stroke-width:3.5}.map-territory-selection.map-territory--target-move{fill:#64beb9;fill-opacity:.13;stroke:var(--map-move);stroke-width:3}.map-territory-selection.map-territory--target-scout{fill:#d7c274;fill-opacity:.11;stroke:var(--map-scout);stroke-width:3;stroke-dasharray:7 5}.map-territory-selection.map-territory--target-attack{fill:#c34e3a;fill-opacity:.13;stroke:var(--map-attack);stroke-width:3}.map-territory-selection.map-territory--selected-target{fill:#ffe797;fill-opacity:.18;stroke:#fff1bc;stroke-width:4}.map-targeting .map-territory:not(.map-territory--legal-target):not(.map-territory--command-origin){opacity:.76}.map-territory-label{pointer-events:none}.map-territory-label .territory-label{font-family:Georgia,"Times New Roman",serif;font-size:17px;font-weight:700;text-anchor:middle;dominant-baseline:middle;fill:var(--map-label);paint-order:stroke fill;stroke:var(--map-label-outline);stroke-width:4px;stroke-linejoin:round}.map-territory-label--unknown{opacity:.48}.map-territory-label--unknown .territory-label{opacity:.32}.map-territory-label .unknown-mark{fill:var(--map-label);font:700 17px system-ui,sans-serif;text-anchor:middle;paint-order:stroke;stroke:var(--map-label-outline);stroke-width:4px}.map-route-layer .map-route-casing,.map-route-layer .map-route{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.map-route-layer .map-route-casing{stroke:rgba(48,37,23,.18);stroke-width:4;opacity:.2}.map-route-layer .map-route{stroke:rgba(239,215,160,.24);stroke-width:2;stroke-dasharray:5 6;opacity:.7}.map-route-layer .map-route-casing.route-active{stroke:rgba(48,37,23,.62);stroke-width:6;opacity:1}.map-route-layer .map-route.route-active{stroke:rgba(255,224,137,.95);stroke-width:3.25;stroke-dasharray:none;opacity:1}.route-node{opacity:.72}.route-node circle:first-child{fill:#e5d19a;stroke:#302619;stroke-width:2}.route-node circle:last-child{fill:#69888a}.route-node.bridge circle:first-child{fill:#a8d9d9}.route-node.sea circle:first-child{fill:#80c9df}.route-node.route-active{filter:drop-shadow(0 0 4px #ffe08a)}.map-army-layer .army-marker{pointer-events:none}.army-marker path{fill:#172a2b;fill-opacity:.94;stroke:#e4c979;stroke-width:2}.army-marker text{fill:#fff4c8;font:700 16px system-ui,sans-serif;text-anchor:middle;dominant-baseline:middle}.map-leader-layer .leader-chip{pointer-events:auto;cursor:pointer}.map-leader-layer .leader-chip.leaderless{pointer-events:none;opacity:.5}.leader-casing{fill:#122224;stroke:#211c17;stroke-width:4}.leader-avatar{fill:#627d80;stroke:#f4dda0;stroke-width:2}.leader-portrait{clip-path:circle(16px at 16px 16px);pointer-events:none}.leader-role{fill:#f4d477;stroke:#211c17;stroke-width:2;stroke-linejoin:round}.map-controls{background:transparent}.map-controls button{min-height:44px;min-width:44px;border:1px solid rgba(236,211,148,.55);border-radius:50%;background:rgba(17,34,36,.84);color:#fae7ad;box-shadow:0 3px 10px rgba(0,0,0,.35);font:700 1rem Georgia,serif}.map-controls button[data-map-zoom="fit"]{font-size:.74rem}.map-key{color:#ead9ac;background:linear-gradient(180deg,transparent,rgba(8,24,27,.58));text-shadow:0 1px 3px #071013}.map-key .map-hint{color:#f2e3b7}@media (hover:hover) and (pointer:fine){.map-territory-hit:hover{fill:rgba(255,245,205,.06)}}@media (prefers-reduced-motion:no-preference){.map-territory-selection,.map-territory-owner,.map-route-layer .map-route{transition:fill 120ms ease,stroke 120ms ease,opacity 120ms ease}}@media (max-width:759px){.map-territory-label .territory-label{font-size:16px}.map-controls{top:8px;right:8px;gap:5px}}
/* Strategy HUD pass: contextual orders sit on the viewport edge and return the map to the foreground. */
.context-overlay{place-items:end center;padding:0 max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));pointer-events:none}
.context-overlay.context-overlay--top{place-items:start center;padding-top:var(--context-top-offset,calc(58px + env(safe-area-inset-top)));padding-bottom:0}
.context-overlay .overlay-panel{pointer-events:auto;width:min(100%,31rem);max-height:min(58vh,30rem);border:1px solid #d5b263;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -10px 30px #000b;background:#17272b;animation:dock-in 160ms ease-out}
.context-overlay.context-overlay--top .overlay-panel{border-top:0;border-bottom:1px solid #d5b263;border-radius:0 0 12px 12px;box-shadow:0 10px 30px #000b}
.context-overlay .overlay-panel .territory-sheet{padding:12px 14px 14px}
.person-command-sheet .quick-portrait{width:60px;height:70px;border:1px solid #b69455}
.person-command-sheet .quick-status,.command-sheet .quick-status{margin-top:4px;font:700 .72rem system-ui,sans-serif;letter-spacing:.02em}
.quick-status.ready{color:#bce6a9}.quick-status.warning{color:#ffd18a}
.person-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.person-actions .command-tile{min-height:68px!important;padding:7px 5px!important;align-items:center!important;text-align:center!important}
.person-actions .command-tile-title{display:grid;gap:3px;justify-items:center}.person-actions .command-tile-title strong{font-size:.8rem}.person-actions .command-tile small{font-size:.62rem}
.info-actions{display:flex;justify-content:flex-end;margin-top:8px}.info-actions .utility-row{width:auto;min-height:40px;padding:5px 8px!important;gap:5px}
.command-sheet .command-actions{margin-top:12px}.command-sheet .leader-context{margin:2px 0 0;font:600 .78rem system-ui,sans-serif;color:#dce7d6}.command-note{margin:8px 0 0;font-size:.76rem}
.command-sheet .command-choice{min-height:48px}.command-sheet .territory-extra-actions{display:flex;gap:6px;margin-top:8px}.command-sheet .territory-extra-actions .command-choice{flex:1;min-width:0}.scout-issuer-picker{margin-top:12px;padding:10px;border:1px solid #806d45;border-radius:5px;background:#172c30}.scout-issuer-picker .row{gap:8px}.scout-issuer-picker p{margin:0}.scout-issuer-list{display:flex;gap:7px;overflow-x:auto;padding-top:8px}.scout-issuer{display:grid;justify-items:center;gap:4px;min-width:64px;padding:5px;background:#20383a;border:1px solid #567072;color:#eef2dc;border-radius:4px}.scout-issuer strong{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:.68rem system-ui,sans-serif}.scout-issuer .quick-portrait{width:38px;height:44px}
.orders-section{background:#132125;border:0;border-block:1px solid #31484b;border-radius:0}.orders-section .section-heading{margin-bottom:5px}.orders-section .card{border-color:#32494c;border-radius:4px;background:#1a2d31}.orders-section .card .subtle{font-size:.74rem}.orders-section .card button{min-height:36px;padding:4px 8px;font-size:.72rem}
.resources{gap:4px}.resources .pill{border-radius:3px;padding:4px 7px;background:#1b3033;border:1px solid #355255;color:#e5d18c;font-weight:700}.resources .pill::first-letter{color:#b7e1c1}
.map-mode{border-radius:3px!important;background:#173d45!important;border-color:#6ab4c2!important;color:#d4f3ee!important}
@keyframes dock-in{from{transform:translateY(12px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-width:420px){.context-overlay .overlay-panel{width:100%}.person-command-sheet .quick-portrait{width:54px;height:64px}.person-actions .command-tile{min-height:64px!important}}
@media(min-width:760px){.context-overlay{place-items:end end;padding:18px}.context-overlay .overlay-panel{width:min(360px,42vw);border-bottom:1px solid #d5b263;border-radius:10px}}
@media(min-width:760px){.context-overlay.context-overlay--top{place-items:start end;padding-top:var(--context-top-offset,76px);padding-bottom:18px}.context-overlay.context-overlay--top .overlay-panel{border-top:1px solid #d5b263;border-radius:10px;box-shadow:0 10px 30px #000b}}
.phase1-shell{height:100dvh;overflow:hidden}
html,body{height:100%;overflow:hidden;overscroll-behavior:none}
#app{height:100dvh;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#07181d}
.world-hud{z-index:6;flex:0 0 auto;min-height:52px;display:flex;align-items:center;gap:10px;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));background:#10252aee;border-bottom:1px solid #476263;box-shadow:0 3px 12px #0008;color:#edf3ed}
.world-hud>strong{font:700 1rem ui-serif,Georgia,serif;white-space:nowrap}.season-badge{color:#e8c875;font:700 .8rem system-ui,sans-serif}.world-hud .resources{margin-left:auto;flex-wrap:nowrap;gap:4px}.world-hud .pill{padding:3px 5px;border-radius:3px;font-size:.7rem;background:#1a3438}.hud-menu{min-width:40px;min-height:40px;padding:4px;font-size:1.1rem}
.status{position:absolute;z-index:7;left:50%;bottom:calc(64px + env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;min-height:0;padding:4px 9px;border-radius:4px;background:#13262add;color:#d7e2d7;font-size:.72rem;pointer-events:none}
.world-map-surface{flex:1;min-height:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.world-map-surface .map-heading{display:none}.world-map-surface .map-frame{height:100%;min-height:0;flex:1}.world-map-surface .territory-map{height:100%;min-height:0;object-fit:cover}.world-map-surface .map-key{display:none}
.game-rail{z-index:10;position:relative!important;inset:auto!important;flex:0 0 auto;min-height:64px;grid-template-columns:1fr 1fr 48px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#101f24f5}.game-rail button{border:1px solid #4f6d70;background:#182d31;color:#edf3ed}.game-rail button:last-child{font-size:1.2rem;color:#e8c875}.game-rail button strong{color:#e8c875}.game-rail button:disabled{opacity:.42;cursor:not-allowed}
.people-drawer{position:fixed;z-index:25;inset:auto 0 calc(64px + env(safe-area-inset-bottom)) 0;width:auto;height:min(42dvh,360px);padding:14px max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left));overflow:auto;background:#132328;color:#edf3ed;border-top:1px solid #d5b263;box-shadow:0 -12px 30px #000b;animation:drawer-in 160ms ease-out}.people-drawer.is-expanded{height:min(72dvh,620px)}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.drawer-header h2{margin:0;color:#e8c875}.drawer-actions{display:flex;gap:6px}.drawer-intro{margin:0 0 10px;font-size:.76rem}.drawer-subheading{margin:14px 0 5px;color:#e8c875;font:700 .9rem ui-serif,Georgia,serif}.people-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:7px}.people-drawer .person-token{min-width:0;min-height:112px!important;padding:8px 5px!important;border:1px solid #496669!important;background:#1b3438!important}.people-drawer .person-token.is-prospect{border-color:#9b7547!important;background:#2a2c2c!important}.people-drawer .person-token img{width:48px;height:54px}.people-drawer .person-token strong{font-size:.82rem}.people-drawer .person-token small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-status.ready{color:#bce6a9}.person-status.unavailable{color:#ffd18a}.person-status.prospect{color:#e8c875}.territory-people{margin-top:12px;padding-top:10px;border-top:1px solid #ffffff1c}.territory-people h3{margin:0;font-size:.9rem}.territory-people-list .person-token{min-width:86px}
.orders-tray{width:min(100%,31rem)!important;max-height:min(58vh,30rem)!important}.order-slots{display:grid;gap:7px;margin-top:12px}.order-slot{display:grid;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:8px;padding:9px;border:1px solid #40595b;border-radius:5px;background:#1a3034}.order-slot>strong{color:#e8c875}.order-slot b,.order-slot span{display:block}.order-slot span{margin-top:3px;color:#b7c6c1;font:.75rem system-ui,sans-serif}.target-confirmation .actions{display:grid;grid-template-columns:1fr 1fr}
.targeting-hud{top:8px;left:8px;right:8px}.targeting-hud small{margin:3px 0 0;display:block}
@keyframes drawer-in{from{transform:translateY(12px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(min-width:760px){#app{max-width:none}.world-hud{padding-inline:24px}.world-map-surface .territory-map{object-fit:contain}.game-rail{display:grid;justify-content:center}.game-rail button{max-width:280px}.people-drawer{inset:0 0 0 auto;width:25rem;height:auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));border-top:0;border-left:1px solid #d5b263;box-shadow:-12px 0 30px #000b}.people-drawer.is-expanded{width:31rem;height:auto}}

/* Territory action pickers and compact state readout. */
.territory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.territory-stats span{display:grid;gap:2px;padding:6px 7px;background:#203538;border:1px solid #40595a;border-radius:5px}.territory-stats b{font:700 1.05rem Georgia,serif;color:#f1d68d}.territory-stats small{font:.66rem system-ui,sans-serif;color:#b8c8bc}.territory-stats.is-stale{opacity:.7}.territory-stats>.warning{grid-column:1/-1;font:.7rem system-ui,sans-serif}.person-picker{display:flex;gap:7px;overflow-x:auto;padding:2px 0 4px}.person-token{min-width:72px;min-height:82px!important;padding:5px!important;display:grid!important;place-items:center;gap:2px;background:#24383a!important;color:#eff0d8!important}.person-token img{width:38px;height:42px;object-fit:cover;border-radius:5px}.person-token strong{font:.78rem system-ui,sans-serif}.person-token small{font:.66rem system-ui,sans-serif;color:#c4d0c4}.action-preview .preview-effect{margin:18px 0;padding:10px;background:#24383a;border-left:3px solid #d5b263;font:1rem system-ui,sans-serif}.action-preview .actions{display:grid;grid-template-columns:1fr 1fr}.action-preview .actions button:last-child{grid-column:1/-1}

/* Map-led mobile strategy presentation. Context belongs to pieces, not a fixed rail. */
.world-hud{min-height:48px;padding:calc(4px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));gap:7px}.hud-title{display:grid;gap:1px;min-width:0}.hud-title strong{font:700 .9rem Georgia,serif;white-space:nowrap}.hud-title span{font:700 .64rem system-ui,sans-serif;color:#e8c875;text-transform:uppercase;letter-spacing:.08em}.world-hud .resources{display:grid;grid-template-columns:repeat(4,max-content);margin-left:auto;gap:3px}.world-hud .pill{display:flex;align-items:center;gap:3px;padding:3px 4px;font:700 .7rem/1 system-ui,sans-serif}.world-hud .pill b{color:#e8c875}.hud-menu{min-width:36px;min-height:36px;width:36px;height:36px}.world-map-surface{position:relative}.world-map-surface .territory-map{width:100%;height:100%;object-fit:cover}.map-controls{z-index:3}.floating-controls{position:absolute;z-index:12;display:flex;right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));gap:10px}.floating-controls button{width:54px;min-height:54px;padding:5px 3px;display:grid;place-items:center;border:1px solid #d5b263;border-radius:50%;background:#12282be8;color:#f6e4a7;box-shadow:0 4px 13px #0009;font:700 1rem Georgia,serif}.floating-controls button span{font:700 .55rem system-ui,sans-serif;letter-spacing:.02em}.floating-controls button:disabled{opacity:.4}.status{z-index:20;bottom:calc(76px + env(safe-area-inset-bottom));max-width:75%;text-align:center}.game-rail{display:none!important}
.map-marker-layer{pointer-events:none}.map-person,.army-marker,.leader-socket{pointer-events:auto;cursor:pointer}.leader-hit{fill:transparent;pointer-events:all}.map-person .leader-casing{fill:#122224;stroke:#211c17;stroke-width:4}.map-person.is-selected .leader-casing{stroke:#ffe38a;stroke-width:4;filter:drop-shadow(0 0 7px #ffe38a)}.leader-portrait{clip-path:circle(15px at 15px 15px);pointer-events:none}.map-person .leader-role{fill:#f4d477;stroke:#211c17;stroke-width:2}.person-stack-count circle{fill:#13272a;stroke:#f3d577;stroke-width:2}.person-stack-count text{fill:#fff2c2;font:700 12px system-ui,sans-serif;text-anchor:middle}.leader-socket circle{fill:#122224cc;stroke:#e5cd7c;stroke-width:2;stroke-dasharray:4 3}.leader-socket path{fill:none;stroke:#e5cd7c;stroke-width:2;pointer-events:none}.army-marker{pointer-events:auto}.map-projection path{fill:none;stroke:#ffe18a;stroke-width:7;stroke-linecap:round;stroke-dasharray:9 7;filter:drop-shadow(0 0 4px #382e13)}.map-projection circle{fill:#173337d9;stroke:#ffe18a;stroke-width:3}.map-projection text{fill:#fff0b4;font:700 24px Georgia,serif;text-anchor:middle}.map-projection--scout path{stroke:#9edbd6;stroke-dasharray:3 11}.planned-route{fill:none;stroke:#e8cb78;stroke-width:5;stroke-linecap:round;stroke-dasharray:3 7;opacity:.9}.planned-order{pointer-events:auto;cursor:pointer}.planned-order circle{fill:#173236;stroke:#f5db8a;stroke-width:3}.planned-order text{fill:#fff1bc;font:700 16px Georgia,serif;text-anchor:middle}.map-context{position:absolute;z-index:8;display:flex;background:#14292bdd;border:1px solid #d4b66c;box-shadow:0 7px 22px #0009;backdrop-filter:blur(5px);color:#f5ebcf}.piece-context{left:50%;bottom:96px;transform:translateX(-50%);width:min(94%,340px);align-items:center;padding:7px;border-radius:12px}.context-identity{display:flex;align-items:center;gap:7px;min-width:0;max-width:92px;padding:0;border:0;background:transparent;color:#fff2c8;text-align:left}.context-identity img{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid #d7b966}.context-identity span{display:grid;min-width:0}.context-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:.75rem Georgia,serif}.context-identity small{font:.62rem system-ui,sans-serif;color:#c6d1c2}.piece-actions{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:4px}.piece-actions button,.province-actions button{display:grid;place-items:center;gap:2px;min-height:48px;padding:4px;border:1px solid #6d7860;border-radius:7px;background:#203b3b;color:#f3e3af}.piece-actions button b,.province-actions button b{font-size:1rem;color:#efcf7f}.piece-actions button span,.province-actions button span{font:700 .58rem system-ui,sans-serif}.context-close{width:30px;height:30px;padding:0;border:0;background:transparent;color:#f3e5ba;font-size:1.25rem}.province-context{left:10px;right:10px;bottom:92px;display:grid;grid-template-columns:minmax(96px,.85fr) minmax(0,1.4fr);gap:8px;padding:8px;border-radius:9px}.province-context.province-context--top{top:84px;bottom:auto}.province-summary strong{font:700 .95rem Georgia,serif;color:#f7dfa0}.province-summary .territory-stats{margin:4px 0;gap:3px}.province-summary .territory-stats span{padding:3px;background:transparent;border:0}.province-summary .territory-stats b{font-size:.82rem}.province-summary .territory-stats small{font-size:.54rem}.province-actions{display:flex;gap:4px;overflow-x:auto}.province-actions button{min-width:52px}.province-utility{grid-column:1/-1;display:flex;gap:5px}.province-utility button{min-height:32px;padding:3px 6px;border:1px solid #617877;border-radius:4px;background:transparent;color:#dce7d3;font:.65rem system-ui,sans-serif}.province-utility button:last-child{margin-left:auto;width:32px;color:#f0d989}
.unified-context{left:50%;right:auto;bottom:96px;transform:translateX(-50%);position:absolute;width:min(calc(100% - 20px),440px);display:flex!important;align-items:center;gap:5px;padding:6px;border-radius:12px;border:1px solid #d4b66c;overflow:visible}.unified-context.province-context--top{top:84px;bottom:auto}.unified-territory-tab{position:absolute;z-index:1;left:8px;top:-19px;padding:3px 12px 4px 10px;border:1px solid #d4b66c;border-bottom:0;border-radius:8px 8px 0 0;background:#14292bf5;box-shadow:0 -2px 8px #0005;color:#f5dfa0;font:700 .7rem/1 Georgia,serif;letter-spacing:.02em;white-space:nowrap}.unified-identity{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;min-width:0;padding:0;border:0;background:transparent;color:#fff2c8;text-align:left}.unified-identity img{width:36px;height:36px;flex:none;object-fit:cover;border-radius:50%;border:1px solid #d7b966}.unified-identity--empty{display:none}.action-pager{display:flex;flex:1;align-items:center;min-width:0;gap:2px}.action-rail{display:flex;flex:1;min-width:0;gap:5px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain;padding:1px}.action-rail::-webkit-scrollbar{display:none}.tray-action{flex:0 0 57px;display:grid;place-items:center;gap:2px;min-height:50px;padding:4px;border:1px solid #6d7860;border-radius:7px;background:#203b3b;color:#f3e3af;scroll-snap-align:start}.tray-action b{font-size:1rem;color:#efcf7f}.tray-action span{font:700 .58rem system-ui,sans-serif}.action-page{flex:0 0 24px;min-width:24px;min-height:42px;padding:0;border:0;background:linear-gradient(90deg,transparent,#14292bdd);color:#f3d989;font:700 1.45rem Georgia,serif}.action-page--previous{background:linear-gradient(270deg,transparent,#14292bdd)}.unified-close-tab{position:absolute;z-index:1;right:8px;bottom:-19px;width:30px;height:19px;min-height:19px;padding:0;border:1px solid #d4b66c;border-top:0;border-radius:0 0 8px 8px;background:#14292bf5;box-shadow:0 2px 8px #0005;color:#f3e5ba;font-size:1.15rem;line-height:1}
.people-drawer{z-index:30;inset:0!important;width:auto!important;height:auto!important;max-height:none!important;padding:calc(18px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;background:#10272bf7!important;border:0!important;overflow:auto}.people-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.people-drawer .person-token{min-height:128px!important;background:#1d3637!important}.drawer-intro{font-size:.82rem}.drawer-subheading{margin-top:22px}.orders-tray{width:min(100%,31rem)!important;max-height:min(48vh,25rem)!important}.orders-tray .actions button{min-height:48px}.target-confirmation{width:min(100%,31rem);padding:12px!important;border-radius:12px!important;background:#14292b!important}.target-confirmation .actions{grid-template-columns:1fr 1fr}.target-confirmation .actions button{min-height:48px}
.targeting-hud{top:auto;bottom:82px}.relationship-preview{margin:10px 0 4px;padding:8px;border-left:3px solid #d5b263;background:#20373a;color:#e5e8d9;font:.76rem/1.35 system-ui,sans-serif}
@media(max-width:374px){.world-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px}.world-hud .resources{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr);margin:0}.world-hud .pill{justify-content:center}.hud-menu{grid-column:2;grid-row:1}.world-map-surface{min-height:0}.piece-context{bottom:84px}.province-context,.unified-context{bottom:82px}.floating-controls{gap:6px}.floating-controls button{width:48px;min-height:48px}}
@media(min-width:760px){.floating-controls{right:22px;bottom:22px}.map-context{bottom:22px}.piece-context{left:auto;right:98px;transform:none}.province-context{left:auto;right:98px;width:350px}.unified-context{left:auto;right:214px;transform:none;width:350px}.people-drawer{width:min(420px,42vw)!important;left:auto!important}.world-map-surface .territory-map{object-fit:cover}}