:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2e8d1;--ink:#161f21;--paper:#f2e8d1;--muted:#b9bdac;--gold:#efc97e;--gold-line:#ae8c5057;--jade:#95d9c6;--red:#f0a193;--line:#8797894a;--serif:"Palatino Linotype", Palatino, Georgia, serif;background:#141e20;font:400 16px/1.4 Avenir Next,Avenir,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(at 11% -15%,#4d432e 0%,#0000 45%),radial-gradient(at 107% 56%,#233737 0%,#0000 55%),repeating-linear-gradient(35deg,#fff0 0 8px,#fff02b05 8px 9px),#141e20;min-height:100vh;margin:0}h1,h2,h3,p{margin:0}button,a{color:inherit}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.52;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #ffdc96}main{width:min(100% - 2.5rem,72rem);margin-inline:auto;padding-block:1.25rem 2.5rem}.mast{border-bottom:1px solid var(--gold-line);justify-content:space-between;align-items:end;gap:1rem;margin-block-end:1rem;padding-block-end:.9rem;display:flex}.back{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-block-end:.45rem;font-size:.68rem;font-weight:750;text-decoration:none;display:inline-block}.back:hover{color:var(--gold)}.wordmark{align-items:center;gap:.75rem;display:flex}.wordmark svg{flex:none;width:2.85rem;display:block}.overline{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:800}h1{font:750 clamp(2.3rem, 6vw, 4.55rem)/.96 var(--serif);letter-spacing:-.062em}.readouts{border:1px solid var(--gold-line);background:#111a1ce3;display:flex}.readout{min-width:5.2rem;padding:.53rem .85rem .57rem}.readout+.readout{border-left:1px solid var(--gold-line)}.readout-label{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:.59rem;font-weight:750;display:block}.counter{white-space:nowrap;font:700 1.14rem/1.2 var(--serif);font-variant-numeric:tabular-nums}.counter span{color:var(--muted);font-size:.68em}.counter.supply,.counter.supply span{color:var(--gold)}.readout progress{appearance:none;background:#393930;border:0;width:3.2rem;height:3px;margin-top:.2rem;display:block}.readout progress::-webkit-progress-bar{background:#393930}.readout progress::-webkit-progress-value{background:var(--jade)}.readout progress::-moz-progress-bar{background:var(--jade)}.readout[data-danger=true] .counter{color:var(--red)}.war-table{grid-template-columns:minmax(0,720fr) minmax(18rem,340fr);align-items:start;gap:1.1rem;display:grid}.field,.desk{min-width:0}.field-heading{justify-content:space-between;align-items:baseline;gap:.5rem;padding:0 .13rem .38rem;display:flex}.field-heading h2{font:700 1.1rem/1.15 var(--serif)}.map-picker{gap:.32rem;margin-block:0 .45rem;display:flex}.map-picker button{border:1px solid var(--line);min-height:2.1rem;color:var(--muted);background:#202b29;padding:.26rem .68rem;font-size:.7rem;font-weight:780}.map-picker button:hover:not(:disabled){border-color:var(--gold)}.map-picker button[aria-pressed=true]{color:var(--gold);opacity:1;background:#39342a;border-color:#b18c52;box-shadow:inset 0 -2px #c4a068}.phase{color:var(--jade);text-transform:uppercase;letter-spacing:.12em;font-size:.63rem;font-weight:800}[data-phase=wave] .phase{color:var(--gold)}[data-phase=lost] .phase{color:var(--red)}.board-frame{background:#292c24;border:1px solid #a78555;padding:4px;box-shadow:0 17px 29px #070c0c76}#battlefield{isolation:isolate;aspect-ratio:720/560;background:#354641;position:relative;overflow:hidden}#crown-board,.board-controls{width:100%;height:100%;display:block;position:absolute;inset:0}.board-controls{pointer-events:none}.target{pointer-events:auto;background:0 0;border:1px solid #0000;width:clamp(2.12rem,6vw,3.15rem);height:clamp(2.12rem,6vw,3.15rem);padding:0;position:absolute;transform:translate(-50%,-50%)}.target.rally{border-radius:50%}.target.socket{border-radius:.35rem}.target[data-ready=true]{border:1px solid #ffe0a6c7;box-shadow:0 0 0 3px #f2c66c32,inset 0 0 14px #f2c66c31}.target.rally[data-ready=true]{border-color:var(--jade);box-shadow:0 0 0 3px #88d4c139,inset 0 0 14px #88d4c13d}.target:not(:disabled):hover,.target[data-inspected=true]{background:#fff4d91b;border-color:#fff3d3}.target-label{color:#fff3d3;white-space:nowrap;pointer-events:none;background:#192828ec;border:1px solid #cbb98788;padding:.08rem .22rem;font-size:clamp(.49rem,1.25vw,.62rem);font-weight:800;display:none;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.target[data-ready=true] .target-label,.target:not(:disabled):focus-visible .target-label,.target:not(:disabled):hover .target-label{display:block}.horn-order{background:#292722;border:1px solid #ad775d7a;grid-template-columns:auto 1fr;align-items:center;gap:.52rem;margin-block:.14rem .28rem;padding:.38rem;display:grid}#early-horn{color:#ffe1b4;text-align:left;white-space:nowrap;background:#49372b;border:1px solid #af805c;min-height:2.45rem;padding:.28rem .58rem;font-size:.73rem;font-weight:750;display:grid}#early-horn:hover:not(:disabled),#early-horn[aria-pressed=true]{background:#634537;border-color:#ffb992}#early-horn b{color:#ffd398;font-size:.65rem}.horn-order p{color:#d3c0a9;font-size:.69rem}[data-early=true] .forecast{border-color:#af805c}[data-early=true] .forecast .overline{color:#ffc39f}.command-bar{align-items:center;gap:.5rem;padding-block:.13rem .47rem;display:flex}.command-bar button,.redeploy-order :is(button,select),#upgrade{border:1px solid var(--line);white-space:nowrap;background:#202f2f;min-height:2.6rem;padding:.38rem .75rem;font-size:.8rem;font-weight:750}.command-bar button:hover:not(:disabled),#upgrade:hover:not(:disabled){border-color:var(--gold)}.command-bar .primary{color:#261e13;background:linear-gradient(#f3d591,#d5ad60);border-color:#ffdb90;min-width:7.55rem}.command-bar .primary:hover:not(:disabled){background:#ffdfa3}.utility{gap:.37rem;margin-left:auto;display:flex}#speed{min-width:2.65rem;color:var(--gold)}#speed[aria-pressed=true]{background:#493d28}.remaining{color:var(--muted);white-space:nowrap;font-size:.75rem}.redeploy-order{grid-template-columns:minmax(0,1fr) auto;gap:.25rem .4rem;max-width:25rem;margin-block-end:.48rem;display:grid}.redeploy-order select{width:100%;min-width:0;color:var(--paper);font:inherit;font-size:.8rem}.redeploy-order button[aria-pressed=true]{border-color:var(--jade);background:#2e4b41}.redeploy-order button[aria-disabled=true]{opacity:.52;cursor:default}.redeploy-order p{color:var(--muted);grid-column:1/-1;font-size:.72rem}.status{min-height:2.15em;color:var(--muted);padding:.1rem .13rem 0;font-size:.77rem}.status[data-tone=good]{color:var(--jade)}.status[data-tone=bad]{color:var(--red)}.desk{gap:.7rem;display:grid}.muster{border:1px solid var(--gold-line);background:#1c2929ed;padding:.78rem}.desk-heading{border-bottom:1px solid var(--gold-line);padding-block-end:.53rem}.desk-heading h2,.forecast h2{font:750 1.45rem/1.1 var(--serif);letter-spacing:-.026em}.card-group{margin-top:.67rem}.card-label{justify-content:space-between;align-items:baseline;gap:.3rem;margin-bottom:.28rem;display:flex}.card-label h3{font:700 .92rem/1.25 var(--serif)}.card-label span{color:var(--muted);font-size:.62rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem;display:grid}.card{border:1px solid var(--line);text-align:left;background:linear-gradient(140deg,#34413a,#222e2b);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.16rem;min-width:0;min-height:3.9rem;padding:.34rem .38rem;display:grid;position:relative}.card[data-group=troop]{background:linear-gradient(140deg,#283f3c,#20302f)}.card:hover:not(:disabled){border-color:var(--gold)}.card[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 2px var(--gold);background:linear-gradient(140deg,#544632,#37372a)}.card[data-group=troop][aria-pressed=true]{border-color:var(--jade);box-shadow:inset 0 2px var(--jade);background:#2e4b41}.card[data-affordable=false] .cost{color:var(--muted)}.card svg{width:1.14rem;height:1.14rem;color:var(--gold)}.card[data-group=troop] svg{color:var(--jade)}.card .cost{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.73rem;font-weight:800}.card .name{overflow-wrap:anywhere;grid-column:1/-1;align-self:end;font-size:.7rem;font-weight:750;line-height:1.12}.inspection{background:#131e20;border-left:2px solid #bd9e67;min-height:4.1rem;margin-top:.63rem;padding:.48rem .54rem}.inspection h3{font:700 .9rem/1.2 var(--serif);margin-bottom:.1rem}.inspection p,.forecast>p:not(.overline){color:var(--muted);font-size:.72rem;line-height:1.35}#upgrade{min-height:2.35rem;color:var(--gold);margin-top:.38rem}.forecast{border:1px solid var(--line);background:linear-gradient(145deg,#30352c,#222b28);padding:.72rem .78rem;position:relative}.forecast h2{margin-block:.16rem .24rem}.forecast-roster{gap:.3rem;margin-top:.55rem;display:grid}.roster-lane{grid-template-columns:2.42rem minmax(0,1fr);align-items:baseline;gap:.3rem;display:grid}.lane-name{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem;font-weight:750}.roster-entries{flex-wrap:wrap;gap:.23rem;display:flex}.roster-entries span{border:1px solid var(--line);color:#e3e3ce;background:#202a27;padding:.1rem .31rem;font-size:.66rem}.roster-entries [data-kind=flier]{border-color:#76a99a}.roster-entries [data-kind=siege]{border-color:#bd7a66}.outcome{text-align:center;border:1px solid var(--gold);pointer-events:none;background:#192528f5;width:min(82%,23rem);padding:.88rem 1rem 1rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 8px 36px #050909b3}.outcome h2{font:750 clamp(1.85rem, 5vw, 3.2rem)/1.02 var(--serif);margin-block:.15rem .32rem}.outcome>p:last-child{color:var(--muted);font-size:.81rem}[data-phase=lost] .outcome{border-color:var(--red)}@media (width<=830px){main{width:min(100% - 1.4rem,47rem);padding-block:.68rem 1.4rem}.war-table{grid-template-columns:minmax(0,1fr);gap:.6rem}.mast{margin-block-end:.62rem;padding-block-end:.58rem}}@media (width<=475px){main{width:calc(100% - 1rem)}.mast{grid-template-columns:minmax(0,1fr);gap:.48rem;display:grid}.identity{flex-direction:row-reverse;justify-content:space-between;align-items:end;gap:.25rem;display:flex}.identity button.field-guide-trigger{margin-inline-start:0;padding-inline:.32rem}.wordmark{gap:.35rem}.wordmark svg{width:1.65rem}.wordmark .overline{font-size:.51rem}h1{font-size:clamp(1.94rem,8vw,2.6rem)}.back{text-align:right;margin:0;font-size:.53rem}.readouts{width:100%}.readout{flex:1;min-width:0;padding:.25rem .55rem .29rem}.readout-label{font-size:.53rem}.counter{font-size:.9rem}.field-heading h2{font-size:.95rem}.map-picker button{min-height:2.4rem}.phase{font-size:.56rem}.command-bar{gap:.32rem;padding-block:.12rem .34rem}.command-bar button{min-height:2.45rem;padding-inline:.53rem;font-size:.74rem}.command-bar .primary{min-width:6.1rem}.utility{gap:.25rem}.remaining{font-size:.62rem}.status{min-height:2.05em;font-size:.69rem}.muster{padding:.55rem}.desk-heading h2{font-size:1.18rem}.desk-heading{padding-block-end:.32rem}.card-group{margin-top:.45rem}.card{min-height:2.72rem;padding-block:.21rem .26rem}.card svg{width:.87rem;height:.87rem}.card .name,.card .cost{font-size:.66rem}}@media (width<=475px) and (height<=700px){[data-phase=wave] #tower-group{display:none}}
