/* Each page has one purpose. Shared colours and media viewer remain unchanged. */
.welcome-hero{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding:38px 0 64px}.welcome h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 24px}.welcome h1 em{font-style:normal;color:var(--gold)}.welcome-pitch{font-size:21px;line-height:1.6;max-width:540px}.welcome-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:26px}.release-note{display:block;color:var(--muted);margin-top:20px;line-height:1.6}.welcome-art{margin:0;position:relative;padding-top:22px}.welcome-art img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #426168}.welcome-art figcaption{font-size:11px;color:var(--muted);margin:10px 0}.yard-sticker{position:absolute;z-index:1;right:12px;top:0;transform:rotate(3deg);background:var(--gold);color:#0b242b;padding:13px 19px;border-radius:14px;font-size:17px;font-weight:900;line-height:1.2;box-shadow:4px 5px 0 #07191c}.welcome-section{padding:58px 0;border-top:1px solid #426168}.welcome-section h2{font-size:clamp(32px,3.8vw,48px);line-height:1.1}.intro-copy{max-width:820px;font-size:19px;line-height:1.7}.idea-loop{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 20px}.idea-loop li{border-top:4px solid var(--gold);padding:22px;background:#153b42;border-radius:0 0 18px 18px}.idea-loop span,.destination-grid>a>span{color:var(--gold);font-size:12px;font-weight:700}.idea-loop h3{margin:14px 0}.idea-loop p{margin-bottom:0;color:var(--muted)}.personality,.welcome-road{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.yard-notice{padding:44px 30px;border:2px dashed #d0a34c;border-radius:18px;background:#153b42;transform:rotate(1deg)}.yard-notice>span{font-size:12px;letter-spacing:2px;color:var(--gold)}.yard-notice strong{font-size:34px;line-height:1.15;display:block;margin:26px 0}.yard-notice p{font-size:20px}.yard-notice a{font-size:14px;color:var(--gold)}.mini-route{list-style:none;padding:0;margin:0}.mini-route li{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #426168}.mini-route strong{color:var(--gold)}.mini-route span{color:var(--muted)}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.destination-grid>a{display:block;text-decoration:none;padding:25px;border-radius:18px;background:#153b42;border:1px solid #426168}.destination-grid h3{margin:16px 0}.destination-grid p{font-size:15px;color:var(--muted);margin:0}.destination-grid>a:hover{border-color:var(--gold)}.follow-line{margin-top:44px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.follow-line h3,.follow-line p{margin:0}.follow-line .button{margin-left:auto}.asset-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;margin-bottom:28px;border-block:1px solid #426168}.asset-tabs a{padding:12px 18px;border-radius:24px;border:1px solid #426168;text-decoration:none;min-height:44px}.asset-tabs a[aria-current=page]{background:var(--gold);color:#0b242b;border-color:var(--gold);font-weight:bold}.mineable-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mineable .show-image img{aspect-ratio:auto;height:auto;max-height:360px;min-height:180px;object-fit:contain}.mineable-copy p{font-size:15px;color:#d6e1d9}.scenery-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.scenery-gallery .show-image img{height:auto;aspect-ratio:4/3;object-fit:contain}.scenery-gallery figcaption{font-size:15px}.scenery-gallery h3{color:var(--ink);font-size:25px}.route-sequence{list-style:none;padding:0;counter-reset:route;display:grid;gap:12px}.route-sequence li{counter-increment:route;display:grid;grid-template-columns:42px 230px 1fr;gap:18px;align-items:start;background:#153b42;padding:22px;border-radius:14px;border:1px solid #426168}.route-sequence li:before{content:'0' counter(route);color:var(--gold);font-size:24px;font-weight:bold}.route-sequence span{color:var(--muted)}.road-sign{border:2px solid #d0a34c;border-radius:20px;background:#153b42;padding:38px;transform:rotate(1deg)}.road-sign>span{font-size:12px;letter-spacing:2px;color:var(--gold)}.road-sign strong{display:block;font-size:38px;line-height:1.14;margin:24px 0}.road-sign a{color:var(--gold)}.progress-note{padding:30px;border:1px solid #426168;border-radius:20px;background:#153b42}.dev-history{padding:42px 0;border-top:1px solid #426168;margin-top:40px}.dev-history>p{max-width:800px}.dev-history video{max-width:540px;margin:auto}.dev-history .clip-player{margin:auto}.concept-gallery .asset-card{background:#153b42}.footer-links{max-width:580px}.showcase .show-image img{object-fit:contain}.site-nav{gap:5px}
@media(max-width:900px){.welcome-hero{gap:28px}.idea-loop{gap:14px}.personality,.welcome-road{gap:30px}.destination-grid{grid-template-columns:1fr}.route-sequence li{grid-template-columns:36px 1fr}.route-sequence li span{grid-column:2}.mineable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.welcome-hero{grid-template-columns:1fr;padding:22px 0 32px;gap:28px}.welcome h1{font-size:42px}.welcome-pitch{font-size:18px}.welcome-art{max-width:520px}.welcome-section{padding:36px 0}.idea-loop,.personality,.welcome-road{grid-template-columns:1fr}.yard-notice{padding:30px 24px}.yard-notice strong{font-size:30px}.follow-line{display:block}.follow-line p{margin:12px 0}.asset-tabs a{font-size:13px;padding:10px 13px}.scenery-gallery{grid-template-columns:1fr}.road-sign{padding:26px}.road-sign strong{font-size:29px}.demo-hero{gap:26px}.mineable-grid{grid-template-columns:1fr}.mineable .show-image img{max-height:none}.scenery-gallery .show-image img{aspect-ratio:auto}.dev-history{padding:28px 0}.welcome-actions .button{font-size:15px}.welcome-actions{gap:8px}.yard-sticker{font-size:15px}.intro-copy{font-size:17px}.welcome-section .eyebrow{font-size:12px}}
.showcase>.page-heading{margin:24px 0;padding:8px 0 12px}.showcase>.page-heading h1{font-size:clamp(34px,4vw,48px);margin:10px 0 16px}.showcase>.page-heading p{max-width:780px}.catalog-tools{margin-top:20px}.asset-tabs{margin-bottom:20px}.scenery-gallery .show-image{align-self:start}@media(max-width:700px){.showcase>.page-heading h1{font-size:34px}.showcase>.page-heading{margin:18px 0}}
@media(max-width:700px){.welcome-hero>div{display:contents}.welcome-hero{gap:16px}.welcome-hero .eyebrow{order:1;margin-bottom:0;font-size:12px}.welcome-hero h1{order:2;margin:0 0 8px;font-size:38px}.welcome-hero .welcome-art{order:3;margin-bottom:8px}.welcome-hero .welcome-pitch{order:4;margin-bottom:0}.welcome-hero>div>p:not(.eyebrow):not(.welcome-pitch){order:5;margin-bottom:0}.welcome-actions{order:6;margin-top:0}.release-note{order:7;margin-top:0}.welcome-actions .text-link{font-size:13px}.yard-sticker{font-size:14px}}

