:root{--bg: #100d08;--ink: #efe6cc;--ink-dim: #b8a982;--ink-faint: #8a7d5e;--wood: #3d2c1a;--wood-dark: #241a0f;--wood-light: #5a4025;--wood-lit: #7a5731;--iron: #4a4741;--iron-dark: #211f1c;--iron-light: #6f6b62;--stone: #2a2721;--stone-dark: #171511;--parchment: #d9c9a3;--parchment-dark: #bda87c;--parchment-ink: #2e2213;--parchment-ink-dim: #5d4a2e;--gold: #f0c250;--gold-dark: #a8802a;--king: #ffd75e;--king-danger: #ff7a3d;--crimson: #9c2f2a;--player: #5b8ed6;--player-dark: #36598f;--enemy: #b23a30;--good: #74be58;--warn: #d8a63c;--bad: #c2483c;--plan: #a98cd8;--mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--gap: 8px;--frame: 3px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:13px}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px 6px),var(--wood-dark)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.pixel-icon{display:block;width:100%;height:100%;image-rendering:pixelated}.icon>.pixel-icon{width:16px;height:16px}.top-bar{position:relative;display:flex;align-items:stretch;gap:0;height:54px;padding:0 10px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 7px),linear-gradient(180deg,var(--wood-light) 0 2px,var(--wood) 2px calc(100% - 3px),var(--wood-dark) calc(100% - 3px) 100%);box-shadow:inset 0 -3px 0 0 var(--iron-dark),0 2px #0a0805;z-index:3}.brand{display:flex;align-items:center;gap:9px;padding:0 16px 0 6px;border-right:2px solid var(--wood-dark)}.brand-mark .pixel-icon{width:22px;height:22px}.brand-words{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:15px;letter-spacing:.2em;color:var(--gold);text-shadow:1px 1px 0 #1a1207}.brand small{max-width:26ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;letter-spacing:.14em;color:var(--ink-faint)}.stat-cluster{display:flex;align-items:center;gap:4px;padding:0 10px;min-width:0;overflow:hidden}.stat{display:flex;align-items:center;gap:7px;padding:5px 11px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 0 1px 0 1px #3a352c;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px)}.stat .pixel-icon{width:14px;height:14px}.stat-body{display:flex;flex-direction:column;line-height:1.1}.stat small{font-size:8px;letter-spacing:.16em;color:var(--ink-faint)}.stat b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.stat[data-tone=own] b{color:#9cc0ef}.stat[data-tone=foe] b{color:#dd7a6f}.spacer{flex:1;min-width:0}.speed-control{align-self:center;display:flex;gap:2px;padding:3px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906}.speed-control button{min-width:34px;padding:5px 8px;background:var(--wood);border:0;box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -1px 0 0 var(--wood-dark);color:var(--ink-dim);cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;transition:background .1s steps(2),color .1s steps(2)}.speed-control button:hover{background:var(--wood-light);color:var(--ink)}.speed-control button.active{background:var(--gold-dark);color:#1c1408;box-shadow:inset 0 0 0 2px var(--gold),inset 0 1px 0 2px #ffdf94}.webmcp-status{display:flex;align-items:center;gap:7px;align-self:center;margin-left:10px;padding:6px 10px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906}.webmcp-status .dot{width:6px;height:6px;background:var(--ink-faint)}.webmcp-status small{font-size:9px;letter-spacing:.12em;color:var(--ink-faint)}.webmcp-status[data-status=connected] .dot{background:var(--good);box-shadow:0 0 0 2px #74be5838}.webmcp-status[data-status=connected] small{color:var(--good)}.webmcp-status[data-status=failed] .dot{background:var(--bad)}.stage{position:relative;display:grid;grid-template-columns:250px minmax(0,1fr) 288px;min-height:0;gap:0}.army-list{display:flex;flex-direction:column;min-height:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 1px,transparent 1px 7px),var(--wood-dark);box-shadow:inset -3px 0 #0a0805,inset -4px 0 0 0 var(--wood-light)}.army-list h2{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-shrink:0;padding:11px 12px 10px;background:linear-gradient(180deg,var(--wood-light) 0 2px,var(--wood) 2px 100%);box-shadow:inset 0 -2px 0 0 var(--iron-dark);font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--gold)}.army-list h2 span:last-child{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--ink-faint)}#army-list-body{flex:1;min-height:0;overflow-y:auto;padding:8px 7px;display:flex;flex-direction:column;gap:5px}#army-list-body:empty:after{content:"NO REGIMENTS STANDING";display:block;padding:24px 10px;color:var(--ink-faint);font-size:10px;letter-spacing:.14em;text-align:center}.army-row{position:relative;display:block;width:100%;text-align:left;padding:8px 9px 9px 12px;background:repeating-linear-gradient(180deg,rgba(255,220,160,.025) 0 1px,transparent 1px 5px),var(--wood);border:0;box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 2px 0 0 0 var(--iron-dark);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);color:inherit;cursor:pointer;font-family:inherit;transition:background .1s steps(2),box-shadow .1s steps(2)}.army-row:hover{background:repeating-linear-gradient(180deg,rgba(255,220,160,.03) 0 1px,transparent 1px 5px),var(--wood-light);box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 3px 0 0 0 var(--gold-dark)}.army-row.selected{background:repeating-linear-gradient(180deg,rgba(255,220,160,.05) 0 1px,transparent 1px 5px),#4a3418;box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #1d1408,inset 5px 0 0 3px var(--gold-dark)}.army-row.selected .name{color:var(--gold)}.army-row .row-head{display:flex;align-items:center;gap:8px}.army-row .role{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0;width:30px;padding:3px 0 2px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 0 1px 0 1px #37322a}.army-row .role .pixel-icon{width:16px;height:16px}.army-row .role i{font-size:7px;font-style:normal;letter-spacing:.06em;color:var(--ink-faint)}.army-row[data-role=cavalry] .role i,.army-row[data-role=scout] .role i{color:#9ecbff}.army-row[data-role=archer] .role i{color:#cfe08d}.army-row[data-role=spearman] .role i{color:#e0c48d}.army-row[data-role=heavy_infantry] .role i,.army-row[data-role=siege] .role i{color:#d3b7ff}.army-row .name{flex:1;min-width:0;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.army-row .count{flex-shrink:0;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.army-row .activity{margin-top:5px;font-size:10px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.army-row .contact{padding:0 3px;font-weight:700;letter-spacing:.06em;background:#00000059}.army-row .contact.pinned,.army-row .contact.spent{color:var(--warn)}.army-row .contact.surrounded,.army-row .contact.crushed{color:#ffb0a6;background:var(--crimson)}.army-row .bars{display:flex;gap:4px;margin-top:7px}.bar{flex:1;height:6px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906}.bar i{display:block;height:100%;box-shadow:inset 0 -2px #0000004d}.army-row.routing .name{color:#ffb0a6}.army-row.engaged{box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 4px 0 0 0 var(--bad)}.army-row.engaged.selected{box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #1d1408,inset 6px 0 0 3px var(--bad)}.army-row.engaged .count{color:#ffb0a6}.army-row.routing:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--bad);animation:pulse-edge 1.2s steps(2,jump-none) infinite}@keyframes pulse-edge{50%{opacity:.2}}.map-wrap{position:relative;min-width:0;min-height:0;box-shadow:inset 0 0 0 2px #0a0805}#battlefield{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}.field-journal{display:flex;flex-direction:column;min-height:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 1px,transparent 1px 7px),var(--wood-dark);box-shadow:inset 3px 0 #0a0805,inset 4px 0 0 0 var(--wood-light)}.journal-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 7px 8px;display:flex;flex-direction:column;gap:7px}.journal-block{background:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(90,70,40,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(90,70,40,.04) 0 1px,transparent 1px 6px);box-shadow:inset 0 0 0 2px var(--parchment-dark),inset 0 0 0 4px #4a3820,0 2px #0a0805;color:var(--parchment-ink);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);padding:8px 10px 10px}.journal-block h2{display:flex;align-items:center;gap:6px;margin:-8px -10px 8px;padding:7px 10px 6px;background:linear-gradient(180deg,var(--wood-light) 0 2px,var(--wood) 2px 100%);box-shadow:inset 0 -2px 0 0 var(--iron-dark);color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.2em}.journal-block h2 .pixel-icon{width:14px;height:14px}.minimap-block{flex-shrink:0;margin:8px 7px 7px;padding-bottom:8px}.minimap-wrap{position:relative;aspect-ratio:8 / 5;background:var(--stone-dark);box-shadow:inset 0 0 0 2px #0b0906,inset 0 0 0 4px #4a3820;overflow:hidden}#minimap{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}.journal-empty,.journal-hint{padding:4px 0 2px;font-size:10px;line-height:1.5;color:var(--parchment-ink-dim)}.journal-hint{margin-top:6px;font-size:9px;letter-spacing:.04em}.unit-head{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:2px solid var(--parchment-dark)}.unit-portrait{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:var(--stone-dark);box-shadow:inset 0 0 0 2px #0b0906,inset 0 0 0 3px #6a5731}.unit-portrait .pixel-icon{width:26px;height:26px}.unit-name{display:flex;flex-direction:column;min-width:0;line-height:1.25}.unit-name b{font-size:13px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-name small{font-size:9px;letter-spacing:.08em;color:var(--parchment-ink-dim)}.unit-flags{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.unit-flags .flag{padding:2px 5px;font-size:8px;font-weight:700;letter-spacing:.1em;color:#f4ecd6;background:var(--iron)}.unit-flags .flag[data-tone=warn]{background:#8a6410}.unit-flags .flag[data-tone=bad]{background:var(--crimson)}.journal-meter{margin-top:8px}.meter-label{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.1em;color:var(--parchment-ink-dim)}.meter-label b{font-weight:700;font-variant-numeric:tabular-nums;color:var(--parchment-ink);letter-spacing:0}.meter-track{display:block;height:8px;margin-top:3px;background:#6d5c3a;box-shadow:inset 0 0 0 2px #4a3820}.meter-track i{display:block;height:100%;box-shadow:inset 0 -2px #00000047}.journal-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin-top:10px;padding-top:8px;border-top:2px solid var(--parchment-dark);font-size:10px}.journal-facts dt{font-size:8px;letter-spacing:.12em;padding-top:2px;color:var(--parchment-ink-dim)}.journal-facts dd{line-height:1.35;overflow-wrap:anywhere}.journal-facts dd small{display:block;margin-top:1px;font-size:9px;line-height:1.35;color:var(--parchment-ink-dim)}.ground-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ground-head b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ground-kind{flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700;letter-spacing:.1em;color:#f4ecd6;background:#4d5f3a}.ground-kind[data-terrain=hill]{background:#6d5a30}.ground-kind[data-terrain=village]{background:#7a4630}.ground-kind[data-terrain=crossing]{background:var(--gold-dark);color:#1c1408}.ground-kind[data-terrain=river],.ground-kind[data-terrain=ridge]{background:#2f5670}.army-row .contact.limbered,.army-row .contact.masked{color:var(--warn)}.army-row .contact.tended{color:#6fd5a8}.army-row .bars{display:flex;gap:6px}.army-row .bars,.ground-effect{margin-top:7px;font-size:10px;line-height:1.45}.ground-lore{margin-top:6px;padding-top:6px;border-top:2px solid var(--parchment-dark);font-size:9.5px;line-height:1.45;color:var(--parchment-ink-dim)}.journal-goal{font-size:10px;line-height:1.45;padding-bottom:8px;border-bottom:2px solid var(--parchment-dark)}.king-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:5px 6px;background:#4a382024;box-shadow:inset 0 0 0 2px var(--parchment-dark)}.king-row .pixel-icon{width:18px;height:18px}.king-body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.king-body b{font-size:11px}.king-body small{font-size:9px;color:var(--parchment-ink-dim)}.king-row[data-status=threatened]{box-shadow:inset 0 0 0 2px #8a6410}.king-row[data-status=besieged]{background:#9c2f2a33;box-shadow:inset 0 0 0 2px var(--crimson)}.king-row[data-status=unseen]{opacity:.65}.objective-strip{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none;max-width:calc(100% - 24px)}.objective{position:relative;display:flex;align-items:center;gap:8px;min-width:190px;padding:6px 11px 9px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 7px),var(--wood);box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 0 0 2px #0006,0 2px #0a0805;overflow:hidden}.objective .crown .pixel-icon{width:18px;height:18px}.objective .body{display:flex;flex-direction:column;gap:1px;min-width:0}.objective small{font-size:8px;letter-spacing:.14em;color:var(--ink-faint)}.objective b{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objective .capture{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stone-dark)}.objective .capture i{display:block;height:100%;width:0;background:var(--king);transition:width .2s steps(8)}.objective[data-status=threatened]{box-shadow:inset 0 0 0 2px var(--warn),0 2px #0a0805}.objective[data-status=besieged]{box-shadow:inset 0 0 0 2px var(--king-danger),0 2px #0a0805;animation:beset 1.1s steps(2,jump-none) infinite}.objective[data-status=besieged] b{color:var(--king-danger)}.objective[data-status=besieged] .capture i{background:var(--king-danger)}.objective[data-status=unseen]{opacity:.62}@keyframes beset{50%{box-shadow:inset 0 0 0 2px #ff7a3d4d,0 2px #0a0805}}.alert-feed{position:absolute;top:10px;right:10px;width:264px;max-width:calc(100% - 20px);display:flex;flex-direction:column;gap:4px;pointer-events:none}.alert{display:block;width:100%;text-align:left;padding:6px 9px 6px 10px;background:var(--wood);border:0;box-shadow:inset 4px 0 0 0 var(--iron-light),inset 0 1px 0 0 var(--wood-lit),0 2px #0a0805;color:var(--ink);font-family:inherit;font-size:10.5px;line-height:1.35;cursor:pointer;pointer-events:auto;animation:slide-in .16s steps(3)}.alert:hover{background:var(--wood-light);box-shadow:inset 4px 0 0 0 var(--gold),inset 0 1px 0 0 var(--wood-lit),0 2px #0a0805}.alert.no-target{cursor:default;pointer-events:none}.alert.warning{box-shadow:inset 4px 0 0 0 var(--warn),inset 0 1px 0 0 var(--wood-lit),0 2px #0a0805}.alert.critical{background:#4a2019;box-shadow:inset 4px 0 0 0 var(--bad),inset 0 1px #6d3226,0 2px #0a0805}@keyframes slide-in{0%{opacity:0;transform:translate(12px)}}.toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%);max-width:min(620px,calc(100% - 32px));padding:8px 14px;background:var(--wood);box-shadow:inset 0 0 0 2px var(--wood-lit),inset 0 0 0 3px #0a0805,0 2px #0a0805;font-size:11px;opacity:0;transition:opacity .15s steps(3);pointer-events:none}.toast.visible{opacity:1}.toast.marshal{color:#e9dcff;box-shadow:inset 0 0 0 2px var(--plan),inset 0 0 0 3px #0a0805,0 2px #0a0805}.hint{position:absolute;top:10px;left:10px;width:max-content;max-width:min(400px,calc(100% - 20px));font-size:10px;color:var(--ink-faint);background:var(--wood);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 1px 0 2px var(--wood-lit),0 2px #0a0805;line-height:1.5}.hint>summary{list-style:none;cursor:pointer;padding:5px 10px;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--ink-dim)}.hint>summary::-webkit-details-marker{display:none}.hint>summary:after{content:" ▾";color:var(--gold-dark)}.hint>summary:hover{color:var(--gold)}.hint[open]>summary{box-shadow:inset 0 -2px 0 0 var(--wood-dark);color:var(--gold)}.hint[open]>summary:after{content:" ▴"}.hint dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;padding:9px 11px 10px}.hint dt{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dark)}.hint dd{margin:0}.hint b{color:var(--ink-dim);font-weight:700}.first-orders{position:absolute;left:10px;bottom:10px;width:min(330px,calc(100% - 20px));padding:10px 12px 11px;background:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(90,70,40,.05) 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 2px var(--parchment-dark),inset 0 0 0 4px #4a3820,inset 6px 0 0 4px var(--gold-dark),0 2px #0a0805;color:var(--parchment-ink);pointer-events:none;animation:slide-in .24s steps(4)}.first-orders.leaving{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.first-orders small{display:block;font-size:9px;font-weight:700;letter-spacing:.2em;color:#7a5a20}.first-orders h3{margin-top:3px;font-size:14px;font-weight:700}.first-orders>p{margin-top:4px;font-size:10.5px;line-height:1.45}.first-orders ul{margin-top:8px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px}.first-orders li{position:relative;padding-left:11px;font-size:10px;line-height:1.45;color:var(--parchment-ink-dim)}.first-orders li:before{content:"";position:absolute;left:0;top:5px;width:4px;height:4px;background:var(--gold-dark)}.first-orders li b{color:var(--parchment-ink);font-weight:700}.first-orders .dismiss{pointer-events:auto;position:absolute;top:6px;right:7px;width:20px;height:20px;background:transparent;border:0;color:var(--parchment-ink-dim);cursor:pointer;font-size:15px;line-height:1}.first-orders .dismiss:hover{background:var(--parchment-dark);color:var(--parchment-ink)}.command-bar{position:relative;display:flex;align-items:center;gap:14px;min-height:66px;padding:7px 12px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 7px),linear-gradient(180deg,var(--wood-light) 0 2px,var(--wood) 2px 100%);box-shadow:inset 0 3px 0 0 var(--iron-dark),0 -2px #0a0805;z-index:3}.selection-readout{width:262px;flex-shrink:0;padding:6px 12px 6px 10px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 3px 0 0 1px var(--gold-dark);line-height:1.35}.selection-readout small{display:block;font-size:8.5px;font-weight:700;letter-spacing:.14em;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-readout b{display:block;font-size:11px;font-weight:500;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis}.commands{display:flex;align-items:stretch;gap:4px}.commands button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:68px;padding:7px 8px;background:repeating-linear-gradient(180deg,rgba(255,220,160,.03) 0 1px,transparent 1px 5px),var(--wood);border:0;box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 1px 0 2px var(--wood-lit),inset 0 -2px 0 2px #00000059;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);color:var(--ink-dim);cursor:pointer;font-family:inherit;font-size:8.5px;font-weight:700;letter-spacing:.12em;transition:background .1s steps(2),color .1s steps(2),transform .1s steps(2)}.commands button .pixel-icon{width:20px;height:20px}.commands button:hover:not(:disabled){background:var(--wood-light);color:var(--ink);transform:translateY(-2px)}.commands button:hover:not(:disabled),.commands button:focus-visible:not(:disabled){box-shadow:inset 0 0 0 2px var(--gold),inset 0 0 0 3px #1d1408,inset 0 1px 0 3px #ffdf94}.commands button:active:not(:disabled){transform:translateY(0)}.commands button:disabled{background:#1a1610;box-shadow:inset 0 0 0 2px #0d0b07,inset 0 2px 0 2px #00000080;color:#55503f;cursor:not-allowed}.commands button:disabled .pixel-icon{opacity:.3;filter:grayscale(1)}.commands button[data-command=attack]:hover:not(:disabled){box-shadow:inset 0 0 0 2px #d8564a,inset 0 0 0 3px #1d1408,inset 0 1px 0 3px #ff9d92;color:#ffd8d1}.command-divider{width:2px;align-self:stretch;margin:4px 3px;background:var(--wood-dark);box-shadow:1px 0 0 0 var(--wood-lit)}.matchup-note{flex:1;min-width:0;align-self:center;padding:5px 0 5px 14px;border-left:2px solid var(--wood-dark);font-style:normal;font-size:10px;line-height:1.45;color:var(--ink-faint)}.matchup-note:empty{border-left:0}.formation-menu{position:absolute;bottom:76px;left:286px;display:flex;flex-wrap:wrap;gap:4px;width:430px;max-width:calc(100vw - 40px);padding:8px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 7px),var(--wood);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 1px 0 2px var(--wood-lit),0 3px #0a0805;z-index:4}.formation-menu[hidden]{display:none}.formation-menu button{flex:1 1 130px;padding:7px 8px;background:var(--stone-dark);border:0;box-shadow:inset 0 0 0 1px #0b0906,inset 0 1px 0 1px #37322a;color:var(--ink-dim);cursor:pointer;font-family:inherit;font-size:10px;text-align:left}.formation-menu button:hover,.formation-menu button:focus-visible{background:var(--wood-light);color:var(--ink);box-shadow:inset 0 0 0 2px var(--gold)}.formation-menu button strong{display:block;font-size:10.5px;letter-spacing:.06em}.formation-menu button small{display:block;margin-top:2px;font-size:9px;letter-spacing:.08em;text-align:center;line-height:1.35;color:var(--ink-faint)}.army-row[data-role=cavalry] .role,.army-row[data-role=scout] .role{color:#9ecbff;border-color:#2f4a63}.army-row[data-role=archer] .role,.army-row[data-role=handgunner] .role{color:#cfe08d;border-color:#46532c}.army-row[data-role=surgeon] .role{color:#9fe0c4;border-color:#2b5346}.army-row[data-role=spearman] .role{color:#e0c48d;border-color:#574627}.army-row[data-role=heavy_infantry] .role,.army-row[data-role=siege] .role,.army-row[data-role=cannon] .role{color:#d3b7ff;border-color:#45385c}.army-row.engaged{border-color:#6d3a2c}.army-row.engaged:before{background:var(--bad)}.army-row.routing:before{background:var(--bad);animation:pulse-edge 1.1s ease-in-out infinite}@keyframes pulse-edge{50%{opacity:.25}}.army-row.engaged .count{color:var(--bad)}.stance-menu{width:320px;left:286px}.outcome{position:absolute;inset:0;display:grid;place-items:center;background:#080603db;animation:fade-in .35s steps(6);z-index:10}.outcome[hidden]{display:none}.outcome-card{max-width:560px;padding:30px 50px;text-align:center;background:var(--parchment);background-image:repeating-linear-gradient(0deg,rgba(90,70,40,.05) 0 1px,transparent 1px 4px);box-shadow:inset 0 0 0 3px var(--parchment-dark),inset 0 0 0 6px #4a3820,inset 0 0 0 8px var(--gold-dark);color:var(--parchment-ink);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.outcome-card small{font-size:9px;font-weight:700;letter-spacing:.24em;color:#7a5a20}.outcome-card h1{margin:8px 0 12px;font-size:38px;letter-spacing:.14em;color:#6b4a10;text-shadow:2px 2px 0 rgba(255,255,255,.35)}.outcome-card.defeat h1{color:var(--crimson)}.outcome-card p{font-size:12px;line-height:1.6;color:var(--parchment-ink-dim)}.outcome-card button{margin-top:22px;padding:10px 22px;background:var(--wood);border:0;box-shadow:inset 0 0 0 2px var(--gold-dark),inset 0 1px 0 2px var(--wood-lit);color:var(--gold);cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.16em}.outcome-card button:hover{background:var(--wood-light);box-shadow:inset 0 0 0 2px var(--gold),inset 0 1px 0 2px #ffdf94}@keyframes fade-in{0%{opacity:0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--stone-dark)}::-webkit-scrollbar-thumb{background:var(--wood-light);box-shadow:inset 0 0 0 1px var(--wood-dark),inset 0 1px 0 1px var(--wood-lit)}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.first-orders-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--text-faint);font-size:9px}.first-orders-actions button{pointer-events:auto;padding:6px 8px;border:1px solid #5b4a25;border-radius:4px;background:#201c10;color:var(--king);cursor:pointer;font-family:inherit;font-size:9px;font-weight:700;letter-spacing:.08em}.first-orders-actions button:hover{border-color:var(--king);background:#2a2413}.first-orders-actions kbd{margin-left:4px;color:var(--text-dim);font:inherit;font-weight:400}.hint{line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app[aria-hidden=true]{visibility:hidden}button:focus-visible,canvas:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.fatal-screen,.viewport-warning{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:32px;color:var(--parchment-ink);background:#080603f7;font-family:var(--mono)}.fatal-screen[hidden],.viewport-warning{display:none}.fatal-screen>div,.viewport-warning>div{width:min(520px,100%);padding:28px;background:var(--parchment);box-shadow:inset 0 0 0 3px var(--parchment-dark),inset 0 0 0 6px #4a3820,inset 10px 0 0 6px var(--crimson)}.viewport-warning>div{box-shadow:inset 0 0 0 3px var(--parchment-dark),inset 0 0 0 6px #4a3820,inset 10px 0 0 6px var(--gold-dark)}.fatal-screen small{display:block;margin-bottom:8px;color:var(--crimson);font-size:9px;font-weight:700;letter-spacing:.2em}.fatal-screen strong,.viewport-warning strong{display:block;font-size:24px;font-weight:700;letter-spacing:.04em}.fatal-screen p,.viewport-warning p{margin-top:10px;color:var(--parchment-ink-dim);line-height:1.6}.fatal-screen button{margin-top:22px;padding:11px 16px;color:#1c1408;background:var(--gold);border:0;box-shadow:inset 0 0 0 2px #7a5a20;cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.14em}@media(max-width:1420px){.stage{grid-template-columns:226px minmax(0,1fr) 262px}.commands button{min-width:60px}.selection-readout{width:220px}}@media(max-width:1180px){.stage{grid-template-columns:218px minmax(0,1fr)}.field-journal{position:absolute;top:0;right:0;bottom:0;width:262px;z-index:5;background:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 1px,transparent 1px 7px),#140f08f5}.alert-feed{right:274px}.matchup-note{display:none}}@media(max-width:940px){.stage{grid-template-columns:minmax(0,1fr)}.army-list{position:absolute;top:0;left:0;bottom:0;width:210px;z-index:5;background:repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 1px,transparent 1px 7px),#140f08f5}.hint,.first-orders{left:220px}.objective-strip{top:42px}.top-bar{height:auto;flex-wrap:wrap;padding-bottom:6px}.stat-cluster{order:3;flex-basis:100%;overflow-x:auto}.command-bar,.commands{flex-wrap:wrap}.formation-menu,.stance-menu{left:12px}}@media(max-width:720px){.army-list,.field-journal{width:190px}.selection-readout{width:100%}.objective-strip{flex-wrap:wrap;justify-content:center}}@media(max-width:759px),(max-height:479px){.viewport-warning{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(prefers-contrast:more){:root{--ink-dim: #ded2b2;--ink-faint: #bcae8b;--parchment-ink-dim: #3d2f1c}}.battle-state{display:flex;align-items:center;gap:8px;min-width:116px;padding:5px 9px;border:1px solid var(--wood-light);background:#14100ad6;box-shadow:inset 0 0 0 1px #f0cd760f}.battle-state>span:last-child{display:flex;flex-direction:column;gap:1px}.battle-state b{color:var(--parchment);font-size:10px;letter-spacing:.12em}.battle-state small{color:var(--ink-faint);font-size:8px;letter-spacing:.04em;white-space:nowrap}.battle-state-dot{width:8px;height:8px;flex:0 0 auto;border:1px solid #5f2c24;background:#c14c3d;box-shadow:0 0 0 2px #c14c3d1f}.battle-state[data-state=running] .battle-state-dot{border-color:#47653e;background:#7aae68;box-shadow:0 0 0 2px #7aae681f;animation:battle-live 1.8s steps(2,end) infinite}@keyframes battle-live{50%{opacity:.55}}.top-action{display:inline-flex;height:36px;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--wood-light);background:var(--stone-dark);color:var(--parchment);cursor:pointer;font:inherit}.top-action b{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--gold-dark);color:var(--gold);font-size:12px}.top-action span{font-size:9px;font-weight:700;letter-spacing:.1em}.top-action:hover,.top-action[aria-expanded=true]{border-color:var(--gold-dark);background:var(--stone)}.army-tools{display:grid;gap:6px;padding:7px 7px 8px;border-bottom:1px solid var(--wood-dark);background:#0c0a0761}.army-search{position:relative;display:block}.army-search input{width:100%;height:28px;padding:0 27px 0 9px;border:1px solid var(--wood-light);outline:none;background:#070705b8;color:var(--parchment);font:700 9px/1 var(--mono);letter-spacing:.08em}.army-search input::placeholder{color:var(--ink-faint)}.army-search input:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px #c49d491f}.army-search button{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;background:transparent;color:var(--ink-faint);cursor:pointer;font-size:15px}.army-search button:hover{color:var(--parchment)}.army-filters{display:grid;grid-template-columns:.65fr 1.35fr;gap:4px}.army-filters button{min-width:0;height:24px;border:1px solid var(--wood-dark);background:var(--stone-dark);color:var(--ink-faint);cursor:pointer;font:700 8px/1 var(--mono);letter-spacing:.07em}.army-filters button:hover{color:var(--parchment)}.army-filters button.active{border-color:var(--gold-dark);background:#2b2417;color:var(--gold)}.army-filters button span{display:inline-grid;width:14px;height:14px;margin-right:3px;place-items:center;background:#b8452f33;color:#e98b70}.army-empty{display:grid;min-height:140px;place-content:center;gap:6px;padding:20px;text-align:center}.army-empty b{color:var(--parchment);font-size:10px;letter-spacing:.08em}.army-empty span{max-width:180px;color:var(--ink-faint);font-size:9px;line-height:1.5}.battle-toolbar{position:absolute;z-index:12;top:10px;left:10px;display:flex;gap:5px;pointer-events:auto}.toolbar-group{display:flex;padding:3px;border:1px solid rgba(82,62,35,.95);background:#0d0b08e6;box-shadow:0 2px #00000059}.toolbar-group button{min-width:28px;height:27px;padding:0 7px;border:0;border-right:1px solid rgba(82,62,35,.62);background:transparent;color:var(--ink-faint);cursor:pointer;font:700 8px/1 var(--mono);letter-spacing:.06em}.toolbar-group button:last-child{border-right:0}.toolbar-group button:hover{background:#c49d491f;color:var(--parchment)}.toolbar-group button:active{transform:translateY(1px)}body[data-selection-count="0"] #view-focus-selection,body[data-selection-count="0"] #selection-clear{opacity:.38;pointer-events:none}.interaction-guide{position:absolute;z-index:13;left:50%;bottom:14px;display:grid;width:min(520px,calc(100% - 28px));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;transform:translate(-50%);border:1px solid rgba(111,84,43,.95);background:linear-gradient(180deg,#1f190ff2,#0e0c08f2);box-shadow:0 3px #0000006b;pointer-events:none}.guide-badge{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--gold-dark);background:#c49d4914;color:var(--gold);font-size:10px;font-weight:800}.guide-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.guide-copy strong{overflow:hidden;color:var(--parchment);font-size:10px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.guide-copy small{overflow:hidden;color:var(--ink-faint);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.interaction-guide>kbd{border:1px solid var(--wood-light);padding:3px 6px;color:var(--ink-faint);font:700 9px/1 var(--mono)}.interaction-guide[data-state=confirmed]{border-color:#56824bf2}.interaction-guide[data-state=confirmed] .guide-badge{border-color:#5f8954;color:#9bd28a}.interaction-guide.is-paused:after{position:absolute;top:-18px;left:50%;padding:3px 8px;transform:translate(-50%);border:1px solid #6d392c;background:#2c1612;color:#ee9a7d;content:"BATTLE PAUSED";font-size:8px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.help-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:#050504d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-overlay[hidden]{display:none}.help-card{width:min(780px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;border:1px solid var(--gold-dark);outline:none;background:linear-gradient(#221b11f7,#0e0c08fc),var(--stone-dark);box-shadow:0 16px 60px #00000094,inset 0 0 0 3px #171109}.help-card>header,.help-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--wood-light)}.help-card>header small{color:var(--gold);font-size:8px;letter-spacing:.22em}.help-card h2{margin:4px 0 0;color:var(--parchment);font-size:22px;letter-spacing:.02em}.help-card>header button{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--wood-light);background:var(--stone-dark);color:var(--parchment);cursor:pointer;font-size:20px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 20px;border:1px solid var(--wood-light);background:var(--wood-light)}.help-grid article{position:relative;min-height:150px;padding:20px;background:#0d0b08f2}.help-number{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--gold-dark);color:var(--gold);font-size:10px;font-weight:800}.help-grid h3{margin:14px 0 7px;color:var(--parchment);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.help-grid p{margin:0;color:var(--ink-faint);font-size:10px;line-height:1.65}.help-card kbd{display:inline-block;padding:3px 5px;border:1px solid var(--wood-light);border-bottom-width:2px;background:#17130d;color:var(--parchment);font:700 9px/1 var(--mono);white-space:nowrap}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:18px 20px 2px;border:1px solid var(--wood-dark);background:var(--wood-dark)}.shortcut-grid span{display:flex;min-width:0;align-items:center;gap:7px;padding:9px;background:#13100bfa}.shortcut-grid b{color:var(--ink-faint);font-size:8px;font-weight:700}.help-card>footer{margin-top:16px;border-top:1px solid var(--wood-light);border-bottom:0;color:var(--ink-faint);font-size:9px}.help-card>footer button{padding:9px 14px;border:1px solid var(--gold-dark);background:#2d2617;color:var(--gold);cursor:pointer;font:800 9px/1 var(--mono);letter-spacing:.09em}:where(button,input,canvas,[tabindex]):focus-visible{outline:2px solid #e9bd59;outline-offset:2px}@media(max-width:1260px){.battle-state{min-width:0}.battle-state small,.top-action span{display:none}.top-action{width:34px;justify-content:center;padding:0}.selection-tools{display:none}}@media(max-width:1040px){.interaction-guide{bottom:8px;width:calc(100% - 16px)}.guide-copy small{font-size:8px}.battle-toolbar{max-width:calc(100% - 20px);overflow-x:auto}.help-grid{grid-template-columns:1fr}.help-grid article{min-height:0}.shortcut-grid{grid-template-columns:repeat(2,1fr)}}@media(max-height:700px){.interaction-guide{padding-block:6px}.help-card>header,.help-card>footer{padding-block:12px}.help-grid article{min-height:118px;padding:14px}}@media(prefers-reduced-motion:reduce){.battle-state-dot,.interaction-guide,.help-overlay,.help-card{animation:none!important;transition:none!important}}.council{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:56px minmax(0,1fr);overflow:hidden;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 1px,transparent 1px 6px),repeating-linear-gradient(180deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),var(--wood-dark);color:var(--ink);font-family:var(--mono);transition:opacity .22s steps(3),transform .22s steps(3)}.council[hidden]{display:none}.council.departing{opacity:0;transform:scale(1.012)}.council-header{display:flex;align-items:center;gap:16px;padding:0 12px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 1px,transparent 1px 7px),linear-gradient(180deg,var(--wood-light) 0 2px,var(--wood) 2px calc(100% - 3px),var(--wood-dark) calc(100% - 3px) 100%);box-shadow:inset 0 -3px 0 0 var(--iron-dark),0 2px #0a0805}.council-brand{display:flex;align-items:center;gap:12px;padding-right:16px;border-right:2px solid var(--wood-dark)}.council-brand .crest .pixel-icon{width:26px;height:33px}.council-brand .wordmark{display:block;width:155px;height:45px}.council-brand .wordmark .pixel-icon{width:100%;height:100%}.council-brand small{align-self:flex-end;padding-bottom:5px;color:var(--ink-faint);font-size:9px;letter-spacing:.22em}.council-chapter{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:10px;letter-spacing:.18em}.council-chapter i{width:20px;height:2px;background:var(--gold-dark)}.council-marshal{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 10px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906}.council-marshal .dot{width:6px;height:6px;background:var(--ink-faint)}.council-marshal small{color:var(--ink-faint);font-size:9px;letter-spacing:.12em}.council-marshal[data-state=connected] .dot{background:var(--good);box-shadow:0 0 0 2px #74be582e}.council-marshal[data-state=connected] small{color:var(--good)}.council-marshal[data-state=failed] .dot{background:var(--bad)}.council-table{display:grid;grid-template-columns:minmax(258px,312px) minmax(0,1fr);gap:12px;min-height:0;padding:12px}.operation-ledger,.field-portrait,.brief-body,.deploy-column{background:var(--stone);box-shadow:inset 0 0 0 2px var(--wood-dark),inset 0 0 0 3px var(--iron-dark),inset 0 3px 0 3px #ffffff08;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}.operation-ledger{display:flex;flex-direction:column;gap:8px;min-height:0;padding:12px}.operation-ledger h1{color:var(--ink-dim);font-size:10px;font-weight:700;letter-spacing:.24em}.operation-list{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.operation-entry{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 10px 10px 6px;background:var(--wood);border:0;box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 3px 0 0 0 var(--iron-dark);color:var(--ink-dim);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s steps(2),color .1s steps(2)}.operation-entry:hover{background:var(--wood-light);color:var(--ink)}.operation-entry.selected{background:var(--wood-light);color:var(--ink);box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 4px 0 0 0 var(--gold)}.entry-seal{display:grid;place-items:center;width:28px;height:28px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 0 0 0 2px #f0c2502e;color:var(--gold-dark);font-size:12px;font-weight:700;letter-spacing:.06em}.operation-entry.selected .entry-seal{color:var(--gold);box-shadow:inset 0 0 0 1px #0b0906,inset 0 0 0 2px var(--gold-dark)}.entry-name{display:flex;flex-direction:column;gap:3px;min-width:0}.entry-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;letter-spacing:.04em}.entry-name small{color:var(--ink-faint);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.entry-pressure{color:var(--ink-faint);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.entry-mark .pixel-icon{width:14px;height:17px;opacity:.55}.operation-entry.selected .entry-mark .pixel-icon{opacity:1}.operation-entry[data-origin=designed] .entry-seal{color:var(--plan);box-shadow:inset 0 0 0 1px #0b0906,inset 0 0 0 2px #a98cd84d}.ledger-note{margin-top:auto;padding:9px 10px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906;color:var(--ink-faint);font-size:10px;line-height:1.6}.operation-brief{display:grid;grid-template-columns:minmax(0,1fr) 268px;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.field-portrait{position:relative;grid-column:1;grid-row:1;min-height:0;padding:10px}#lobby-map{display:block;width:100%;height:auto;max-height:42vh;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906;image-rendering:pixelated}.field-portrait figcaption{display:flex;align-items:center;gap:9px;padding-top:9px}.field-portrait figcaption .pixel-icon{width:14px;height:14px}.field-portrait figcaption b{color:var(--gold);font-size:11px;letter-spacing:.2em}.field-portrait figcaption em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:10px;font-style:normal}.portrait-key{position:absolute;right:16px;top:16px;display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#090c08d1;box-shadow:inset 0 0 0 1px #8c7a4a4d;list-style:none}.portrait-key li{display:flex;align-items:center;gap:6px;color:var(--ink-dim);font-size:8px;letter-spacing:.12em}.key-block{width:7px;height:7px}.key-crown{background:var(--player);box-shadow:0 0 0 1px var(--player-dark)}.key-ashen{background:var(--enemy);box-shadow:0 0 0 1px #78241d}.key-king{background:var(--king);box-shadow:0 0 0 1px #6b5312}.key-cross{background:#ab8049;box-shadow:0 0 0 1px #4a3620}.brief-body{grid-column:1;grid-row:2;min-height:0;overflow-y:auto;padding:14px 16px 16px}.brief-eyebrow{display:flex;align-items:center;gap:10px;color:var(--ink-faint);font-size:10px;letter-spacing:.2em;text-transform:uppercase}.brief-eyebrow b{display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;background:var(--gold-dark);color:#1c1408;font-size:10px}.brief-body h2{margin:8px 0 10px;color:var(--ink);font-size:25px;font-weight:700;letter-spacing:.04em;text-shadow:2px 2px 0 #0d0a06}.brief-summary{max-width:74ch;color:var(--ink-dim);font-size:12px;line-height:1.75}.table-ground{margin-bottom:14px;padding:10px 12px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 3px 0 0 0 var(--plan)}.table-ground[hidden]{display:none}.table-ground>p{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px}.table-ground b{color:var(--plan);font-size:9px;letter-spacing:.2em}.table-ground em{color:var(--ink-faint);font-size:10px;font-style:normal}.ground-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:5px}.ground-choice{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--wood);border:0;box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark);color:var(--ink-dim);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s steps(2),color .1s steps(2)}.ground-choice strong{font-size:11px;letter-spacing:.06em}.ground-choice small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-faint);font-size:9px}.ground-choice:hover{background:var(--wood-light);color:var(--ink)}.ground-choice.selected{background:var(--wood-light);color:var(--ink);box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark),inset 0 0 0 2px var(--plan)}.ground-choice.selected small{color:var(--ink-dim)}.brief-twist{margin:12px 0 14px;padding:9px 12px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906,inset 3px 0 0 0 var(--gold-dark);color:var(--gold);font-size:11px;line-height:1.65}.brief-orders{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;list-style:none}.brief-orders li{position:relative;padding-left:18px;color:var(--ink);font-size:11px;line-height:1.6}.brief-orders li:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;background:var(--gold);box-shadow:2px 2px #1a1207}.brief-facts{display:flex;flex-wrap:wrap;gap:5px}.brief-facts span{padding:5px 9px;background:var(--parchment);box-shadow:2px 2px #0d0a06;color:var(--parchment-ink);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.deploy-column{display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:1 / span 2;min-height:0;padding:12px}.deploy-column h3{color:var(--ink-dim);font-size:10px;font-weight:700;letter-spacing:.22em}.commander-list{display:flex;flex-direction:column;gap:5px}.commander-choice{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;background:var(--wood);border:0;box-shadow:inset 0 1px 0 0 var(--wood-lit),inset 0 -2px 0 0 var(--wood-dark);color:var(--ink-dim);cursor:pointer;font-family:inherit;text-align:left;transition:background .1s steps(2),color .1s steps(2)}.commander-choice .pixel-icon{width:16px;height:16px;opacity:.6}.commander-choice strong{font-size:12px;letter-spacing:.08em}.commander-choice small{color:var(--ink-faint);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.commander-choice:hover{background:var(--wood-light);color:var(--ink)}.commander-choice.selected{background:var(--gold-dark);color:#1c1408;box-shadow:inset 0 0 0 2px var(--gold),inset 0 1px 0 2px #ffdf94}.commander-choice.selected .pixel-icon{opacity:1}.commander-choice.selected small{color:#3a2c0d}.commander-note{padding:9px 10px;background:var(--stone-dark);box-shadow:inset 0 0 0 1px #0b0906;color:var(--ink-dim);font-size:10px;line-height:1.7}.order-of-battle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px;background:#0b0906;box-shadow:inset 0 0 0 1px #0b0906}.order-of-battle dt,.order-of-battle dd{padding:7px 9px;background:var(--stone-dark);font-size:9px;letter-spacing:.1em}.order-of-battle dt{color:var(--ink-faint);text-transform:uppercase}.order-of-battle dd{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.order-of-battle dd[data-side=player]{color:var(--player)}.order-of-battle dd[data-side=enemy]{color:var(--enemy)}.deploy-seal{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:4px 11px;margin-top:auto;padding:13px 14px;background:var(--gold-dark);border:0;box-shadow:inset 0 0 0 2px var(--gold),inset 0 2px 0 2px #ffdf94,3px 3px #0d0a06;color:#1c1408;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s steps(2),transform .1s steps(2)}.deploy-seal .icon{grid-row:1 / span 2}.deploy-seal .pixel-icon{width:20px;height:20px}.deploy-seal b{font-size:14px;letter-spacing:.18em}.deploy-seal em{color:#3a2c0d;font-size:9px;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.deploy-seal:hover{background:var(--gold)}.deploy-seal:active{transform:translate(1px,1px)}.deploy-seal:disabled{cursor:default;filter:saturate(.4)}.council :focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media(max-width:1180px){.council-table{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.operation-list{flex-direction:row;overflow-x:auto}.operation-entry{min-width:232px}.ledger-note{display:none}.operation-brief{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}.deploy-column{grid-column:1;grid-row:3}}@media(max-height:720px){#lobby-map{max-height:32vh}.brief-body h2{font-size:20px}}.difficulty-option[data-recommended=true] small{color:var(--gold)}.difficulty-option[data-recommended=true]:not(.selected):after{position:absolute;top:-1px;right:-1px;width:5px;height:5px;background:var(--gold-dark);content:""}.deploy-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-entry:focus-visible,.difficulty-option:focus-visible,.deploy-button:focus-visible{outline:2px solid #e9bd59;outline-offset:2px}