.battle-mode-tabs{display:flex;gap:12px;margin:30px 0}.battle-mode-tabs button{padding:18px 30px;border:1px solid #394a50;border-radius:8px;color:#b6c8cc;font-size:18px;background:#142129}.battle-mode-tabs button[aria-selected=true]{background:#d6bc8c;color:#152128;border-color:#d6bc8c}.battle-demo-layout{display:grid;grid-template-columns:1.15fr 1fr;background:#152129;border:1px solid #35464b;border-radius:18px;overflow:hidden}.battle-demo-map{position:relative;background:#0b141a;align-self:stretch}.battle-svg{display:block;width:100%;height:auto;aspect-ratio:1;user-select:none}.battle-demo-map .battle-svg{height:100%;max-height:800px;object-fit:cover}.battle-map-corner{position:absolute;left:18px;top:16px;padding:10px 13px;background:#09151dd9;border-left:2px solid #d6bc8c;color:#e8ecdf;font-size:12px;letter-spacing:.1em;pointer-events:none}.battle-map-corner small{font-size:11px;color:#b6c7ce;letter-spacing:.02em}.battle-demo-copy{padding:clamp(24px,4vw,60px)}.battle-demo-copy h3{font:850 clamp(28px,3vw,42px)/1.4 'WarEdge Display',sans-serif;margin:20px 0}.battle-demo-copy>p{font-size:16px;line-height:1.9;color:#b6c5ca}.battle-demo-copy .btn{margin:20px 10px 0 0}.demo-phases{list-style:none;padding:0;margin:28px 0}.demo-phases button{display:flex;gap:20px;text-align:left;width:100%;padding:18px 0;border-top:1px solid #ffffff18;color:#91a4ad;transition:color .3s}.demo-phases b{font:400 27px/1.3 Georgia,serif;color:#c4a77a}.demo-phases strong{display:block;font-size:18px;margin-bottom:8px}.demo-phases small{font-size:14px;line-height:1.7}.demo-phases button[aria-pressed=true]{color:#f2eadc}.battle-workshop{padding:100px 0;background:radial-gradient(ellipse at 50% 25%,#243841 0,#0c151b 70%);border-block:1px solid #35454b}.battle-editor{max-width:1800px;width:calc(100% - 64px);margin:36px auto 0;border:1px solid #40555f;border-radius:18px;background:#101d25;overflow:hidden;box-shadow:0 30px 90px #0005}.battle-editor-head{padding:20px 25px;display:flex;gap:20px;align-items:center;border-bottom:1px solid #364a54;background:linear-gradient(110deg,#253943,#15252d)}.battle-domain{display:flex;padding:5px;border:1px solid #4a6069;border-radius:10px;background:#0e1d26}.battle-domain button{padding:12px 24px;border-radius:6px;font-size:17px;color:#9ab3bf}.battle-domain small{display:block;font-size:12px;margin-top:4px}.battle-domain button[aria-pressed=true]{background:#d7bc88;color:#192933}.battle-map-picker{border-left:1px solid #ffffff29;padding-left:25px;text-align:left}.battle-map-picker span{display:block;color:#e5e9df;font-size:20px}.battle-map-picker small{color:#a9b8bc;display:block;margin-top:5px}.battle-save-state{font-size:12px;color:#99b8a6;margin-left:auto}.battle-map-gallery{padding:24px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;border-bottom:1px solid #344752}.battle-map-gallery[hidden]{display:none}.battle-map-gallery button{position:relative;display:flex;flex-direction:column;border:1px solid #455c68;border-radius:10px;overflow:hidden;text-align:left;background:#1d303b}.battle-map-gallery button[aria-pressed=true]{border-color:#dfc58e;box-shadow:0 0 0 2px #dfc58e}.battle-map-gallery img{width:100%;aspect-ratio:1.35;object-fit:cover}.battle-map-gallery strong{font-size:17px;margin:12px 12px 5px}.battle-map-gallery small{color:#acbcc3;margin:0 12px 12px}.battle-map-gallery span{position:absolute;top:8px;left:8px;background:#0b1723b8;padding:4px 7px;font-size:11px;color:#e6e5d6}.battle-editor-body{display:grid;grid-template-columns:190px minmax(0,1fr) 225px}.battle-toolbox{padding:20px 14px;border-right:1px solid #344751;max-height:850px;overflow:auto}.battle-side-label{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;color:#b3c3c8;margin-bottom:14px}.battle-teams{display:flex;gap:5px;margin-bottom:22px}.battle-teams button{flex:1;padding:9px 3px;border:1px solid #43565e;border-radius:5px;color:var(--team);font-size:12px}.battle-teams button[aria-pressed=true]{background:color-mix(in srgb,var(--team) 18%,transparent);border-color:var(--team)}.battle-palette details{border-top:1px solid #354751;padding-top:12px;margin-bottom:16px}.battle-palette summary{color:#d4dcd9;font-size:14px;cursor:pointer;padding-bottom:10px}.battle-palette details>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.battle-palette button{background:#1d303a;border:1px solid #344b58;border-radius:6px;padding:6px 3px;color:#bbccd3;font-size:11px}.battle-palette button:hover,.battle-palette button[aria-pressed=true]{border-color:#d9c391;color:#f2d9a3;background:#344450}.battle-palette svg{width:44px;height:44px;display:block;margin:auto}.battle-palette button span{display:block;padding:3px 0}.battle-route-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.battle-route-tools button{border:1px solid #40545f;border-radius:5px;padding:10px 3px;font-size:12px;color:#b9c9cf}.battle-route-tools button[aria-pressed=true]{background:#d4bc8d;color:#16232c}.battle-route-tools button:last-child{grid-column:span 2}.battle-finish{width:100%}.battle-toolbar{display:flex;gap:2px;background:#1d303b;padding:8px 12px;border-bottom:1px solid #3b505b}.battle-toolbar button{padding:8px 12px;font-size:13px;color:#bdcdd3;border-radius:5px}.battle-toolbar button:hover{background:#3a505d}.battle-toolbar button:disabled{opacity:.3}.battle-toolbar button[data-bp=fullscreen]{margin-left:auto}.battle-map-main{min-width:0;background:#071119}.battle-viewport{position:relative;overflow:hidden;aspect-ratio:1;outline-offset:-3px;max-height:800px;margin:auto;background:#0a141b;touch-action:none}.battle-viewport .battle-svg{width:100%;height:100%;touch-action:none;cursor:crosshair}.battle-units g[data-unit]{cursor:grab}.battle-units g[data-unit]:active{cursor:grabbing}.battle-units .unit-symbol{filter:drop-shadow(2px 4px 2px #0008)}.battle-routes{cursor:pointer}.battle-scale{position:absolute;bottom:18px;left:20px;background:#0c1723cf;padding:9px 12px;color:#e6ecdf;font:12px sans-serif;pointer-events:none}.battle-scale i{display:block;border:2px solid #dce5df;border-top:none;height:7px;margin-top:5px;width:120px}.battle-north{position:absolute;right:18px;top:15px;background:#071722c9;color:#e9d6aa;padding:10px;font:14px/1.6 Georgia,serif;text-align:center;pointer-events:none}.battle-status{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6;color:#b4c8d0;background:#142731;padding:12px 16px}.battle-status span:last-child{white-space:nowrap;color:#d9c699}.battle-inspector{padding:20px 16px;border-left:1px solid #344751;background:#14252f;overflow:auto;max-height:850px}.battle-inspector label{display:block;font-size:12px;color:#acbec8;margin:14px 0}.battle-inspector input:not([type=range]),.battle-inspector textarea,.battle-inspector select{width:100%;padding:9px 8px;border:1px solid #425e6c;border-radius:5px;background:#0e1c25;color:#e7eddf;font:14px/1.5 'WarEdge Text',sans-serif;margin-top:7px}.battle-inspector input[type=range]{width:100%;accent-color:#d2b681;margin-top:10px}.battle-inspector output{float:right}.battle-inspector button{font-size:12px;padding:8px 10px;border:1px solid #4c6270;border-radius:5px;margin:4px 3px 0 0;color:#dae0d9}.battle-selected-icon{display:flex;align-items:center;gap:8px;margin:15px 0}.battle-selected-icon svg{width:44px;height:44px}.battle-selected-icon strong{font-size:15px}.battle-coordinates{display:flex;justify-content:space-between;border-block:1px solid #3f5460;padding:12px 0;color:#c3d0d2;font-size:12px;line-height:1.6}.battle-coordinates b{font:28px Georgia,serif;color:#dcc89e}.battle-inspector-empty{padding:20px 0;color:#c1d1d7}.battle-inspector-empty svg{width:52px;height:52px;color:#b7a57f;margin-bottom:15px}.battle-inspector-empty h3{font-size:16px}.battle-inspector-empty p,.battle-legend p{font-size:12px;line-height:1.9;color:#9eb3bd}.battle-object-list{margin-top:25px;border-top:1px solid #38515e;padding-top:15px;font-size:13px;color:#d2dbd6}.battle-object-list summary{cursor:pointer}.battle-object-list button{width:100%;display:flex;gap:6px;align-items:center;text-align:left;border:0;padding:8px 0;font-size:11px;border-bottom:1px solid #2d4651;border-radius:0}.battle-object-list i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.battle-object-list small{margin-left:auto}.battle-legend{margin-top:28px}.battle-legend>span{font-size:11px;color:#b8cad0;margin-right:9px}.battle-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.battle-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px 24px;border-top:1px solid #3a525f;background:#192c37}.battle-actions button,.battle-import{border:1px solid #4a626e;border-radius:6px;padding:12px 16px;color:#d2dfdf;font-size:14px;cursor:pointer}.battle-actions .primary{background:#d8bc89;color:#172934;border:0;margin-left:auto}.battle-editor-note{margin:0;padding:0 24px 18px;color:#9db0bb;background:#192c37;font-size:12px;line-height:1.9}.battle-submit{max-width:900px;margin:30px auto;padding:30px;border:1px solid #47616e;background:#1a303d;border-radius:12px}.battle-submit[hidden]{display:none}.battle-submit h3{font-size:24px;margin:0 0 25px}.battle-submit label{display:block;color:#c4d4d9;font-size:15px;margin:20px 0}.battle-submit input,.battle-submit textarea{display:block;width:100%;margin-top:10px;border:1px solid #4d6672;border-radius:6px;padding:15px;background:#0c1a24;color:#ecede4}.battle-submit p{color:#a9bdc6;font-size:13px}.battle-submit-error{color:#ffab9b;margin:15px 0}.battle-post-plan{margin:25px 0;padding:20px;background:#122832;border:1px solid #3a515e;border-radius:10px}.battle-post-plan svg{max-height:650px;width:100%}.battle-post-plan p{font-size:13px;color:#bfd0d4}.battle-editor:fullscreen{width:100%;height:100%;overflow:auto;max-width:none;border-radius:0}.battle-editor:fullscreen .battle-editor-body{grid-template-columns:210px minmax(0,1fr) 250px}.battle-editor:fullscreen .battle-viewport{height:calc(100vh - 240px);max-height:none;aspect-ratio:1}.battle-editor:fullscreen .battle-toolbox,.battle-editor:fullscreen .battle-inspector{max-height:calc(100vh - 170px)}
.battle-viewport{width:100%;max-width:800px;max-height:none}.battle-finish[hidden]{display:none}.battle-map-main [data-bp=focus][hidden]{display:none}#sandbox{scroll-margin-top:105px}
.battle-demo-map{align-self:start}.battle-demo-map .battle-svg{height:auto;aspect-ratio:1}.battle-labels{pointer-events:none}.battle-map-label text{font-weight:500;stroke:none}.battle-units .unit-disc{transition:fill .15s}.battle-units g[data-unit]:hover>.unit-disc{fill:#2c414a;stroke:#ead7ae}.battle-hover-card{position:absolute;z-index:4;pointer-events:none;width:195px;border:1px solid #647f89;border-radius:8px;background:#0e1d27f5;box-shadow:0 12px 30px #0006;padding:12px 14px}.battle-hover-card[hidden]{display:none}.battle-hover-card span,.battle-hover-card small{display:block;font-size:11px;line-height:1.5;letter-spacing:.03em}.battle-hover-card strong{display:block;color:#dce2df;font-size:14px;font-weight:550;margin:6px 0;overflow-wrap:anywhere}.battle-hover-card small{color:#95adb9}.battle-timeline{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#172a34;border-top:1px solid #38515e;font-size:11px;color:#9fb5c0}.battle-timeline input{min-width:50px;flex:1;height:4px;accent-color:#d0b784;cursor:pointer}.battle-timeline button{border:1px solid #4b616a;border-radius:5px;padding:5px 10px;font-size:11px}.battle-timeline span{white-space:nowrap}.battle-toolbar [data-bp=play]{background:#d4bd91;color:#14252d;font-weight:650}.battle-toolbar [data-bp=play]:hover{background:#e4cda4}.battle-demo-copy .quiet-note{font-size:12px;color:#8fa5af}.battle-map-corner{border-left:2px solid #b7a57e}.battle-demo-map::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px #0004;pointer-events:none}.battle-svg text{user-select:none}.battle-inspector h3{font-size:17px}.battle-inspector p{font-size:13px;color:#b5c5cd;line-height:1.8}
@media(min-width:1500px){.battle-viewport{max-width:850px}.battle-demo-map .battle-svg{max-height:850px}}@media(max-width:1150px){.battle-editor{width:calc(100% - 32px)}.battle-editor-body{grid-template-columns:150px minmax(0,1fr) 185px}.battle-toolbox,.battle-inspector{padding:15px 10px}.battle-toolbar{flex-wrap:wrap}.battle-toolbar button{padding:7px 8px}.battle-demo-layout{grid-template-columns:1fr 1fr}.battle-demo-copy{padding:26px}.battle-save-state{display:none}.battle-status{flex-direction:column}.demo-phases strong{font-size:15px}}@media(max-width:820px){.battle-demo-layout{grid-template-columns:1fr}.battle-demo-map .battle-svg{max-height:none}.battle-demo-copy{padding:30px}.battle-editor-body{grid-template-columns:1fr}.battle-toolbox{order:0;max-height:270px;border-right:0;border-bottom:1px solid #40535b;display:grid;grid-template-columns:130px 1fr;gap:10px}.battle-toolbox>.battle-side-label:first-child{grid-column:1}.battle-teams{grid-column:1;flex-direction:column;grid-row:2;margin:0}.battle-palette{grid-column:2;grid-row:1/4;max-height:240px;overflow:auto}.battle-palette details>div{grid-template-columns:repeat(4,1fr)}.battle-toolbox>.battle-side-label:not(:first-child){display:none}.battle-route-tools{grid-column:1}.battle-finish{grid-column:1}.battle-inspector{max-height:360px;border-left:0;border-top:1px solid #405663;display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-inspector>.battle-side-label{grid-column:span 2}.battle-legend{grid-column:span 2;margin:0}.battle-legend p{margin:8px 0}.battle-object-list{margin:0}.battle-editor-head{padding:14px;gap:14px;flex-wrap:wrap}.battle-domain button{padding:10px 17px;font-size:15px}.battle-map-picker{padding-left:14px}.battle-map-picker span{font-size:16px}.battle-map-gallery{grid-template-columns:repeat(2,1fr)}.battle-actions{padding:15px;gap:8px}.battle-actions button,.battle-import{padding:10px;font-size:12px}.battle-actions .primary{margin-left:0}.battle-workshop{padding:60px 0}.battle-editor{width:calc(100% - 20px)}.battle-editor:fullscreen .battle-editor-body{grid-template-columns:1fr}.battle-editor:fullscreen .battle-viewport{height:auto}.battle-submit{margin:20px 12px;padding:20px}.battle-map-corner{font-size:10px;top:8px;left:8px;padding:7px}.battle-map-corner small{font-size:9px}.battle-north{top:8px;right:8px;padding:5px}.battle-scale{bottom:10px;left:10px;padding:6px}.battle-toolbar button{font-size:12px}.battle-mode-tabs button{padding:15px 20px}}

.battle-editor:fullscreen .battle-viewport{width:min(100%,calc(100vh - 300px));height:auto;min-width:280px;max-height:none}.battle-editor:fullscreen .battle-map-main{display:flex;flex-direction:column;justify-content:flex-start}.battle-timeline span:last-child{color:#7793a2}.battle-demo-copy{padding:30px 34px}.battle-demo-copy h3{font-size:32px;margin:12px 0}.battle-demo-copy>p{font-size:15px;line-height:1.85}.demo-phases{margin:20px 0 8px}.demo-phases button{padding:13px 0}.demo-phases strong{font-size:16px;margin-bottom:5px}.demo-phases small{font-size:12px;line-height:1.7}.battle-demo-copy .btn{margin-top:14px}.battle-demo-map{align-self:center}@media(max-width:820px){.battle-timeline{gap:7px}.battle-timeline span:last-child{display:none}.battle-demo-copy{padding:24px}}