/* MB056: relevant visual references are intentionally shared with the catalog. */
.reference-figure,.mammoth-feature,.roadmap-visual,.expansion-map,.follow-art{margin:0;background:#153b42;border:1px solid #426168;border-radius:20px;overflow:hidden}.reference-figure img,.mammoth-feature img,.roadmap-visual img,.expansion-map img,.follow-art img{display:block;width:100%;height:auto;object-fit:contain}.reference-figure figcaption,.mammoth-feature figcaption,.roadmap-visual figcaption,.expansion-map figcaption,.follow-art figcaption{padding:14px 18px;font-size:13px;color:var(--muted)}figcaption small{display:block;margin-top:5px;font-size:11px}.loop-picture{margin:0 0 20px;border-radius:12px;overflow:hidden;background:#102a2c}.loop-picture img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}.loop-picture figcaption{font-size:11px;padding:10px 12px;color:var(--muted)}.idea-loop li{min-width:0}.named-oddballs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:-18px}.named-oddballs>a{background:#153b42;border:1px solid #426168;border-radius:18px;overflow:hidden;text-decoration:none}.named-oddballs img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}.named-oddballs span{display:block;padding:16px;font-size:14px;color:var(--muted)}.named-oddballs strong{display:block;font-size:23px;color:var(--ink);margin-bottom:8px}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.destination-grid>a{padding:0 0 24px;overflow:hidden}.destination-grid>a>span,.destination-grid h3,.destination-grid p{margin-left:22px;margin-right:22px}.destination-grid>a>span{display:block;margin-top:20px}.destination-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#102a2c}.demo-step article{min-width:0;flex:1}.demo-step .reference-figure{margin:18px 0}.demo-step .reference-figure img{aspect-ratio:4/3;object-fit:contain}.step-miners{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-step .step-miners .reference-figure img{aspect-ratio:auto}.step-miners figcaption{padding:9px;font-size:11px}.expansion-map{max-width:720px;margin:36px auto}.expansion-map img{max-height:580px}.roadmap-visual{align-self:center}.follow-art{max-width:430px;margin:26px auto}.follow-art img{max-height:320px}.gobbler-reference{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}@media(max-width:700px){.named-oddballs,.destination-grid,.gobbler-reference{grid-template-columns:1fr}.named-oddballs{margin-top:0}.named-oddballs img{max-height:370px}.destination-image{max-height:300px}.demo-step{display:block;position:relative}.demo-step .step-number{display:block;margin-bottom:12px}.step-miners{gap:8px}.mammoth-feature{width:100%}.demo-step .reference-figure figcaption{font-size:12px}.expansion-map img{max-height:none}}

/* Junkyard cartoon framing: original artwork and legible body copy stay intact. */
:root{--comic-edge:#051a20;--comic-mint:#83cdb7}
body{background-color:#0b292e;background-image:radial-gradient(circle,rgba(131,205,183,.09) 1px,transparent 1.5px);background-size:22px 22px}
main h1,main h2,main h3,.named-oddballs strong{font-family:'Arial Rounded MT Bold','Trebuchet MS',system-ui,sans-serif;font-weight:900;letter-spacing:-.035em}
main h1{ text-shadow:3px 4px 0 var(--comic-edge)}
main h1 em{position:relative;color:#ffc44b;text-shadow:3px 4px 0 var(--comic-edge)}
.preview{background:#173f43;border-bottom:3px solid var(--comic-edge);font-weight:700}
.site-header{border-bottom:2px dashed #49706c}
.site-nav a{border-radius:11px;transition:background .15s,transform .15s}
.site-nav a[aria-current=page]{background:var(--gold);color:#10262b;border:2px solid var(--comic-edge);box-shadow:3px 3px 0 var(--comic-edge);padding-inline:14px}
.button,.menu-toggle,.asset-tabs a,.route-tabs button,.filter-buttons button,.chapter-nav a,.road-jumps a{border:2px solid var(--comic-edge);border-radius:12px;box-shadow:3px 4px 0 var(--comic-edge);font-weight:800;transition:transform .15s,box-shadow .15s}
.button{background:#ffc44b;color:#10262b;box-shadow:4px 5px 0 var(--comic-edge)}
.button:hover,.asset-tabs a:hover,.route-tabs button:hover,.filter-buttons button:hover,.chapter-nav a:hover,.road-jumps a:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--comic-edge)}
.button:active,.menu-toggle:active{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--comic-edge)}
.welcome .eyebrow,.page-heading>.eyebrow,.demo-hero .eyebrow,.section-heading>.eyebrow{display:inline-block;max-width:100%;padding:8px 13px;background:#214b4d;color:#ffe1a0;border:2px solid var(--comic-edge);border-radius:9px 13px 10px 7px;box-shadow:3px 3px 0 var(--comic-edge);letter-spacing:0;line-height:1.45}
.welcome-art img,.mammoth-feature,.roadmap-visual,.follow-art,.expansion-map,.mineable,.scenery-gallery>.show-image,.named-oddballs>a,.destination-grid>a,.idea-loop li,.demo-step,.future-eras article,.route-sequence li,.release-journey li{border:3px solid var(--comic-edge);box-shadow:5px 6px 0 var(--comic-edge);border-radius:22px 18px 24px 16px}
.idea-loop li{border-top:6px solid var(--gold)}
.idea-loop li:nth-child(2){border-top-color:var(--comic-mint)}
.idea-loop li:nth-child(3){border-top-color:#ee9d68}
.yard-sticker{border:3px solid var(--comic-edge);border-radius:14px 14px 5px 14px;box-shadow:4px 5px 0 var(--comic-edge);font-family:'Trebuchet MS',system-ui,sans-serif}
.yard-sticker:after{content:'';position:absolute;bottom:-13px;right:18px;width:17px;height:17px;background:var(--gold);border-right:3px solid var(--comic-edge);border-bottom:3px solid var(--comic-edge);transform:skewY(25deg)}
.personality h2{color:#ffc44b}.named-oddballs>a:nth-child(2){border-color:#254f50;box-shadow:5px 6px 0 var(--comic-edge)}
.named-oddballs>a,.destination-grid>a{transition:transform .18s,box-shadow .18s}
.named-oddballs>a:hover,.destination-grid>a:hover{transform:translateY(-4px);box-shadow:6px 9px 0 var(--comic-edge)}
.welcome-section{border-top:2px dashed #426864}
.mini-route strong,.step-number{color:#ffc44b;text-shadow:2px 2px 0 var(--comic-edge)}
.demo-step.active{border:3px solid #ffc44b;box-shadow:5px 6px 0 var(--comic-edge)}
.step-status{display:inline-block;padding:6px 10px;border-radius:8px;background:#0d2b2f;border:1px solid #476e68}
.reference-figure figcaption,.mammoth-feature figcaption,.show-image figcaption,.follow-art figcaption{background:#163b40}
.loop-picture{border:2px solid var(--comic-edge)}
.follow-line,.road-follow,.next-banner{border:2px dashed #70b9a8;border-radius:22px;background:#173f43;padding:26px}
a:focus-visible,button:focus-visible{outline:3px solid #ffe1a0;outline-offset:5px}
@media(max-width:700px){main h1{text-shadow:2px 3px 0 var(--comic-edge)}.welcome .eyebrow{font-size:11px}.welcome-art img,.mammoth-feature,.roadmap-visual,.mineable,.named-oddballs>a,.destination-grid>a,.idea-loop li,.demo-step{box-shadow:3px 4px 0 var(--comic-edge)}.follow-line,.road-follow{padding:22px}.site-nav a[aria-current=page]{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.button,.menu-toggle,.asset-tabs a,.route-tabs button,.filter-buttons button,.chapter-nav a,.road-jumps a,.site-nav a,.named-oddballs>a,.destination-grid>a{transition:none}.button:hover,.asset-tabs a:hover,.route-tabs button:hover,.filter-buttons button:hover,.chapter-nav a:hover,.road-jumps a:hover,.named-oddballs>a:hover,.destination-grid>a:hover{transform:none}}

.preview{color:#f4ebd5}

.preview{color:#f4ebd5}