:root{--ink:#f3e7c9;--ink-dim:#b9a98a;--gold:#e8c45a;--panel:#120d0ab8;--edge:#5b4630;--blue:#5d86ff;--red:#ff5a44;--good:#9be27f;--bad:#ff7a5c;font-family:Pixelify Sans,Silkscreen,monospace}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);background:#0b0907;margin:0;overflow:hidden}button{font-family:inherit}.stage{background:#0b0907;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.canvas-wrap{position:relative}.canvas-wrap canvas{display:block}.canvas-wrap.pixelated canvas{image-rendering:pixelated;image-rendering:crisp-edges}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:40;position:fixed;inset:0}.hud [data-ui],.hud button{pointer-events:auto}.panel{background:var(--panel);border:2px solid var(--edge);image-rendering:pixelated;padding:8px 10px;position:absolute;box-shadow:inset 0 0 0 2px #0009,0 2px #00000080}.top-left{top:12px;left:12px}.brand{letter-spacing:3px;color:var(--gold);margin-bottom:6px;font-size:15px;font-weight:700}.views{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tab,.btn,.squad{color:var(--ink-dim);cursor:pointer;background:#2a1f17;border:2px solid #4a3826;padding:4px 8px;font-size:13px;box-shadow:inset 0 -2px #00000080}.tab b,.btn b{color:var(--gold);margin-right:2px}.tab:hover,.btn:hover,.squad:hover{color:var(--ink);border-color:#7a5d3d}.tab.on{color:var(--ink);border-color:var(--gold);background:#4a361f}.top-center{text-align:center;min-width:340px;top:12px;left:50%;transform:translate(-50%)}.armies{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.blue-name{color:var(--blue)}.red-name{color:var(--red)}.armies b{color:var(--ink);font-size:17px}.vs{color:var(--gold)}.strength{background:#000;border:2px solid #000;height:8px;margin:6px 0 5px;display:flex}.bar-blue{background:linear-gradient(#7aa0ff,#2f55c4);transition:width .4s}.bar-red{background:linear-gradient(#ff7a5c,#b3302a);transition:width .4s}.phase{color:var(--ink-dim);letter-spacing:1px;font-size:12px}.phase b{color:var(--gold)}.top-right{gap:6px;display:flex;top:12px;right:12px}.hero{width:250px;bottom:44px;left:12px}.hero-name{color:var(--ink);margin-bottom:5px;font-size:13px}.hp,.draw{background:#1a0f0b;border:2px solid #000;height:10px}.hp-fill{background:linear-gradient(#ff8a6a,#b3302a);height:100%;transition:width .2s}.draw{height:6px;margin-top:4px}.draw-fill{background:var(--gold);height:100%}.squads{flex-direction:column;gap:4px;min-width:210px;display:flex;bottom:44px;right:12px}.squad{text-align:left;color:#a9bfff;justify-content:space-between;display:flex}.squad span{color:var(--ink-dim)}.squad i{color:var(--gold);font-style:normal}.squad.on{border-color:var(--blue);color:#fff;background:#1f2a4a}.squad.dead{opacity:.35}.sel{color:var(--ink-dim);margin-top:2px;font-size:11px}.hints{color:var(--ink-dim);text-shadow:0 1px #000,1px 0 #000;flex-wrap:wrap;justify-content:center;gap:12px;max-width:92vw;font-size:12px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hints b{color:var(--gold)}.feed{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:136px;left:50%;transform:translate(-50%)}.msg{border-left:3px solid var(--gold);text-shadow:0 1px #000;background:#0000008c;padding:3px 10px;font-size:15px}.msg.good{border-color:var(--good)}.msg.bad{border-color:var(--bad)}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#fff0d2d9;position:absolute;box-shadow:0 0 0 1px #0009}.crosshair i:first-child{width:2px;height:6px;top:0;left:10px}.crosshair i:nth-child(2){width:2px;height:6px;bottom:0;left:10px}.crosshair i:nth-child(3){width:6px;height:2px;top:10px;left:0}.crosshair i:nth-child(4){width:6px;height:2px;top:10px;right:0}.crosshair.hit i{background:#ff5a44}.click-to-play{border:2px solid var(--edge);color:var(--ink);background:#0009;padding:6px 14px;font-size:14px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.hurt{position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #aa140abf}.selbox{background:#5d86ff1f;border:2px solid #9fbaff;position:absolute}.squad-flag{white-space:nowrap;color:#fff;cursor:pointer;border:2px solid #000;align-items:center;gap:5px;padding:2px 7px 3px;font-family:Pixelify Sans,monospace;font-size:12px;display:flex;transform:translateY(-4px);box-shadow:0 2px #0009}.squad-flag.team1{cursor:default;background:#a8261f}.squad-flag.sel{outline:2px solid #fff}.squad-flag.hero{border-color:var(--gold)}.squad-flag .num{color:var(--gold);font-weight:700}.squad-flag .cnt{opacity:.8}.title,.end{background:radial-gradient(#0000001a,#000000a6);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-card,.end-card{text-align:center;border:3px solid var(--edge);background:#100b08d1;max-width:560px;padding:26px 32px;box-shadow:inset 0 0 0 3px #000,0 6px #00000080}.crest{color:var(--gold);font-size:30px}.title h1{letter-spacing:8px;color:var(--gold);text-shadow:0 4px #3a2a14,0 0 24px #e8c45a40;margin:4px 0 0;font-size:54px}.tag{color:var(--ink);letter-spacing:2px;margin:4px 0 14px;font-size:18px}.lore{color:var(--ink-dim);margin:0 0 18px;font-size:15px;line-height:1.45}.btn.big{color:#1a120a;background:linear-gradient(#f5d77a,#c89a32);border-color:#000;padding:10px 26px;font-size:20px}.btn.big:hover{color:#000;filter:brightness(1.1)}.keys{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:18px;font-size:13px;display:flex}.keys b{color:var(--gold)}.end-card h2{letter-spacing:6px;margin:0 0 8px;font-size:48px}.end-card.win h2{color:var(--gold)}.end-card p{color:var(--ink-dim);margin:0 0 18px}@media (width<=760px){.top-center{width:calc(100% - 32px);min-width:0;top:84px}.hints{display:none}.title h1{font-size:38px}}.squads{min-width:250px;bottom:12px;right:12px}.plan-btn{text-align:left;width:100%;margin-bottom:2px}.squad{gap:8px}.sq-left{align-items:center;gap:5px;display:flex}.sq-right{color:var(--ink-dim);align-items:center;gap:6px;display:flex}.sq-right em{color:var(--gold);font-size:11px;font-style:normal}.command-bar{flex-wrap:wrap;align-items:stretch;gap:12px;max-width:calc(100vw - 300px);display:flex;bottom:12px;left:12px}.sel-info{flex-direction:column;gap:3px;min-width:170px;max-width:230px;display:flex}.sel-title{color:var(--ink);font-size:15px}.sel-sub{color:var(--ink-dim);font-size:12px}.sel-kinds{color:#a9bfff;gap:10px;font-size:14px;display:flex}.sel-kinds span{align-items:center;gap:3px;display:flex}.sel-hp{background:#1a0f0b;border:2px solid #000;height:6px;margin-top:auto}.sel-hp div{background:linear-gradient(#9be27f,#4c8a34);height:100%}.cmd-group{flex-direction:column;gap:3px;display:flex}.cmd-label{color:var(--ink-dim);letter-spacing:1px;text-transform:uppercase;font-size:11px}.cmd-row{flex-wrap:wrap;gap:3px;display:flex}.cmd{color:var(--ink-dim);cursor:pointer;background:#2a1f17;border:2px solid #4a3826;padding:3px 7px;font-family:inherit;font-size:12px;box-shadow:inset 0 -2px #00000080}.cmd b{color:var(--gold);margin-right:3px}.cmd:hover{color:var(--ink);border-color:#7a5d3d}.cmd.on{color:var(--ink);border-color:var(--gold);background:#4a361f}.cmd.gold{color:#1a120a;background:linear-gradient(#f5d77a,#c89a32);border-color:#000}.cmd.gold b{color:#1a120a}.signal-btn{pointer-events:auto;cursor:pointer;color:#1a120a;background:linear-gradient(#f5d77a,#c89a32);border:2px solid #000;padding:6px 14px;font-family:inherit;font-size:15px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:92px;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 3px #00000080;top:auto!important}.signal-btn b{margin:0 3px}@keyframes pulse{50%{filter:brightness(1.18)}}.plan-panel{background:#100b08e0;flex-direction:column;gap:8px;width:360px;display:flex;top:64px;bottom:12px;right:12px;overflow-y:auto}.plan-head{color:var(--gold);letter-spacing:3px;justify-content:space-between;align-items:center;font-weight:700;display:flex}.plan-head .x{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.plan-row{gap:5px;display:flex}.plan-panel select,.plan-panel input{color:var(--ink);background:#20170f;border:2px solid #4a3826;padding:3px 5px;font-family:inherit;font-size:12px}.plan-row select,.plan-row input{flex:1}.plan-squads{flex-direction:column;gap:6px;display:flex}.plan-squad{background:#ffffff08;border-left:4px solid;flex-direction:column;gap:5px;padding:5px 7px;display:flex}.plan-squad.drawing{background:#e8c45a1a}.plan-squad.dead{opacity:.4}.ps-head{justify-content:space-between;align-items:center;font-size:14px;display:flex}.ps-btns{gap:3px;display:flex}.ps-route{flex-wrap:wrap;gap:3px;font-size:12px;display:flex}.chip{color:var(--ink);cursor:pointer;background:#2a1f17;border:1px solid #5b4630;padding:1px 6px;font-family:inherit;font-size:11px}.chip.charge{color:#ffb09c;border-color:#ff6a4a}.chip.hold{color:#bdeff7;border-color:#5fd3e6}.chip.wait{border-color:var(--gold);color:var(--gold)}.ps-opts{flex-wrap:wrap;gap:4px;display:flex}.ps-opts .delay{width:54px}.plan-draw{color:var(--ink);flex-direction:column;gap:5px;font-size:12px;line-height:1.4;display:flex}.counters{flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.plan-foot{color:var(--ink-dim);flex-direction:column;gap:6px;margin-top:auto;font-size:12px;display:flex}.plan-foot .go{width:100%}.dim{color:var(--ink-dim)}.squad-flag .plan{color:#ffe9a8;opacity:.9;font-size:10px}.step-label{background:#000000bf;border:2px solid;padding:0 4px;font-family:Pixelify Sans,monospace;font-size:11px;line-height:14px}.command-bar{gap:8px;padding:5px 8px}.command-bar .sel-info{gap:2px;min-width:130px}.command-bar .sel-title{font-size:13px}.command-bar .cmd{padding:2px 5px;font-size:11px}.command-bar .cmd-label{font-size:10px}.choose-card{width:calc(100vw - 32px);max-width:900px;max-height:calc(100vh - 32px);overflow-y:auto}.choose-title{letter-spacing:4px;color:var(--gold);margin:4px 0 10px;font-size:18px}.sides{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.side,.kind{color:var(--ink);text-align:left;cursor:pointer;background:#ffffff08;border:2px solid #4a3826;padding:10px 12px;font-family:inherit;box-shadow:inset 0 -3px #0006}.side:hover,.kind:hover{border-color:#7a5d3d}.side.on,.kind.on{border-color:var(--gold);background:#e8c45a1a}.side0 .side-name{color:var(--blue)}.side1 .side-name{color:var(--red)}.side-name{font-size:18px;font-weight:700}.side-motto{color:var(--ink-dim);margin-top:3px;font-size:12px}.side0.on{box-shadow:inset 0 0 0 2px #5d86ff59}.side1.on{box-shadow:inset 0 0 0 2px #ff5a4459}.kinds{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.kind{flex-direction:column;gap:4px;display:flex}.kind-icon{align-items:center;height:42px;display:flex}.kind-icon.side0{color:#8fb0ff}.kind-icon.side1{color:#ff8a70}.kind-name{font-size:15px}.kind-squad{color:var(--gold);margin-bottom:4px;font-size:11px}.kind-blurb{color:var(--ink-dim);margin-top:4px;font-size:11px;line-height:1.35}.cs-stat{color:var(--ink-dim);grid-template-columns:52px 1fr;align-items:center;gap:6px;font-size:11px;display:grid}.cs-bar{background:#1a0f0b;border:1px solid #000;height:6px}.cs-bar div{background:linear-gradient(90deg,#c89a32,#f5d77a);height:100%}.choose-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.choose-note{margin-top:10px;font-size:12px}@media (width<=760px){.kinds{grid-template-columns:1fr 1fr}.sides{grid-template-columns:1fr}}.end-card.report{text-align:left;width:calc(100vw - 32px);max-width:860px;max-height:calc(100vh - 32px);overflow-y:auto}.rep-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.rep-top h2{margin:0}.rep-top p{margin:4px 0 0}.grade{border:3px solid;flex-shrink:0;justify-content:center;align-items:center;width:92px;height:92px;font-size:64px;font-weight:700;display:flex;box-shadow:inset 0 0 0 3px #000}.gS{color:#f5d77a;text-shadow:0 0 18px #f5d77a80}.gA{color:#9be27f}.gB{color:#8fb0ff}.gC{color:#e8a060}.gD{color:#ff6a4a}.rep-score{flex-wrap:wrap;align-items:baseline;gap:16px;margin:12px 0;display:flex}.rep-num{color:var(--ink);letter-spacing:2px;font-size:40px;font-weight:700}.rep-label{color:var(--ink-dim);font-size:13px}.rep-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.rep-card{background:#ffffff08;border:2px solid #4a3826;padding:8px 10px}.hero-card{border-color:var(--gold)}.rc-title{color:var(--ink-dim);font-size:13px}.rc-big{color:var(--ink);font-size:30px}.rc-big span{color:var(--ink-dim);font-size:15px}.rc-sub{color:var(--ink-dim);font-size:11px}.rep-tables{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rep-table{border-collapse:collapse;width:100%;font-size:12px}.rep-table th{text-align:left;color:var(--gold);border-bottom:1px solid #4a3826;padding:3px 4px;font-weight:400}.rep-table td{color:var(--ink);border-bottom:1px solid #4a382666;padding:3px 4px}.rep-table tr.wiped td{color:#8a6a5a;text-decoration:line-through}@media (width<=760px){.rep-cards,.rep-tables{grid-template-columns:1fr}}.foot-left{gap:6px;display:flex}.brand-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.brand-row .brand{margin-bottom:0}.brand-btns{gap:4px;display:flex}.mini{color:var(--ink-dim);cursor:pointer;background:#2a1f17;border:1px solid #4a3826;padding:1px 6px;font-family:inherit;font-size:11px}.mini:hover{color:var(--ink);border-color:var(--gold)}.fence-bars{align-items:flex-end;gap:8px;margin-top:4px;display:flex}.stamina{background:#1a0f0b;border:2px solid #000;flex:1;align-self:center;height:6px}.stamina-fill{background:linear-gradient(#e6d58a,#a8913a);height:100%;transition:width .1s}.wounds{width:26px;height:40px;margin-top:-30px;position:relative}.wounds svg *{stroke:#000;stroke-width:1px}.bleed{color:#d9302a;opacity:0;text-shadow:0 0 2px #000;font-size:12px;position:absolute;top:12px;right:-10px}.fence-cross{pointer-events:none;position:fixed;inset:0}.power{pointer-events:none;background:#00000073;border:1px solid #000000b3;width:64px;height:4px;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.power-fill{background:#7cc46a;width:0;height:100%}.grip-name{color:var(--gold);text-shadow:0 1px #000;pointer-events:none;white-space:nowrap;font-size:11px;position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.incoming{opacity:0;pointer-events:none;filter:drop-shadow(0 0 2px #000);border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #ff5a44;width:0;height:0;position:absolute;top:50%;left:50%}.incoming.thrust{border-left-color:#ffb03a}.blow-log{pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.blow{text-shadow:0 1px #000;white-space:nowrap;background:#0c09078c;padding:1px 8px;font-size:13px}.blow.good{color:var(--good)}.blow.bad{color:var(--bad)}.blow.info{color:var(--ink-dim)}.duel-card{max-width:1060px}.duel-intro{color:var(--ink-dim);margin:0 0 10px;font-size:14px;line-height:1.45}.duel-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.duel-col{flex-direction:column;gap:6px;max-height:46vh;padding-right:4px;display:flex;overflow-y:auto}.duel-eras{flex-wrap:wrap;gap:4px;margin:4px 0 2px;display:flex}.duel-eras .tab{font-size:12px}.duel-fighter{text-align:left;border:2px solid var(--edge);color:var(--ink);cursor:pointer;background:#00000040;padding:7px 9px}.duel-fighter:hover{border-color:#7a5d3d}.duel-fighter.on{border-color:var(--gold);background:#e8c45a1a}.df-name{color:var(--gold);margin-bottom:2px;font-size:15px}.df-blurb{color:var(--ink-dim);margin-bottom:4px;font-size:12.5px;line-height:1.35}.duel-skill{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 6px;font-size:13px;display:flex}.duel-note{border-left:3px solid var(--gold);background:#e8c45a12;padding:8px 10px;font-size:14px;line-height:1.45}.duel-note .br-codex{margin-top:6px}@media (width<=760px){.duel-cols{grid-template-columns:1fr}}.panel.slim{padding:4px 6px}.top-left.slim{align-items:center;gap:4px;display:flex}.top-left.slim .tab{padding:2px 6px;font-size:11px}.top-left.slim .mini{padding:1px 6px;font-size:13px}.top-center.slim{min-width:260px}.top-center.slim .armies{font-size:12px}.top-center.slim .armies b{font-size:14px}.top-center.slim .strength{height:5px;margin:4px 0 2px}.top-right .btn{padding:2px 7px;font-size:12px}.top-right .btn.on{border-color:var(--gold);color:var(--ink)}.options-pop{background:var(--panel);border:2px solid var(--edge);flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.options-pop .btn{white-space:nowrap;text-align:left}.hero .wounds{width:18px;height:28px;margin:0;position:absolute;top:5px;right:8px}.hero .wounds .bleed{font-size:10px;top:6px;right:-9px}.keys-btn{color:var(--ink-dim);cursor:pointer;background:#0c09078c;border:1px solid #4a3826;padding:2px 8px;font-family:inherit;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.keys-btn b{color:var(--gold)}.hints{cursor:pointer}.feed{top:64px}.msg{padding:2px 9px;font-size:13px}.blow{font-size:12px}.objectives{gap:4px;width:220px;padding:5px 8px;top:52px}.chronicle{cursor:pointer}.chronicle .chr-text{font-size:12px;line-height:1.35}.deploy-bar .dp-text{text-align:center}:root{--t0:#2f55c4;--t1:#b3302a}.bar-blue{background:linear-gradient(var(--blue), var(--t0))}.bar-red{background:linear-gradient(var(--red), var(--t1))}.squad-flag.team0{background:var(--t0)}.squad-flag.team1{background:var(--t1)}.squad{color:var(--blue)}.squad.on{border-color:var(--blue);background:#ffffff14}.rep-card.side0{border-color:var(--t0)}.rep-card.side1{border-color:var(--t1)}.title-btns{justify-content:center;align-items:center;gap:10px;display:flex}.battles-card{max-width:980px}.battle-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.battle-card{text-align:left;cursor:pointer;color:var(--ink);background:#ffffff08;border:2px solid #4a3826;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;display:flex;box-shadow:inset 0 -3px #0006}.battle-card:hover{border-color:var(--gold);background:#e8c45a14}.bc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bc-date{color:var(--ink-dim);font-size:12px}.bc-title{color:var(--gold);letter-spacing:1px;font-size:21px}.bc-sub{color:var(--ink);font-size:13px}.bc-sides{align-items:center;gap:8px;margin-top:2px;font-size:14px;display:flex}.bc-sides .vs{font-size:11px}.bc-meta{color:var(--ink-dim);font-size:11px}.bc-best{color:var(--gold);font-size:11px}.badge{letter-spacing:1px;text-transform:uppercase;border:1px solid;padding:1px 6px;font-size:10px;display:inline-block}.badge.k-recreation{color:#f5d77a;border-color:#c89a32}.badge.k-inspired{color:#9be27f;border-color:#4c8a34}.badge.k-fictional{color:#b9a98a;border-color:#5b4630}.briefing{text-align:left;max-width:1040px}.br-head{border-bottom:2px solid #4a3826;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.br-title{color:var(--gold);letter-spacing:2px;margin:4px 0 2px;font-size:30px}.br-sub{color:var(--ink);font-size:13px}.br-conflict{color:var(--ink-dim);text-align:right;max-width:280px;font-size:12px}.br-cols{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.br-context p{color:var(--ink);margin:0 0 9px;font-size:14px;line-height:1.5}.br-context .br-scale{color:var(--ink-dim);font-size:12px}.br-codex{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.br-codex .chip{padding:2px 7px;font-size:12px}.br-codex .chip:hover{border-color:var(--gold);color:var(--gold)}.br-label{letter-spacing:3px;color:var(--gold);margin:8px 0 5px;font-size:11px}.br-right .sides{margin-bottom:4px}.side-cmd{color:var(--gold);margin-top:2px;font-size:12px}.br-obj,.br-roster{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.br-obj li{padding-left:14px;position:relative}.br-obj li:before{content:"▸";position:absolute;left:0}.br-obj li.good:before{color:var(--good)}.br-obj li.bad:before{color:var(--bad)}.br-roster li{font-size:13px}.br-roster li b{color:var(--gold)}.br-roster .note{margin-left:20px;font-size:11px;line-height:1.35}.cmd-star{color:var(--gold);font-size:12px}.briefing .kinds{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (width<=760px){.battle-grid,.br-cols{grid-template-columns:1fr}.br-head{flex-direction:column;align-items:flex-start}.br-conflict{text-align:left}}.battle-name{color:var(--ink-dim);letter-spacing:1px;margin:-2px 0 6px;font-size:11px}.objectives{flex-direction:column;gap:6px;width:250px;padding:7px 9px;display:flex;top:128px;left:12px}.obj-head{letter-spacing:3px;color:var(--gold);font-size:11px}.obj-text{color:var(--ink);font-size:12px;line-height:1.25}.obj-bar{background:#1a0f0b;border:1px solid #000;height:5px;margin:3px 0 1px}.obj-bar div{height:100%;transition:width .3s}.obj-bar .good{background:linear-gradient(#b8f09c,#4c8a34)}.obj-bar .bad{background:linear-gradient(#ff9a7a,#b3302a)}.obj-detail{color:var(--ink-dim);font-size:10px}.obj.done .obj-text{color:var(--ink-dim);text-decoration:line-through}.obj.contested .obj-detail{color:var(--gold);animation:.8s ease-in-out infinite pulse}.chronicle{background:#1e160ce6;border-color:#8a6a3a;flex-direction:column;gap:5px;width:300px;display:flex;top:64px;right:12px}.chr-head{letter-spacing:2px;color:var(--gold);font-size:11px}.chr-text{color:var(--ink);font-size:13px;line-height:1.45}.chronicle .mini{align-self:flex-end}@media (width<=760px){.objectives{width:200px;top:150px}.chronicle{display:none}}.codex-wrap{z-index:60;pointer-events:auto;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.codex{border:3px solid var(--edge);background:#1a130d;flex-direction:column;width:min(900px,100vw - 32px);height:min(620px,100vh - 32px);display:flex;box-shadow:inset 0 0 0 3px #000,0 6px #00000080}.codex-head{color:var(--gold);letter-spacing:4px;border-bottom:2px solid #3a2a1c;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.codex-head .x{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.codex-body{flex:1;grid-template-columns:240px 1fr;min-height:0;display:grid}.codex-nav{border-right:2px solid #3a2a1c;flex-direction:column;gap:8px;padding:8px;display:flex;overflow-y:auto}.cc-title{letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:2px;font-size:10px}.cc-item{text-align:left;width:100%;color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-family:inherit;font-size:13px;display:block}.cc-item:hover{color:var(--ink)}.cc-item.on{color:#1a120a;background:var(--gold)}.codex-entry{color:#2a1d10;background:#efe3c4;padding:14px 20px;overflow-y:auto}.ce-cat{letter-spacing:2px;text-transform:uppercase;color:#8a6a3a;font-size:11px}.codex-entry h3{color:#5a2a14;margin:2px 0;font-size:26px}.ce-dates{color:#6a5030;margin-bottom:10px;font-size:13px}.codex-entry p{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:15px;line-height:1.55}.ce-fact{background:#8a6a3a2e;border-left:4px solid #8a6a3a;padding:8px 10px;font-family:Georgia,serif;font-size:14px}.ce-fact b{color:#5a2a14;font-family:Pixelify Sans,monospace}.codex-foot{border-top:2px solid #3a2a1c;padding:5px 12px;font-size:11px}@media (width<=760px){.codex-body{grid-template-rows:160px 1fr;grid-template-columns:1fr}.codex-nav{border-bottom:2px solid #3a2a1c;border-right:none}}.rep-history{background:#e8c45a0f;border:2px solid #4a3826;margin-top:12px;padding:10px 12px}.rep-history p{color:var(--ink);margin:0 0 6px;font-size:14px;line-height:1.5}.end-card.lose h2{color:#ff5a44}.kit-line{flex-wrap:wrap;gap:3px;margin:3px 0 2px 20px;display:flex}.kind .kit-line{margin:2px 0 4px}.kit-chip{color:var(--ink-dim);background:#e8c45a0f;border:1px solid #4a3826;padding:0 5px;font-family:inherit;font-size:10px;line-height:15px}button.kit-chip{cursor:pointer}button.kit-chip:hover{color:var(--gold);border-color:var(--gold)}.cc-era{flex-direction:column;display:flex}.cc-sub{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:3px 2px;font-family:inherit;font-size:12px}.cc-sub:hover,.cc-sub.open{color:var(--gold)}.cc-era .cc-item{padding-left:14px}.item-preview{float:right;background:radial-gradient(circle at 50% 40%,#fff6dd,#d9c59a);border:3px solid #8a6a3a;width:190px;height:190px;margin:0 0 8px 14px;box-shadow:inset 0 0 0 2px #efe3c4}.item-preview canvas{image-rendering:pixelated;image-rendering:crisp-edges}.ce-list{margin-top:10px}.ce-list-head{letter-spacing:2px;text-transform:uppercase;color:#8a6a3a;margin-bottom:4px;font-size:11px}.ce-chips{flex-wrap:wrap;gap:4px;display:flex}.ce-chip,.ce-related{cursor:pointer;color:#4a2a14;background:#e2d3ae;border:1px solid #8a6a3a;padding:2px 8px;font-family:Pixelify Sans,monospace;font-size:13px}.ce-chip:hover,.ce-related:hover{color:#efe3c4;background:#5a2a14}.ce-related{margin-top:12px}@media (width<=760px){.item-preview{width:130px;height:130px}}.squad{flex-wrap:wrap;row-gap:2px}.sq-morale{background:#1a0f0b;flex-basis:100%;height:3px}.sq-morale i{background:#9be27f;height:100%;transition:width .3s;display:block}.sq-morale i.mid{background:#e8c45a}.sq-morale i.low{background:#ff6a4a}.sq-right em.st-routing,.sq-right em.st-fled{color:#ff6a4a}.sq-right em.st-wavering{color:#ffb070}.sq-right em.st-shield-wall{color:#9fd0ff}.sq-right em.st-war-cry{color:#ffd76a}.squad-flag.routing{animation:.6s ease-in-out infinite pulse;background:#7a1a12!important}.flag-status{color:#ffe0a0;text-transform:uppercase;letter-spacing:1px;font-size:10px}.flag-status.routing{color:#fff}.flag-morale{background:#0009;width:30px;height:4px;display:inline-block}.flag-morale i{background:#9be27f;height:100%;display:block}.ability-bar{pointer-events:auto;gap:4px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.ability{cursor:pointer;color:var(--ink);background:#1a120cd9;border:2px solid #8a6a3a;padding:4px 9px;font-family:inherit;font-size:12px;position:relative;overflow:hidden;box-shadow:0 2px #00000080}.ability b{color:var(--gold);margin-right:3px}.ability.ready:hover{border-color:var(--gold)}.ability.cooling{color:var(--ink-dim);border-color:#4a3826}.ab-cd{background:#8a6a3a;height:3px;position:absolute;bottom:0;left:0}.ab-num{color:var(--ink-dim);margin-left:4px;font-size:10px}.deploy-bar{text-align:center;border-color:var(--gold);flex-direction:column;align-items:center;gap:6px;width:min(520px,100vw - 560px);min-width:300px;display:flex;bottom:64px;left:50%;transform:translate(-50%)}.dp-title{color:var(--gold);letter-spacing:4px;font-size:13px}.dp-text{color:var(--ink);font-size:12px;line-height:1.4}.dp-text b{color:var(--gold)}@media (width<=760px){.ability{padding:3px 5px;font-size:10px}}.title-sub{margin:10px 0 0;font-size:12px}.campaign{text-align:left;max-width:980px}.cp-head{border-bottom:2px solid #4a3826;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;padding-bottom:8px;display:flex}.cp-steps{align-items:center;gap:6px;display:flex}.cp-dot{background:#2a1f17;border:2px solid #8a6a3a;width:12px;height:12px;transform:rotate(45deg)}.cp-dot.battle{border-color:#c8503a}.cp-dot.done{background:#8a6a3a}.cp-dot.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #e8c45ab3}.cp-cols{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}.cmap{background:#b9cbd2;border:3px solid #7a5e3a;width:100%;height:auto;box-shadow:inset 0 0 0 2px #e8dcb8}.cm-region{fill:#6a5a40;letter-spacing:1px;text-anchor:middle;font-family:Pixelify Sans,monospace;font-size:8px}.cm-place{fill:#3a2614;font-family:Pixelify Sans,monospace;font-size:8px}.cm-place.on{fill:#8a1a10;font-size:9px;font-weight:700}.cm-note{fill:#5a6a70;font-family:Pixelify Sans,monospace;font-size:7px}.cp-step p{color:var(--ink);margin:0 0 9px;font-size:14px;line-height:1.5}.cp-date{color:var(--gold);letter-spacing:1px;font-size:12px}.cp-title{color:var(--ink);margin:2px 0 10px;font-size:24px}.cp-choices{flex-direction:column;gap:8px;margin:12px 0;display:flex}.cp-choice{text-align:left;cursor:pointer;color:var(--ink);background:#ffffff08;border:2px solid #4a3826;flex-direction:column;gap:3px;padding:10px 12px;font-family:inherit;display:flex}.cp-choice b{color:var(--gold);font-size:15px}.cp-choice span{color:var(--ink-dim);font-size:13px;line-height:1.4}.cp-choice:hover{border-color:var(--gold);background:#e8c45a14}.cp-result{border-left:4px solid var(--gold);padding-left:10px;color:var(--ink)!important}.cp-notes{color:var(--gold);margin:6px 0 12px;padding-left:18px;font-size:13px;line-height:1.5}.cp-kind{letter-spacing:2px;text-transform:uppercase;border:1px solid;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.cp-kind.hist{color:#f5d77a;border-color:#c89a32}.cp-kind.alt{color:#9fd0ff;border-color:#4a7aa8}.cp-results{margin:8px 0 14px}.cp-step .btn.big{margin-top:6px}@media (width<=760px){.cp-cols{grid-template-columns:1fr}.cmap{max-width:280px}}