:root{--color-bg: #1e1e24;--color-surface: #2a2a33;--color-surface-raised: #33333e;--color-border: #45454f;--color-text: #e8e8ec;--color-text-muted: #9a9aa6;--color-accent: #5b8def;--color-warning: #d98c3d;--color-danger: #d9534f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--ease-snappy: cubic-bezier(.34, 1.56, .64, 1);--ease-out: ease-out;--duration-fast: .15s;--duration-base: .4s;--duration-slow: .6s}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4;overflow:hidden}#app{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"run-status" "macro-map";height:100vh;width:100vw}#run-status{grid-area:run-status;background:#0c0c10;border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;z-index:10}#macro-map{grid-area:macro-map;position:relative;display:flex;flex-direction:column;min-height:0;padding:0;border:none;border-radius:0}#map-panel-bar{position:absolute;left:0;right:0;bottom:0;background:#0c0c10eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);max-height:32vh;overflow-y:auto;z-index:10}#battle-hud{display:none}#battle-hud.battle-hud--active{display:block;position:fixed;inset:0;z-index:100;background:var(--color-bg);padding:var(--space-4);overflow-y:auto}#run-result{display:none}#run-result.run-result--active{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;z-index:200;background:#0c0c10f5;padding:var(--space-6) var(--space-4);overflow-y:auto;text-align:center;gap:var(--space-3)}.run-result__headline{margin:0;font-size:2.5rem;font-weight:700}.run-result__headline--won{color:var(--color-accent)}.run-result__headline--lost{color:var(--color-danger)}.run-result__reason{margin:0 0 var(--space-2);color:var(--color-text-muted)}.run-result__stats{display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-3);margin:0;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.run-result__stat-label{color:var(--color-text-muted);text-align:right}.run-result__stat-value{margin:0;font-weight:600;text-align:left}.run-result__lifetime{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.run-result__lifetime-title{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.run-result__restart{margin-top:var(--space-3);padding:var(--space-3) var(--space-6);font-size:1.05rem;font-weight:600;color:var(--color-text);background:var(--color-accent);border:none;border-radius:6px;cursor:pointer}#talent-choice,#hero-upgrade-path-choice{display:none}#talent-choice.talent-choice--active,#hero-upgrade-path-choice.hero-upgrade-path-choice--active{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;inset:0;z-index:150;background:#0c0c10f5;padding:var(--space-6) var(--space-4);overflow-y:auto;text-align:center;gap:var(--space-3)}.talent-choice__headline,.hero-upgrade-path-choice__headline{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-accent)}.talent-choice__subhead,.hero-upgrade-path-choice__subhead{margin:0 0 var(--space-2);color:var(--color-text-muted)}.talent-choice__options,.hero-upgrade-path-choice__options{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0;width:min(320px,100%)}.talent-choice__option,.hero-upgrade-path-choice__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.talent-choice__option-button,.hero-upgrade-path-choice__option-button{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;font-weight:600;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;cursor:pointer}.talent-choice__option-button:hover,.hero-upgrade-path-choice__option-button:hover{border-color:var(--color-accent)}.talent-choice__option-branch{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.run-result__restart:hover{filter:brightness(1.1)}section{background:var(--color-surface)}.section__title{margin:0 0 var(--space-3);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.run-status__gold{display:flex;align-items:center;gap:var(--space-2)}.run-status__coin{width:22px;height:22px;fill:#e0b23d;stroke:#7a5518;stroke-width:1}.run-status__coin-ring{fill:none;stroke:#7a5518;stroke-width:1;opacity:.6}.run-status__gold-amount{font-size:1.15rem;font-weight:700;color:#e0b23d;font-variant-numeric:tabular-nums}.run-status__flag{margin:0;color:var(--color-warning);font-weight:600;font-size:.85rem}button{font:inherit;color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-1) var(--space-2);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}button:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}button:active{transform:scale(.96)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.4}button:disabled:hover{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text)}@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}.macro-map__pressure{display:flex;gap:var(--space-4);font-size:.85rem}.macro-map__turn-controls{display:flex;align-items:center;gap:var(--space-3)}.macro-map__movement-points{font-size:.85rem;font-weight:600;color:var(--color-text)}.macro-map__pressure-item{font-weight:600}.macro-map__pressure-item--top{color:var(--color-accent)}.macro-map__pressure-item--mid{color:var(--color-warning)}.macro-map__pressure-item--bottom{color:var(--color-danger)}.battlefield{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border:none;box-shadow:inset 0 0 60px #00000080;overflow:hidden}.battlefield-3d{display:block;width:100%;height:100%;cursor:pointer}.battlefield__paths{position:absolute;inset:0;width:100%;height:100%}.lane-path,.battlefield__sideways-connector{stroke:#241d14;stroke-width:15;stroke-linejoin:round;stroke-linecap:round;opacity:.9}.lane-path--fill,.battlefield__sideways-connector--fill{stroke:url(#road-texture);stroke-width:10;stroke-linejoin:round;stroke-linecap:round;opacity:.95}.map-node{--depth-scale: 1;position:absolute;transform:translate(-50%,-50%) scale(var(--depth-scale));display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),width var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);z-index:1}.map-node--owner-neutral{border-color:var(--color-border)}.map-node--owner-player{border-color:var(--color-accent)}.map-node--owner-enemy{border-color:var(--color-danger)}.map-node:hover,.map-node--selected{z-index:2}.map-node:hover{transform:translate(-50%,-50%) scale(calc(var(--depth-scale) * 1.08))}.map-node--selected{border-color:var(--color-accent);box-shadow:0 0 0 3px #5b8def66}.map-node--level-outpost{width:68px}.map-node--level-tower{width:78px;border-width:3px}.map-node--level-fort{width:90px;border-width:3px}.map-node--level-citadel{width:108px;border-width:4px;box-shadow:0 0 16px #d9534f59}.map-node--level-citadel .map-node__icon{width:44px;height:44px}.map-node--level-citadel .map-node__id{font-size:.7rem;font-weight:700;color:var(--color-text)}.map-node--level-citadel.map-node--selected{box-shadow:0 0 0 3px #5b8def66,0 0 16px #d9534f59}.map-node--contested{border-color:var(--color-warning);animation:node-contested-pulse 1.2s ease-in-out infinite}@keyframes node-contested-pulse{0%,to{box-shadow:0 0 #d98c3d80}50%{box-shadow:0 0 0 4px #d98c3d00}}@media(prefers-reduced-motion:reduce){.map-node--contested{animation:none}}.map-node--enemy-present{border-color:var(--color-danger)}.map-node--targetable{border-color:var(--color-success, #5cb85c);box-shadow:0 0 0 3px #5cb85c73;animation:node-targetable-pulse 1s ease-in-out infinite}@keyframes node-targetable-pulse{0%,to{box-shadow:0 0 0 3px #5cb85c73}50%{box-shadow:0 0 0 6px #5cb85c26}}@media(prefers-reduced-motion:reduce){.map-node--targetable{animation:none}}.edge-content-toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:var(--color-surface-raised);border:1px solid var(--color-accent);color:var(--color-text);padding:.6rem 1.2rem;border-radius:.5rem;box-shadow:0 4px 16px #0006;font-weight:600;z-index:10;pointer-events:none;animation:toast-lifecycle 3.2s var(--ease-out) forwards}@keyframes toast-lifecycle{0%{opacity:0;transform:translate(-50%) translateY(-.5rem)}10%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.edge-content-toast{animation:none}}.map-node--owner-changed{animation:owner-changed-flash var(--duration-slow) var(--ease-out)}@keyframes owner-changed-flash{0%{background:var(--color-accent)}to{background:var(--color-surface)}}@media(prefers-reduced-motion:reduce){.map-node--owner-changed{animation:none}.map-node,.map-node:hover{transition:none;transform:translate(-50%,-50%) scale(var(--depth-scale))}}.map-node__shadow{position:absolute;left:50%;bottom:-4px;width:70%;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 75%);transform:translate(-50%);pointer-events:none;z-index:-1}.map-node__icon{width:32px;height:32px}.map-node__id{font-size:.6rem;color:var(--color-text-muted);text-align:center;line-height:1.1;overflow-wrap:break-word;max-width:100%}.map-edge-content{--depth-scale: 1;position:absolute;transform:translate(-50%,-50%) scale(var(--depth-scale));display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:3px;background:var(--color-surface);border:2px solid var(--color-text-muted);border-radius:50%;opacity:.9;z-index:1;pointer-events:none}.map-edge-content__icon{width:18px;height:18px}.battlefield__hero{width:40px!important;height:40px;padding:0!important;background:var(--color-accent);border:3px solid #fff;border-radius:50%;box-shadow:0 0 12px #5b8defcc;z-index:3!important;transition:left var(--duration-slow) var(--ease-out),top var(--duration-slow) var(--ease-out)}.battlefield__hero:after{content:"H";display:block;color:#fff;font-weight:700;font-size:.9rem;text-align:center;line-height:34px}.battlefield__hero:hover{transform:translate(-50%,-50%) scale(calc(var(--depth-scale) * 1.1))}.battlefield__hero--enemy{--depth-scale: 1;position:absolute;width:40px;height:40px;padding:0;background:var(--color-danger);border:3px solid #fff;border-radius:50%;box-shadow:0 0 12px #d9534fcc;z-index:3;transform:translate(-50%,-50%) scale(var(--depth-scale));transition:left var(--duration-slow) var(--ease-out),top var(--duration-slow) var(--ease-out)}.battlefield__hero--enemy:after{content:"E";display:block;color:#fff;font-weight:700;font-size:.9rem;text-align:center;line-height:34px}@media(prefers-reduced-motion:reduce){.battlefield__hero,.battlefield__hero--enemy{transition:none}}.map-panel{width:100%}.map-panel__empty{color:var(--color-text-muted);font-size:.85rem}.map-panel__title{margin:0 0 var(--space-2);font-size:1rem}.map-panel__meta{margin:0 0 var(--space-2);font-size:.8rem;color:var(--color-text-muted)}.map-panel__flag{margin:0 0 var(--space-1);font-size:.8rem;font-weight:600;color:var(--color-warning)}.map-panel__hint{margin:0;font-size:.8rem;color:var(--color-text-muted);font-style:italic}.map-panel__actions{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.map-panel__action--armed{border-color:var(--color-accent);box-shadow:0 0 0 2px #5b8def66}.map-panel__subtitle{margin:var(--space-3) 0 var(--space-1);font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.map-panel__subtitle:first-of-type{margin-top:0}.map-panel__reinforcements{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.map-panel__reinforcement{font-size:.8rem;color:var(--color-text-muted)}.map-panel__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.map-panel__tab{background:transparent;border:1px solid transparent}.map-panel__tab--active{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent)}.building-tile-row{display:flex;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-3)}.building-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);flex:0 0 100px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:6px;padding:var(--space-2);text-align:center}.building-tile--main{flex-basis:140px;border-color:var(--color-accent);box-shadow:0 0 12px #5b8def40}.building-tile__title{font-size:.85rem;font-weight:600}.building-tile__level{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.building-tile__status{font-size:.7rem;color:var(--color-warning)}.building-tile__maxed{font-size:.7rem;color:var(--color-text-muted);font-style:italic}.building-tile__action{font-size:.75rem;width:100%}.unit-card-strip{display:flex;flex-wrap:wrap;gap:var(--space-2)}.unit-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:0 0 84px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-2);text-align:center}.unit-card__art{width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 2px var(--color-border)}.unit-card__name{font-size:.75rem;font-weight:600;text-transform:capitalize}.unit-card__id{font-size:.65rem;color:var(--color-text-muted);overflow-wrap:break-word}.battle-hud__units{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:0 0 var(--space-4)}.battle-hud__column{display:flex;flex-direction:column;gap:var(--space-2);border-radius:4px;padding:var(--space-2)}.battle-hud__column--attacker{border-left:3px solid var(--color-accent)}.battle-hud__column--defender{border-right:3px solid var(--color-danger);align-items:stretch}.battle-hud__party-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.battle-hud__column--attacker .battle-hud__party-title{color:var(--color-accent)}.battle-hud__column--defender .battle-hud__party-title{color:var(--color-danger);text-align:right}.battle-hud__party{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.battle-hud__column--defender .battle-unit{flex-direction:row-reverse;text-align:right}.battle-hud__column--defender .battle-unit__info{align-items:flex-end}@media(max-width:720px){.battle-hud__units{grid-template-columns:1fr}.battle-hud__column--defender .battle-unit{flex-direction:row;text-align:left}.battle-hud__column--defender .battle-unit__info{align-items:flex-start}.battle-hud__column--defender .battle-hud__party-title{text-align:left}}.battle-unit{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:4px;padding:var(--space-2)}.battle-unit--current-turn{border-color:var(--color-accent);animation:turn-pulse 1.4s ease-in-out infinite}@keyframes turn-pulse{0%,to{box-shadow:0 0 #5b8def8c}50%{box-shadow:0 0 0 5px #5b8def00}}.battle-unit--hit-flash{animation:hit-flash var(--duration-base) var(--ease-out)}@keyframes hit-flash{0%{background:var(--color-danger)}to{background:var(--color-surface-raised)}}.battle-unit--hit-shake{animation:hit-shake var(--duration-base) var(--ease-snappy)}@keyframes hit-shake{0%{transform:translate(0) scale(1)}20%{transform:translate(-6px) scale(1.03)}40%{transform:translate(5px) scale(1.03)}60%{transform:translate(-3px) scale(1.01)}80%{transform:translate(2px) scale(1.01)}to{transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.battle-unit--current-turn,.battle-unit--hit-flash,.battle-unit--hit-shake{animation:none}}.battle-unit__icon{width:40px;height:40px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 2px var(--color-border)}.battle-unit__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.battle-unit__id{font-size:.9rem;font-weight:600}.battle-unit__flag{flex:0 0 auto;font-size:.8rem;font-weight:600;color:var(--color-accent);white-space:nowrap}.meter{position:relative;width:100%;height:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;overflow:hidden}.meter__fill{height:100%;background:var(--color-accent);transition:width var(--duration-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.meter__fill{transition:none}}.meter--hp .meter__fill{background:var(--color-danger)}.meter--ap .meter__fill{background:var(--color-accent)}.meter__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--color-text);text-shadow:0 0 2px rgba(0,0,0,.8)}.battle-hud__empty{color:var(--color-text-muted)}.battle-hud__units--entering,.battle-hud__empty--entering{animation:battle-pane-enter var(--duration-slow) var(--ease-out)}@keyframes battle-pane-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.battle-hud__units--entering,.battle-hud__empty--entering{animation:none}}.battle-hud__end-turn{margin-top:var(--space-2)}.battle-hud__outcome{margin-top:var(--space-2);font-weight:600}.ability-bar{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.ability-bar__title{margin:0 0 var(--space-2);font-size:.95rem;color:var(--color-text-muted)}.ability-bar__abilities{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.ability-bar__ability{flex:0 0 140px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-2);text-align:center;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.ability-bar__ability:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000059}.ability-bar__ability--armed{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}@media(prefers-reduced-motion:reduce){.ability-bar__ability{transition:none}.ability-bar__ability:hover{transform:none}}.ability-bar__art{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--color-border)}.ability-bar__name{font-size:.9rem;font-weight:600}.ability-bar__rank{font-size:.75rem;font-weight:600;color:var(--color-accent)}.ability-bar__meta{font-size:.75rem;color:var(--color-text-muted)}.ability-bar__hint{margin:0 0 var(--space-2);font-size:.8rem;font-weight:600;color:var(--color-accent)}.battle-unit--targetable{cursor:pointer;border-color:var(--color-accent);box-shadow:0 0 0 2px #5b8def73}