/* Fluid layout: the world takes the space available on wide displays. */
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.header-actions .token-header{flex-direction:column;gap:1px;padding:7px 18px;background:transparent;border-color:#465442;color:#b3c0ad;cursor:not-allowed;transform:none}
.token-header small{font-size:9px;font-weight:400;color:#8b9986}
@media(max-width:1100px){.site-header nav{display:none}.header-actions{margin-left:auto}}
@media(max-width:600px){.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:14px;gap:12px}.header-actions{gap:8px}.header-actions .button{margin-left:0!important}.header-actions .token-header{padding:6px 10px}}
@media(max-width:420px){.header-actions{width:100%;margin:0}.header-actions>.button{flex:1}}
.token-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px!important;margin-bottom:64px;border:1px solid #354436;border-radius:12px;background:#101611}
.token-panel p{font-size:14px}.token-status .beta{margin:0;display:inline-block}
.token-panel .button:disabled{background:#273027;border-color:#465442;color:#9ba896;cursor:not-allowed;transform:none}
.token-panel .token-note{font-size:12px;max-width:45ch}
@media(max-width:700px){.token-panel{grid-template-columns:1fr;gap:16px;padding:24px!important}}
.live-world iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-world figcaption .preview-arrow{pointer-events:auto;padding:8px}
.live-world figcaption>span{max-width:85%}
:root{--page-gutter:clamp(20px,3.6vw,80px)}
.site-header{padding-inline:var(--page-gutter)}
main{max-width:none;padding-inline:var(--page-gutter)}
.site-footer{max-width:none;margin-inline:var(--page-gutter);padding-inline:0}
.logo-icon{display:block;width:40px;height:40px;flex:none}
.site-footer .logo-icon{width:30px;height:30px}
.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,80px);min-height:680px;padding-block:48px}
.hero-copy{min-width:0}
h1{font-size:clamp(38px,3.7vw,76px);letter-spacing:-2px}
.hero-copy>p{max-width:430px;font-size:16px}
.hero-art{margin:0;z-index:auto;min-width:0;border:1px solid #33473c;border-radius:14px;overflow:hidden;background:#183844;box-shadow:0 24px 80px #0005;position:relative;align-self:stretch;min-height:510px}
.world-preview{display:block;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;mask-image:none;image-rendering:pixelated;transition:transform .5s ease}
.world-preview:hover img{transform:scale(1.025)}
.preview-label{position:absolute;top:20px;left:20px;background:#0b1515e8;border:1px solid #53694c;padding:9px 12px;font:10px Departure,monospace;letter-spacing:1px;color:#c7e7b9;pointer-events:none}
.preview-label::before{content:'';display:inline-block;width:6px;height:6px;background:#a9f98a;margin-right:9px}
.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:42px 24px 22px;background:linear-gradient(transparent,#091412f5);display:flex;justify-content:space-between;align-items:end;gap:15px;text-align:left;font:12px/1.6 Departure,monospace;color:#e1efd9;pointer-events:none}
.hero-art figcaption small{display:block;color:#a2b5a5;font:11px/1.6 'Segoe UI',sans-serif;letter-spacing:0;margin-top:4px}
.preview-arrow{color:#a9f98a;font-size:25px}
.feature p{max-width:36ch;font-size:14px}.feature{padding:32px}.feature h3{font-size:18px}
.chapter{padding-top:72px}.section-heading h2{font-size:clamp(25px,2.2vw,38px)}
.invitation-panel{padding:clamp(26px,3.5vw,64px)}
@media(min-width:1800px){.hero{min-height:740px}.hero-art{min-height:590px}.residents{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.hero{gap:24px;min-height:580px}.hero-art{min-height:450px}h1{font-size:clamp(34px,4vw,44px)}.hero-actions{gap:16px}.site-header nav{gap:16px}.feature{padding:22px}.feature h3{font-size:15px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:28px;padding-block:32px;min-height:0}.hero-art{width:100%;min-height:380px;aspect-ratio:1.15;margin:0;align-self:auto}.hero-actions{flex-direction:row;align-items:center}h1{font-size:clamp(32px,7.2vw,48px)}.hero-copy>p{font-size:14px}.site-header nav{display:none}.site-header .button{margin-left:auto}.logo-icon{width:32px;height:32px}.hero-art figcaption{padding:40px 16px 16px;font-size:10px}.preview-label{top:14px;left:14px;font-size:8px}.chapter{padding-top:44px}.feature p{font-size:12px}}
@media(max-width:380px){.site-header .logo{font-size:18px;gap:6px}.site-header .button{gap:6px;padding:9px}.hero-art{min-height:320px}}