:root{--s-ink:#0a0118;--s-purple:#2b1055;--s-magenta:#6a2cf0;--s-pink:#ff2bd9;--s-cyan:#22d3ee;--s-gold:#fbbf24}*{box-sizing:border-box}html,body{height:100%}body{color:#fdf4ff;background:linear-gradient(#0a0118 0%,#2b1055 45%,#7b2ff7 100%);margin:0;font-family:Arial Black,Avenir Next,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none}.sky{z-index:0;background:radial-gradient(120% 90% at 50% 130%,#ff2bd959,#0000 55%),linear-gradient(#120231 0%,#2b1055 50%,#5a1fd0 100%);position:fixed;inset:0}.sun{z-index:1;background:radial-gradient(circle at 50% 62%,#ffe9a8 0%,#ffd24a 32%,#ff9d2f 52%,#ff2bd9 72%,#0000 76%);border-radius:50%;width:clamp(200px,34vw,420px);height:clamp(200px,34vw,420px);animation:10s ease-in-out infinite sunny;position:fixed;top:clamp(30px,9vh,120px);left:50%;transform:translate(-50%);-webkit-mask-image:repeating-linear-gradient(#0000 0 9px,#00000047 13px,#0000 17px);mask-image:repeating-linear-gradient(#0000 0 9px,#00000047 13px,#0000 17px)}@keyframes sunny{0%,to{opacity:.96;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.05)}}.stars{z-index:1;opacity:.75;background-image:radial-gradient(2px 2px at 20% 15%,#fff,#0000),radial-gradient(2px 2px at 70% 8%,#fff,#0000),radial-gradient(1.5px 1.5px at 42% 22%,#fff,#0000),radial-gradient(2px 2px at 88% 28%,#fff,#0000),radial-gradient(1.5px 1.5px at 8% 40%,#fff,#0000),radial-gradient(2px 2px at 58% 32%,#fff,#0000),radial-gradient(1.5px 1.5px at 33% 5%,#fff,#0000),radial-gradient(2px 2px at 95% 18%,#fff,#0000);position:fixed;inset:0}.grid{z-index:2;transform-origin:50% 0;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 70px,#ff2bd999 71px,#0000 73px),repeating-linear-gradient(0deg,#0000 0 46px,#22d3ee99 47px,#0000 49px);height:55vh;animation:1.4s linear infinite gridslide;position:fixed;bottom:-14vh;left:-50vw;right:-50vw;transform:perspective(420px)rotateX(62deg)}@keyframes gridslide{to{background-position:0 -98px,0 0}}.content{z-index:3;min-height:100vh;padding:26px clamp(18px,5vw,56px) 40px;position:relative}.topbar{justify-content:space-between;gap:14px;max-width:1080px;margin:0 auto;display:flex}.navlink{color:#ffffffd9;letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 0 12px #fff6;border:1.5px solid #ffffff59;border-radius:999px;padding:9px 18px;font-size:13px;transition:all .2s}.navlink:hover{color:#0a0118;background:var(--s-cyan);border-color:var(--s-cyan);box-shadow:0 0 24px var(--s-cyan)}.hero{text-align:center;max-width:1080px;margin:0 auto;padding:clamp(54px,12vh,130px) 0 0}.super{letter-spacing:.55em;color:var(--s-cyan);text-shadow:0 0 8px var(--s-cyan), 0 0 22px var(--s-cyan);margin:0;font-size:clamp(13px,2vw,18px)}.chrome{letter-spacing:-.02em;color:#fff;-webkit-text-stroke:2px #fff;text-shadow:0 0 6px #fff,3px 3px #ffffff40,0 0 26px #ff2bd9cc,0 0 60px #22d3eeb3;margin:18px 0 0;font-size:clamp(44px,8.5vw,108px);line-height:.98}.sub{color:#ffffffeb;text-shadow:0 2px 18px #0a0118cc;max-width:620px;margin:26px auto 0;font-size:clamp(16px,2.4vw,20px);line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.neonbtn{letter-spacing:.08em;text-transform:uppercase;border-radius:12px;padding:16px 30px;font-size:16px;font-weight:900;transition:all .22s;display:inline-block}.neonbtn--cyan{color:#0a0118;background:linear-gradient(120deg,#22d3ee,#38bdf8);box-shadow:0 0 22px #22d3eebf,0 12px 30px -12px #22d3eee6}.neonbtn--cyan:hover{transform:translateY(-3px);box-shadow:0 0 34px #22d3ee,0 16px 36px -12px #22d3ee}.neonbtn--pink{color:#fff;border:2px solid var(--s-pink);text-shadow:0 0 10px var(--s-pink);box-shadow:inset 0 0 18px #ff2bd959,0 0 18px #ff2bd980}.neonbtn--pink:hover{background:#ff2bd929;box-shadow:inset 0 0 26px #ff2bd980,0 0 30px #ff2bd9cc}.games{max-width:1080px;margin:clamp(64px,12vh,110px) auto 0}.section-title{text-align:center;letter-spacing:.34em;color:var(--s-gold);text-shadow:0 0 8px var(--s-gold), 0 0 26px #fbbf24b3;font-size:clamp(20px,3vw,30px)}.row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:26px;display:grid}.tape{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:linear-gradient(160deg,#2a1055b8,#0a0118d1);border:2px solid #ffffff47;border-radius:16px;flex-direction:column;gap:6px;padding:22px 24px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 14px 40px -18px #000c,0 0 0 1px #ffffff0a}.tape:hover{border-color:var(--s-pink);transform:translateY(-5px);box-shadow:0 22px 50px -18px #ff2bd98c,0 0 26px -6px #ff2bd9cc}.tape-num{letter-spacing:.22em;color:var(--s-cyan);border:1.5px solid var(--s-cyan);text-shadow:0 0 8px var(--s-cyan);border-radius:6px;align-self:flex-start;padding:3px 9px;font-size:12px}.tape-name{letter-spacing:.04em;color:#fff;text-shadow:0 0 12px #ffffffbf,0 0 24px #22d3ee99;font-size:26px}.tape-desc{color:#ffffff9e;font-size:14px}.more{text-align:center;color:#ffffffbf;letter-spacing:.05em;margin-top:22px}.more a{color:var(--s-cyan);text-shadow:0 0 10px var(--s-cyan)}.foot{color:#fff9;letter-spacing:.12em;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(56px,10vh,90px);font-size:13px;display:flex}.eq{color:var(--s-cyan);text-shadow:0 0 10px var(--s-cyan)}