:root{--cyan:#00E5FF;--pink:#FF4DF0;--gold:#FFD54F;}
*{box-sizing:border-box}
body{margin:0;font-family:'Orbitron',sans-serif;background:radial-gradient(circle at top,#24105d,#050816 70%);color:#fff;overflow-x:hidden}
.screen{display:none;min-height:100vh;justify-content:center;align-items:center;flex-direction:column;padding:20px}
.active{display:flex}
.panel{width:min(92vw,650px);background:rgba(0,0,0,.50);backdrop-filter:blur(10px);padding:42px;border-radius:30px;border:2px solid var(--cyan);box-shadow:0 0 35px var(--cyan);text-align:center}
.play-title{font-size:4.5rem;font-weight:900;color:var(--pink);letter-spacing:6px;text-shadow:0 0 20px var(--pink),0 0 40px var(--pink);margin-bottom:8px}
.gamepad-svg svg{width:280px}
.controller-glow{fill:none;stroke:var(--cyan);stroke-width:5;filter:drop-shadow(0 0 10px var(--cyan)) drop-shadow(0 0 30px var(--cyan))}
h1{text-shadow:0 0 20px var(--cyan)}
.badge{display:inline-block;padding:12px 22px;border:2px solid var(--gold);border-radius:12px;color:var(--gold);box-shadow:0 0 20px var(--gold);margin-bottom:20px}
#pwd{width:min(100%,360px);padding:16px;border:none;border-radius:14px;display:block;margin:20px auto}
#enterBtn,.play{padding:16px 40px;border-radius:14px;border:2px solid var(--cyan);background:#0d1540;color:#fff;font-family:inherit;cursor:pointer;box-shadow:0 0 20px var(--cyan)}
.play{font-size:2rem;animation:pulse 2s infinite}
@keyframes pulse{50%{transform:scale(1.04)}}
.seven-wrapper{display:flex;justify-content:center;margin-bottom:20px}
.lvl7{width:180px;height:180px;display:flex;align-items:center;justify-content:center;font-size:7rem;font-weight:900;color:var(--pink);border:3px solid var(--pink);border-radius:28px;box-shadow:0 0 25px var(--pink),inset 0 0 25px var(--pink);text-shadow:0 0 25px var(--pink)}
.hero p{margin:25px 0 35px}
.bar{width:420px;max-width:90%;height:24px;border:1px solid var(--cyan)}
#progress{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink))}
header{text-align:center;padding:30px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;width:100%;padding:20px}
.card{position:relative;border-radius:18px;overflow:hidden;border:2px solid var(--cyan);box-shadow:0 0 12px var(--cyan)}
.card img{width:100%;height:280px;object-fit:cover;display:block;transition:.3s}
.card:hover img{transform:scale(1.03)}
.download{position:absolute;top:10px;right:10px;background:#000c;color:#fff;text-decoration:none;padding:10px;border-radius:50%}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);justify-content:center;align-items:center;z-index:9999}
#lightbox img{max-width:95%;max-height:95%}
footer{text-align:center;padding:50px 20px;color:#ddd}
.stars:before{content:'';position:fixed;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:40px 40px;opacity:.1;pointer-events:none}