.battle-hero{padding:50px 0 30px;margin-bottom:22px}.battle-hero h1{font:400 clamp(38px,6vw,65px)/1.08 Georgia,serif;margin:12px 0}.battle-hero h1 em{color:var(--gold)}.battle-hero>p:not(.eyebrow){max-width:650px;color:var(--muted);line-height:1.9}.battle-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.battle-hero-meta span{font-size:11px;letter-spacing:.4px;border:1px solid var(--line);border-radius:20px;padding:8px 14px}.battle-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}.battle-library{position:sticky;top:20px;border:1px solid var(--line);border-radius:14px;padding:18px}.battle-library label{font-size:11px;display:block;margin-bottom:9px}.battle-library input{padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:13px inherit;width:100%;box-sizing:border-box;margin-bottom:15px}.battle-pick{width:100%;background:transparent;border:0;border-left:2px solid var(--line);padding:12px 10px;text-align:left;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}.battle-pick small{color:var(--gold);display:block;margin-bottom:5px;font-size:11px}.battle-pick b{font-size:12px;line-height:1.5;display:block}.battle-pick.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);border-radius:0 8px 8px 0}.battle-theatre{border:1px solid var(--line);border-radius:18px;padding:24px;overflow:hidden}.battle-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.battle-title-row h2{margin:4px 0;font:400 31px Georgia,serif}.battle-title-row p{font-size:12px;color:var(--muted)}.battle-outcome{padding:8px 12px;border-radius:20px;background:var(--ink);color:var(--bg);font-size:10px;white-space:nowrap}.battle-map-wrap{background:#102a2b;border:1px solid #38524a;border-radius:12px;overflow:hidden;color:#e9ddbb;position:relative}#battle-map{width:100%;height:auto;display:block;min-height:260px}.map-sea{fill:#102a2b}.map-land{fill:#355144;stroke:#769081;stroke-width:1.2;stroke-linejoin:round}.map-island{fill:#355144;stroke:#769081}.sea-labels{fill:#b5c7bf66;font:10px 'DM Sans',sans-serif;letter-spacing:3px}.map-city{fill:#d5c7a4;font:11px 'DM Sans',sans-serif;paint-order:stroke;stroke:#102a2b;stroke-width:4;stroke-linejoin:round}.map-city-dot{fill:#b4c8bb}.battle-route{fill:none;stroke:#dfbc70;stroke-width:3;marker-end:url(#route-arrow);stroke-linecap:round;animation:draw-route 1.8s ease-out forwards}.battle-route.enemy{stroke:#d7816c;stroke-dasharray:6 5;marker-end:none;animation:none}.battle-token{fill:#dfbc70;stroke:#102a2b;stroke-width:2}.battle-token.enemy{fill:#d7816c}.battle-focus{fill:none;stroke:#dfbc70;stroke-width:2;animation:battle-focus 2s ease-in-out infinite}.battle-focus.loss{stroke:#db876f}.battle-capture{fill:#6eae8633;stroke:#8bd2a2;stroke-width:2;animation:capture-grow .9s ease-out both;transform-box:fill-box;transform-origin:center}.battle-map-label{fill:#e7e1cb;font:600 12px 'DM Sans',sans-serif;paint-order:stroke;stroke:#102a2b;stroke-width:5px}.map-key{display:flex;justify-content:center;gap:16px;font-size:10px;padding:10px;flex-wrap:wrap}.map-key i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.gold-dot{background:#dfbc70}.red-dot{background:#d7816c}.green-dot{background:#8bd2a2}.map-caption{font-size:10px;color:#adbbb0;padding:0 16px 12px;text-align:center;line-height:1.7;margin:0}.battle-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0}.battle-controls button{font-size:12px;padding:11px 14px}.battle-controls label{margin-left:auto;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.battle-controls select{padding:9px;font-size:11px;max-width:100px}.battle-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.battle-steps button{border:0;border-top:3px solid var(--line);padding:12px 4px;background:transparent;color:var(--muted);font:11px 'DM Sans',sans-serif;cursor:pointer}.battle-steps button.active{border-color:var(--gold);color:var(--ink);font-weight:700}.battle-steps button.done{border-color:#619977}.battle-narration{margin:15px 0;padding:23px;background:color-mix(in srgb,var(--gold) 8%,var(--bg));border-radius:12px;min-height:140px}.battle-narration h3{font:400 25px Georgia,serif;margin:8px 0}.battle-narration p:not(.eyebrow){font-size:13px;line-height:1.9}.battle-narration .battle-caution{font-size:11px;padding:12px;border-left:2px solid var(--gold);color:var(--muted)}.battle-code{display:flex;gap:15px;padding:15px 0;align-items:center;color:var(--gold)}.battle-code span{font-size:9px;letter-spacing:1.5px}.battle-code strong{font-size:13px}.battle-full-notes{border-top:1px solid var(--line);padding:20px 0;font-size:13px;line-height:1.8}.battle-links{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;padding-top:14px;border-top:1px solid var(--line)}.battle-links a{color:var(--gold)}.battle-entry{padding:24px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--gold) 8%,var(--bg));margin:26px 0}.battle-entry h2{font-size:26px;margin:10px 0}.battle-entry p{font-size:13px;color:var(--muted);line-height:1.8}.battle-entry a{display:inline-block;margin-top:10px}.is-paused *{animation-play-state:paused!important}@keyframes draw-route{to{stroke-dashoffset:0}}@keyframes battle-focus{0%,100%{opacity:.45;stroke-width:1.5}50%{opacity:1;stroke-width:3}}@keyframes capture-grow{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@media(max-width:950px){.battle-layout{grid-template-columns:1fr}.battle-library{position:static}.battle-library #battle-list{display:flex;overflow:auto;gap:6px;padding-bottom:8px}.battle-pick{min-width:145px;max-width:180px;border-left:0;border-bottom:2px solid var(--line)}.battle-theatre{padding:16px}}@media(max-width:600px){.battle-hero{padding-top:30px}.battle-title-row{align-items:start;flex-direction:column}.battle-title-row h2{font-size:28px}.battle-outcome{align-self:flex-start}.battle-controls label{margin-left:0}.battle-code{align-items:start;flex-direction:column;gap:8px}#battle-map{min-height:220px}.battle-narration{padding:18px}}@media(prefers-reduced-motion:reduce){.battle-theatre *,.battle-pick{animation:none!important;transition:none!important}.battle-route{stroke-dashoffset:0!important}}

.battle-wave{fill:none;stroke:#e7c984;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:battle-wave 1.8s ease-out infinite}.battle-symbol{fill:#efd38f;font-size:22px;paint-order:stroke;stroke:#102a2b;stroke-width:3}.battle-flag{animation:capture-grow .8s ease-out both;transform-box:fill-box;transform-origin:bottom left}@keyframes battle-wave{from{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(4)}}.map-caption a{color:#dfbc70}