: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}body{margin:0;padding:var(--space-6);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}#app{display:grid;grid-template-columns:1fr;grid-template-areas:"run-status" "macro-map" "battle-hud";gap:var(--space-6);max-width:1200px;margin:0 auto}#run-status{grid-area:run-status}#macro-map{grid-area:macro-map}#battle-hud{grid-area:battle-hud}section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-4)}.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__summary{margin:0 0 var(--space-2);font-size:1.05rem}.run-status__flag{margin:var(--space-1) 0;color:var(--color-warning);font-weight:600}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__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.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)}.macro-map__layout{display:flex;flex-direction:column;gap:var(--space-3)}.battlefield{position:relative;width:100%;aspect-ratio:1 / 1;background:radial-gradient(circle at 15% 85%,rgba(91,141,239,.18),transparent 45%),radial-gradient(circle at 85% 15%,rgba(217,83,79,.18),transparent 45%),var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.battlefield__paths{position:absolute;inset:0;width:100%;height:100%}.lane-path{stroke-width:10;stroke-linejoin:round;stroke-linecap:round;opacity:.55}.lane-path--top{stroke:var(--color-accent)}.lane-path--mid{stroke:var(--color-warning)}.lane-path--bottom{stroke:var(--color-danger)}.battlefield__sideways-connector{stroke:var(--color-text-muted);stroke-width:4;stroke-dasharray:3 7;stroke-linecap:round;opacity:.5}.map-node{position:absolute;transform:translate(-50%,-50%);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(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--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%)}}.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%}.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(1.1)}.battlefield__hero--enemy{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%);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{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-3);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--swap{width:100%}.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{list-style:none;margin:0 0 var(--space-4);padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.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}.card-hand{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.card-hand__title{margin:0 0 var(--space-2);font-size:.95rem;color:var(--color-text-muted)}.card-hand__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.card-hand__card{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;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card-hand__card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000059}@media(prefers-reduced-motion:reduce){.card-hand__card{transition:none}.card-hand__card:hover{transform:none}}.card-hand__art{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--color-border)}.card-hand__name{font-size:.9rem;font-weight:600}.card-hand__meta{font-size:.75rem;color:var(--color-text-muted)}.card-hand__targets{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%;margin-top:var(--space-1)}