:root{--void:#090a22;--purple:#7725ff;--acid:#d6ff43;--pink:#ff4cad;--ice:#e6e9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ice);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}.scan{position:fixed;z-index:8;pointer-events:none;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}header{display:flex;justify-content:space-between;align-items:flex-start;position:absolute;z-index:2;width:100%;padding:2rem 4vw}.wordmark{font:900 1.05rem/.8 Orbitron,sans-serif;letter-spacing:-.08em;text-decoration:none;color:var(--ice)}.wordmark span{color:var(--acid);font-size:.65rem;letter-spacing:.04em}header button{display:none;background:none;border:0;color:var(--acid);font:.65rem "DM Mono",monospace}nav{display:flex;gap:2rem}nav a{color:var(--ice);font:.65rem "DM Mono",monospace;text-decoration:none;text-transform:uppercase}.hero{min-height:100vh;position:relative;padding:21vh 7vw 8vw;background:radial-gradient(circle at 75% 40%,#34218b,transparent 33%),var(--void);overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.65}.level{font:.62rem "DM Mono",monospace;letter-spacing:.12em;color:var(--acid);margin:0 0 2rem;position:relative;z-index:1}.hero h1,.grid h2,.bar h2,.contact h2{font:900 clamp(3.6rem,8.5vw,9.5rem)/.8 Orbitron,sans-serif;letter-spacing:-.1em;margin:0;position:relative;z-index:1}.hero h1 i,.grid h2 i,.bar h2 i,.contact h2 i{color:var(--pink);font-style:normal}.hero>p:not(.level){max-width:330px;line-height:1.6;font-size:.9rem;position:absolute;bottom:12vh;left:52%;z-index:1}.start{position:absolute;bottom:7vh;left:7vw;border:1px solid var(--acid);padding:1.2rem 1.6rem;color:var(--acid);text-decoration:none;font:700 .75rem Orbitron,sans-serif;z-index:1;transition:.2s}.start:hover{background:var(--acid);color:var(--void);box-shadow:0 0 22px var(--acid)}.score{position:absolute;bottom:8vh;right:7vw;text-align:right;color:var(--pink);font:.6rem "DM Mono",monospace;letter-spacing:.1em;z-index:1}.score strong{font:2rem Orbitron,sans-serif}.grid{background:var(--ice);color:var(--void);display:grid;grid-template-columns:1.2fr 1fr .35fr;min-height:760px}.copy{padding:12vw 7vw}.grid h2{font-size:clamp(3rem,5.7vw,6.5rem)}.grid h2 i{color:var(--purple)}.copy>p:last-child{max-width:370px;font-size:.92rem;line-height:1.7;margin:3rem 0}.arcade{background:var(--purple);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.cabinet{width:min(27vw,340px);height:min(40vw,500px);border:12px solid var(--void);border-radius:14px 14px 4px 4px;background:#15173e;box-shadow:14px 15px 0 #4e12c5;transform:perspective(700px) rotateY(-10deg)}.screen{height:60%;background:radial-gradient(circle,#fc67af 0 2%,#3722a2 3% 13%,#101132 14%);border:9px solid #28305c;margin:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--acid);font:700 1.1rem Orbitron,sans-serif;line-height:1.15}.screen b{font:.48rem "DM Mono",monospace;color:var(--pink);margin-top:2rem;animation:blink 1s infinite}.controls{height:28%;background:#202248;margin:0 16px;position:relative}.controls i{width:19px;height:19px;border-radius:50%;background:var(--pink);display:block;position:absolute;top:35%;right:20%}.controls i:nth-child(2){right:36%;background:var(--acid)}.controls i:nth-child(3){right:52%;background:var(--ice)}.arcade small{position:absolute;bottom:3rem;font:.55rem "DM Mono",monospace;color:var(--acid);letter-spacing:.1em}.fact{background:var(--pink);padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.fact b{font:6rem Orbitron,sans-serif}.fact p{font:700 1rem Orbitron,sans-serif;line-height:1.1}.bar{background:var(--void);color:var(--ice);overflow:hidden}.ticker{white-space:nowrap;background:var(--acid);color:var(--void);font:900 1.6rem Orbitron,sans-serif;padding:.7rem;transform:rotate(-2deg) scale(1.05)}.bar-content{display:flex;justify-content:space-between;align-items:end;padding:14vw 8vw 11vw}.bar h2{font-size:clamp(3rem,6.5vw,7.5rem)}.chips{display:flex;max-width:220px;flex-wrap:wrap;gap:.5rem}.chips span{border:1px solid var(--pink);color:var(--pink);padding:.5rem .6rem;font:.57rem "DM Mono",monospace}.pixels{height:38vw;min-height:380px;position:relative;background:#201264;overflow:hidden}.pixels .p{position:absolute;background:var(--acid);width:16vw;height:16vw;box-shadow:0 0 0 3vw var(--pink),0 0 0 5vw var(--purple)}.p1{left:11%;top:18%}.p2{right:19%;bottom:7%;transform:scale(.55)}.p3{right:39%;top:-4%;transform:scale(.75)}.p4{left:42%;bottom:23%;transform:scale(.35)}.pixels p{position:absolute;bottom:2rem;right:4vw;max-width:260px;color:var(--ice);font:.65rem "DM Mono",monospace;line-height:1.6}.contact{padding:12vw 7vw;background:var(--ice);color:var(--void);display:grid;grid-template-columns:1.4fr .6fr;gap:4vw}.contact h2{font-size:clamp(3.2rem,6.5vw,7rem)}.contact h2 i{color:var(--purple)}.contact div{align-self:end}.contact a{font:700 .7rem Orbitron,sans-serif;color:var(--void);text-decoration:none;border:1px solid var(--void);padding:1rem;display:inline-block}.contact div p{font:.7rem "DM Mono",monospace;line-height:1.6;margin-top:2rem}footer{background:var(--ice);color:var(--void);padding:2rem 4vw;border-top:1px solid #b4b5c9;display:flex;justify-content:space-between;font:.6rem "DM Mono",monospace}footer>a:last-child{color:inherit;text-decoration:none}@keyframes blink{50%{opacity:0}}@media(max-width:700px){header{padding:1.5rem 6vw}header button{display:block}nav{display:none}nav.open{display:flex;position:absolute;top:0;right:0;background:var(--purple);padding:4rem 2rem 2rem;flex-direction:column}.hero{padding:20vh 7vw 7vw}.hero h1{font-size:3.7rem}.hero>p:not(.level){position:relative;bottom:auto;left:auto;margin-top:6vh}.start{bottom:8vh}.score{bottom:8vh;right:7vw}.grid{display:block}.copy{padding:20vw 7vw}.grid h2{font-size:3rem}.arcade{height:130vw}.cabinet{width:58vw;height:86vw}.fact{height:30vw;display:block}.fact b{font-size:3rem}.fact p{margin:0}.bar-content{display:block;padding:18vw 7vw}.bar h2{font-size:3rem}.chips{margin-top:4rem}.pixels{height:70vw;min-height:320px}.contact{display:block;padding:18vw 7vw}.contact h2{font-size:3rem}.contact div{margin-top:13vw}footer{display:block;padding:7vw}footer p{margin:1.5rem 0}}
