@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Press+Start+2P&display=swap";
:root{--purple-dark:#0f051a;--purple-deep:#1a0d24;--purple-medium:#2d1b3d;--purple-vibrant:#93f;--purple-light:#b366ff;--magenta:#ff1493;--pink:#ff69b4;--hot-pink:#ff1493;--gold:gold;--gold-amber:#ffbf00;--yellow:#ffc107;--text-color:#f5f5f5;--font-retro:"Press Start 2P", cursive;--font-main:"Inter", sans-serif}@layer base{*{box-sizing:border-box;margin:0;padding:0;transition:all .3s}}body{font-family:var(--font-main);color:var(--text-color);background:url(/assets/bg-retro.png) 50%/cover no-repeat fixed;min-height:100vh;padding-top:80px;font-size:14px;line-height:1.6;overflow-x:hidden}body.no-navbar{padding-top:0}body:before{content:"";z-index:-1;background:linear-gradient(135deg,#1a0d24eb 0%,#9933ff59 30%,#b366ff59 60%,#2d1b3deb 100%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000001a 0 1px,#0000 1px 2px);width:100%;height:100%;animation:8s linear infinite scanlines;position:fixed;top:0;left:0}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes pulse{0%{transform:scale(1)}40%{transform:scale(1.08)}60%{transform:scale(1.05)}to{transform:scale(1)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--gold);z-index:1000;background:#0f051af2;padding:12px 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000080}.navbar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{font-family:var(--font-retro);color:var(--gold);text-shadow:0 0 10px #ffd70080;cursor:pointer;font-size:16px}.nav-menu{gap:10px;list-style:none;display:flex}.nav-link{color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600}.nav-link:hover,.nav-link.active{border-color:var(--purple-light);color:var(--gold);background:#93f3}.home-button{background:var(--purple-vibrant);border:1px solid var(--gold);cursor:pointer;z-index:10000;color:#fff;border-radius:12px;padding:14px 24px;font-size:13px;font-weight:700;transition:all .3s;display:none;position:fixed;top:90px;right:30px;box-shadow:0 10px 25px #0006}.home-button.active{display:block}.home-button:hover{background:var(--magenta);transform:translateY(-3px);box-shadow:0 15px 30px #ff149366}.section{min-height:calc(100vh - 80px);padding:40px 20px;display:none}.section.active{animation:.5s ease-out sectionFadeIn;display:block}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1400px;margin:0 auto}.hero{text-align:center;background:radial-gradient(circle,#9933ff26 0%,#0000 70%);margin-bottom:40px;padding:80px 20px}.hero-logo{filter:drop-shadow(0 0 20px var(--purple-vibrant));margin-bottom:20px;font-size:80px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.hero h1{font-family:var(--font-retro);color:var(--gold);text-shadow:0 0 20px #ffd7004d;letter-spacing:2px;margin-bottom:20px;font-size:42px}.hero-tagline{color:var(--pink);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:18px;font-weight:700}.hero-subtitle{color:#ccc;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:15px}.hero-cta{background:var(--purple-vibrant);border:2px solid var(--gold);color:var(--text-color);cursor:pointer;text-transform:uppercase;border-radius:12px;margin:10px;padding:16px 32px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 10px 20px #0000004d}.hero-cta:hover{background:var(--magenta);transform:translateY(-3px);box-shadow:0 15px 30px #ff149366}.stats-bar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:60px;display:grid}.stat-item{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:25px}.stat-number{font-family:var(--font-retro);color:var(--gold);margin-bottom:10px;font-size:20px}.stat-label{color:var(--pink);text-transform:uppercase;font-size:12px;font-weight:600}.section-title{font-family:var(--font-retro);color:var(--gold);text-align:center;text-shadow:0 0 15px #ffd70033;margin-bottom:50px;font-size:24px}.games-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px;display:grid}.minigames-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #9933ff4d;border-radius:32px;margin-bottom:80px;padding:50px 30px;position:relative}.minigames-section:before{content:"🎮";filter:drop-shadow(0 0 20px var(--purple-vibrant));font-size:50px;animation:3s ease-in-out infinite bounce;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-15px)}}.section-divider{text-align:center;font-family:var(--font-retro);color:var(--gold);margin:80px 0 50px;font-size:24px;position:relative}.section-divider:before,.section-divider:after{content:"✦";color:var(--purple-light);margin:0 20px;animation:2s ease-in-out infinite starPulse}@keyframes starPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.game-card{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;padding:35px 25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--purple-light);background:#ffffff0f;transform:translateY(-12px);box-shadow:0 25px 50px #00000080,0 0 30px #93f3}.game-card.featured{border:1px solid var(--gold);background:#9933ff0d}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-icon{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:20px;display:flex}.game-icon img{object-fit:contain;filter:drop-shadow(0 10px 15px #00000080);width:100%;height:100%;transform:scale(var(--icon-scale,1));transition:transform .3s}.game-icon img.icon-large{--icon-scale:1.2}.game-title{font-family:var(--font-retro);color:var(--gold);margin-bottom:15px;font-size:18px}.game-description{color:#bbb;margin-bottom:20px;font-size:14px;line-height:1.5}.game-features{text-align:left;width:100%;margin-bottom:25px;list-style:none}.game-features li{color:#999;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.game-features li:before{content:"✓";color:var(--gold);font-weight:700}.game-btn{border:1px solid var(--purple-light);width:100%;color:var(--text-color);cursor:pointer;text-transform:uppercase;background:#9933ff1a;border-radius:12px;padding:14px;font-size:13px;font-weight:700;transition:all .3s}.game-card:hover .game-btn{background:var(--purple-vibrant);border-color:var(--gold);color:#fff;box-shadow:0 0 20px #93f6}.about-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin-bottom:60px;padding:50px}.about-content h3{font-family:var(--font-retro);color:var(--gold);text-align:center;margin-bottom:25px;font-size:20px}.about-content p{color:#ccc;text-align:center;max-width:800px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.8}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.feature-box{text-align:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:30px;transition:all .3s}.feature-box:hover{border-color:var(--purple-light);background:#9933ff0d;transform:translateY(-5px)}.feature-icon{margin-bottom:20px;font-size:40px;display:block}.feature-title{color:var(--gold);margin-bottom:12px;font-size:16px;font-weight:700}.feature-text{color:#999;font-size:14px;line-height:1.6}.social-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.social-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:40px;transition:all .3s}.social-card:hover{border-color:var(--purple-light);background:#ffffff0d;transform:translateY(-10px)}.social-icon-large{margin-bottom:25px;font-size:60px;display:block}.social-icon-large img{object-fit:contain;filter:drop-shadow(0 0 20px #93f6);width:80px;height:80px}.social-card h3{font-family:var(--font-retro);color:var(--gold);margin-bottom:15px;font-size:16px}.social-card p{color:#999;margin-bottom:25px;font-size:14px;line-height:1.6}.social-link{background:var(--purple-vibrant);color:#fff;text-transform:uppercase;border-radius:12px;padding:14px 30px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.social-link:hover{background:var(--magenta);transform:scale(1.05);box-shadow:0 10px 20px #ff14934d}.game-frame-container{width:100%;height:100vh;box-shadow:none;opacity:1;background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;transform:none}.game-frame-container iframe{transform-origin:top;background:0 0;border:none;width:100%;height:100%;display:block;transform:none}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f051acc;border-top:1px solid #ffffff1a;margin-top:80px;padding:60px 20px 30px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-section h3{font-family:var(--font-retro);color:var(--gold);margin-bottom:20px;font-size:14px}.footer-section p,.footer-section a{color:#888;margin:10px 0;font-size:14px;line-height:1.8;text-decoration:none;transition:color .3s;display:block}.footer-section a:hover{color:var(--gold)}.footer-bottom{text-align:center;color:#666;border-top:1px solid #ffffff0d;padding-top:30px;font-size:13px}.heart{color:var(--magenta);animation:1.5s ease-in-out infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.star-gif{display:none!important}.discord-fixed{cursor:pointer;z-index:9999;background:#5865f2;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #5865f266}.discord-fixed img{object-fit:contain;filter:brightness(0)invert();width:32px;height:32px}.discord-fixed:hover{background:#4752c4;transform:scale(1.1)translateY(-5px);box-shadow:0 15px 35px #5865f280}@keyframes discordPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px #5865f299,0 0 30px #ffd70066}50%{transform:scale(1.08);box-shadow:0 12px 35px #5865f2e6,0 0 50px #ffd700b3}}.discord-fixed:before{content:"Junte-se ao Discord!";color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border:2px solid var(--gold);background:#5865f2f2;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:600;transition:all .3s;position:absolute;right:85px;box-shadow:0 4px 15px #00000080}.discord-fixed:hover:before{opacity:1;right:90px}.start-screen{z-index:999999;cursor:pointer;background:#0f051a;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)!important}.start-screen:before{content:"";background:radial-gradient(circle,#9933ff26 0%,#0000 50%);width:150%;height:150%;animation:4s ease-in-out infinite pulseBg;position:absolute}@keyframes pulseBg{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.start-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 2px);width:100%;height:100%;animation:8s linear infinite scanlines-start;position:absolute;top:0;left:0}@keyframes scanlines-start{0%{transform:translateY(0)}to{transform:translateY(10px)}}.start-screen.hidden{opacity:0;pointer-events:none}.start-text{font-family:var(--font-retro);background:linear-gradient(to bottom, var(--gold), var(--gold-amber));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #ffd7004d);letter-spacing:10px;-webkit-user-select:none;user-select:none;z-index:1;-webkit-background-clip:text;font-size:80px;animation:4s ease-in-out infinite float-start;position:relative}@keyframes float-start{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.start-subtitle{font-family:var(--font-main);color:#ccc;text-transform:uppercase;letter-spacing:4px;z-index:1;margin-top:40px;font-size:18px;font-weight:700;animation:1.5s ease-in-out infinite blink-start;position:relative}@keyframes blink-start{0%,49%{opacity:1}50%,to{opacity:.3}}.start-gif-left,.start-gif-right{filter:drop-shadow(0 0 20px #ffd70099)drop-shadow(0 0 30px #b366ff80);width:150px;height:auto;image-rendering:pixelated;z-index:1;position:absolute;top:45%;transform:translateY(-50%)}.start-gif-left{left:15%}.start-gif-right{right:15%;transform:translateY(-50%)scaleX(-1)}