:root{
  --ink:#f5f0e3; --muted:#b9c9be; --cyan:#3ff0ff; --amber:#ffc36b; --orange:#ff7a3d; --magenta:#ff3fa4;
  --dark:#07121a; --pixel:"Press Start 2P",monospace; --term:"VT323",monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--dark);color:var(--ink);font-family:var(--term);font-size:22px;line-height:1.35}
a{color:var(--cyan)}
.bg,.bg img{position:fixed;inset:0;width:100%;height:100%;z-index:-2}
.bg img{object-fit:cover;object-position:center 40%}
.shade{position:fixed;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(4,10,16,.92) 0%,rgba(4,10,16,.7) 32%,rgba(4,10,16,.1) 60%,rgba(4,10,16,0) 100%),
             linear-gradient(0deg,rgba(4,10,16,.85) 0%,rgba(4,10,16,0) 30%)}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem clamp(1rem,4vw,3rem)}
.logo{font-family:var(--pixel);font-size:.8rem;color:var(--ink);text-decoration:none;letter-spacing:.08em;text-shadow:0 0 8px var(--cyan)}
.logo span{color:var(--orange);margin-left:.5em;text-shadow:0 0 8px var(--orange)}
.label-badge{display:inline-flex;align-items:center;gap:.55em;font-family:var(--pixel);font-size:.6rem;text-decoration:none;
  color:var(--amber);border:2px solid var(--amber);padding:.7em 1em;background:rgba(7,18,26,.75);box-shadow:0 0 14px rgba(255,195,107,.35)}
.label-badge:hover{background:var(--amber);color:var(--dark)}
.badge-dot{width:.7em;height:.7em;background:#9cebc9;box-shadow:0 0 8px #9cebc9}
main{padding:0 clamp(1rem,4vw,3rem);max-width:640px}
.hero{padding-top:clamp(2rem,9vh,6rem)}
.eyebrow{font-family:var(--pixel);font-size:.6rem;color:var(--cyan);letter-spacing:.15em;margin:0 0 1rem}
h1{font-family:var(--pixel);font-weight:400;font-size:clamp(1.8rem,4.6vw,3.6rem);line-height:1.15;margin:0;
  text-shadow:3px 3px 0 var(--magenta),0 0 22px rgba(63,240,255,.55)}
h1 span{color:var(--orange);text-shadow:3px 3px 0 #5a1d6b,0 0 22px rgba(255,122,61,.6)}
.tagline{font-size:1.45rem;color:var(--ink);max-width:30ch;margin:1.4rem 0}
.coin{border:3px solid var(--cyan);padding:1rem 1.25rem;background:rgba(4,10,16,.7);max-width:420px;box-shadow:0 0 18px rgba(63,240,255,.35),inset 0 0 18px rgba(63,240,255,.15)}
.coin p{margin:0}
.blink{font-family:var(--pixel);font-size:1rem;color:var(--amber);animation:blink 1.1s steps(1) infinite}
.coin-sub{font-size:1rem;color:var(--muted);margin-top:.6rem!important}
@keyframes blink{50%{opacity:0}}
.cabinet{margin:3.5rem 0 2rem}
.card{display:grid;grid-template-columns:150px 1fr;gap:1.1rem;background:rgba(4,10,16,.82);border:2px solid var(--magenta);padding:1rem;box-shadow:0 0 18px rgba(255,63,164,.3)}
.card img{width:100%;height:auto;display:block;image-rendering:auto}
.card h2{font-family:var(--pixel);font-weight:400;font-size:1.1rem;color:var(--magenta);margin:0 0 .6rem}
.card p{margin:0 0 .6rem;font-size:1.15rem}
.status{color:var(--amber);font-size:1rem!important}
.foot{position:relative;padding:2rem clamp(1rem,4vw,3rem) 2.5rem;max-width:640px}
.foot p{margin:.2rem 0}
.foot a{font-family:var(--pixel);font-size:.7rem;color:var(--amber)}
.small{font-size:1rem;color:var(--muted)}
.key{position:absolute;right:.5rem;bottom:.6rem;background:none;border:0;font-size:.9rem;opacity:.12;cursor:pointer;filter:sepia(1) saturate(4)}
.key:hover,.key:focus-visible{opacity:1}
.found{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#07121a;border:3px solid var(--amber);padding:1.5rem 2rem;text-align:center;box-shadow:0 0 40px rgba(255,195,107,.6)}
.found p:first-child{font-family:var(--pixel);color:var(--amber);font-size:1rem;margin:0 0 .6rem}
.found[hidden]{display:none}
@media (max-aspect-ratio:3/4){
  .shade{background:linear-gradient(180deg,rgba(4,10,16,.9) 0%,rgba(4,10,16,.55) 38%,rgba(4,10,16,.15) 60%,rgba(4,10,16,.85) 100%)}
  .bg img{object-position:center bottom}
}
@media (max-width:560px){
  body{font-size:20px}
  .label-badge{font-size:.5rem}
  .hero{padding-top:1.5rem}
  .card{grid-template-columns:96px 1fr}
}
@media (prefers-reduced-motion:reduce){.blink{animation:none}}
.arr{font-family:system-ui,sans-serif;font-size:1.3em;line-height:0}
@media (max-aspect-ratio:3/4){
  .shade{background:linear-gradient(180deg,rgba(4,10,16,.85) 0%,rgba(4,10,16,.5) 30%,rgba(4,10,16,.05) 55%,rgba(4,10,16,.7) 100%)}
  .hero .tagline,.hero .eyebrow{text-shadow:0 2px 6px #000}
}
.card h2 a{color:inherit;text-decoration:none}
.card-link{display:inline-block;margin-top:.2rem;font-family:var(--pixel);font-size:.65rem;color:var(--magenta);border:2px solid var(--magenta);padding:.5em .8em;text-decoration:none}
.card-link:hover{background:var(--magenta);color:#07121a}

.incubator{margin:3rem 0 1rem;background:rgba(4,10,16,.82);border:2px solid var(--cyan);padding:1.25rem;box-shadow:0 0 18px rgba(63,240,255,.3)}
.incubator h2{font-family:var(--pixel);font-weight:400;font-size:clamp(1.2rem,3vw,1.9rem);line-height:1.2;margin:0 0 1rem;text-shadow:3px 3px 0 var(--magenta)}
.incubator h2 span{color:var(--cyan);text-shadow:3px 3px 0 #0b3a52,0 0 16px rgba(63,240,255,.5)}
.incubator .lead{font-size:1.3rem;margin:0 0 1rem}
.perks{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.8rem}
.perks li{display:grid;grid-template-columns:2.6rem 1fr;gap:.8rem;align-items:start;font-size:1.15rem}
.perks strong{display:block;font-family:var(--pixel);font-weight:400;font-size:.7rem;color:var(--amber);margin-bottom:.3rem}
.perk-key{font-family:var(--pixel);font-size:.75rem;color:#07121a;background:var(--cyan);padding:.55em .4em;text-align:center;box-shadow:0 0 10px rgba(63,240,255,.5)}
.coin.p2{border-color:var(--magenta);box-shadow:0 0 18px rgba(255,63,164,.35),inset 0 0 18px rgba(255,63,164,.15);max-width:none}
.coin.p2 .blink{color:var(--magenta);font-size:.8rem}
@media (max-width:560px){.incubator{padding:1rem}.coin.p2 .blink{font-size:.65rem}}
.status a{color:var(--cyan)}
.perks a{color:var(--cyan)}
.foot .rg a{color:var(--cyan)}