@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@300;400;500;600&display=swap");:root{--bg:#000000;--bg-soft:#0d0d0d;--text:#ffffff;--text-soft:#bfbfbf;--line:#2d2d2d;--shine:rgba(255,255,255,0.85)}*{box-sizing:border-box}body,html{width:100%;min-height:100%}body{margin:0;background:radial-gradient(circle at 50% 20%,#111111 0,var(--bg) 55%);color:var(--text);font-family:Space Grotesk,sans-serif}.landing{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5rem;padding:2.5rem 1.5rem;overflow:hidden}.landing:before{content:"";position:absolute;width:min(85vw,900px);height:min(55vh,500px);border:1px solid var(--line);opacity:.45;pointer-events:none}.logo{letter-spacing:.2em;font-size:clamp(.65rem,1.5vw,.9rem);color:var(--text-soft);opacity:.95}.logo,.title{font-family:Press Start\ 2P,cursive}.title{margin:0;font-size:clamp(1.25rem,5vw,2.75rem);letter-spacing:.13em;text-shadow:0 0 16px rgba(255,255,255,.18)}.description{margin:0;max-width:38rem;color:var(--text-soft);font-size:clamp(.88rem,2vw,1.05rem);line-height:1.8}.ghost-button{margin-top:.6rem;min-width:12rem;border:1px solid #4c4c4c;background:linear-gradient(180deg,#141414,#0b0b0b);color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1rem;cursor:default;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,rgba(0,0,0,0) 2px,rgba(0,0,0,0) 4px);opacity:.22;pointer-events:none}.retro-cursor{position:absolute;width:10px;height:16px;right:14%;bottom:22%;border-left:2px solid var(--shine);animation:blink 1.1s step-end infinite;opacity:.65}.floating-pixels span,.stars span{position:absolute;display:block;width:3px;height:3px;background:var(--shine)}.floating-pixels span:first-child{top:18%;left:19%;animation:drift 8.5s ease-in-out infinite}.floating-pixels span:nth-child(2){top:24%;right:22%;animation:drift 10s ease-in-out .6s infinite}.floating-pixels span:nth-child(3){bottom:30%;left:24%;animation:drift 9s ease-in-out 1s infinite}.floating-pixels span:nth-child(4){bottom:22%;right:16%;animation:drift 12s ease-in-out .9s infinite}.floating-pixels span:nth-child(5){top:38%;right:33%;animation:drift 11s ease-in-out 1.3s infinite}.floating-pixels span:nth-child(6){bottom:35%;left:34%;animation:drift 10.5s ease-in-out 1.7s infinite}.stars span{width:2px;height:2px;box-shadow:0 0 10px rgba(255,255,255,.85)}.stars span:first-child{top:13%;left:38%;animation:twinkle 2.2s ease-in-out infinite}.stars span:nth-child(2){top:20%;right:32%;animation:twinkle 2.9s ease-in-out .5s infinite}.stars span:nth-child(3){bottom:21%;right:40%;animation:twinkle 3.1s ease-in-out .9s infinite}.stars span:nth-child(4){bottom:17%;left:41%;animation:twinkle 2.6s ease-in-out .3s infinite}.simple-state{min-height:100svh;display:grid;place-content:center;grid-gap:1rem;gap:1rem;text-align:center;padding:1.5rem;background:var(--bg);color:var(--text)}.simple-state h1{margin:0;font-family:Press Start\ 2P,cursive;font-size:clamp(1.1rem,4vw,2rem)}.simple-state p{margin:0;color:var(--text-soft)}.state-link{display:inline-block;margin:.3rem auto 0;color:var(--text);border:1px solid #454545;background:#121212;padding:.6rem .9rem;font-size:.85rem;text-decoration:none}.state-debug{margin:0;max-width:min(92vw,640px);max-height:11rem;overflow:auto;text-align:left;border:1px solid #333333;background:#0e0e0e;padding:.8rem;color:#cfcfcf}@keyframes twinkle{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes drift{0%,to{transform:translateZ(0);opacity:.45}50%{transform:translate3d(8px,-10px,0);opacity:.95}}@keyframes blink{0%,40%{opacity:0}41%,to{opacity:1}}@media (max-width:760px){.landing{gap:1.1rem}.landing:before{width:calc(100vw - 2.2rem);height:auto;aspect-ratio:1.15/1}.retro-cursor{right:10%;bottom:16%}}