.main-content{padding:6rem 2rem 2rem;max-width:1400px;margin:0 auto}.hero-section{text-align:center;margin-bottom:4rem}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.8);margin-bottom:1rem;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 30px rgba(255,255,255,.5)}to{text-shadow:0 0 60px rgba(255,107,107,.8),0 0 80px rgba(78,205,196,.6)}}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#4ecdc4;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-image{height:400px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:3px dashed #fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:white;margin:2rem 0;position:relative;overflow:hidden}.hero-image:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.deck-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:4rem 0}.deck-nav-card{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:20px;padding:2rem;text-align:center;border:2px solid transparent;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.deck-nav-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(255,107,107,.3)}.deck-nav-card.zeus{border-color:rgba(255,215,0,.8);box-shadow:0 0 15px rgba(255,215,0,.3),inset 0 0 15px rgba(255,215,0,.1);background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,255,0,.05))}.deck-nav-card.zeus:hover{box-shadow:0 20px 40px rgba(255,215,0,.4),0 0 25px rgba(255,215,0,.5);border-color:rgba(255,215,0,1)}.deck-nav-card.poseidon{border-color:rgba(30,144,255,.8);box-shadow:0 0 15px rgba(30,144,255,.4),inset 0 0 15px rgba(30,144,255,.1);background:linear-gradient(135deg,rgba(30,144,255,.1),rgba(0,191,255,.05))}.deck-nav-card.poseidon:hover{box-shadow:0 20px 40px rgba(30,144,255,.4),0 0 25px rgba(30,144,255,.5);border-color:rgba(30,144,255,1)}.deck-nav-card.hades{border-color:rgba(255,69,0,.8);box-shadow:0 0 15px rgba(255,69,0,.4),inset 0 0 15px rgba(128,0,128,.2);background:linear-gradient(135deg,rgba(255,69,0,.1),rgba(128,0,128,.05))}.deck-nav-card.hades:hover{box-shadow:0 20px 40px rgba(255,69,0,.4),0 0 25px rgba(255,69,0,.5);border-color:rgba(255,69,0,1)}.deck-nav-card.gaia{border-color:rgba(34,139,34,.8);box-shadow:0 0 15px rgba(34,139,34,.4),inset 0 0 15px rgba(154,205,50,.2);background:linear-gradient(135deg,rgba(34,139,34,.1),rgba(154,205,50,.05))}.deck-nav-card.gaia:hover{box-shadow:0 20px 40px rgba(34,139,34,.4),0 0 25px rgba(34,139,34,.5);border-color:rgba(34,139,34,1)}.deck-emoji{font-size:4rem;margin-bottom:1rem}.deck-title{font-size:1.5rem;font-weight:700;color:#ff6b6b;margin-bottom:.5rem}.deck-subtitle{font-size:1rem;color:#4ecdc4;margin-bottom:1rem}.deck-count{font-size:.9rem;color:#ccc}.deck-section{margin:4rem 0;padding:3rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:30px;border:2px solid transparent;position:relative;overflow:hidden}.deck-section:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,transparent);border-radius:32px;z-index:-1;animation:elementalPulse 3s ease-in-out infinite}.deck-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 70%,rgba(255,255,255,.1) 100%);border-radius:30px;z-index:-1;opacity:0;animation:energyWave 4s ease-in-out infinite}.deck-section.zeus{border-color:#ffd700;box-shadow:0 0 20px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.1)}.deck-section.zeus:before{background:linear-gradient(45deg,#ffd700,#ffff00 25%,transparent 50%,#ffd700 75%,#ffff00);animation:lightningFlicker 2s ease-in-out infinite alternate}.deck-section.zeus:after{background:radial-gradient(circle at 50% 50%,rgba(255,215,0,.2) 0,rgba(255,255,0,.1) 30%,transparent 70%)}.deck-section.poseidon{border-color:#1e90ff;box-shadow:0 0 20px rgba(30,144,255,.4),inset 0 0 20px rgba(30,144,255,.1)}.deck-section.poseidon:before{background:linear-gradient(45deg,#1e90ff,#00bfff 30%,transparent 60%,#1e90ff 90%);animation:waterFlow 3s ease-in-out infinite}.deck-section.poseidon:after{background:radial-gradient(ellipse at 30% 20%,rgba(30,144,255,.3) 0,rgba(0,191,255,.2) 40%,transparent 80%)}.deck-section.hades{border-color:#ff4500;box-shadow:0 0 25px rgba(255,69,0,.4),inset 0 0 25px rgba(128,0,128,.2)}.deck-section.hades:before{background:linear-gradient(45deg,#ff4500,#ff6347 20%,#800080 40%,transparent 60%,#ff4500 80%,#ff6347);animation:shadowFlame 2.5s ease-in-out infinite alternate}.deck-section.hades:after{background:radial-gradient(circle at 70% 30%,rgba(255,69,0,.3) 0,rgba(255,99,71,.2) 25%,rgba(128,0,128,.15) 50%,transparent 75%)}.deck-section.gaia{border-color:#228b22;box-shadow:0 0 20px rgba(34,139,34,.4),inset 0 0 20px rgba(154,205,50,.2)}.deck-section.gaia:before{background:linear-gradient(45deg,#228b22,#32cd32 25%,#9acd32 50%,transparent 75%,#228b22);animation:earthGrowth 3.5s ease-in-out infinite}.deck-section.gaia:after{background:radial-gradient(ellipse at 40% 60%,rgba(34,139,34,.3) 0,rgba(50,205,50,.2) 35%,rgba(154,205,50,.1) 60%,transparent 80%)}@keyframes lightningFlicker{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}25%,75%{opacity:.9;transform:scale(1.01)}}@keyframes waterFlow{0%{transform:rotate(0deg) scale(1);opacity:.7}33%{transform:rotate(120deg) scale(1.01);opacity:.8}66%{transform:rotate(240deg) scale(1.02);opacity:.9}to{transform:rotate(1turn) scale(1);opacity:.7}}@keyframes shadowFlame{0%{opacity:.8;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.03) rotate(1deg)}to{opacity:.9;transform:scale(1.01) rotate(-1deg)}}@keyframes earthGrowth{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.01);opacity:.9}to{transform:scale(1);opacity:.8}}@keyframes energyWave{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes elementalPulse{0%,to{opacity:.8}50%{opacity:1}}.section-header{display:flex;align-items:center;margin-bottom:3rem}.section-emoji{font-size:3rem;margin-right:1rem}.section-title{font-size:2.5rem;font-weight:900;color:#ff6b6b}.section-description{font-size:1.2rem;color:#e0e0e0;margin-left:4rem;margin-top:1rem}.beast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.beast-card{background:rgba(0,0,0,.4);border-radius:20px;padding:2rem;border:1px solid rgba(255,107,107,.3);transition:all .3s ease;position:relative;overflow:hidden}.beast-card:hover{transform:translateY(-5px);border-color:rgba(255,107,107,.6);box-shadow:0 15px 30px rgba(255,107,107,.2),0 0 20px rgba(255,107,107,.1)}.deck-section.zeus .beast-card:hover{border-color:rgba(255,215,0,.6);box-shadow:0 15px 30px rgba(255,215,0,.2),0 0 20px rgba(255,215,0,.3)}.deck-section.poseidon .beast-card:hover{border-color:rgba(30,144,255,.6);box-shadow:0 15px 30px rgba(30,144,255,.2),0 0 20px rgba(30,144,255,.3)}.deck-section.hades .beast-card:hover{border-color:rgba(255,69,0,.6);box-shadow:0 15px 30px rgba(255,69,0,.2),0 0 20px rgba(255,69,0,.3)}.deck-section.gaia .beast-card:hover{border-color:rgba(34,139,34,.6);box-shadow:0 15px 30px rgba(34,139,34,.2),0 0 20px rgba(34,139,34,.3)}.beast-name{font-size:1.8rem;font-weight:900;color:#ff6b6b;margin-bottom:.5rem}.beast-classification{font-size:1rem;color:#4ecdc4;margin-bottom:1rem;font-style:italic}.beast-image{height:200px;background:linear-gradient(45deg,#333,#555);border:2px dashed #666;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#ccc;margin:1rem 0;text-align:center;line-height:1.4;position:relative;overflow:hidden}.beast-details,.see-more-btn{margin-top:1rem}.see-more-btn{background:linear-gradient(45deg,#4ecdc4,#00ff88);color:white;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:600;transition:all .3s ease;width:100%}.see-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(78,205,196,.3)}.collapsed-content{display:none;margin-top:1rem;animation:fadeIn .3s ease-out}.collapsed-content.show{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.beast-lore{background:rgba(78,205,196,.2);border-radius:10px;padding:1rem;margin:1rem 0;border-left:4px solid #4ecdc4}.beast-lore h4{color:#4ecdc4;margin-bottom:.5rem}.beast-powers{background:rgba(255,107,107,.2);border-radius:10px;padding:1rem;margin:1rem 0;border-left:4px solid #ff6b6b}.beast-powers h4{color:#ff6b6b;margin-bottom:.5rem}.rarity-badge{position:absolute;top:1rem;right:1rem;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:700;text-transform:uppercase}.rarity-legendary{background:linear-gradient(45deg,#ffd700,#ffff00);color:#000}.rarity-divine{background:linear-gradient(45deg,#ff6b6b,#ff1493);color:#fff}.rarity-rare{background:linear-gradient(45deg,#4ecdc4,#00ced1);color:#000}.rarity-common{background:linear-gradient(45deg,#808080,#a9a9a9);color:#000}@media (max-width:768px){.main-content{padding:6rem 1rem 2rem}.beast-grid{grid-template-columns:1fr}.section-description{margin-left:0;margin-top:1rem}.section-header{flex-direction:column;text-align:center}.back-button{display:none}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:white;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s ease;z-index:999}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(255,107,107,.3)}.see-the-rest-container{grid-column:1/-1;margin:2rem 0}.see-the-rest-btn{width:100%;padding:1rem 2rem;background:linear-gradient(45deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4)}.see-the-rest-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.remaining-cards{display:none;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}@media (max-width:768px){.remaining-cards{grid-template-columns:1fr}}.aether-lore-explanation{background:linear-gradient(135deg,rgba(0,255,255,.1),rgba(78,205,196,.05));border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:2rem;margin:2rem auto;max-width:900px;text-align:left;position:relative}.aether-lore-title{font-size:1.5rem;color:#4ecdc4;font-weight:700}.aether-lore-p,.aether-lore-title{text-align:center;margin-bottom:1.5rem}.aether-lore-p{font-size:1.1rem;line-height:1.7;color:#f4e4c0;font-style:italic}.ancient-tech-explanation{background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.2);border-radius:15px;padding:1.5rem;margin:1.5rem 0;text-align:left}.ancient-tech-title{color:#4ecdc4;font-size:1.2rem;margin-bottom:1rem;text-align:center}.ancient-tech-p{font-size:1rem;line-height:1.6;color:#e0e0e0;margin-bottom:1rem}.advantage-box{background:rgba(255,107,107,.1);border-left:3px solid #ff6b6b;padding:1rem;margin:1rem 0;border-radius:8px}.advantage-box p{font-size:.95rem;color:#ff6b6b;margin:0;font-weight:600}