.territory-page{background:#101116;color:#eee9e4;font-family:Inter,sans-serif;min-width:320px}
.territory-page main{padding-top:80px}.territory-wrap{width:min(100% - 64px,1400px);margin-inline:auto}
.territory-lead{background:radial-gradient(ellipse at 80% 15%,#683a1927,transparent 48%),linear-gradient(105deg,#090a0d,#111218 72%,#08090b);border-bottom:1px solid #60472e}.lead-inner{min-height:224px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:28px}.lead-inner>div{max-width:790px}
.territory-kicker{display:flex;align-items:center;gap:10px;margin:0 0 9px;color:#d9a35b;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em}.territory-kicker span{padding:4px 7px;background:#5b2729;color:#ffd2aa;font-size:8px}.territory-kicker i{width:6px;height:6px;border-radius:50%;background:#25c987;box-shadow:0 0 8px #25c987}
.territory-lead h1{margin:0 0 11px;color:#f1eee9;font:800 clamp(34px,4vw,59px)/1.04 Sora,sans-serif;letter-spacing:-.045em}.territory-lead h1 em{color:#f3ae51;font-style:normal}.territory-lead p:last-child{max-width:690px;color:#c7bcb4;font:500 13px/1.6 Inter,sans-serif}
.territory-outline-button,.territory-primary-button,.territory-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;text-decoration:none;font:800 10px 'Space Grotesk',sans-serif;letter-spacing:.035em;transition:background .2s,border-color .2s,transform .2s}.territory-outline-button{padding:13px 19px;color:#eab566;border:1px solid #916b3a;background:#141216}.territory-outline-button:hover{background:#34271a}
.territory-dashboard{padding-top:24px}.territory-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.territory-metrics>div{display:flex;align-items:center;gap:12px;min-height:72px;padding:13px;background:#1a1c24;border:1px solid #544531;box-shadow:0 7px 20px #0005}.territory-metrics>div>.material-symbols-outlined{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid #a5793e;color:#f0b258;background:#352514;font-size:21px}.territory-metrics>div:nth-child(2)>.material-symbols-outlined{color:#f47f89;border-color:#a34b59;background:#361b25}.territory-metrics>div:nth-child(3)>.material-symbols-outlined{color:#70d6f4;border-color:#3f8fab;background:#152d3b}.territory-metrics>div:nth-child(4)>.material-symbols-outlined{color:#f7c27e}.territory-metrics span:last-child{min-width:0;display:flex;flex-direction:column}.territory-metrics small{color:#bba790;font:700 9px 'Space Grotesk',sans-serif}.territory-metrics strong{color:#f5ad4e;font:800 21px/1.15 Sora,sans-serif}.territory-metrics>div:nth-child(2) strong{color:#f38b96}.territory-metrics>div:nth-child(3) strong{color:#78d9f0}.territory-metrics em{color:#a99e98;font:500 9px Inter,sans-serif;font-style:normal}
.territory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:27px 0 13px;border-bottom:1px solid #594a37}.territory-filters{display:flex;gap:3px;overflow-x:auto}.territory-filters button{position:relative;min-height:45px;padding:8px 14px;color:#b0a9a5;background:transparent;border:0;font:800 10px 'Space Grotesk',sans-serif;white-space:nowrap}.territory-filters button:hover,.territory-filters button[aria-pressed=true]{color:#f3b25a}.territory-filters button[aria-pressed=true]:after{content:"";position:absolute;inset:auto 10px 0;height:2px;background:#ec9d3a}.territory-filters button span{margin-left:3px;color:#d5b488}.territory-toolbar p{color:#96887b;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.025em;text-align:right}
.territory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.territory-loading,.territory-empty{grid-column:1/-1;padding:36px;border:1px solid #524838;background:#191b21;color:#bdb5af;text-align:center}
.territory-card{min-width:0;overflow:hidden;background:#191b23;border:1px solid #554737;box-shadow:0 12px 24px #0006;transition:transform .22s,border-color .22s,box-shadow .22s}.territory-card:hover{transform:translateY(-4px);border-color:var(--zone-accent,#f0aa4b);box-shadow:0 14px 30px #0009,0 0 20px color-mix(in srgb,var(--zone-accent,#f0aa4b) 20%,transparent)}
.territory-card[data-zone="lost-tower"]{--zone-accent:#ed7c67}.territory-card[data-zone="atlans"]{--zone-accent:#65d7e2}.territory-card[data-zone="tarkan"]{--zone-accent:#e9aa62}.territory-card[data-zone="aida"]{--zone-accent:#73dca8}.territory-card[data-zone="icarus"]{--zone-accent:#95c8f2}.territory-card[data-zone="kanturu"]{--zone-accent:#c898ef}
.territory-art{position:relative;height:150px;background:#0b0e13}.territory-art img{display:block;width:100%;height:100%;object-fit:cover}.territory-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,#191b23 99%)}.territory-art .zone-number,.territory-art .zone-status{position:absolute;z-index:1;top:10px;padding:5px 7px;background:#0b0d11d9;border:1px solid #92714a;color:#e8c097;font:800 9px 'Space Grotesk',sans-serif}.territory-art .zone-number{left:10px}.territory-art .zone-status{right:10px;color:#86dcba;border-color:#3b8968}.territory-card[data-state="owned"] .zone-status{color:#f4c16e;border-color:#e5a74b}.territory-card[data-state="contested"] .zone-status{color:#f58a8f;border-color:#bf5e61}
.territory-card-body{padding:0 16px 15px}.territory-card h3{margin:1px 0 9px;color:#eeeae4;font:800 17px/1.2 Sora,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.territory-card h3 span{color:var(--zone-accent)}
.zone-strip{display:flex;justify-content:space-between;gap:7px;padding:8px;background:#0d1016;border:1px solid #3b3d43}.zone-strip span{min-width:0;color:#b9b0a9;font:700 9px 'Space Grotesk',sans-serif}.zone-strip b{display:block;margin-top:2px;color:#f1ede8;font-size:11px}.zone-strip span:last-child b{color:var(--zone-accent)}
.zone-detail{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 2px;border-bottom:1px solid #ffffff18;color:#b9aba1;font:600 10px Inter,sans-serif}.zone-detail b{color:#f2e4d2;font:700 10px 'Space Grotesk',sans-serif;text-align:right}.zone-detail b.highlight{color:var(--zone-accent)}
.zone-card-footer{display:flex;align-items:center;justify-content:center;min-height:34px;margin-top:12px;background:#20252c;border:1px solid #59616b;color:#cdd2d7;font:800 9px 'Space Grotesk',sans-serif;text-align:center;text-decoration:none}.territory-card[data-state="available"] .zone-card-footer{color:var(--zone-accent);border-color:var(--zone-accent);background:#24211c}.zone-card-footer:hover{filter:brightness(1.2)}
.territory-info{display:grid;grid-template-columns:1fr 1.4fr;gap:17px;padding-block:30px}.continent-panel,.rules-panel{min-width:0;padding:22px;background:#1a1c24;border:1px solid #584632;box-shadow:0 10px 23px #0004}.territory-overline{margin:0 0 5px;color:#c39053;font:800 9px 'Space Grotesk',sans-serif;letter-spacing:.09em}.territory-info h2,.territory-mechanics h2{margin:0 0 7px;color:#f2ece8;font:800 18px/1.2 Sora,sans-serif}.territory-info article>p:not(.territory-overline){color:#bcb2ab;font:500 11px/1.5 Inter,sans-serif}
.continent-track{display:flex;height:12px;margin:22px 0 13px;overflow:hidden;background:#101318}.continent-track span{display:block;height:100%;width:var(--zone-width);background:var(--zone-color)}.continent-legend{display:flex;flex-wrap:wrap;gap:10px}.continent-legend span{display:flex;align-items:center;gap:5px;color:#cbc2b9;font:600 9px Inter,sans-serif}.continent-legend span i{width:7px;height:7px;background:var(--zone-color)}.continent-foot{margin-top:13px!important;color:#f1ba6e!important;font:700 10px 'Space Grotesk',sans-serif!important}
.territory-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.territory-rule-grid>div{padding:11px;background:#11141a;border:1px solid #3f3c39}.territory-rule-grid .material-symbols-outlined{display:block;color:#f4ae58;font-size:23px}.territory-rule-grid strong{display:block;margin:6px 0;color:#f0d3aa;font:800 10px 'Space Grotesk',sans-serif}.territory-rule-grid p{color:#b2a9a3;font:500 10px/1.45 Inter,sans-serif}.rules-panel>a{display:block;margin-top:15px;color:#f0b364;font:800 9px 'Space Grotesk',sans-serif;text-decoration:none}.rules-panel>a:hover{text-decoration:underline}
.territory-mechanics{padding-bottom:34px}.mechanics-title{padding-top:8px}.territory-mechanics .mechanics-title>p:last-child{color:#bbb2ad;font:500 11px Inter,sans-serif}.territory-mechanics ol{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0;padding:0;list-style:none}.territory-mechanics li{display:flex;gap:10px;min-width:0;padding:17px;background:#1a1d25;border:1px solid #504433}.territory-mechanics li b{color:#edaa58;font:800 20px Sora,sans-serif}.territory-mechanics h3{margin:0 0 5px;color:#f0e7dc;font:800 12px Sora,sans-serif}.territory-mechanics li p{color:#bcb2aa;font:500 10px/1.5 Inter,sans-serif}.mechanics-note{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#181b21;border:1px solid #695236;color:#d1bb9e;font:500 10px/1.5 Inter,sans-serif}.mechanics-note .material-symbols-outlined{color:#e7aa59;font-size:20px}
.territory-cta{border-top:1px solid #57442d;background:radial-gradient(ellipse at 55% 10%,#67401c22,transparent 52%),#0c0e12}.territory-cta .territory-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:38px}.territory-cta .territory-wrap>div:first-child{max-width:690px}.territory-cta h2{margin:4px 0 9px;color:#f4ece4;font:800 clamp(23px,2.4vw,33px)/1.1 Sora,sans-serif}.territory-cta h2 em{color:#f0ad59;font-style:normal}.territory-cta p:last-child{color:#bdb3ab;font:500 11px/1.5 Inter,sans-serif}.territory-cta .territory-wrap>div:last-child{display:flex;gap:9px}.territory-primary-button,.territory-secondary-button{min-height:39px;padding:10px 13px}.territory-primary-button{background:#e9a746;color:#241506;border:1px solid #e9a746;box-shadow:0 0 16px #e9a74644}.territory-secondary-button{background:#20232b;color:#e6e0d8;border:1px solid #564b3c}.territory-primary-button:hover,.territory-secondary-button:hover{transform:translateY(-2px)}
@media(max-width:1100px){.territory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.territory-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.territory-info{grid-template-columns:1fr}.territory-cta .territory-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.territory-page main{padding-top:72px}.territory-wrap{width:min(100% - 28px,1400px)}.lead-inner{align-items:flex-start;flex-direction:column;gap:20px;min-height:0;padding-block:26px}.territory-lead h1{font-size:36px}.territory-toolbar{align-items:flex-start;flex-direction:column;gap:2px}.territory-toolbar p{align-self:flex-end;margin:0 0 7px}.territory-mechanics ol{grid-template-columns:repeat(2,1fr)}.territory-rule-grid{grid-template-columns:1fr}.territory-cta .territory-wrap>div:last-child{flex-wrap:wrap}}
@media(max-width:520px){.territory-metrics{gap:7px}.territory-metrics>div{min-height:70px;padding:9px;gap:6px}.territory-metrics>div>.material-symbols-outlined{width:25px;height:25px;flex-basis:25px;font-size:18px}.territory-metrics small{font-size:7px}.territory-metrics strong{font-size:16px}.territory-metrics em{font-size:8px}.territory-grid{grid-template-columns:1fr}.territory-art{height:168px}.territory-mechanics ol{grid-template-columns:1fr}.territory-cta .territory-wrap>div:last-child{width:100%;flex-direction:column}.territory-cta a{width:100%}}
.territory-card[data-zone="atlans"] .territory-art img{transform:scale(1.34);transform-origin:left center}
.territory-card[data-zone="tarkan"] .territory-art img,.territory-card[data-zone="kanturu"] .territory-art img{transform:scale(1.22)}
.territory-art{overflow:hidden}