:root{--ink:#f5f0da;--night:#07110d;--green:#75c442;--lime:#b7f34a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:"Courier New",monospace}a{color:inherit;text-decoration:none}
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:9rem clamp(1.25rem,7vw,7rem) 8rem;background:#233d32}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.78) contrast(1.08) brightness(.72)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,8,.92),rgba(3,12,8,.62) 42%,rgba(3,12,8,.05) 75%),linear-gradient(0deg,rgba(5,15,10,.78),transparent 48%)}.sky-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:48px 48px;z-index:1}
header{position:absolute;z-index:3;left:clamp(1.25rem,7vw,7rem);right:clamp(1.25rem,7vw,7rem);top:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ffffff38;padding-bottom:1.1rem}.logo{font-weight:900;font-size:clamp(.9rem,2vw,1.2rem)}.logo span{display:inline-grid;place-items:center;background:var(--green);color:#10210e;width:2.5rem;height:2.5rem;margin-right:.65rem;box-shadow:inset -6px -6px 0 #458c2a}.online{font-size:.75rem;font-weight:900;letter-spacing:.12em}.online i{display:inline-block;width:.65rem;height:.65rem;background:var(--lime);box-shadow:0 0 14px var(--lime);margin-right:.6rem;animation:pulse 1.7s infinite}
.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{color:var(--lime);font-weight:900;letter-spacing:.18em;font-size:.78rem}.eyebrow:before{content:"> ";color:#fff}h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(5rem,13vw,10.5rem);line-height:.72;letter-spacing:-.045em;margin:1.2rem 0 2rem;text-shadow:8px 8px 0 #0007}h1 em{font-style:normal;color:var(--lime);-webkit-text-stroke:2px #17320f;text-shadow:6px 6px 0 #285b1a}.intro{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;border-left:5px solid var(--green);padding-left:1rem}.pixel-button{display:inline-flex;margin-top:1.6rem;background:var(--green);color:#091208;font-weight:900;box-shadow:0 7px 0 #356d21,0 11px 22px #0008;transition:.15s}.pixel-button span{padding:1.1rem 1.35rem}.pixel-button b{font-size:1.8rem;padding:.65rem 1rem;border-left:2px solid #356d21}.pixel-button:hover{transform:translateY(3px);box-shadow:0 4px 0 #356d21}.coordinates{position:absolute;right:clamp(1.25rem,7vw,7rem);bottom:5rem;z-index:3;text-align:right;font-size:.72rem}.coordinates span{display:block;color:var(--lime);margin-bottom:.35rem}.dirt{position:absolute;z-index:4;left:0;right:0;bottom:0;height:28px;background:#4d331f;border-top:9px solid #69af39;display:flex}.dirt i{width:17%;border-right:7px solid #352313;background:linear-gradient(135deg,transparent 45%,#6b4629 46%)}
.base{background-color:#09130f;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:40px 40px;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem)}.section-title{max-width:850px}.section-title>p{color:var(--green);font-size:.75rem;font-weight:900;letter-spacing:.18em}.section-title h2,.mission h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,6.5vw,5.7rem);line-height:.95;margin:.8rem 0 3rem}.section-title h2 span,.mission h2 span{color:var(--lime)}
.inventory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px}.inventory article{position:relative;background:#101f18;border:3px solid #293e32;box-shadow:inset 0 0 0 3px #07100c;padding:1rem;text-align:center;min-height:230px;display:flex;flex-direction:column;justify-content:center;transition:.2s}.inventory article:hover{border-color:var(--green);transform:translateY(-6px)}.inventory small{position:absolute;top:.7rem;left:.8rem;color:#70917c}.item-icon{font-family:Arial,sans-serif;font-size:3.7rem;filter:drop-shadow(5px 5px 0 #000);margin-bottom:1rem;color:var(--lime)}.inventory p{font-size:.75rem;color:#8eaa98;letter-spacing:.12em;margin:.5rem}.inventory strong{font-size:1.15rem}
.mission{max-width:1200px;margin:8rem auto 1rem;display:grid;grid-template-columns:minmax(230px,430px) 1fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.portal{aspect-ratio:4/5;border:23px solid #2d1b4d;background:radial-gradient(circle at 50% 40%,#e476ff,#6b1caf 55%,#18052e);box-shadow:0 0 60px #912ac777,inset 0 0 38px #fff6;display:grid;place-items:center;animation:portal 3s ease-in-out infinite}.portal span{font-family:Impact,sans-serif;font-size:9rem;color:#fff;text-shadow:8px 8px 0 #4b116e}.mission>div:last-child>p:last-child{font-family:Arial,sans-serif;color:#a6baad;font-size:1.05rem;line-height:1.7}footer{padding:2rem clamp(1.25rem,7vw,7rem);border-top:2px solid #23362b;display:flex;justify-content:space-between;font-size:.68rem;letter-spacing:.1em;color:#7f9a88}footer span{color:#ff5a66}
@keyframes pulse{50%{opacity:.35}}@keyframes portal{50%{box-shadow:0 0 90px #ad38eeaa,inset 0 0 65px #fff8}}@media(max-width:760px){.hero{align-items:flex-end;padding-bottom:7rem}.hero-photo{object-position:62% center}.hero:after{background:linear-gradient(0deg,rgba(3,12,8,.96),rgba(3,12,8,.45) 75%,rgba(3,12,8,.15))}.online,.coordinates{display:none}h1{font-size:clamp(4.2rem,24vw,7rem)}.inventory{grid-template-columns:1fr 1fr}.inventory article{min-height:180px}.mission{grid-template-columns:1fr;margin-top:6rem}.portal{max-width:300px;margin:auto}footer{gap:1rem;flex-direction:column;text-align:center}}@media(max-width:430px){.inventory{grid-template-columns:1fr}.inventory article{min-height:150px}.intro br{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.online i,.portal{animation:none}}