*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02070b;color:#edf8fc;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,#132d3a,#061016 30%,#02070b 65%);padding:60px 20px}.planet{position:absolute;width:650px;height:650px;border-radius:50%;top:-470px;background:radial-gradient(circle at 45% 70%,#31586b,#0d1c25 48%,#02070b 72%);box-shadow:0 0 100px #16405255}.rb{border:1px solid #2d5363;border-radius:50%;padding:20px;color:#77e8ff;margin-bottom:40px;z-index:1}h1{font-size:clamp(60px,10vw,145px);font-weight:300;letter-spacing:.22em;margin:0 0 20px .22em;z-index:1}.sub,.kicker{letter-spacing:.5em;color:#7097ad;font-size:12px}.status{width:min(740px,90vw);margin:50px 0 40px;z-index:1}.status div{display:flex;justify-content:space-between;border-top:1px solid #16303b;padding:15px;font:12px monospace;color:#7292a3}.status div:last-child{border-bottom:1px solid #16303b}.status b,.terminal b{color:#6fe9ff}.enter{border:1px solid #356070;padding:18px 32px;letter-spacing:.25em;color:#8cecff;z-index:1}nav{position:sticky;top:0;z-index:5;background:#03090def;border-bottom:1px solid #132832;padding:18px;text-align:center}nav a{margin:0 18px;font-size:11px;letter-spacing:.18em;color:#9cb3bf}main{max-width:1180px;margin:auto;padding:0 35px}main section{padding:105px 0;border-bottom:1px solid #12252e}h2{font-size:clamp(38px,5vw,68px);font-weight:300;margin:20px 0}.lead{font-size:20px;color:#aabac2}.crew{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:#17303a;margin-top:45px}.crew div{background:#061016;padding:25px;font:12px monospace}.crew small{display:block;color:#6994a7;margin-top:12px}.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:50px}.chapters article{min-height:185px;border:1px solid #17323e;padding:25px;background:linear-gradient(145deg,#071219,#03090d)}.chapters span,.tracks span{font:11px monospace;color:#5b879b}.chapters h3{font-size:23px;font-weight:400;letter-spacing:.1em}.chapters p{color:#839ca8}.tracks{margin-top:40px;border-top:1px solid #19333e}.tracks div{display:grid;grid-template-columns:70px 1fr 220px;padding:19px 5px;border-bottom:1px solid #19333e}.tracks strong{letter-spacing:.15em;font-weight:400}.tracks em{font:10px monospace;color:#63889a;font-style:normal;text-align:right}.terminal{margin-top:45px;border:1px solid #1a3c49;padding:30px;font:13px/2 monospace;color:#6f94a4}footer{text-align:center;padding:50px;color:#54717e;font:10px monospace}@media(max-width:650px){nav a{margin:0 5px;font-size:8px}.tracks div{grid-template-columns:45px 1fr}.tracks em{display:none}}
.landing-image{background:#01070b url("assets/rayborg-landing.png") center center/contain no-repeat;min-height:100vh}
.landing-image .planet,.landing-image .rb,.landing-image h1,.landing-image .sub,.landing-image .status{display:none}


.crew-photo{margin:45px 0 28px;border:1px solid #17323e;background:#03090d;overflow:hidden}
.crew-photo img{display:block;width:100%;height:auto}
@media(max-width:650px){.landing-image{min-height:66.667vw;height:66.667vw;padding:0;background-size:100% auto;background-position:center top;background-repeat:no-repeat}}

.legalbox{font-family:Arial,Helvetica,sans-serif;line-height:1.7;color:#a9bbc4}
.legalbox strong{color:#eaf8fd;font-weight:500}
.legalbox a{color:#75eaff}
.legalnote{max-width:850px;color:#6f8792;font-size:13px;line-height:1.7;margin-top:28px}

/* V3.3: invisible clickable area over ENTER RAYBORG in the landing artwork */
.landing-hotspot{
  position:absolute;
  z-index:5;
  left:50%;
  transform:translateX(-50%);
  bottom:7%;
  width:min(330px,42vw);
  height:72px;
  display:block;
  cursor:pointer;
  background:transparent;
}
.landing-hotspot:focus-visible{
  outline:2px solid #75eaff;
  outline-offset:4px;
}
@media(max-width:650px){
  .landing-hotspot{
    top:50vw;
    bottom:auto;
    width:60vw;
    height:11vw;
    min-height:38px;
  }
}