@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap";:root{--ink:#0b0c0a;--paper:#d7d8cd;--deep:#b9bcb0;--card:#e5e6db;--acid:#d8ff3e;--rust:#e84924;--moss:#707b3c;--muted:#52564e;--mono:"Space Mono",monospace;--display:"Archivo Black",Impact,sans-serif;color:var(--ink);background:var(--ink);font-family:var(--mono);font-synthesis:none}*{box-sizing:border-box}body{background:#171914;min-width:320px;min-height:100dvh;margin:0}body:after{content:"";z-index:90;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 4px);position:fixed;inset:0}button,input,select{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--rust);outline-offset:2px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;line-height:.9}h1{margin:0;font-size:clamp(27px,9vw,38px)}h2{margin:0;font-size:20px}.shell{background-color:var(--paper);border-inline:2px solid var(--ink);background-image:linear-gradient(#0b0c0a12 1px,#0000 1px),linear-gradient(90deg,#0b0c0a12 1px,#0000 1px);background-size:24px 24px;width:min(100%,430px);min-height:100dvh;margin:auto;padding-bottom:80px;overflow:hidden;box-shadow:14px 0 #242720,-14px 0 #242720}.topbar{z-index:20;min-height:68px;padding:max(10px,env(safe-area-inset-top)) 12px 8px;border-bottom:2px solid var(--ink);background:var(--acid);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:6px;font-size:8px;line-height:1.05;display:flex}.brand em{color:#515a1b;font-style:normal}.brand-bars{border:2px solid var(--ink);background:var(--ink);align-items:end;gap:2px;width:28px;height:28px;padding:3px;display:flex}.brand-bars i{background:var(--acid);width:5px}.brand-bars i:first-child{height:11px}.brand-bars i:nth-child(2){height:19px}.brand-bars i:nth-child(3){height:15px}.season{border:2px solid var(--ink);box-shadow:3px 3px var(--ink);white-space:nowrap;padding:6px;font-size:8px;font-weight:700}.season span{background:var(--rust);width:6px;height:6px;display:inline-block}.season b{margin-left:4px}.id-chip{background:var(--ink);color:var(--acid);padding:7px 5px;font-size:8px}.content{padding:14px 12px 22px}.heading{justify-content:space-between;align-items:flex-start;gap:8px;min-height:75px;padding-top:4px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:8px;font-weight:700}.eyebrow:before{content:"// ";color:var(--rust)}.tag{border:2px solid var(--ink);background:var(--ink);color:var(--acid);box-shadow:4px 4px var(--rust);padding:7px;font-size:8px}.error{z-index:19;border-bottom:2px solid var(--ink);background:var(--rust);color:#fff;padding:8px 96px 8px 10px;font-size:8px;position:sticky;top:68px}.error button{color:#fff;background:0 0;border:1px solid #fff;position:absolute;top:5px;right:7px}.error .retry{font-weight:700;right:34px}.battle{border:2px solid var(--ink);height:265px;box-shadow:6px 6px var(--ink);background:linear-gradient(#777f67,#454c3c 58%,#191d17);position:relative;overflow:hidden}.scanline{z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 4px,#0003 5px),linear-gradient(90deg,#0000 49.5%,#d8ff3e22 50%,#0000 50.5%);position:absolute;inset:0}.moon{background:var(--acid);width:85px;height:85px;position:absolute;top:35px;right:-12px;transform:rotate(45deg);box-shadow:10px 10px #0b0c0a33}.telemetry{z-index:5;color:var(--acid);background:#0b0c0acc;border:1px solid #d8ff3e99;justify-content:space-between;padding:8px;display:flex;position:absolute;top:9px;left:9px;right:9px}.telemetry>div:last-child{text-align:right}.telemetry small,.telemetry strong{display:block}.telemetry small{color:var(--paper);font-size:7px}.telemetry strong{font-family:var(--display);font-size:18px}.fort{filter:drop-shadow(0 12px 5px #0008);justify-content:center;align-items:end;width:220px;height:115px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.fort i,.fort b{border:2px solid var(--ink);background:#11150e;display:block}.fort i{width:49px;height:75px}.fort b{width:108px;height:105px}.tide{justify-content:space-between;display:flex;position:absolute;bottom:28px;left:10%;right:10%}.tide i{background:#0b0c0a;width:9px;height:20px;box-shadow:0 -7px 0 -2px #0b0c0a}.bar{border:1px solid var(--ink);background:var(--ink);height:8px}.bar span{background:var(--rust);height:100%;display:block}.bar.dark{border-color:var(--acid);background:#30332b;position:relative}.bar.dark span{background:var(--acid)}.battle>.bar{z-index:6;position:absolute;bottom:13px;left:10px;right:10px}.start-panel,.claim-panel,.perk-panel,.order-form{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px var(--ink);margin-top:16px;padding:13px}.start-panel p,.claim-panel p{font-size:9px;line-height:1.6}.start-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;display:grid}.start-grid button{border:2px solid var(--ink);background:var(--acid);text-transform:uppercase;min-height:48px;padding:5px;font-size:7px;font-weight:700}.ready{border:2px solid var(--ink);background:var(--acid);margin-top:10px;padding:7px;font-size:8px;font-weight:700}.resource-strip,.inventory{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px var(--ink);grid-template-columns:repeat(3,1fr);margin:14px 0 4px;display:grid}.resource-strip>div,.inventory>div{border-right:2px solid var(--ink);min-height:55px;padding:9px}.resource-strip>div:last-child,.inventory>div:last-child{border:0}.resource-strip small,.resource-strip b,.inventory small,.inventory b{display:block}.resource-strip small,.inventory small{color:var(--muted);font-size:7px}.resource-strip b,.inventory b{text-transform:uppercase;margin-top:4px;font-size:11px}.section-title{justify-content:space-between;align-items:end;gap:8px;margin:26px 0 9px;display:flex}.section-title small{max-width:130px;color:var(--muted);text-align:right;text-transform:uppercase;font-size:7px}.upgrade-list,.ledger,.leaderboard,.orders{border-top:3px solid var(--ink)}.upgrade-list>button{border:0;border-bottom:2px solid var(--ink);text-align:left;background:0 0;grid-template-columns:43px 1fr auto;align-items:center;width:100%;min-height:67px;padding:7px 4px;display:grid}.glyph{border:2px solid var(--ink);background:var(--deep);width:32px;height:32px;box-shadow:3px 3px var(--ink);place-items:center;font-weight:700;display:grid}.upgrade-list b,.upgrade-list small{display:block}.upgrade-list b{text-transform:uppercase;font-size:10px}.upgrade-list small{color:var(--muted);font-size:7px}.upgrade-list em{border:2px solid var(--ink);background:var(--ink);color:var(--acid);padding:7px;font-size:9px;font-style:normal}.danger{border:2px solid var(--ink);background:var(--rust);color:#fff;width:100%;min-height:45px;margin-top:16px;font-size:8px;font-weight:700}.perk-panel{box-shadow:5px 5px var(--rust)}.perk-panel>button{border:0;border-bottom:2px solid var(--ink);text-align:left;background:0 0;width:100%;padding:11px 4px;display:block}.perk-panel>button b,.perk-panel>button small{display:block}.perk-panel>button b{font-size:10px}.perk-panel>button small{color:var(--muted);margin-top:3px;font-size:8px}.primary{border:2px solid var(--ink);background:var(--acid);width:100%;min-height:50px;box-shadow:5px 5px var(--ink);text-transform:uppercase;font-size:9px;font-weight:700}.claim-panel .primary{margin-top:10px}.research-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.research-grid button{border:2px solid var(--ink);background:var(--card);text-align:left;min-height:80px;padding:7px}.research-grid small,.research-grid b,.research-grid em{display:block}.research-grid small{text-transform:uppercase;min-height:27px;font-size:7px}.research-grid b{font-size:12px}.research-grid em{color:#4e591b;margin-top:7px;font-size:7px;font-style:normal;font-weight:700}.microcopy{color:var(--muted);margin-top:7px;font-size:7px}.front-summary{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px var(--ink);padding:10px}.front-summary>div:first-child{justify-content:space-between;font-size:8px;display:flex}.front-summary .bar{margin:8px 0}.front-summary small{font-size:7px}.war-map{border-top:2px solid var(--ink);background-color:#aeb0a4;background-image:linear-gradient(#0b0c0a20 1px,#0000 1px),linear-gradient(90deg,#0b0c0a20 1px,#0000 1px);background-size:24px 24px;height:530px;margin:14px -12px -22px;position:relative;overflow:hidden}.war-map:before{content:"";background:repeating-linear-gradient(135deg,#4a4f43 0 8px,#3b4037 8px 16px);width:230px;height:210px;position:absolute;top:-35px;right:-95px}.war-map svg{width:100%;height:100%;position:absolute;inset:0}.road{fill:none;stroke:#565a51;stroke-width:2px;stroke-dasharray:5 5}.road.active{stroke:var(--acid);stroke-width:5px;stroke-dasharray:none;filter:drop-shadow(1px 1px var(--ink))}.road.danger{stroke:var(--rust);stroke-width:3px}.tide-label{background:var(--rust);color:#fff;padding:4px;font-size:7px;position:absolute;top:14px;right:10px}.node{text-align:center;width:88px;font-size:7px;position:absolute}.node span{border:2px solid var(--ink);background:var(--paper);width:38px;height:38px;box-shadow:3px 3px var(--ink);place-items:center;margin:auto;font-size:17px;display:grid}.node b,.node small{display:block}.node b{background:var(--ink);color:var(--paper);text-transform:uppercase;margin-top:5px;padding:2px}.node small{margin-top:2px;font-size:6px}.node.home span{background:var(--ink);width:48px;height:48px;color:var(--acid);outline:3px solid var(--acid)}.node.lost span,.node.strained span{background:var(--rust);color:#fff}.mourn{top:405px;left:2%}.iron{top:330px;left:35%}.hearth{top:250px;left:70%}.pale{top:175px;left:16%}.black{top:80px;left:70%}.still{top:425px;left:70%}.map-key{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px var(--ink);padding:8px;font-size:6px;position:absolute;bottom:12px;left:12px;right:12px}.siege-card{border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:5px 5px var(--rust);padding:16px 14px}.siege-card h2{color:var(--acid);margin:8px 0}.siege-card p{color:#aaa;font-size:8px;line-height:1.5}.siege-card>.bar{margin:14px 0 4px}.siege-card>small{font-size:7px}.live{background:var(--rust);padding:3px 5px;font-size:7px;font-weight:700;display:inline-block}.impact{border:2px solid var(--ink);background:var(--card);box-shadow:4px 4px var(--ink);grid-template-columns:1fr 120px;margin-top:12px;display:grid}.impact>div{padding:15px}.impact>div:last-child{border-left:2px solid var(--ink);background:var(--acid)}.impact small,.impact strong,.impact b,.impact span{display:block}.impact small{font-size:7px}.impact strong{font:30px var(--display)}.impact span{font-size:8px}.impact b{font-size:18px}.members{grid-auto-columns:110px;grid-auto-flow:column;gap:8px;padding:0 4px 6px;display:grid;overflow-x:auto}.members button{border:2px solid var(--ink);background:var(--card);box-shadow:3px 3px var(--ink);text-align:left;padding:11px 9px}.members button>span{border:2px solid var(--ink);color:#fff;background:#6c795b;place-items:center;width:31px;height:31px;font-size:8px;display:grid}.members b,.members small,.members em{display:block}.members b{margin-top:8px;font-size:9px}.members small{min-height:24px;color:var(--muted);font-size:7px}.members em{border-top:1px solid var(--ink);color:var(--rust);padding-top:6px;font-size:7px;font-style:normal;font-weight:700}.ledger>div,.orders>div{border-bottom:2px solid var(--ink);grid-template-columns:39px 1fr auto;align-items:center;min-height:58px;display:grid}.ledger>div>span{background:var(--ink);width:29px;height:29px;color:var(--acid);place-items:center;font-size:7px;display:grid}.ledger p,.orders p{margin:0}.ledger p b,.ledger p small,.orders p b,.orders p small{display:block}.ledger p b,.orders p b{font-size:8px}.ledger p small,.orders p small{color:var(--muted);font-size:6px}.ledger strong,.orders strong{text-transform:uppercase;font-size:7px}.leaderboard>div{border-bottom:2px solid var(--ink);grid-template-columns:35px 1fr auto;align-items:center;min-height:48px;padding:5px;font-size:9px;display:grid}.leaderboard>div.current{background:var(--acid)}.leaderboard span small{color:var(--muted);font-size:6px;display:block}.leaderboard strong{font-size:9px}.balance{border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:5px 5px var(--rust);padding:14px}.balance small{font-size:7px}.balance strong{color:var(--acid);font-size:25px;display:block}.balance p{color:#aaa;margin:8px 0 0;font-size:7px;line-height:1.5}.tabs{border:2px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:15px;display:grid}.tabs button{background:var(--deep);border:0;min-height:38px;font-size:8px;font-weight:700}.tabs button+button{border-left:2px solid var(--ink)}.tabs button.active{background:var(--acid)}.order-form{box-shadow:none;margin-top:8px}.order-form label{font-size:7px;font-weight:700;display:block}.order-form select,.order-form input{border:2px solid var(--ink);background:var(--paper);border-radius:0;width:100%;min-height:42px;margin-top:5px;padding:7px}.field-row{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.escrow{background:var(--ink);color:var(--acid);justify-content:space-between;margin:12px 0;padding:9px;font-size:7px;display:flex}.orders>div>span{background:var(--acid);width:9px;height:9px;box-shadow:2px 2px var(--ink)}.orders>div>span.filled{background:var(--muted)}.orders>div>span.cancelled{background:var(--rust)}.empty{color:var(--muted);text-align:center;font-size:8px;padding:35px!important;display:block!important}.market-quote{color:var(--muted);margin:9px 0 0;font-size:8px;line-height:1.4}.reset-console{border:2px solid var(--ink);background:var(--deep);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:10px;display:flex}.reset-console b,.reset-console small{display:block}.reset-console b{font-size:9px}.reset-console small{max-width:240px;color:var(--muted);margin-top:3px;font-size:8px;line-height:1.35}.reset-console button{border:2px solid var(--ink);background:var(--rust);color:#fff;white-space:nowrap;min-height:40px;padding:7px 10px;font-size:8px;font-weight:700}.nav{z-index:30;width:min(100%,430px);height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:2px solid var(--ink);background:var(--ink);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav button{color:#999b92;text-transform:uppercase;background:0 0;border:0;border-right:1px solid #45483e;font-size:7px}.nav button:last-child{border:0}.nav button span{margin-bottom:5px;font-size:18px;display:block}.nav button.active{background:var(--acid);color:var(--ink)}.state-page{background:var(--paper);text-align:center;width:min(100%,430px);min-height:100dvh;margin:auto;padding:35vh 25px 20px}.state-page p{font-size:9px}.loader{border:5px solid var(--ink);border-top-color:var(--acid);width:34px;height:34px;margin:0 auto 15px;animation:.8s steps(4,end) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=340px){.content{padding-inline:9px}.telemetry strong{font-size:15px}.start-grid button{font-size:6px}.research-grid{grid-template-columns:1fr}.research-grid button{min-height:57px}.reset-console{flex-direction:column;align-items:stretch}.war-map{margin-inline:-9px}.season{font-size:7px}.id-chip{display:none}}@media (width>=700px){body{padding:24px}h1{font-size:clamp(34px,5vw,54px)}h2{font-size:24px}.shell{width:min(100%,780px);min-height:calc(100dvh - 48px);padding-bottom:84px}.topbar{padding-inline:20px}.content{padding:22px 24px 32px}.heading{min-height:94px}.battle{height:360px}.war-map{height:610px;margin-inline:-24px}.members{grid-auto-flow:initial;grid-template-columns:repeat(3,1fr);overflow:visible}.members button{min-height:135px}.nav{width:min(100% - 48px,780px);bottom:24px}.state-page{width:min(100%,780px);min-height:calc(100dvh - 48px)}}@media (width>=1024px){body{padding:24px}.shell{width:min(100%,1240px);padding:0 0 0 172px;position:relative;overflow:visible}.topbar{margin-left:-172px;padding-left:20px}.content{min-height:calc(100dvh - 118px);padding:26px 30px 48px}.heading{min-height:104px}.nav{border-top:0;border-right:2px solid var(--ink);grid-template-rows:repeat(4,88px);grid-template-columns:1fr;align-content:start;width:172px;height:auto;padding:18px 0;position:absolute;top:68px;bottom:0;left:0;transform:none}.nav button{text-align:left;border-bottom:1px solid #45483e;border-right:0;padding:0 24px;font-size:9px}.nav button span{text-align:center;vertical-align:middle;width:34px;margin:0 12px 0 0;display:inline-block}.error{margin-left:-172px;padding-left:182px;top:68px}.bastion-overview,.hold-overview,.exchange-overview,.exchange-grid,.hold-columns{grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);align-items:start;gap:22px;display:grid}.bastion-overview .battle{height:460px}.bastion-orders .start-panel,.bastion-orders .resource-strip{margin-top:0}.bastion-orders .section-title{margin-top:20px}.research-grid{grid-template-columns:repeat(3,1fr)}.research-grid button{min-height:100px}.map-screen{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:start;column-gap:24px;display:grid}.map-screen .heading{grid-column:1/-1}.front-summary{position:sticky;top:92px}.war-map{height:680px;margin:0}.hold-overview{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.impact{height:100%;margin-top:0}.impact>div{flex-direction:column;justify-content:center;display:flex}.hold-columns{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.hold-columns .section-title{margin-top:30px}.exchange-overview{grid-template-columns:minmax(0,1.4fr) minmax(360px,.6fr)}.exchange-overview .inventory{height:100%;margin:0}.exchange-overview .inventory>div{flex-direction:column;justify-content:center;display:flex}.exchange-grid{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);margin-top:24px}.exchange-grid .tabs,.exchange-grid .order-form,.exchange-grid .section-title{margin-top:0}.state-page{width:min(100% - 48px,1240px);min-height:calc(100dvh - 48px)}}.brand,.season,.id-chip,.eyebrow,.tag,.error,.ready,.danger,.front-summary>div:first-child,.tide-label,.node,.map-key,.siege-card p,.live,.impact span,.tabs button,.order-form label,.escrow,.empty,.nav button,.state-page p{font-size:9px}.telemetry small,.start-grid button,.resource-strip small,.inventory small,.section-title small,.upgrade-list small,.perk-panel>button small,.research-grid small,.research-grid em,.front-summary small,.siege-card>small,.impact small,.members small,.members em,.ledger p small,.orders p small,.balance small,.balance p{font-size:9px;line-height:1.4}.start-panel p,.claim-panel p{font-size:10px}.upgrade-list b,.perk-panel>button b,.members b,.ledger p b,.orders p b,.ledger strong,.orders strong,.ledger>div>span{font-size:10px;line-height:1.35}.primary,.upgrade-list em{font-size:10px}.node small{font-size:8px}@media (width>=1024px){body{background-color:#171914;background-image:linear-gradient(117deg,#0000 0 13%,#24291f 13% 19%,#0000 19%),linear-gradient(34deg,#0000 0 76%,#2d3326 76% 83%,#0000 83%),repeating-linear-gradient(135deg,#171914 0 22px,#1d201a 22px 23px);position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.24;background:linear-gradient(148deg,#0000 0 9%,#d8ff3e 9% 13%,#0000 13% 100%),linear-gradient(32deg,#0000 0 82%,#e84924 82% 85%,#0000 85% 100%),linear-gradient(70deg,#0000 0 73%,#596032 73% 78%,#0000 78% 100%);position:fixed;inset:0}.shell,.state-page{z-index:1;position:relative}.brand,.season,.id-chip,.eyebrow,.tag,.error,.ready,.danger,.front-summary>div:first-child,.tide-label,.node,.map-key,.siege-card p,.live,.impact span,.tabs button,.order-form label,.escrow,.empty,.nav button,.state-page p{font-size:11px}.telemetry small,.start-grid button,.resource-strip small,.inventory small,.section-title small,.upgrade-list small,.perk-panel>button small,.research-grid small,.research-grid em,.front-summary small,.siege-card>small,.impact small,.members small,.members em,.ledger p small,.orders p small,.balance small,.balance p{font-size:10px}.start-panel p,.claim-panel p,.upgrade-list b,.perk-panel>button b,.members b,.ledger p b,.orders p b,.ledger strong,.orders strong,.ledger>div>span{font-size:12px}.primary,.upgrade-list em{font-size:11px}.node small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.combat-field{z-index:3;position:absolute;inset:0}.attackers i{border:1px solid var(--rust);background:var(--ink);width:9px;height:13px;transition:top .1s linear;position:absolute;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 2px #e8492444}.attackers i:after{content:"";background:var(--rust);width:3px;height:7px;position:absolute;top:-7px;left:2px}.defenders{justify-content:space-between;width:126px;display:flex;position:absolute;bottom:145px;left:50%;transform:translate(-50%)}.defenders i{border:2px solid var(--acid);background:var(--ink);width:11px;height:17px;box-shadow:0 0 8px #d8ff3e88}.combat-readout{z-index:7;color:var(--acid);background:#0b0c0add;border:1px solid #d8ff3e99;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:25px;left:9px;right:9px}.combat-readout span{border-right:1px solid #d8ff3e55;padding:4px 6px}.combat-readout span:last-child{border:0}.combat-readout small,.combat-readout b{display:block}.combat-readout small{color:var(--paper);font-size:8px}.wave-sync{z-index:8;background:var(--rust);color:#fff;white-space:nowrap;padding:5px 7px;font-size:9px;font-weight:700;position:absolute;top:82px;left:50%;transform:translate(-50%)}.impact-flash{border:2px solid var(--rust);opacity:0;animation:.35s steps(2,end) impact;position:absolute;inset:20% 8% 17%}@keyframes impact{0%{opacity:.75;transform:scale(.96)}to{opacity:0;transform:scale(1.02)}}.perk-explainer{margin:7px 0 2px;font-size:10px;line-height:1.45}.perk-rank{float:right;background:var(--ink);color:var(--acid);margin-left:8px;padding:3px 5px;font-size:9px;font-weight:700}.perk-panel>button small{padding-right:52px}@media (width>=700px){.defenders{bottom:145px}.combat-readout{bottom:25px}}@media (width>=1024px){.defenders{bottom:145px}.combat-readout small{font-size:9px}.combat-readout b{font-size:13px}}@media (prefers-reduced-motion:reduce){.attackers i{transition:none}}.battle{aspect-ratio:400/360;background:#221a2a;height:auto}.battle .scanline{opacity:.2;background:repeating-linear-gradient(0deg,#0000 0 5px,#07090526 6px)}.battle.lost{filter:saturate(.35)brightness(.85)}.combat-field{z-index:3;position:absolute;inset:0;overflow:hidden}.combat-arena{--ink2:#120c14;--sil:#170f16;--sil-soft:#241820;--fort:#1d1421;--fort-near:#271b2b;--void:#0b070d;--ember:#f0a13c;--fire:#e8703a;--banner-red:#a93327;--shield-red:#8f2f24;--bone:#e6d3a3;--rim:#d98a4f;--dust:#8a6a52;--stone-dust:#77675e;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.dusk-backdrop .sky{fill:url(#sky-grad)}.horizon-band{fill:#c9713a;opacity:.55}.sun-halo{opacity:.55}.sun{fill:#f2c069}.cloud-bank path{fill:#63384a;opacity:.5}.cloud-bank{animation:46s ease-in-out infinite alternate cloud-drift}@keyframes cloud-drift{to{transform:translate(-9px)}}.war-smoke .plume{fill:#3a2b33;opacity:.62;transform-box:fill-box;transform-origin:bottom;animation:7s ease-in-out infinite alternate smoke-sway}.war-smoke .plume.second{opacity:.5;animation-delay:-3.2s}@keyframes smoke-sway{to{transform:skew(-5deg)scaleY(1.04)}}.far-ridge{fill:#432a34}.ridge-ruin{fill:#2c1c26}.mid-ridge{fill:#2c1e28}.field{fill:url(#field-grad)}.field-sheen{fill:#7c4c36;opacity:.35}.war-road{fill:#6f4430;opacity:.75}.field-scars path{fill:none;stroke:#27181c;stroke-width:1.6px;opacity:.7}.field-rocks path{fill:#2a1b20}.trebuchet .t-ground{stroke:#1d1219;stroke-width:2.5px;stroke-linecap:round}.trebuchet .t-wheel{fill:#191019;stroke:#0d080e;stroke-width:1px}.trebuchet .t-frame{fill:none;stroke:var(--sil);stroke-width:3.4px;stroke-linejoin:round;stroke-linecap:round}.trebuchet .t-frame.rear{stroke:#2e1e26;stroke-width:2.8px}.trebuchet .t-beam{stroke:var(--sil);stroke-width:3.2px;stroke-linecap:round}.trebuchet .t-counter{stroke:var(--sil);stroke-width:3.6px}.trebuchet .t-weight{fill:var(--sil)}.trebuchet .t-sling{fill:none;stroke:var(--sil);stroke-width:1.2px}.trebuchet .t-pouch{fill:var(--sil)}.trebuchet .t-crew{fill:none;stroke:var(--sil);stroke-width:2.2px;stroke-linecap:round}.t-arm{transition:transform .12s linear}.trebuchet.destroyed .t-frame,.trebuchet.destroyed .t-beam,.trebuchet.destroyed .t-counter,.trebuchet.destroyed .t-sling{transform-box:fill-box;transform-origin:bottom;animation:.38s ease-in forwards trebuchet-fall}.trebuchet.destroyed .t-weight,.trebuchet.destroyed .t-pouch,.trebuchet.destroyed .t-crew{opacity:.35}@keyframes trebuchet-fall{to{opacity:.55;transform:rotate(-24deg)translateY(5px)}}.reinforcement-line path{fill:none;stroke:var(--sil);stroke-width:4px;stroke-dasharray:3 7;stroke-linecap:round;opacity:.55}.previous-casualties{opacity:.48}.ground-shadow{fill:#100a10;opacity:.5}.raider-anchor{transition:transform .1s linear}.raider{transform-box:fill-box;transform-origin:bottom;animation:.54s ease-in-out infinite alternate raider-march}@keyframes raider-march{to{transform:translateY(-1.6px)rotate(1.4deg)}}.raider .r-rearleg,.raider .r-frontleg{fill:none;stroke:var(--sil);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.raider .r-torso,.raider .r-head{fill:var(--sil)}.raider .r-helm{fill:var(--sil);stroke:var(--sil);stroke-width:.8px}.raider .r-arm{fill:none;stroke:var(--sil);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.raider .r-weapon{stroke:#231419;stroke-width:1.6px;stroke-linecap:round}.raider .r-tip{fill:#c9b183}.raider .r-axehead{fill:#2b1a1c}.raider .r-shield{fill:var(--shield-red);stroke:#1c1014;stroke-width:1.3px}.raider .r-boss{fill:#1c1014}.raider-prone{opacity:.88}.raider-prone .p-body,.raider-prone .p-head{fill:var(--sil)}.raider-prone .p-spear{stroke:#231419;stroke-width:1.4px;stroke-linecap:round}.raider-prone .p-shield{fill:var(--shield-red);stroke:#1c1014;stroke-width:1px}.raider-prone .p-stuck{fill:none;stroke:var(--bone);stroke-width:1.1px;opacity:.9}.tide-archer .r-bow{fill:none;stroke:#231419;stroke-width:1.7px}.tide-archer .r-string{fill:none;stroke:#4a3826;stroke-width:.9px}.tide-archer .r-nock{stroke:var(--bone);stroke-width:1.1px;opacity:0}.tide-archer.loosing .r-nock{opacity:.9}.tide-archer.loosing{animation:none;transform:none}.ram-anchor{transition:transform .1s linear}.siege-ram .ram-crew-legs{stroke:var(--sil);stroke-width:2.4px;stroke-linecap:round}.siege-ram .ram-push-figure{fill:none;stroke:var(--sil);stroke-width:3px;stroke-linecap:round}.siege-ram .ram-push-head{fill:var(--sil)}.siege-ram .ram-wheel{fill:#150e15;stroke:#0d080e;stroke-width:1.4px}.siege-ram .ram-spokes{stroke:#332028;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%}.siege-ram.rolling .ram-spokes{animation:1.4s linear infinite wheel-spin}@keyframes wheel-spin{to{transform:rotate(180deg)}}.siege-ram .ram-bed{fill:#1f1319}.siege-ram .ram-canopy{fill:#2a1719}.siege-ram .ram-ridge{fill:none;stroke:#5c3a28;stroke-width:2.2px;stroke-linecap:round}.siege-ram .ram-hangers{stroke:#160d12;stroke-width:1.2px}.siege-ram .ram-beam{stroke:#241416;stroke-width:4px;stroke-linecap:round}.siege-ram .ram-head{fill:#4a3a2e}.siege-ram .ram-stuck-bolt{fill:none;stroke:var(--bone);stroke-width:1.2px;opacity:.9}.ram-swing{transition:transform .12s ease-in-out}.siege-ram.striking .ram-swing{animation:.6s ease-in-out infinite alternate ram-strike}@keyframes ram-strike{0%{transform:translate(-3.5px)}to{transform:translate(5px)}}.siege-ram.destroyed{transform-box:fill-box;transform-origin:bottom;animation:.42s ease-in forwards ram-collapse}.siege-ram.destroyed .ram-canopy{fill:#1b1116}.siege-ram.destroyed .ram-swing{animation:none;transform:translate(8px,7px)rotate(8deg)}@keyframes ram-collapse{to{opacity:.65;transform:translateY(7px)rotate(-7deg)}}.fortress .fort-body{fill:var(--fort)}.fortress .keep-body{fill:#241a2e}.fortress .gatehouse-body,.fortress .fort-crown{fill:var(--fort-near)}.fortress .keep~.fort-crown{fill:var(--fort)}.fortress .keep .fort-crown{fill:#241a2e}.fortress .stone-courses{fill:none;stroke:#0f0a12;stroke-width:1.2px;opacity:.6}.fortress .edge-light{fill:none;stroke:var(--rim);stroke-width:1.5px;opacity:.5;stroke-linecap:round}.fortress .lit-slit{fill:var(--ember);opacity:.9}.fortress .dark-slit,.fortress .gate-void{fill:var(--void)}.fortress .portcullis{fill:none;stroke:#40301f;stroke-width:1.6px;opacity:.95}.fortress .banner-pole{stroke:#0f0a12;stroke-width:1.8px;stroke-linecap:round}.fortress .banner-flag{fill:var(--banner-red);transform-box:fill-box;transform-origin:100%;animation:1.8s ease-in-out infinite alternate banner-ripple}@keyframes banner-ripple{to{transform:skewY(6deg)scaleX(.9)}}.fortress .breach-cracks{fill:none;stroke:#0b070d;stroke-width:2px;stroke-linecap:round}.fortress.breached .banner-flag{display:none}.fortress.breached .lit-slit{opacity:.25}.torch-stick{stroke:#241a12;stroke-width:1.6px;stroke-linecap:round}.flame{fill:var(--ember);stroke:var(--fire);stroke-width:1.4px;transform-box:fill-box;transform-origin:bottom;animation:.42s steps(2,end) infinite flame-flicker}.flame.small{stroke-width:1px}@keyframes flame-flicker{50%{transform:scaleY(.82)scaleX(.9)skew(6deg)}}.brazier-bowl{fill:#171020}.fortress.under-fire{animation:.3s steps(2,end) fort-tremor}@keyframes fort-tremor{50%{transform:translate(2.4px)}}.doctrine-killing-ground path{fill:none;stroke:#201318;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.doctrine-repairs path{fill:#3b2928;stroke:#100a0e;stroke-width:1.3px}.doctrine-repairs .repair-worker{fill:none;stroke:#0d0810;stroke-width:2px;stroke-linecap:round}.doctrine-repairs circle{fill:#0d0810}.doctrine-quartermaster path{fill:#3b2928;stroke:#100a0e;stroke-width:1.2px}.doctrine-quartermaster .supply-pennant{fill:#a93327;stroke:#100a0e}.gate-cauldron path:first-child{fill:#0e0910;stroke:#6b4a35;stroke-width:1.4px}.gate-cauldron path:nth-child(2){fill:none;stroke:#0e0910;stroke-width:1.5px}.arrow-braziers{filter:drop-shadow(0 0 4px #e8703a88)}.sentinel .s-legs{stroke:#0d0810;stroke-width:2px;stroke-linecap:round}.sentinel .s-body,.sentinel .s-head,.sentinel .s-hood{fill:#0d0810}.sentinel .s-bow{fill:none;stroke:#0d0810;stroke-width:1.5px}.sentinel .s-string{stroke:#6b5a44;stroke-width:.8px}.sentinel .s-arm{stroke:#0d0810;stroke-width:1.8px;stroke-linecap:round}.sentinel .s-nock{stroke:var(--bone);stroke-width:.9px;opacity:0}.sentinel.drawing .s-nock{opacity:.9}.sentinel.drawing .s-arm{transform:translate(1.4px)}.wall-ballista .b-frame{stroke:#0d0810;stroke-width:2px;stroke-linecap:round}.wall-ballista .b-stock{stroke:#0d0810;stroke-width:2.6px;stroke-linecap:round}.wall-ballista .b-arms{fill:none;stroke:#0d0810;stroke-width:1.8px;stroke-linecap:round}.wall-ballista .b-string{stroke:#6b5a44;stroke-width:.8px}.wall-ballista .b-bolt{stroke:#3d2f20;stroke-width:1.2px}.wall-catapult .c-wheel{fill:#0d0810;stroke:#60402e;stroke-width:1px}.wall-catapult .c-frame{fill:none;stroke:#0d0810;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.wall-catapult .c-cup{fill:#181018;stroke:#0d0810;stroke-width:1px}.arrow-shot{transition:transform 60ms linear}.arrow-shot .arrow-shaft{stroke:var(--bone);stroke-width:1.4px;stroke-linecap:round}.arrow-shot .arrow-tip{fill:var(--bone)}.arrow-shot .arrow-fletch{fill:none;stroke:var(--bone);stroke-width:1.1px}.arrow-shot.enemy .arrow-shaft,.arrow-shot.enemy .arrow-fletch{stroke:#c9a878}.arrow-shot.enemy .arrow-tip{fill:#c9a878}.arrow-shot.fire{filter:drop-shadow(0 0 3px #f0a13c)}.arrow-shot .arrow-flame{fill:#f0a13c;stroke:#e84924;stroke-width:1px}.planted-arrow .arrow-shaft{stroke:#b59a6c;stroke-width:1.2px;stroke-linecap:round}.planted-arrow .arrow-fletch{fill:none;stroke:#b59a6c;stroke-width:1px}.planted-arrow{opacity:.85}.ballista-bolt .bolt-shaft{stroke:#54402c;stroke-width:2.4px;stroke-linecap:round}.ballista-bolt .bolt-tip{fill:var(--bone)}.ballista-bolt .bolt-fletch{fill:none;stroke:#54402c;stroke-width:1.6px}.siege-stone circle{fill:#241820;stroke:#0f0a12;stroke-width:1px}.siege-stone .stone-glint{fill:none;stroke:#6b4a55;stroke-width:1px}.defense-stone circle{fill:#2a1b20;stroke:#d98a4f;stroke-width:1.2px;filter:drop-shadow(0 0 3px #f0a13c88)}.oil-pour path:first-child{fill:none;stroke:#1a1012;stroke-width:7px;stroke-linecap:round;animation:.22s ease-in infinite alternate oil-stream}.oil-pour .oil-splash{fill:#1a1012;stroke:#e8703a;stroke-width:1.2px;filter:drop-shadow(0 0 4px #e8703a)}@keyframes oil-stream{to{stroke-width:9px;transform:translate(-2px)}}.dust-puff .p{transform-box:fill-box;transform-origin:50%;opacity:0;animation:.62s ease-out forwards puff}.dust-puff .p.b{animation-delay:70ms}.dust-puff .p.c{animation-delay:.14s}.dust-puff.dust .p{fill:var(--dust)}.dust-puff.stone .p{fill:var(--stone-dust)}.dust-puff.timber .p{fill:#6b5138}@keyframes puff{0%{opacity:0;transform:scale(.3)}22%{opacity:.42}to{opacity:0;transform:scale(1.7)translateY(-3px)}}.masonry-hit .hit-crack{fill:none;stroke:#0b070d;stroke-width:1.6px;stroke-linecap:round;animation:.25s ease-out both crack-in}@keyframes crack-in{0%{opacity:0}to{opacity:1}}.masonry-hit .hit-chips{fill:#5f5049;animation:.5s ease-out forwards chips-fly}@keyframes chips-fly{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}.masonry-hit .hit-chips,.masonry-hit .hit-crack{transform-box:fill-box;transform-origin:50%}.wave-blow .blow-sparks{fill:none;stroke:var(--ember);stroke-width:1.4px;stroke-linecap:round;animation:.45s ease-out forwards sparks}@keyframes sparks{0%{opacity:.9}to{opacity:0;transform:translateY(-4px)}}.foreground-frame .berm{fill:#140d13}.berm-props .stakes{stroke:#1f1218;stroke-width:2.6px;stroke-linecap:round}.berm-props .grass{stroke:#231620;stroke-width:1.4px;stroke-linecap:round}.berm-props .lost-shield{fill:#241419;stroke:#0f0a12;stroke-width:1px}.berm-props .lost-arrows{stroke:#3a2c20;stroke-width:1.3px;stroke-linecap:round}.scene-vignette,.scene-grain{pointer-events:none}.crows path{fill:none;stroke:#1c1220;stroke-width:1.6px;stroke-linecap:round;animation:11s ease-in-out infinite alternate crow-drift}@keyframes crow-drift{to{transform:translate(-14px,5px)}}.ruin-smoke .plume{fill:#241a20;opacity:.75;transform-box:fill-box;transform-origin:bottom;animation:6s ease-in-out infinite alternate smoke-sway}.ruin-smoke .plume.second{opacity:.6;animation-delay:-2.4s}.gate-rubble{fill:#231721;stroke:#0d080e;stroke-width:1.4px}.quiet-props .cart-wheel{fill:none;stroke:#1f1218;stroke-width:2.2px}.quiet-props .cart-wheel.small{stroke-width:1.8px}.quiet-props .cart-bed{fill:#1f1218}.quiet-props .camp-arrows{fill:none;stroke:#3a2c20;stroke-width:1.4px;stroke-linecap:round}.reinforcement-callout,.battle-warning{z-index:7;white-space:nowrap;background:#0b0c0add;border:1px solid #d8ff3e77;padding:4px 6px;font-size:7px;font-weight:700;position:absolute;top:66px}.reinforcement-callout{color:var(--acid);right:11px}.battle-warning{color:#ffb39f;border-color:#e8492499;left:11px}.arming-warning{border-left:4px solid var(--rust);color:#3c1a12;background:#e8492414;padding:7px;margin-top:9px!important}.doctrine-strip{border:2px solid var(--ink);color:var(--paper);box-shadow:3px 3px var(--rust);background:#2a1b2c;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px;display:flex}.doctrine-strip small{color:#aaa;margin-right:auto;font-size:8px}.doctrine-strip b{border:1px solid var(--rust);color:#f0a13c;text-transform:uppercase;padding:4px 6px;font-size:8px}.defense-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.defense-grid button{border:2px solid var(--ink);text-align:left;background:#d0cbbb;flex-direction:column;align-items:flex-start;min-height:104px;padding:8px;display:flex}.defense-grid button.active{color:var(--paper);box-shadow:3px 3px var(--rust);background:#2a1b2c}.defense-grid button.active:disabled{opacity:1}.defense-grid span{background:var(--ink);color:var(--acid);margin-bottom:auto;padding:3px 4px;font-size:7px}.defense-grid b{text-transform:uppercase;margin-top:10px;font-size:9px}.defense-grid small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.3}.defense-grid button.active small{color:#bbb}.arena-status{z-index:7;color:var(--acid);white-space:nowrap;background:#0b0c0acc;border:1px solid #d8ff3e77;padding:5px 8px;font-size:8px;font-weight:700;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.combat-readout{bottom:10px}.combat-readout small{font-size:9px;line-height:1.25}.combat-readout b{font-size:12px}.battle.active>.bar{display:none}@media (width>=700px){.combat-readout{bottom:14px;left:16px;right:16px}.arena-status{bottom:48px}}@media (width<=340px){.defense-grid{grid-template-columns:1fr}.defense-grid button{min-height:72px}.doctrine-strip small{width:100%}}@media (width>=1024px){.bastion-overview .battle{height:auto}.combat-readout small{font-size:10px}.combat-readout b{font-size:14px}}@media (prefers-reduced-motion:reduce){.combat-arena *{transition:none!important;animation:none!important}.dust-puff .p,.wave-blow .blow-sparks{opacity:0}.trebuchet.destroyed .t-frame,.trebuchet.destroyed .t-beam,.trebuchet.destroyed .t-counter,.trebuchet.destroyed .t-sling{opacity:.55;transform:rotate(-24deg)translateY(5px)}.siege-ram.destroyed{opacity:.65;transform:translateY(7px)rotate(-7deg)}.siege-ram.destroyed .ram-swing{transform:translate(8px,7px)rotate(8deg)}}