@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;700&family=Lilita+One&family=Plus+Jakarta+Sans:wght@400;600;800&family=Press+Start+2P&display=swap";:root{--color-bg-dark:#07090e;--color-bg-card:#0d111cd9;--color-bg-card-hover:#141a2af2;--color-accent-gold:#fc0;--color-accent-orange:#f50;--color-accent-cyan:#00f0ff;--color-accent-purple:#bd00ff;--color-accent-red:#ff3b30;--font-heading:"Lilita One", cursive, sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-arcade:"Press Start 2P", monospace;--shadow-neon-cyan:0 0 20px #00f0ff40, inset 0 0 15px #00f0ff1a;--shadow-neon-gold:0 0 20px #ffcc0040, inset 0 0 15px #ffcc001a;--shadow-neon-purple:0 0 20px #bd00ff40, inset 0 0 15px #bd00ff1a;--shadow-card:0 15px 35px #000c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg-dark);color:#f3f4f6;line-height:1.6;overflow-x:hidden}.site-wrapper{background-image:radial-gradient(circle at 50% 30%, #bd00ff1f, transparent 60%), radial-gradient(circle at 10% 80%, #00f0ff14, transparent 50%), linear-gradient(to bottom, #07090ebf, var(--color-bg-dark) 95%), url(/assets/custom_home_bg.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.site-wrapper:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;position:absolute;inset:0}.container{z-index:2;max-width:1300px;margin:0 auto;padding:0 2rem 5rem;position:relative}.header-logo-img{border:4px solid var(--color-accent-gold);object-fit:cover;z-index:5;border-radius:50%;width:180px;height:180px;margin-bottom:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 30px #fc06}.header-logo-img:hover{transform:rotate(5deg)scale(1.05)}header{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;height:90vh;padding:2rem;display:flex;position:relative}h1{font-family:var(--font-heading);letter-spacing:2px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg, #fff 30%, var(--color-accent-gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px #000000e6);-webkit-background-clip:text;margin-bottom:.5rem;font-size:6.5rem}.subtitle{font-family:var(--font-heading);color:var(--color-accent-cyan);text-shadow:0 4px 15px #00f0ff66,2px 2px #000;letter-spacing:1px;margin-bottom:3rem;font-size:3.8rem}.hero-buttons{gap:2rem;display:flex}.downloads-container{z-index:3;margin-top:-10vh;margin-bottom:5rem;position:relative}.download-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem;display:grid}.download-card{text-align:center;border:1px solid #ffffff14;border-radius:28px;padding:3.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.download-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.download-card:hover{background:var(--color-bg-card-hover);transform:translateY(-8px)}.download-card.pc:hover{border-color:var(--color-accent-gold);box-shadow:var(--shadow-neon-gold), var(--shadow-card)}.download-card.android:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-neon-cyan), var(--shadow-card)}.download-title{font-family:var(--font-heading);margin-bottom:1rem;font-size:2.8rem}.download-desc{color:#9ca3af;max-width:380px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.tab-navigation{justify-content:center;gap:1rem;margin:5rem 0 3rem;display:flex}.tab-btn{color:#9ca3af;font-family:var(--font-heading);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:99px;padding:.8rem 2.5rem;font-size:1.6rem;transition:all .3s}.tab-btn:hover{color:#fff;background:#ffffff14}.tab-btn.active{color:#000;background:var(--color-accent-gold);border-color:var(--color-accent-gold);box-shadow:0 0 20px #fc06}.section-title{font-family:var(--font-heading);text-align:center;letter-spacing:1px;margin-bottom:3rem;font-size:3.5rem}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:3rem;display:grid}.card-frame{text-align:center;border:1px solid #ffffff14;border-radius:30px;flex-direction:column;align-items:center;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.card-frame:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000);height:120px;position:absolute;top:0;left:0;right:0}.card-frame:hover{background:var(--color-bg-card-hover);transform:translateY(-10px)scale(1.02)}.card-hero:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-neon-cyan), var(--shadow-card)}.card-boss:hover{border-color:var(--color-accent-purple);box-shadow:var(--shadow-neon-purple), var(--shadow-card)}.card-foe:hover{border-color:var(--color-accent-red);box-shadow:0 0 20px #ff3b3040, inset 0 0 15px #ff3b301a, var(--shadow-card)}.sprite-stage{background:radial-gradient(circle,#ffffff08 0%,#0000 75%);border-radius:20px;justify-content:center;align-items:center;width:100%;height:240px;margin-bottom:2rem;display:flex;position:relative}.card-hero .sprite-stage{background:radial-gradient(circle,#00f0ff14 0%,#0000 75%)}.card-boss .sprite-stage{background:radial-gradient(circle,#bd00ff14 0%,#0000 75%)}.card-foe .sprite-stage{background:radial-gradient(circle,#ff3b3014 0%,#0000 75%)}.stage-floor{filter:blur(4px);background:#ffffff0d;border-radius:50%;width:140px;height:10px;position:absolute;bottom:20px}.animated-sprite{width:var(--sprite-w);height:var(--sprite-h);background-size:calc(var(--sprite-w) * var(--hframes)) var(--sprite-h);animation:play-sprite-px 1s steps(var(--hframes)) infinite;transform-origin:bottom;z-index:2;filter:drop-shadow(0 15px 15px #0009);background-repeat:no-repeat;position:relative}@keyframes play-sprite-px{0%{background-position:0 0}to{background-position:calc(-1 * var(--sprite-w) * var(--hframes)) 0px}}.card-frame:hover .animated-sprite{animation-duration:.7s;transform:scale(1.15)translateY(-5px)}.static-sprite{object-fit:contain;filter:drop-shadow(0 15px 15px #0009);z-index:2;max-width:90%;max-height:180px;transition:all .4s cubic-bezier(.16,1,.3,1)}.card-frame:hover .static-sprite{transform:scale(1.15)translateY(-10px)}.card-info{width:100%}.card-name{font-family:var(--font-heading);color:#fff;letter-spacing:.5px;margin-bottom:.8rem;font-size:2.2rem}.card-desc{color:#9ca3af;min-height:3.2em;margin-bottom:2rem;font-size:1.05rem}.stats-box{text-align:left;background:#0000004d;border:1px solid #ffffff08;border-radius:16px;width:100%;padding:1.5rem}.stat-row{margin-bottom:1rem}.stat-row:last-child{margin-bottom:0}.stat-label-container{justify-content:space-between;margin-bottom:.4rem;font-size:.9rem;display:flex}.stat-name{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;font-weight:800}.stat-value{font-family:var(--font-arcade);color:var(--color-accent-gold);font-size:.75rem}.stat-bar-bg{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.stat-bar-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.card-hero .stat-bar-fill{background:linear-gradient(90deg, var(--color-accent-cyan), #00b0ff)}.card-boss .stat-bar-fill{background:linear-gradient(90deg, var(--color-accent-purple), #9000ff)}.card-foe .stat-bar-fill{background:linear-gradient(90deg, var(--color-accent-red), var(--color-accent-orange))}.badge-tag{color:#fff;font-family:var(--font-arcade);text-transform:uppercase;z-index:10;border:1px solid #ffffff26;border-radius:8px;padding:6px 14px;font-size:.65rem;position:absolute;top:20px;right:20px;box-shadow:0 4px 10px #00000080}.badge-hero{color:var(--color-accent-cyan);background:#00f0ff33;border-color:#00f0ff66}.badge-boss{color:#e388ff;background:#bd00ff40;border-color:#bd00ff66}.btn-primary-cta{font-family:var(--font-heading);color:#000;background:linear-gradient(135deg, var(--color-accent-gold) 0%, #ff9e00 100%);cursor:pointer;transition:var(--transition-bounce);border:none;border-radius:99px;align-items:center;gap:1rem;padding:1.2rem 3rem;font-size:1.6rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 25px #ffcc0059}.btn-primary-cta:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:30%;height:200%;transition:all .8s;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}.btn-primary-cta:hover{transform:scale(1.05)translateY(-3px);box-shadow:0 0 35px #fc09}.btn-primary-cta:hover:after{left:140%}.btn-secondary{color:#fff;font-size:1.6rem;font-family:var(--font-heading);cursor:pointer;background:#ffffff08;border:2px solid #fff3;border-radius:99px;justify-content:center;align-items:center;padding:1.2rem 3rem;transition:all .3s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-accent-cyan);background:#ffffff14;box-shadow:0 0 25px #00f0ff4d}.btn-card-action{background:linear-gradient(135deg, var(--color-accent-cyan) 0%, #00aeff 100%);color:#000;width:100%;font-size:1.25rem;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:16px;padding:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 5px 15px #00f0ff33}.btn-card-action:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00f0ff66}.download-card.pc .btn-card-action{background:linear-gradient(135deg, var(--color-accent-gold) 0%, #ffa200 100%);box-shadow:0 5px 15px #fc03}.download-card.pc .btn-card-action:hover{box-shadow:0 8px 25px #fc06}.banner-card{text-align:center;box-shadow:var(--shadow-card);border:1px solid #ffffff14;border-radius:36px;margin:5rem 0;padding:5rem 3rem;position:relative;overflow:hidden}.banner-card:before{content:"";z-index:1;background:linear-gradient(135deg,#bd00ff26 0%,#00f0ff1a 100%);position:absolute;inset:0}.banner-content{z-index:2;position:relative}.banner-title{font-family:var(--font-heading);color:#fff;margin-bottom:1.5rem;font-size:4rem}.banner-text{color:#d1d5db;max-width:900px;margin:0 auto;font-size:1.4rem;line-height:1.8}.text-highlight{color:var(--color-accent-cyan);text-shadow:0 0 10px #00f0ff4d}.game-overlay{z-index:9999;opacity:0;pointer-events:none;background:#030407fa;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.game-overlay.active{opacity:1;pointer-events:auto}.game-iframe{border:4px solid var(--color-accent-cyan);background:#000;border-radius:16px;width:100%;height:100%;box-shadow:0 0 50px #00f0ff66}.close-btn{color:#fff;cursor:pointer;z-index:10000;background:0 0;border:none;font-size:4.5rem;font-weight:300;line-height:1;transition:all .3s;position:absolute;top:25px;right:40px}.close-btn:hover{color:var(--color-accent-red);transform:scale(1.1)rotate(90deg)}.pixelated{image-rendering:pixelated;image-rendering:crisp-edges}@media (width<=768px){h1{font-size:4rem}.subtitle{font-size:2.2rem}.section-title{font-size:2.5rem}.tab-navigation{flex-wrap:wrap}.download-grid{grid-template-columns:1fr}}.password-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.password-card{text-align:center;border-radius:20px;width:100%;max-width:400px;padding:2.5rem}.password-logo{border:3px solid var(--color-accent-gold);border-radius:50%;width:100px;height:100px;margin-bottom:1rem}.password-title{font-family:var(--font-heading);margin-bottom:.5rem;font-size:2rem}.password-desc{font-family:var(--font-body);color:#ccc;margin-bottom:2rem}.password-input{color:#fff;width:100%;font-family:var(--font-body);text-align:center;background:#00000080;border:2px solid #ffffff1a;border-radius:12px;outline:none;margin-bottom:.5rem;padding:1rem;font-size:1.1rem;transition:border-color .3s}.password-input:focus{border-color:var(--color-accent-cyan)}.password-input.error{border-color:var(--color-accent-red)}.error-text{color:var(--color-accent-red);margin-top:.5rem;font-size:.9rem;display:block}