@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{--bg:#0d001a;--surface:#1a0033;--neon-pink:#ff2d95;--neon-blue:#00f0ff;--neon-yellow:#ffff00;--txt:#eeddff;--txt2:#9988bb;--border:rgba(255,45,149,.12)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--txt);line-height:1.75}

.st-hd{position:fixed;top:0;width:100%;z-index:900;background:rgba(13,0,26,.96);border-bottom:2px solid var(--neon-pink)}
.st-hd-in{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem}
.st-logo{font-family:'Press Start 2P',cursive;font-size:1rem;color:var(--neon-pink);text-decoration:none;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(255,45,149,.5)}
.st-logo svg{width:28px;height:28px}
.st-nav{list-style:none;display:flex;gap:1.5rem}
.st-nav a{color:var(--txt2);text-decoration:none;font-weight:500;font-size:.85rem;transition:color .2s;text-transform:uppercase;letter-spacing:1px}
.st-nav a:hover,.st-nav a.lit{color:var(--neon-blue);text-shadow:0 0 8px rgba(0,240,255,.4)}
.st-burg{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px}
.st-burg span{width:24px;height:2px;background:var(--neon-pink);display:block;transition:all .3s}
.st-burg.on span:first-child{transform:rotate(45deg) translate(4px,4px)}
.st-burg.on span:nth-child(2){opacity:0}
.st-burg.on span:last-child{transform:rotate(-45deg) translate(4px,-4px)}
@media(max-width:768px){.st-burg{display:flex}.st-nav{position:fixed;top:58px;left:0;width:100%;background:var(--surface);flex-direction:column;align-items:center;padding:2rem 0;transform:scaleY(0);transform-origin:top;transition:transform .3s}.st-nav.show{transform:scaleY(1)}}

.st-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:7rem 2rem 4rem;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,45,149,.03) 2px,rgba(255,45,149,.03) 4px),var(--bg)}
.st-hero h1{font-family:'Press Start 2P',cursive;font-size:clamp(1.4rem,3.5vw,2.5rem);color:var(--neon-pink);margin-bottom:1.5rem;text-shadow:0 0 20px rgba(255,45,149,.4);line-height:1.6}
.st-hero p{font-size:1.1rem;color:var(--txt2);max-width:600px;margin:0 auto 2.5rem}
.st-btn{display:inline-block;padding:.9rem 2.5rem;background:transparent;color:var(--neon-blue);text-decoration:none;font-family:'Press Start 2P',cursive;font-size:.75rem;border:2px solid var(--neon-blue);transition:all .2s;cursor:pointer}
.st-btn:hover{background:var(--neon-blue);color:var(--bg);box-shadow:0 0 30px rgba(0,240,255,.4)}

.st-alerts{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:2rem;background:var(--surface)}
.sa-i{font-weight:600;color:var(--neon-yellow);font-size:.9rem;display:flex;align-items:center;gap:.5rem}
.sa-i .sa-ico{font-size:1.2rem}

.st-game{padding:4rem 2rem;background:var(--surface)}
.st-gframe{max-width:1000px;margin:0 auto;border:2px solid var(--neon-pink);box-shadow:0 0 40px rgba(255,45,149,.15),inset 0 0 40px rgba(255,45,149,.05)}
.st-gframe iframe{width:100%;height:600px;border:none;display:block}
@media(max-width:768px){.st-gframe iframe{height:380px}}

.st-sec{padding:5rem 2rem;max-width:1400px;margin:0 auto}
.ss-t{font-family:'Press Start 2P',cursive;font-size:clamp(1rem,2vw,1.5rem);color:var(--neon-blue);margin-bottom:1rem;line-height:1.5}
.ss-s{color:var(--txt2);margin-bottom:3rem}

.retro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.retro-card{background:var(--surface);padding:2rem;border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}
.retro-card:hover{border-color:var(--neon-pink);box-shadow:0 0 20px rgba(255,45,149,.15)}
.retro-card .rc-i{font-size:2rem;margin-bottom:.8rem}
.retro-card h3{font-family:'Press Start 2P',cursive;font-size:.75rem;color:var(--neon-pink);margin-bottom:.8rem;line-height:1.5}
.retro-card p{color:var(--txt2);font-size:.9rem}

.st-panel{background:var(--surface);padding:2.5rem;margin-bottom:1.5rem;border:1px solid var(--border);border-left:3px solid var(--neon-blue)}
.st-panel h2{font-family:'Press Start 2P',cursive;font-size:.8rem;color:var(--neon-blue);margin-bottom:1rem;line-height:1.5}
.st-panel p{color:var(--txt2);margin-bottom:.6rem}

.st-foot{background:var(--surface);padding:3rem 2rem;text-align:center;border-top:2px solid var(--neon-pink)}
.sf-lnk{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}
.sf-lnk a{color:var(--txt2);text-decoration:none;font-size:.85rem;transition:color .2s}
.sf-lnk a:hover{color:var(--neon-blue)}
.sf-r{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.sf-r p{font-size:.8rem;color:var(--txt2);margin-bottom:.5rem}
.sf-r a{color:var(--neon-pink);text-decoration:none;margin:0 .5rem}
.sf-r a:hover{text-decoration:underline}

.age-neon{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}
.age-pixel{background:var(--surface);border:2px solid var(--neon-pink);padding:3rem;text-align:center;max-width:440px;width:100%;box-shadow:0 0 60px rgba(255,45,149,.2)}
.age-pixel h2{font-family:'Press Start 2P',cursive;color:var(--neon-yellow);font-size:1rem;margin-bottom:1rem;line-height:1.5}
.age-pixel p{color:var(--txt2);margin-bottom:2rem;font-size:.9rem}
.age-pixel-btns{display:flex;gap:1rem;justify-content:center}
.ap-y{padding:.7rem 2rem;background:var(--neon-blue);color:var(--bg);border:none;font-family:'Press Start 2P',cursive;font-size:.65rem;cursor:pointer;transition:background .2s}
.ap-y:hover{background:#00d4e6}
.ap-n{padding:.7rem 2rem;background:#ff0055;color:#fff;border:none;font-family:'Press Start 2P',cursive;font-size:.65rem;cursor:pointer;transition:background .2s}
.ap-n:hover{background:#cc0044}

.sp{padding-top:85px;min-height:80vh}
.sp-w{max-width:1000px;margin:0 auto;padding:3rem 2rem}
.sp-w h1{font-family:'Press Start 2P',cursive;font-size:clamp(1rem,2.5vw,1.6rem);color:var(--neon-blue);margin-bottom:2rem;line-height:1.5}
.sp-w h2{font-family:'Press Start 2P',cursive;font-size:.75rem;color:var(--neon-pink);margin:2rem 0 .8rem;line-height:1.5}
.sp-w p{color:var(--txt2);margin-bottom:.8rem;font-size:.95rem}
.sp-w ul,.sp-w ol{color:var(--txt2);padding-left:1.5rem;margin-bottom:1rem}
.sp-w li{margin-bottom:.4rem}
.spl-h{text-align:center;padding:2rem}
.spl-h h1{font-family:'Press Start 2P',cursive;color:var(--neon-blue);line-height:1.5}
.spl-n{max-width:700px;margin:0 auto;padding:1.2rem;background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--txt2);font-size:.85rem}