:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#191d19;--panel:#24291f;--ink:#f0e9d7;--muted:#bdbaa4;--gold:#edcb88;--line:#514c37;--body:Georgia, Cambria, serif;--label:"Avenir Next", "Trebuchet MS", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:repeating-linear-gradient(101deg, #fff1dc03 0 1px, transparent 1px 5px), radial-gradient(ellipse at 38% -12%, #343627, var(--ground) 62%);min-width:320px;color:var(--ink);font:16px/1.4 var(--body);margin:0}main{width:min(1180px,100%);margin:auto;padding:18px clamp(13px,3vw,33px) 42px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #f1d695}h1,h2,p,dl,dd{margin:0}h2{font-weight:500;line-height:1.08}.eyebrow{color:var(--gold);font:700 .65rem/1.4 var(--label);letter-spacing:.15em;text-transform:uppercase}.mast{grid-template-columns:1fr minmax(0,29ch);align-items:end;column-gap:16px;margin-bottom:17px;display:grid}.mast nav{grid-column:1/-1;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.back,.quiet{color:#d8cfb4;font:700 .72rem/1.1 var(--label);letter-spacing:.05em;background:0 0;border:1px solid #0000;border-radius:2px;min-height:34px;padding:8px 10px;text-decoration:none}.back{padding-left:0}.quiet{border-color:var(--line);background-color:#211f18}.quiet:hover,.back:hover{color:#fff0c4;border-color:#9a8150}.title-lockup{align-items:center;gap:clamp(9px,2vw,17px);display:flex}.crest{flex:none;width:clamp(44px,8vw,66px);height:auto}h1{letter-spacing:-.075em;font-size:clamp(2.15rem,5.6vw,4rem);font-weight:500;line-height:1}.dek{color:#c6c2ab;text-wrap:balance;padding-bottom:4px;font-size:clamp(.81rem,1.6vw,1.03rem)}.map-control{align-items:center;gap:7px;margin-top:4px;display:flex}.map-control label{color:#d5c59f;font:700 .62rem/1.2 var(--label);text-transform:uppercase;letter-spacing:.08em}.map-control select{min-height:36px;color:var(--ink);font:700 .77rem/1.2 var(--label);background:#292b21;border:1px solid #827354;border-radius:2px;padding:5px 7px}.dispatch{background:linear-gradient(95deg,#323025,#252a21 52%,#20251e);border:1px solid #615637;border-left:3px solid #aa8c51;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:13px;padding:12px 15px;display:grid}.round-seal{border-right:1px solid #6b6040;justify-items:center;min-width:54px;padding-right:12px;line-height:1;display:grid}.round-seal span,.round-seal small,.order-heading span{color:var(--muted);font:700 .65rem/1.35 var(--label);letter-spacing:.08em;text-transform:uppercase}.round-seal b{color:var(--gold);font:500 2.15rem/1.1 var(--body)}.dispatch h2{font-size:clamp(1.18rem,2.7vw,1.65rem)}.dispatch-copy>p:not(.eyebrow){color:var(--muted);font-size:.86rem}.dispatch-copy .roster{margin-top:3px}.dispatch-copy .crossings,.dispatch-copy .raid-route{color:#b7e0d6;font:700 .69rem/1.35 var(--label);margin-top:4px}.dispatch-copy .raid-route{color:#f3cc84}.battle-controls{gap:5px;display:grid}.minor-controls{gap:5px;display:flex}.minor-controls>button{white-space:nowrap;flex:1}.primary{color:#201d14;min-height:40px;font:800 .8rem/1.2 var(--label);letter-spacing:.03em;background:#e1bf79;border:1px solid #f4d592;border-radius:2px;padding:7px 15px}.primary:hover{background:#f5d999}.workbench{grid-template-columns:minmax(0,1fr) minmax(265px,31%);align-items:start;gap:13px;display:grid}.lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.lane{--side:#c3d5a3;--side-deep:#485238;background:#22291f;border:1px solid #5a5940;min-width:0}.lane.rival{--side:#efb89f;--side-deep:#765044;background:#2b2620;border-color:#675046}[data-map=saltwind] .lane.player{--side:#b9e3d9;--side-deep:#476d6d;background:#223639;border-color:#527774}[data-map=saltwind] .lane.rival{--side:#f1c4bd;--side-deep:#765d71;background:#332d3a;border-color:#755e75}.lane-heading{border-bottom:1px solid var(--side-deep);justify-content:space-between;align-items:center;gap:5px;min-height:53px;padding:6px 11px;display:flex}.lane-heading .eyebrow{color:var(--side);font-size:clamp(.57rem,1.2vw,.65rem)}.lane-heading h2{color:var(--ink);font-size:clamp(1.02rem,2.3vw,1.48rem)}.gate{text-align:right;color:var(--side);min-width:40px;font:700 .69rem/1 var(--label);white-space:nowrap;flex:none}.gate b{font:500 1.37rem/1 var(--body)}.gate progress{appearance:none;width:clamp(33px,6vw,58px);height:4px;color:var(--side);background:#151913;border:0;border-radius:0;margin:3px 0 0 auto;display:block}.gate progress::-webkit-progress-bar{background:#151913}.gate progress::-webkit-progress-value{background:var(--side)}.gate progress::-moz-progress-bar{background:var(--side)}.lane-note{color:#e0d6bb;min-height:32px;font:700 .65rem/1.25 var(--label);background:#191c17;align-items:center;padding:5px 10px;display:flex}.board{aspect-ratio:1/.94;width:100%;min-height:197px;position:relative;overflow:hidden}.board canvas,#slots{width:100%;height:100%;position:absolute;inset:0}.board canvas{display:block}#slots{pointer-events:none}.slot{color:#e0d9b4;pointer-events:auto;background:#1b261bb8;border:1px dashed #99916a;border-radius:4px;place-items:center;width:clamp(44px,6vw,54px);height:clamp(44px,6vw,54px);padding:0;display:grid;position:absolute;translate:-50% -50%}.slot.empty:not(:disabled){color:#f4dfa9;border-color:#d2be88}.slot.empty:not(:disabled):hover,.slot.empty:not(:disabled):focus-visible{background:#586643;border-color:#f5dda5}.slot.occupied{background:0 0;border-color:#0000}.slot:not(.occupied)>span{font:500 1.35rem/1 var(--body)}.slot:disabled>span{opacity:.45}[data-phase=battle] #slots{visibility:hidden}.fallback-order{background:#262c22;border:1px solid #4c4936;border-top:0;padding:8px 10px 10px}.fallback-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px 12px;display:flex}.fallback-heading h3{color:var(--ink);font:700 .78rem/1.25 var(--label);margin:0}#fallback-status{color:#ffe194;font:700 .7rem/1.25 var(--label)}#fallback-copy{color:#e0d6bb;margin:4px 0 7px;font-size:.75rem}.fallback-choices{grid-template-columns:repeat(3,minmax(44px,1fr));gap:4px;max-width:22rem;display:grid}.fallback-choices button{min-height:44px;padding-inline:3px}.fallback-choices button:not(:disabled){color:#ffe194;border-color:#9a8150}.fallback-choices button:disabled{opacity:.45}.battle-foot{color:#dad6be;background:#20251c;border:1px solid #4c4936;border-top:0;align-items:center;gap:9px;min-height:51px;padding:7px 10px;font-size:.84rem;display:flex}.compass{color:var(--gold);font-size:1.2rem}.outcome{background:#353022;border:1px solid #ab8d50;margin-top:9px;padding:12px 14px}.outcome h2{color:#ffdc97;margin:3px 0;font-size:1.45rem}.outcome p:last-child{color:#e0d6bb;font-size:.92rem}.orders{background:#21251e;border:1px solid #5a523a}.resources{border-bottom:1px solid var(--line);background:#2d2e23;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resources div{border-right:1px solid var(--line);padding:7px 9px}.resources div:last-child{border:0}.resources dt,.resources small{color:#dad0b2;font:700 .64rem/1.25 var(--label)}.resources dd{color:var(--gold);font-size:1.43rem;line-height:1.2}.resources small{color:var(--muted);white-space:nowrap;display:block}.interest-order{border-bottom:1px solid var(--line);padding:8px 9px}.interest-order button{min-height:44px}.interest-order button[aria-pressed=true]{background:#3a4431;border-color:#b7c895}.interest-order p{color:#cbc5ab;font:600 .7rem/1.35 var(--label);margin-top:4px}.interest-order #interest-preview{color:var(--gold)}.order-section{padding:8px 9px 9px}.order-section+.order-section{border-top:1px solid #4b4934}.order-heading{justify-content:space-between;align-items:baseline;gap:5px;margin:1px 0 7px;display:flex}.order-heading h2{color:var(--ink);font-size:1.09rem}.order-heading span{white-space:nowrap;font-size:.55rem}.cards{gap:4px;display:grid}.order-card{text-align:left;background:#2d3126;border:1px solid #54543d;border-radius:2px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:42px;padding:4px 6px;display:grid}.order-card:not(:disabled):hover,.order-card[aria-pressed=true]{background:#3a4431;border-color:#b7c895}.order-card:disabled{color:#c2bdab;background:#24271f;border-color:#434333}.order-card .glyph{color:#e8c886;place-items:center;width:24px;height:26px;font-size:1rem;line-height:1;display:grid}.order-card .glyph svg{width:21px;height:23px}.order-card[data-raider=armour]{--raid-ink:#f3cc84}.order-card[data-raider=ranged]{--raid-ink:#a2dce2}.order-card[data-raider]{border-inline-start:2px solid var(--raid-ink)}.order-card[data-raider] .glyph{color:var(--raid-ink)}.order-card[data-queued]{border-color:var(--raid-ink,var(--gold));background:#393327}.order-card b{font-size:.9rem;font-weight:600;line-height:1.1;display:block}.order-card small{color:#cbc5ab;font:600 .62rem/1.15 var(--label);margin-top:2px;display:block}.order-card strong{color:#f1ce8e;font:750 .67rem/1.05 var(--label);white-space:nowrap}.worker-card{margin-top:4px}.queued{color:#c9c0a6;font:600 .66rem/1.3 var(--label);margin-top:5px}.ledger{background:#20241e;border:1px solid #55513a;margin-top:13px;padding:10px 12px}.ledger header{margin-bottom:6px}.ledger h2{font-size:1.2rem}.ledger table{border-collapse:collapse;color:#e8dfc7;text-align:left;width:100%;font-size:.84rem}.ledger th,.ledger td{border-top:1px solid #464733;padding:6px 4px}.ledger thead{color:#d1c4a3}dialog{width:min(100% - 24px,520px);color:var(--ink);background:#292c23;border:1px solid #b29154;padding:22px}dialog::backdrop{background:#11130fdb}dialog h2{margin-top:4px;font-size:2rem}dialog ol{padding-left:22px}dialog li+li{margin-top:10px}dialog li b{color:var(--gold)}.guide-raid{color:var(--muted);margin:12px 0}.dialog-actions{flex-wrap:wrap;justify-content:end;gap:8px;margin-top:16px;display:flex}#map-dialog-copy{color:var(--muted);margin-top:9px}@media (width<=760px){.workbench{grid-template-columns:minmax(0,1fr)}.orders{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.resources,.interest-order{grid-column:1/-1}.order-section+.order-section{border-top:0;border-left:1px solid #4b4934}}@media (width<=510px){main{padding-top:10px}.mast{grid-template-columns:1fr;gap:5px;margin-bottom:11px}.mast nav{margin-bottom:3px}.dek{font-size:.84rem}.map-control select{min-height:44px}.dispatch{gap:7px;margin-bottom:8px;padding:7px}.dispatch-copy>p:not(.eyebrow){font-size:.72rem}.round-seal{min-width:35px;padding-right:5px}.round-seal b{font-size:1.55rem}.round-seal span,.round-seal small{font-size:.54rem}.primary{min-height:44px;padding:6px 7px}.minor-controls{gap:2px}.minor-controls button{min-height:42px;padding:4px;font-size:.58rem}.lane-heading{min-height:45px;padding:5px}[data-map=saltwind] .lane-heading{min-height:56px}.gate b{font-size:1.05rem}.lane-note{min-height:34px;padding:4px 5px}.order-section{padding:7px 6px}.order-heading{flex-wrap:wrap}.order-card{grid-template-columns:18px minmax(0,1fr) auto;gap:3px;min-height:46px;padding:4px}.order-card .glyph{width:18px}.order-card .glyph svg{width:17px;height:21px}.order-card b{font-size:.81rem}.order-card strong{font-size:.58rem}.ledger table{font-size:.7rem}.ledger td,.ledger th{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}