:root{color:#283b32;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#283b32;--muted:#788072;--line:#d8d8c8;--paper:#f7f5ec;background:#eeeade;font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:720px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:2px solid #aa6b3e}button{transition:background-color .14s,border-color .14s}button:hover{background-color:#e5e7d9}button:disabled{opacity:.45;cursor:not-allowed}.masthead{color:#eeeadd;background:#23382e;border-bottom:3px solid #ad9b70;justify-content:space-between;align-items:center;height:86px;padding:0 42px;display:flex}.brand{align-items:center;gap:15px;display:flex}.brand-mark{text-align:center;border:1px solid #aaa485;width:37px;height:42px;font-family:Georgia,serif;font-size:29px;line-height:39px;position:relative}.brand-mark:after{content:"";border:1px solid #aaa48555;position:absolute;inset:3px}h1{letter-spacing:5px;margin:0;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.15}.brand p{letter-spacing:2.3px;color:#b8c0ae;margin:7px 0 0;font-size:8px}.edition{letter-spacing:2.2px;color:#ccd0be;align-items:center;gap:13px;font-size:10px;display:flex}.edition-dot{background:#b9a473;border-radius:50%;width:5px;height:5px}.edition-version{color:#9da992}.field-guide{color:#d4d8c7;letter-spacing:.2px;font-size:11px;text-decoration:none}.field-guide span{color:#beae7b;margin-left:16px}main{max-width:1720px;margin:0 auto;padding:27px 42px 0}.briefing{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:1.7px;color:#747a69;font-size:9px;font-weight:600}h2{letter-spacing:-.8px;margin:9px 0 7px;font-family:Georgia,serif;font-size:32px;font-weight:400}.briefing p{color:#77806f;margin:0;font-size:12px}.chapter{align-items:center;gap:18px;display:flex}.chapter>span{color:#babda8;font-family:Georgia,serif;font-size:47px;font-style:italic;line-height:1}.chapter p{letter-spacing:1.6px;border-left:1px solid #c9cbbb;padding-left:18px;font-size:8px;line-height:1.8}.workspace{border:1px solid #c9cebd;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 290px;height:clamp(430px,100vh - 367px,818px);display:grid;box-shadow:0 4px 16px #283b3206}.battlefield-panel{background:#72805b;flex-direction:column;min-width:0;min-height:0;display:flex}.map-toolbar{background:#f7f5ec;border-bottom:1px solid #c9cebd;justify-content:space-between;align-items:center;gap:10px;height:43px;padding:0 16px;display:flex}.map-title{white-space:nowrap;align-items:center;gap:9px;font-size:11px;display:flex}.map-dot{background:#75896a;border-radius:50%;width:6px;height:6px}.map-tag{letter-spacing:1.1px;color:#77806e;border:1px solid #d4d7c9;margin-left:5px;padding:4px 6px;font-size:7px}#fit-map{white-space:nowrap;background:0 0;border:none;padding:7px 0 7px 8px;font-size:10px}#fit-map:hover{color:#926839}#fit-map span{vertical-align:-2px;margin-left:9px;font-size:19px}.viewport-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.map-toolbar,.map-caption{flex-shrink:0}#battlefield{width:100%;height:100%;position:relative}#battlefield canvas{touch-action:none;cursor:grab;display:block}#battlefield canvas.dragging{cursor:grabbing}.loading,.load-error{text-align:center;color:#f4efdc;place-content:center;margin:0;padding:40px;font-family:Georgia,serif;display:grid;position:absolute;inset:0}.load-error{background:#394c3e}.compass{text-align:center;pointer-events:none;width:32px;position:absolute;top:21px;right:22px}.compass span{color:#e4e7cf;margin-bottom:2px;font:10px Georgia,serif;display:block}.compass svg{width:32px;height:40px;display:block}#field-order-status{color:#eee6ca;pointer-events:none;background:#283e32e8;border-left:2px solid #c4b478;border-radius:2px;max-width:min(440px,100% - 95px);padding:9px 12px;font-size:10px;line-height:1.6;position:absolute;top:16px;left:18px}.scale{color:#edf0d8;pointer-events:none;text-shadow:0 1px 2px #28382e;flex-direction:column;gap:7px;font:9px Avenir Next,sans-serif;display:flex;position:absolute;bottom:23px;left:22px}#scale-bar{border:1px solid #e3e7d0;border-top:none;width:100px;height:6px}.zoom-controls{background:#f5f3e7;border-radius:3px;align-items:center;display:flex;position:absolute;bottom:18px;right:18px;overflow:hidden;box-shadow:0 2px 5px #283b3220}.zoom-controls button{background:0 0;border:none;width:31px;height:32px;font-size:21px}.zoom-controls button:hover{background:#dee3d0}.zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;color:#64735e;min-width:47px;font-size:9px}.map-caption{color:#6f7c65;background:#e2e5d5;justify-content:space-between;align-items:center;gap:10px;height:35px;padding:0 16px;font-size:9px;display:flex}.keycap{letter-spacing:.4px;margin-right:4px;font-size:7px;font-weight:600}.caption-separator{opacity:.5;margin:0 8px}.crew-note{display:none}.field-notes{background:var(--paper);border-left:1px solid #c9cebd;flex-direction:column;min-height:0;padding:24px 22px 18px;display:flex;overflow-y:auto}.field-notes>*{flex-shrink:0}.notes-heading{justify-content:space-between;align-items:center;display:flex}.count{color:#939982;font:italic 17px Georgia,serif}h3{letter-spacing:-.4px;margin:13px 0 10px;font:21px Georgia,serif}.notes-intro{color:#788170;margin:0 0 19px;font-size:11px;line-height:1.7}.formation-list{border-top:1px solid var(--line)}.formation-card{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:11px;width:100%;min-height:88px;padding:16px 0;display:flex}.formation-card:hover,.formation-card.inspected{background:#e9ecdf}.formation-art{background:#e6e8da;border:1px solid #d8decb;flex:none;place-content:center;width:42px;height:49px;display:grid}.formation-art svg{fill:none;stroke:#667457;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;width:36px;height:36px}.formation-copy{flex-direction:column;gap:6px;display:flex}.formation-type{letter-spacing:1px;color:#7c866f;font-size:7px}.formation-copy strong{font:15px Georgia,serif}.formation-strength{color:#88917e;font-size:9px}.inspect-arrow{color:#8b967b;align-self:flex-start;margin-left:auto;font-size:13px}.inspection{margin-top:22px}.order-panel{border-top:1px solid var(--line);padding:12px 0}.order-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.order-buttons button{background:#e9eddf;border:1px solid #cbd3bf;border-radius:2px;padding:8px 6px;font-size:10px}.order-buttons button[aria-pressed=true]{color:#f5f0dc;background:#314d3c}.order-buttons kbd{color:inherit;margin-left:4px;padding:1px 3px;font-size:7px}#order-hint,#order-reason{color:#77806d;margin:10px 0;font-size:10px;line-height:1.6}#order-status{color:#526044;font-size:11px;font-weight:600;display:block}#order-reason:empty{display:none}#order-details dl{color:#7f8973;grid-template-columns:auto 1fr;gap:6px 8px;font-size:9px;display:grid}#order-details dd{text-align:right;font-variant-numeric:tabular-nums;color:#536449;margin:0}.field-notes .inspection{margin-top:14px}.field-notes .inspection p{min-height:0;margin-bottom:14px}.field-notes .formation-card{min-height:74px;padding:10px 0}.inspection p{color:#7c836f;min-height:55px;margin:9px 0 18px;font-size:11px;line-height:1.7}.scope-note{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:auto;padding-top:15px;display:flex}.scope-note p{color:#89907e;margin:0;font-size:10px;line-height:1.65}.scope-marker{text-align:center;color:#879276;border:1px solid #a1ab93;border-radius:50%;min-width:13px;height:13px;margin-top:3px;font:10px Georgia,serif}.time-controls{background:#f7f5ec;border:1px solid #c9cebd;border-top:none;align-items:center;gap:22px;min-height:84px;padding:14px 22px;display:flex}.clock{flex-direction:column;gap:6px;min-width:105px;display:flex}.clock .eyebrow{letter-spacing:1.5px;font-size:7px}#clock{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace;font-size:23px;font-weight:400}.resume{color:#f0f0df;background:#314d3c;border:1px solid #314d3c;border-radius:3px;align-items:center;gap:12px;min-width:161px;padding:12px 15px;font-size:11px;display:flex}.resume:hover{background:#456249}.resume.running{color:#615137;background:#eee6d1;border-color:#d7cba9}.resume.running:hover{background:#e6dabc}#pause-icon{width:11px;font-size:11px}kbd{letter-spacing:1px;color:#c6ceb9;border:1px solid #adb7a04d;border-radius:2px;margin-left:auto;padding:3px 5px;font-family:inherit;font-size:7px}.running kbd{color:#877655;border-color:#b1a37e66}.speed-group{border:1px solid #d8ddce;border-radius:4px;gap:3px;padding:3px;display:flex}.speed-group button{color:#78836e;background:0 0;border:none;border-radius:2px;min-width:39px;height:30px;padding:0 8px;font-size:10px}.speed-group button:hover{background:#e2e6d7}.speed-group button[aria-pressed=true]{color:#304935;background:#dce3d1;font-weight:600}.simulation-status{color:#6c7b63;grid-template-columns:6px auto;align-items:center;gap:7px 8px;margin-left:auto;font-size:10px;display:grid}.status-dot{background:#b09c6a;border-radius:50%;width:5px;height:5px}.status-dot.running{background:#6b9666}.tick-readout{color:#9a9f8f;letter-spacing:.2px;grid-column:2;font-family:monospace;font-size:8px}footer{letter-spacing:1.1px;color:#939985;justify-content:space-between;align-items:center;gap:15px;padding:19px 0 22px;font-size:8px;display:flex}footer>span:last-child{letter-spacing:.1px}.footer-divider{color:#b6bba9;margin:0 10px}@media (width>=1500px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.field-notes{padding:28px}.formation-card{min-height:99px}.crew-note{display:inline}}@media (width<=1100px){main{padding:22px 22px 0}.masthead{padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 250px}.field-notes{padding:21px 16px 16px}.time-controls{gap:15px;padding:14px 16px}.map-tag{display:none}.map-caption{padding:0 10px;font-size:8px}.speed-group button{min-width:32px}.simulation-status{font-size:9px}}@media (width<=850px){.edition{display:none}.workspace{grid-template-columns:minmax(0,1fr) 225px}.formation-art{width:33px}.formation-art svg{width:30px}.formation-copy strong{font-size:13px}.formation-type{font-size:6px}.map-caption>span:last-child,.tick-readout{display:none}.time-controls{gap:12px}.resume{gap:9px;min-width:130px;padding:11px}.clock{min-width:94px}.chapter{display:none}}@media (prefers-reduced-motion:reduce){button{transition:none}}.battle-summary{background:#e2e5d5;border:1px solid #c9cebd;border-bottom:none;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;font-size:11px;display:flex}.battle-summary>div:first-child{grid-template-columns:auto auto;gap:5px 12px;display:grid}.battle-summary strong{grid-column:1/-1;font-weight:600}.battle-summary progress{accent-color:#456249;width:130px;height:9px}.army-summary>div:first-child{grid-template-columns:1fr}.army-condition{grid-template-columns:76px 130px auto;align-items:center;gap:8px;display:grid}.army-condition[data-side=parliament] progress{accent-color:#4f7394}.army-condition[data-side=royalist] progress{accent-color:#9a4c3e}.army-condition.breaking output{color:#8f2f22;font-weight:600}.army-rule,#army-ground,#army-time{color:#4c5647}@media (width<=640px){.army-condition{grid-template-columns:70px 1fr}.army-condition output{grid-column:1/-1}}.battle-actions{align-items:center;gap:10px;display:flex}.battle-actions button,.result-actions button{background:#f7f5ec;border:1px solid #bfc9b4;border-radius:3px;padding:8px 12px;font-size:11px}.side-legend{color:#67745f;font-size:9px;line-height:1.6}.battle-active .workspace{height:clamp(430px,100vh - 432px,818px)}.battle-active .briefing{margin-bottom:17px}.battle-active .formation-card{min-height:61px}.battle-active .formation-art{height:40px}#unit-weapons{line-height:1.5}dialog{color:#283b32;background:#f7f5ec;border:1px solid #b5bfa9;max-width:500px;padding:36px;box-shadow:0 20px 90px #12241daa}dialog::backdrop{background:#172a21a6}dialog p{font-size:13px;line-height:1.8}.result-actions{gap:12px;margin-top:24px;display:flex}.result-actions button:first-child{color:#f7f5ec;background:#314d3c}.setup-screen{max-width:820px;padding:65px 50px}.setup-screen h1{letter-spacing:-1px;margin:20px 0 10px;font-size:43px}.setup-screen p{color:#64745f;font-size:14px;line-height:1.8}.setup-screen .setup-lead{color:#283b32;font:25px Georgia,serif}.setup-rules{background:#e2e5d5;border-left:3px solid #a08b5c;margin:25px 0;padding:12px 24px}.setup-rules h2{font-size:24px}.setup-screen fieldset{border:none;gap:16px;padding:0;display:flex}.setup-screen legend{letter-spacing:1px;margin-bottom:15px;font-size:12px}.side-choice{cursor:pointer;background:#f7f5ec;border:1px solid #bfc9b4;flex:1;grid-template-columns:20px 1fr;gap:7px 12px;padding:18px;display:grid}.side-choice:has(input:checked){background:#dde5d4;border-color:#456249}.side-choice input{accent-color:#314d3c;grid-row:1/3;align-self:center}.side-choice strong{font:20px Georgia,serif}.side-choice span{color:#67745f;font-size:11px}.start-battle{color:#f7f5ec;background:#314d3c;border:none;border-radius:3px;margin-top:6px;padding:16px 28px}.start-battle:hover{background:#456249}.setup-screen .setup-note,.setup-screen a{color:#748068;font-size:11px}.setup-screen a{margin-top:10px;display:inline-block}.field-notes:not(.has-selection) .inspection,.field-notes:not(.has-selection) .order-panel,.field-notes.has-selection .notes-intro{display:none}.field-notes.has-selection .inspection{margin-top:0}.range-toggle{color:#536449;align-items:center;gap:6px;font-size:10px;display:flex}.range-toggle input{accent-color:#314d3c}#range-description{color:#77806d;margin:7px 0 12px;font-size:9px;line-height:1.5}.company-details{margin:12px 0;font-size:10px;line-height:1.6}.company-details summary{cursor:pointer;color:#405b42}.company-condition{background:#e8ecdf;border-left:2px solid #91a47a;margin-top:6px;padding:9px 8px;display:grid}.company-condition.shaken,.company-condition.routing{background:#f1e6ce;border-color:#ad762e}.company-condition span{color:#5e6e58}.fog-choice{align-items:center;gap:10px;margin-top:20px;font-size:14px;display:flex}.fog-choice input{accent-color:#314d3c}.visibility-note{color:#67745f;margin:0 0 10px;font-size:9px;line-height:1.6}#diagnostics{background:#eee9da;border:1px solid #9fa890;margin:20px 40px;padding:14px;font:12px/1.5 monospace}#diagnostics label,#diagnostics output{white-space:pre-wrap;margin-top:8px;display:block}#diagnostics pre{max-height:280px;overflow:auto}#order-attack{grid-column:1/-1}.scenario-choice{margin-bottom:8px;font-weight:600;display:block}#scenario-choice{width:100%;color:var(--ink);background:var(--paper);font:inherit;border:1px solid #9fa890;padding:12px}.scenario-briefing{border-left:2px solid #9fa890;margin:14px 0 22px;padding:0 14px}.scenario-briefing p{font-size:13px}.trial-notes{margin:0 0 14px;font-size:11px;line-height:1.6}.trial-notes summary{cursor:pointer;font-weight:600}.battle-actions{flex-wrap:wrap}.practice-heading{margin-top:22px;font-size:18px}#practice-checklist{color:#52634e;padding-left:20px;font-size:13px;line-height:1.65}#practice-checklist li{margin-bottom:8px}.practice-notes{margin:0 0 14px;font-size:11px;line-height:1.65}.practice-notes summary{cursor:pointer;font-weight:600}.practice-notes ul{padding:0;list-style:none}.practice-notes li{margin:10px 0}.practice-notes label{cursor:pointer;align-items:flex-start;gap:7px;display:flex}.practice-notes input{accent-color:#48674a;flex:none;margin:3px 0 0}.command-group{border-top:1px solid #d2cfba;padding:12px 0}.command-group>summary{cursor:pointer;font-size:13px;font-weight:600}.command-group>p{color:#626c5c;margin:8px 0;font-size:11px}.command-group>.select-group{letter-spacing:.04em;background:#f6f4ea;border:1px solid #c7c4ad;border-radius:3px;margin:0 0 8px;padding:5px 10px;font-size:11px}.setup-screen [hidden]{display:none}.map-title{min-width:0}.map-name{text-overflow:ellipsis;overflow:hidden}.map-dot,.map-tag{flex-shrink:0}.map-view-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}#expand-field,#toggle-field-panel{white-space:nowrap;background:#f7f5ec;border:1px solid #bfc9b4;border-radius:3px;padding:6px 9px;font-size:10px}#expand-field:hover,#toggle-field-panel:hover{background:#e5e7d9}#toggle-field-panel{display:none}#app.expanded-field{z-index:20;background:var(--paper);position:fixed;inset:0;overflow:hidden}.expanded-field>.masthead,.expanded-field>main>.briefing,.expanded-field>main>footer{display:none}.expanded-field>main{flex-direction:column;max-width:none;height:100%;margin:0;padding:0;display:flex}.expanded-field .battle-summary{flex:none;gap:12px;padding:5px 12px}.expanded-field .battle-summary>div:first-child{gap:2px 10px}.expanded-field .battle-summary p{margin:0;font-size:9px}.expanded-field .battle-actions button{padding:6px 10px;font-size:10px}.expanded-field .workspace{flex:1 1 0;grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.expanded-field .field-notes{display:none}.expanded-field.field-panel-open .workspace{grid-template-columns:minmax(0,1fr) 300px}.expanded-field.field-panel-open .field-notes{padding:16px;display:flex}.expanded-field #toggle-field-panel{display:block}.expanded-field .map-toolbar{height:38px;padding:0 12px}.expanded-field .map-caption{display:none}.expanded-field .time-controls{flex:none;gap:16px;min-height:48px;padding:5px 12px}.expanded-field .clock{min-width:90px}.expanded-field #clock{font-size:18px}.expanded-field .clock .eyebrow,.expanded-field .tick-readout{display:none}.expanded-field .resume{min-width:130px;padding:8px 12px}@media (width<=1100px){.map-view-controls{gap:6px}.expanded-field .map-tag{display:none}.expanded-field.field-panel-open .workspace{grid-template-columns:minmax(0,1fr) 260px}}.home-choices{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.home-choice{text-align:left;cursor:pointer;font:inherit;color:inherit;background:#f4f0e2;border:1px solid #c9cebd;gap:6px;padding:18px 20px;display:grid}.home-choice:hover,.home-choice:focus-visible{background:#e8ecdc;border-color:#456249}.home-choice strong{font-size:22px;font-weight:600}.home-choice-detail{color:#4c5647;font-size:12px}.home-choice[data-category=debug]{border-style:dashed}.back-home{color:#456249;cursor:pointer;font:inherit;background:0 0;border:none;justify-self:start;margin-bottom:12px;padding:0}.attribution{color:#5b6456;margin:16px 0 0;font-size:11px}.attribution a{color:inherit}