/* Suprem index — responsive layout v2 */
body.landing-body{overflow-x:hidden}
body.landing-body .landing-shell{width:100%!important;max-width:none!important;margin-inline:0!important}
body.landing-body{
 --index-gutter:clamp(16px,3vw,48px);
 --index-content:1600px;
}
.hero-inner,.empire-dashboard,.path-section,.showcase-section,.war-room,.landing-footer{
 width:min(var(--index-content),calc(100% - (var(--index-gutter) * 2)));
}
.hero-pitch,.access-panel,.war-col,.resource-item,.pulse-tile,.path-node,.world-entry,.update-row{min-width:0}
.hero-pitch h1{overflow-wrap:anywhere}
.hero-description{max-width:64ch}
.access-panel{width:100%;max-width:420px;justify-self:end}
.resource-label,.resource-value,.resource-rate,.pulse-tile-label,.row-main h3,.row-main p,.world-entry h3,.world-entry p{overflow-wrap:anywhere}
.showcase-img{max-width:100%}
.site-modal-card{overscroll-behavior:contain}

@media(min-width:1800px){
 body.landing-body{--index-content:1720px}
 .hero-band{min-height:min(70vh,700px)}
 .hero-inner{grid-template-columns:minmax(0,1.6fr) minmax(360px,.58fr);gap:44px}
 .hero-pitch h1{font-size:clamp(52px,3.35vw,68px)}
 .hero-description{font-size:18px}
 .resource-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
 .pulse-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .showcase-slide{width:min(520px,30vw)}
}
@media(min-width:2400px){
 body.landing-body{--index-content:1900px;--index-gutter:64px}
 .hero-band{min-height:min(72vh,780px)}
 .hero-inner{grid-template-columns:minmax(0,1.7fr) 430px}
 .hero-pitch h1{font-size:74px}
 .hero-description{font-size:19px}
}
@media(max-width:1180px){
 .hero-band{min-height:0;height:auto;align-items:stretch;overflow:visible}
 .hero-inner{grid-template-columns:1fr;align-items:start;padding:56px 0 34px}
 .access-panel{max-width:none;justify-self:stretch}
 .war-room{grid-template-columns:1fr}
 .resource-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .path-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
 .path-track:before{display:none}
}
@media(max-width:900px){
 body.landing-body{--index-gutter:20px}
 .hero-pitch h1{font-size:clamp(36px,6.5vw,52px)}
 .hero-description{font-size:16px}
 .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-actions .btn{width:100%;padding-inline:16px}
 .resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .resource-item:nth-child(odd):last-child{grid-column:1/-1}
 .resource-item:before{display:none}
 .resource-item{border-bottom:1px solid rgba(90,155,255,.15)}
 .pulse-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .war-room{gap:20px}
 .landing-footer{align-items:flex-start}
}
@media(max-width:720px){
 body.landing-body{--index-gutter:12px}
 .panel-shell{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
 .hero-inner{padding:34px 0 24px}
 .hero-pitch h1{font-size:clamp(31px,9vw,44px);line-height:1.08}
 .hero-description{font-size:15px;line-height:1.55}
 .hero-actions{gap:9px;margin-top:20px}
 .btn{min-height:46px;font-size:13px}
 .access-panel{padding:19px 16px 18px}
 .login-form input{width:100%;font-size:16px}
 .oauth-icon-btn{width:52px;height:52px}
 .empire-dashboard{padding:16px 13px 18px}
 .section-head{align-items:flex-start}
 .resource-item{padding:11px 10px;gap:8px}
 .resource-icon{width:24px;height:24px}
 .resource-line{gap:6px}
 .resource-value{font-size:13px}
 .resource-rate{font-size:10px}
 .pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .path-section,.showcase-section,.war-room,.landing-footer{margin-top:30px}
 .path-track{grid-template-columns:1fr;margin-top:22px;row-gap:22px}
 .path-node{padding:0 8px}
 .path-node p{max-width:none}
 .showcase-viewport{padding:12px 38px}
 .showcase-track{mask-image:none;-webkit-mask-image:none}
 .showcase-slide{width:calc(100vw - 112px);min-width:220px}
 .showcase-prev{left:4px}.showcase-next{right:4px}
 .hud-panel{padding:16px 13px}
 .update-row{grid-template-columns:96px minmax(0,1fr);align-items:start}
 .update-thumb{width:96px;height:72px}
 .row-side{grid-column:2;justify-items:start;text-align:left}
 .world-entry{padding:13px}
 .world-entry-foot{align-items:flex-start;flex-direction:column}
 .landing-footer{flex-direction:column;padding-inline:6px}
 .footer-links{justify-content:flex-start;gap:12px 18px}
 .site-modal-card{width:calc(100% - 12px);max-height:calc(100dvh - 12px);margin:6px auto;padding:18px 14px}
 .site-modal-close{position:sticky;display:block;margin-left:auto;top:0;right:auto;z-index:2}
}
@media(max-width:480px){
 .eyebrow{font-size:10px}
 .hero-inner{padding-top:26px}
 .hero-pitch h1{font-size:clamp(28px,9.5vw,38px)}
 .hero-pitch h1 br{display:none}
 .hero-description{font-size:14px}
 .hero-actions{grid-template-columns:1fr}
 .opening-highlight{align-items:flex-start;padding:11px}
 .opening-highlight-icon{width:34px;height:34px}
 .access-panel{padding:17px 13px}
 .access-head h2{font-size:18px}
 .resource-strip{grid-template-columns:1fr}
 .resource-item:nth-child(odd):last-child{grid-column:auto}
 .resource-content{grid-template-columns:minmax(90px,1fr) auto;align-items:center;width:100%}
 .resource-line{justify-content:flex-end;text-align:right}
 .pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pulse-tile{padding:9px 8px}
 .pulse-tile-icon{font-size:16px}
 .pulse-tile-value{font-size:13px}
 .pulse-tile-label{font-size:10px}
 .showcase-viewport{padding-inline:30px}
 .showcase-slide{width:calc(100vw - 84px);min-width:0}
 .showcase-arrow{width:28px;height:38px}
 .update-row{grid-template-columns:1fr}
 .update-thumb{width:100%;height:auto;aspect-ratio:16/8}
 .row-side{grid-column:auto}
 .world-entry-top{align-items:flex-start;flex-direction:column}
 .world-entry-stats span{font-size:10px;padding-inline:7px}
 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}
@media(max-width:360px){
 body.landing-body{--index-gutter:8px}
 .hero-pitch h1{font-size:27px}
 .pulse-grid{grid-template-columns:1fr}
 .footer-links{grid-template-columns:1fr}
 .showcase-viewport{padding-inline:26px}
 .showcase-slide{width:calc(100vw - 68px)}
}
@media(max-height:720px) and (min-width:721px){
 .hero-band{min-height:0;height:auto}
 .hero-inner{padding-top:28px;padding-bottom:28px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .btn,.pulse-tile,.world-entry,.update-row,.oauth-icon-btn{transition:none}
}
/* Symmetric live grid: 16 indicators */
@media(min-width:1200px){.pulse-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:721px) and (max-width:1199px){.pulse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:361px) and (max-width:720px){.pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.pulse-grid{grid-template-columns:1fr}}