:root{--black:#0a0a0a;--green:#00ff41;--pink:#ff0080;--yellow:#ff0;--pixel:"Press Start 2P", monospace;--mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--black);color:var(--green);font-family:var(--mono);image-rendering:pixelated;overflow-x:hidden}::selection{background:var(--pink);color:var(--black)}.app{min-height:100vh;position:relative}.crt-overlay{pointer-events:none;z-index:9998;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000047 2px 4px);position:fixed;inset:0}.crt-flicker{pointer-events:none;z-index:9999;background:#78ffaa06;animation:.25s steps(2,end) infinite crtFlicker;position:fixed;inset:0}@keyframes crtFlicker{0%{opacity:1}50%{opacity:.4}to{opacity:.9}}.section-label{font-family:var(--pixel);color:var(--yellow);text-shadow:3px 3px 0 var(--pink);letter-spacing:2px;margin-bottom:1.5rem;font-size:clamp(.7rem,2vw,1rem)}.blink{animation:1s steps(2,jump-none) infinite blinkStep}@keyframes blinkStep{0%{opacity:1}50%{opacity:0}}.cursor:after{content:"▮";margin-left:.4em;animation:.8s step-end infinite cursorBlink}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.hero{text-align:center;border-bottom:4px solid var(--green);background:radial-gradient(ellipse at 50% 120%, #00ff4114, transparent 60%), var(--black);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-marquee{font-family:var(--pixel);color:var(--pink);white-space:nowrap;width:100%;font-size:.6rem;position:absolute;top:1.5rem;overflow:hidden}.hero-marquee span{padding-left:100%;animation:18s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.hero-logo{font-family:var(--pixel);color:var(--green);text-shadow:6px 6px 0 var(--pink), 12px 12px 0 #ffff0059;letter-spacing:.1em;-webkit-user-select:none;user-select:none;font-size:clamp(3rem,12vw,8rem);animation:.5s steps(4,end) infinite logoJitter}@keyframes logoJitter{0%{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}to{transform:translate(0)}}.hero-sub{font-family:var(--pixel);color:var(--yellow);letter-spacing:2px;margin-top:2rem;font-size:clamp(.55rem,1.4vw,.8rem)}.press-start{font-family:var(--pixel);color:var(--pink);text-shadow:0 0 12px #ff0080cc;margin-top:3rem;font-size:clamp(.8rem,2.5vw,1.2rem);animation:1s steps(2,jump-none) infinite blinkStep}.hero-tagline{color:#00ff41bf;max-width:34ch;margin-top:2.5rem;font-size:.85rem;line-height:1.7}.pixel-track{width:100%;height:64px;position:absolute;bottom:12%;left:0}.pixel-character{width:48px;height:64px;animation:9s steps(96,end) infinite charCross;position:absolute;bottom:0;left:-96px}@keyframes charCross{0%{left:-96px}to{left:calc(100% + 48px)}}.pixel-body{background:conic-gradient(#0000,#0000);width:100%;height:100%;position:relative}.pixel-runner{width:4px;height:4px;animation:.64s steps(2,jump-none) infinite runCycle;position:absolute;inset:0}@keyframes runCycle{0%,49%{box-shadow:var(--runnerA)}50%,to{box-shadow:var(--runnerB)}}.drops{background:repeating-linear-gradient(45deg, #ff008008 0 12px, transparent 12px 24px), var(--black);border-bottom:4px solid var(--pink);padding:6rem clamp(1rem,6vw,5rem)}.drops-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:3rem;display:grid}.cartridge{border:3px solid var(--green);cursor:pointer;background:#111;border-radius:6px;padding:1.5rem 1.25rem 1.75rem;transition:transform .15s steps(3,end),box-shadow .15s steps(3,end);position:relative;box-shadow:6px 6px #00ff4140}.cartridge:before{content:"";background:repeating-linear-gradient(#ffffff14 0 2px,#0000 2px 5px);border-radius:3px;height:14px;position:absolute;top:8px;left:10%;right:10%}.cartridge:hover{border-color:var(--yellow);transform:translate(-3px,-3px);box-shadow:9px 9px #00ff4166,0 0 24px #00ff418c,0 0 48px #ff00804d}.cartridge .cart-label{background:var(--black);border:2px solid var(--pink);margin-top:1.75rem;padding:1rem .75rem}.cart-title{font-family:var(--pixel);color:var(--yellow);font-size:.7rem;line-height:1.6}.cart-model{font-family:var(--pixel);color:var(--pink);margin-top:.6rem;font-size:.55rem}.cart-desc{color:#00ff41cc;margin-top:.9rem;font-size:.8rem;line-height:1.6}.cart-footer{justify-content:space-between;align-items:center;margin-top:1.1rem;display:flex}.cart-price{font-family:var(--pixel);color:var(--green);text-shadow:0 0 8px #00ff41b3;font-size:.7rem}.cart-status{font-family:var(--pixel);color:var(--pink);font-size:.5rem}.cart-status.live{color:var(--yellow);animation:.9s steps(2,jump-none) infinite blinkStep}.cart-shoe{filter:drop-shadow(0 0 6px #00ff4180);height:48px;margin:.5rem 0;position:relative}.cart-photo{aspect-ratio:1;object-fit:cover;border:2px solid var(--green,#00ff41);filter:contrast(1.05)saturate(1.1)drop-shadow(0 0 10px #ff008059);width:100%;margin:0 auto .75rem;display:block}.cart-shoe .px{width:6px;height:6px;position:absolute}.achievement{border-bottom:4px solid var(--yellow);background:radial-gradient(circle at 50% 50%, #ffff000f, transparent 55%), var(--black);justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.achievement-inner{text-align:center;padding:4rem 1.5rem;animation:.8s steps(8,end) both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.achievement-banner{font-family:var(--pixel);color:var(--yellow);text-shadow:4px 4px 0 var(--pink);letter-spacing:3px;font-size:clamp(.8rem,2.4vw,1.4rem)}.achievement-trophy{width:96px;height:96px;margin:2.5rem auto;font-size:0;position:relative}.trophy-px{width:8px;height:8px;position:absolute;inset:0}.sparkle{background:var(--yellow);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px;animation:1.2s steps(4,jump-none) infinite sparklePop;position:absolute}@keyframes sparklePop{0%{opacity:0;transform:scale(0)rotate(0)}25%{opacity:1;transform:scale(1)rotate(45deg)}75%{opacity:1;transform:scale(1)rotate(90deg)}to{opacity:0;transform:scale(0)rotate(135deg)}}.achievement-text{font-family:var(--pixel);color:var(--green);max-width:46ch;margin:0 auto;font-size:clamp(.6rem,1.6vw,.85rem);line-height:2}.achievement-xp{font-family:var(--pixel);color:var(--pink);margin-top:2rem;font-size:.65rem}.xp-bar{border:3px solid var(--green);width:min(420px,80vw);height:18px;margin:1rem auto 0;position:relative;overflow:hidden}.xp-fill{background:repeating-linear-gradient(to right, var(--green) 0 10px, #00ff4159 10px 14px);height:100%;animation:2.4s steps(24,end) both xpLoad}@keyframes xpLoad{0%{width:0}to{width:87%}}.leaderboard{border-bottom:4px solid var(--green);padding:6rem clamp(1rem,6vw,5rem)}.lb-table{border-collapse:collapse;border:3px solid var(--pink);width:100%;max-width:760px;margin:3rem auto 0;box-shadow:8px 8px #ff008040}.lb-table th,.lb-table td{font-family:var(--pixel);text-align:left;border-bottom:2px solid #00ff4140;padding:1rem .9rem;font-size:clamp(.45rem,1.4vw,.65rem)}.lb-table th{color:var(--yellow);letter-spacing:1px;background:#ff00801f}.lb-table td{color:var(--green)}.lb-table tr:hover td{color:var(--yellow);background:#00ff4114}.lb-rank-1 td:first-child{color:var(--yellow);text-shadow:0 0 8px #ffff00b3}.lb-rank-2 td:first-child{color:var(--pink)}.lb-rank-3 td:first-child{color:var(--green)}.lb-note{text-align:center;color:#00ff4199;margin-top:2rem;font-size:.75rem}.footer{text-align:center;padding:4rem clamp(1rem,6vw,5rem) 5rem}.socials{justify-content:center;gap:2rem;margin:2rem 0 2.5rem;display:flex}.px-icon{width:40px;height:40px;transition:transform .12s steps(2,end);display:inline-block;position:relative}.px-icon:hover{transform:translateY(-4px)}.px-icon .px{width:5px;height:5px;position:absolute}.footer-copy{font-family:var(--pixel);color:var(--pink);font-size:.55rem;line-height:2.2}.footer-copy .green{color:var(--green)}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}