/* Stonefield's warm charcoal panels, chiseled edges and original pixel face. */
body{background:#131917;font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:15px;line-height:1.8}
header{background:#1b211d;border-bottom:4px solid #080e0b;box-shadow:inset 0 -2px #4e5943;height:94px}
header nav{font:14px/1.4 Stone,monospace;gap:26px}.brand{font-size:27px;text-shadow:3px 3px #080e0b}.brand span{font:10px/1.4 Stone,monospace;color:#aebc9a;margin-top:8px}
.nav-download,.secondary{background:#333d34;border:2px solid #101710;box-shadow:inset 2px 2px #788270,inset -2px -2px #20281e,2px 3px #080e0b;padding:13px 18px;color:#e6e5c9}
.nav-download:hover,.secondary:hover{background:#45513e;color:#fff}.eyebrow,.hero-caption,.journey span,.release-tag{font:11px/1.7 Stone,monospace;letter-spacing:1px}
.hero{height:calc(100svh - 94px);min-height:680px;border-bottom:4px solid #080e0b}.hero-content{padding-top:7vh}.hero-shade{background:linear-gradient(90deg,rgba(10,20,14,.91),rgba(10,20,14,.20) 75%),linear-gradient(0deg,#131917,transparent 30%)}
h1{text-shadow:4px 4px #142016,0 7px #0b120d;font-size:clamp(60px,7.5vw,116px);line-height:1.12;letter-spacing:-2px;margin-top:30px}.hero .eyebrow{display:inline-block;background:#1b281edb;border:1px solid #63744f;padding:8px 12px;font-size:10px}.intro{font-size:18px;line-height:1.8}.fine{font:12px/1.8 ui-monospace,Consolas,monospace}
.primary{font:18px/1.5 Stone,monospace;background:#829957;color:#f5f1d6;text-shadow:2px 2px #3b4c2e;border:3px solid #0c140d;padding:17px 25px;box-shadow:inset 3px 3px #b6c88b,inset -3px -3px #4b603b,4px 5px #080e0b;transition:transform .12s,background .12s}.primary:hover{background:#93ac66;transform:translateY(-2px)}.primary:active{transform:translate(2px,3px);box-shadow:inset 3px 3px #4b603b,inset -3px -3px #b6c88b,1px 2px #080e0b}.secondary{font:14px/1.5 Stone,monospace;padding:18px}.actions{gap:18px}.hero-caption{font-size:10px}
.loadout{padding:28px 6% 36px;background:#1b231c;border-bottom:4px solid #0b110d;box-shadow:inset 0 2px #4b5540}.loadout>.eyebrow{font-size:10px;margin:0 0 20px;color:#9eae8e}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.slot{display:flex;gap:16px;align-items:center}.item-slot{flex:none;width:70px;height:70px;background:#263027;border:3px solid #090f0b;box-shadow:inset 3px 3px #141c17,inset -3px -3px #59634e;display:grid;place-items:center}.item-slot img{image-rendering:pixelated}.slot b{font:13px/1.5 Stone,monospace;display:block;color:#e3e4c9}.slot div>span{font-size:11px;color:#a8b59d;display:block;margin-top:5px}
.welcome{padding:90px 6%;gap:45px;grid-template-columns:1fr 3fr;border-color:#384232}.welcome>div{grid-template-columns:1.2fr 1fr}.welcome h2{font-size:clamp(30px,3.2vw,48px)}h2,h3{color:#e2e3c8;text-shadow:2px 3px #0a110d}.journey{padding-top:20px;gap:36px}.journey article{border:3px solid #080e0b;box-shadow:inset 2px 2px #687154,inset -2px -2px #2c362a,5px 6px #080e0b;background:#232c23;padding:5px}.journey img{border-bottom:3px solid #101710;object-position:center}.journey article>div{padding:26px 28px 30px}.journey article:first-child span{color:#eab479}.journey article:last-child span{color:#b8a4db}.journey h3{font-size:29px}.journey p{font-size:14px}
.friends{background:#1d281e;color:#e2e3c8;border-top:4px solid #6a7a52;border-bottom:4px solid #0b110d;box-shadow:inset 0 3px #a1b078;padding:75px 8%;gap:10%}.friends .eyebrow{color:#bdc99e}.friends p{color:#adbaa7}.friends li{background:#29322a;border:2px solid #101710;box-shadow:inset 2px 2px #515e48,3px 4px #0c130e;margin:0 0 18px;padding:18px 22px;gap:22px}.friends li b{background:#172019;border:2px solid #0b110d;box-shadow:inset -2px -2px #536047;color:#c4d298;width:50px;height:50px;flex:none;text-align:center;font-size:19px;padding-top:11px}.friends li h3{font-size:18px;margin:0 0 9px}.friends li p{font-size:12px;margin:0}
.release{padding:90px 8%;gap:9%}.release aside{border:3px solid #080e0b;box-shadow:inset 2px 2px #647052,inset -2px -2px #273323,5px 6px #080e0b;background:#222d23}.release-tag{display:block;background:#141d16;padding:8px 12px;margin:-15px -15px 24px;border-bottom:2px solid #536446}.release aside h3{font-size:22px;color:#cfdda8;overflow-wrap:anywhere}summary{font:13px/1.7 Stone,monospace;color:#d7dec2}details p{font-size:12px}footer{background:#0f1511;border-top:3px solid #35432f}footer .brand{font-size:23px}footer p{font-size:11px}
.skip{position:fixed;top:-100px;left:20px;z-index:20;background:#e3e7cc;color:#152316;padding:14px}.skip:focus{top:10px}::selection{background:#b4c78b;color:#101a13}
@media(max-width:1050px){.slots{grid-template-columns:1fr 1fr;gap:22px}.welcome{display:block}.welcome>.eyebrow{margin-bottom:25px}.welcome>div{gap:30px}header nav{gap:18px;font-size:12px}.hero-content{padding-top:60px}}
@media(max-width:850px){header{height:78px}.brand{font-size:21px}.brand span{font-size:8px}.nav-download{font-size:12px;padding:11px 13px}.hero{height:auto;min-height:690px}.hero-content{padding:48px 6% 100px}.hero-caption{font-size:8px;letter-spacing:0}.hero-caption span{max-width:110px;text-align:right}.hero .eyebrow{font-size:8px;letter-spacing:0}.intro{font-size:15px}h1{font-size:clamp(55px,12vw,83px);letter-spacing:-2px}.primary{font-size:15px;padding:17px;gap:24px}.secondary{font-size:12px;padding:18px 14px}.loadout{padding:28px 6%}.slots{gap:22px 12px}.slot{gap:10px}.item-slot{width:52px;height:52px}.item-slot img{width:40px;height:40px}.slot b{font-size:10px}.slot div>span{font-size:9px}.welcome{padding:55px 6%}.journey article>div{padding:22px}.friends,.release{padding:60px 6%}.release aside{padding:28px}footer{padding:36px 6%}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}

/* Editorial spacing and one uninterrupted gameplay view. */
.welcome{display:block;padding:78px 8% 60px}.welcome>.eyebrow{margin:0 0 28px}.welcome>div{grid-template-columns:1.1fr 1fr;gap:0 60px}.welcome h2{grid-row:span 2;font-size:clamp(32px,3.5vw,50px)}.welcome>div p{max-width:510px}.journey{padding-bottom:70px}.fieldnotes{display:grid;grid-template-columns:1.45fr 1fr;gap:55px;align-items:center;padding:0 6% 90px}.fieldnotes figure{margin:0;border:3px solid #080e0b;background:#1d281e;box-shadow:4px 5px #080e0b;padding:5px}.fieldnotes img{width:100%;display:block}.fieldnotes figcaption{font:9px/1.5 Stone,monospace;letter-spacing:1px;color:#afbd98;padding:14px 12px}.fieldnotes h2{font-size:36px}.fieldnotes p{font-size:14px;color:#adbaa7}.fieldnotes .fine{font-size:12px}.release aside{box-shadow:inset 2px 2px #647052,5px 6px #080e0b}.friends{padding-top:65px;padding-bottom:65px}h3{letter-spacing:-.5px}
@media(max-width:850px){.welcome{padding:55px 6%}.welcome>div{display:block}.fieldnotes{grid-template-columns:1fr;gap:26px;padding:0 6% 55px}.fieldnotes h2{font-size:31px}.fieldnotes>div{padding:0 5px}}
