/* A full-bleed battlefield: the architecture and live data share one landscape. */
.home-page::before{background:#071015}
.home-page::after{opacity:.1}
.home-world{position:relative;isolation:isolate;background:#071015}
.home-landscape{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.home-landscape img{display:block;width:100%;height:clamp(320px,36vw,620px);object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 0 66%,transparent 100%)}
.home-landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03090d12,transparent 12vw,#07101588 28vw,#071015 42vw)}
.world-balance{--balance-green:#b2ed80;--balance-blue:#95d7ff;position:relative;width:100%;height:clamp(260px,22vw,380px);min-height:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.balance-accessible,.world-balance[data-state="ready"] .balance-feedback,.world-balance[data-state="loading"] .balance-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.battle-sky{position:absolute;top:0;left:0;width:100%;height:auto;overflow:visible;pointer-events:none}
.battle-volley-green{color:#a9ed6e}.battle-volley-blue{color:#80ccff}
.battle-arrow{offset-path:var(--flight-path);offset-distance:var(--rest-progress);offset-rotate:auto;opacity:var(--arrow-opacity,1);animation:battle-flight var(--flight-duration,7s) linear infinite;animation-delay:var(--flight-delay)}
.battle-arrow-shape{transform:scale(calc(var(--arrow-scale,1) * var(--arrow-viewport-scale,1.1)));filter:blur(var(--arrow-blur,0px))}
.battle-arrow-body{fill:currentColor;filter:drop-shadow(0 1px 1px #0009)}
.battle-arrow-shaft{fill:none;stroke:#d7c3a1;stroke-width:1.7;filter:drop-shadow(0 1px 1px #000)}
.battle-arrow-trail{fill:none;stroke:currentColor;stroke-width:1;opacity:.15}
@keyframes battle-flight{from{offset-distance:0%}to{offset-distance:100%}}
.world-balance[data-paused="true"] .battle-arrow,.world-balance[data-offscreen="true"] .battle-arrow,.world-balance[data-state="stale"] .battle-arrow{animation-play-state:paused}
.battle-standings{position:absolute;bottom:5px;left:3%;right:3%;display:flex;justify-content:space-between;gap:12px}
.balance-faction{--side-color:var(--balance-green);position:relative;display:flex;flex-direction:column;align-items:center;width:32%;min-width:0;padding:8px 0 10px;text-align:center;text-decoration:none;isolation:isolate;text-shadow:0 2px 2px #03090d,0 3px 14px #000}
.balance-blue{--side-color:var(--balance-blue)}
.balance-faction::before{content:"";position:absolute;z-index:-1;inset:-35px -12%;background:radial-gradient(ellipse,#040b10b3,transparent 68%);pointer-events:none}
.balance-faction h3{margin:0;color:var(--side-color);font:800 clamp(.85rem,1.3vw,1.3rem)/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.025em;text-transform:uppercase}
.battle-score{display:flex;align-items:center;gap:20px;margin:7px 0 1px}
.battle-score strong{color:#fff1d4;font:900 clamp(2.3rem,3.2vw,3.5rem)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #17201e,0 6px 18px #000}
.battle-share{color:var(--side-color);font:700 clamp(.85rem,1.3vw,1.25rem)/1.1 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.balance-score-unit{margin-top:5px;font-size:clamp(.56rem,.7vw,.8rem);color:#d4d9ce;letter-spacing:.12em;text-transform:uppercase}
.balance-faction:hover h3{color:#fff}.balance-faction:focus-visible{outline:2px solid #f4ddb0;outline-offset:4px}
.battle-caption{position:absolute;bottom:2%;left:35%;right:35%;text-align:center;text-shadow:0 2px 8px #000}
.balance-feedback{font-size:.76rem;color:#ddd9c8}.balance-feedback p{margin:7px 0}.balance-rule{font-size:.7rem;color:#c4c8b9}
.world-balance[data-state="stale"] #balanceVerdict{display:none}.world-balance[data-state="stale"] .balance-rule{color:#e9c685}
.world-balance[data-state="empty"] .balance-rule{display:none}
.world-balance[data-state="error"] .battle-sky,.world-balance[data-state="loading"] .battle-sky{visibility:hidden}
/* Only actionable siege announcements occupy the homepage. */
.home-page .dominion-banner-shell:has(.dominion-banner-idle){display:none}
.home-page .dominion-banner-shell{margin:0 0 -25px}
.home-page .hero{padding-top:clamp(32px,3vw,60px);min-height:650px;grid-template-columns:minmax(0,1fr)}
.home-page .hero::before{background:none}.home-page .hero::after{opacity:.16}
.home-page .hero-grid,.home-page .hero-grid>*{min-width:0}
.home-page .hero-copy{text-shadow:0 2px 7px #000}
.home-page .server-card{background:linear-gradient(145deg,#19292edb,#0c171de6);border:2px solid #6e81735c;box-shadow:4px 5px 0 #0005,inset 2px 2px #b9b28c14,inset -2px -2px #0005;backdrop-filter:blur(9px)}

@media(max-width:900px){.world-balance{height:270px}.battle-standings{bottom:5px;left:2%;right:2%}.balance-faction{width:36%}.battle-score{gap:12px}.battle-caption{left:28%;right:28%;bottom:1%}.battle-sky{--arrow-viewport-scale:1.35}}
@media(max-width:640px){
  .world-balance{height:235px;min-height:0}.home-landscape img{height:auto;object-fit:initial}.home-landscape::after{background:linear-gradient(180deg,transparent 80px,#07101555 160px,#071015 360px)}
  .battle-standings{bottom:0;left:3%;right:3%;gap:18px}.balance-faction{width:46%;padding-top:8px}.balance-faction h3{font-size:.77rem;min-height:2.6em;line-height:1.3;letter-spacing:0;max-width:170px}
  .battle-score{gap:9px;margin-top:5px}.battle-score strong{font-size:2rem}.battle-share{font-size:.88rem}.balance-score-unit{font-size:.48rem;letter-spacing:.07em}
  .battle-caption{left:8%;right:8%;bottom:-24px}.balance-feedback{font-size:.68rem}.balance-rule{font-size:.6rem}
  .battle-sky{--arrow-viewport-scale:1.9}
  .home-page .hero{min-height:0;padding-top:30px}.home-page .nav{gap:12px}.home-page .brand{gap:8px}.home-page .nav-links{min-width:0}.home-page .nav-links .button{max-width:92px;padding:8px;font-size:.62rem;line-height:1.4;text-align:center}.home-page .address strong{overflow-wrap:anywhere}
}
@media(max-width:360px){.home-page .server-online span{display:none}.home-page .server-online{padding:6px}.battle-score{gap:7px}.battle-score strong{font-size:1.9rem}.battle-share{font-size:.75rem}.balance-faction h3{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.battle-arrow{animation:none}}