/* One shared container at every desktop width; no breakpoint-specific offset. */
header{width:calc(100% - 64px);max-width:1440px;margin:22px auto 0;padding-inline:26px}
.hero{width:calc(100% - 64px);max-width:1440px;margin:0 auto;padding:32px 26px 0}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;min-height:0;padding-block:24px}
.hero .hero-copy{min-width:0;padding-top:0}.hero .art{width:100%;margin:0;min-width:0;height:clamp(370px,36vw,560px)}
.hero h1{font-size:clamp(42px,5vw,88px);letter-spacing:-1px}.hero h1 em{font-size:.78em}
.hero-search{width:100%;max-width:1100px;margin:12px auto 5px}.reference-toolbar{flex-wrap:wrap}.reference-actions{max-width:100%;flex-wrap:wrap}
footer{width:calc(100% - 64px);max-width:1440px;padding-inline:26px;margin-inline:auto}
.inner-page{width:100%;max-width:1100px}.hero-top,.hero-bottom{min-width:0}.hero-top{gap:20px}
@media(min-width:701px){header nav{position:absolute;left:50%;transform:translateX(-50%)}header .login{margin-left:auto}.hero .art-caption{left:10%;bottom:6px}.globe-label{left:14%;top:20px}.art-coordinate{right:5%;top:45px}.globe-controls{bottom:12px}.hero h1 em{max-width:100%}}
@media(min-width:701px) and (max-width:900px){header{padding-inline:18px}.hero{padding-inline:18px}.hero-content{gap:12px}.brand small{display:none}.brand{font-size:11px;gap:8px}.brand svg{width:55px}.hero .art{height:370px}.hero h1{font-size:clamp(38px,5.3vw,48px)}.hero-copy>p{font-size:12px}.hero-top{font-size:7px;letter-spacing:1px}.globe-label{font-size:6px}.globe-controls button{padding:10px;font-size:9px}}
@media(max-width:700px){header{width:calc(100% - 24px);max-width:none;margin:12px auto 0;padding-inline:12px}.hero{width:100%;max-width:none;margin:0;padding:25px max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.hero-content{display:flex;gap:0;padding:0}.hero .hero-copy{padding-top:28px}.hero h1{font-size:clamp(40px,12.3vw,76px);letter-spacing:-.8px}.hero h1 em{font-size:.76em}.hero .art{width:calc(100% + 32px);max-width:560px;margin:0 -16px;align-self:center;height:clamp(370px,110vw,530px)}.globe-controls{bottom:14px}.hero-search{margin-top:15px}.reference-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}footer{width:100%;padding-inline:20px}.hero-top{gap:0}}
@media(max-width:359px){header{gap:5px}.brand{font-size:9px;gap:5px}.brand svg{width:46px}.login{padding-inline:10px}.mobile-menu{width:40px;flex-basis:40px}.hero-top{font-size:6px;letter-spacing:.8px}.hero h1{font-size:40px}.hero-copy>p{font-size:12px}}
/* Keep the scene proportional on short windows and while changing orientation. */
@media(min-width:701px){.hero .art{height:clamp(340px,calc(100svh - 390px),560px)}.hero-content{padding-block:clamp(12px,2vh,24px)}.hero h1{margin-block:clamp(20px,3vh,30px)}}
@media(min-width:701px) and (max-width:900px){.hero .art{height:clamp(320px,calc(100svh - 330px),400px)}}
@media(max-width:700px){.hero .art{height:clamp(350px,110vw,530px)}}
#globe{display:block;contain:layout paint}.hero .art{contain:layout;flex-shrink:0}
/* Source shortcuts: floating marks, with no surrounding tiles. */
.source-shortcuts .source-icon{background:transparent;border:0;border-radius:0;box-shadow:none}
.source-shortcuts .source-icon svg{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 9px currentColor)}
.source-shortcuts .source-icon.snapchat{color:#fffc00}
.source-shortcuts .source-icon.discord{color:#7580ff}
.source-shortcuts .source-icon.mail{color:#fff2fa}
.source-shortcuts .source-icon:hover{filter:none}
.source-shortcuts .source-icon:hover svg{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 13px currentColor)}
.source-shortcuts .source-icon:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:50%}
/* Full-bleed atmosphere; only the content remains width-constrained. */
body{background:radial-gradient(ellipse 110% 85% at 78% 25%,#6200185c 0%,#27000d40 48%,transparent 85%),#0c0409}
.hero{width:100%;max-width:none;margin:0;padding-left:max(26px,calc((100% - 1388px)/2));padding-right:max(26px,calc((100% - 1388px)/2));background:transparent}
.hero:before{inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 74% 46%,#ac001a46 0%,#63001129 38%,transparent 78%)}
.hero:after{inset:0;width:100%;height:100%;filter:none;background:radial-gradient(ellipse at 25% 60%,#7d00191f,transparent 75%)}
html{background:#0c0409;scrollbar-color:#713044 #17070f;scrollbar-width:thin}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#17070f}::-webkit-scrollbar-thumb{background:#713044;border-radius:8px;border:2px solid #17070f}
@media(min-width:701px) and (max-width:1503px){.hero{padding-inline:58px}}
@media(min-width:701px) and (max-width:900px){.hero{padding-inline:50px}}
@media(max-width:700px){.hero{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.hero:before{background:radial-gradient(ellipse at 50% 58%,#bd00205c,#78001c23 48%,transparent 85%)}}