*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#ff4757 0%,#3742fa 100%);min-height:100vh;font-display:swap}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:rgb(0 0 0 / .9);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:"Orbitron",sans-serif;font-weight:700;font-size:1.5rem}.crown-icon{width:30px;height:30px;filter:drop-shadow(0 0 10px #ffd700);will-change:auto}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s ease;position:relative}.nav-menu a:hover{color:gold}.nav-menu a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:gold;transition:width 0.3s ease}.nav-menu a:hover::after{width:100%}.main-heading-section{width:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#ff4757 0%,#3742fa 100%)}.action-buttons{display:flex;gap:20px;margin:30px 0;flex-wrap:wrap;justify-content:center}.action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);color:#333;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;font-family:"Orbitron",sans-serif;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px rgb(255 215 0 / .3);transition:all 0.3s ease;border:3px solid gold;min-width:180px}.action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgb(255 215 0 / .4);background:linear-gradient(135deg,#ffed4e 0%,#ffd700 100%);color:#222}.btn-text{z-index:2;position:relative}.new-sticker{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff4757 0%,#ff3742 100%);color:#fff;font-size:.7rem;font-weight:900;padding:4px 8px;border-radius:12px;border:2px solid #fff;box-shadow:0 2px 8px rgb(255 71 87 / .4);animation:blink 1.5s infinite;z-index:3;text-transform:uppercase;letter-spacing:.5px}@media (prefers-reduced-motion:no-preference){@keyframes blink{0%,50%{opacity:1;transform:scale(1)}25%,75%{opacity:.8;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}}@media (prefers-reduced-motion:reduce){.new-sticker{animation:none}}.blog-btn{background:linear-gradient(135deg,#3742fa 0%,#5f6cfa 100%);border-color:#3742fa;box-shadow:0 8px 25px rgb(55 66 250 / .3)}.blog-btn:hover{box-shadow:0 12px 35px rgb(55 66 250 / .4);background:linear-gradient(135deg,#5f6cfa 0%,#3742fa 100%);color:#fff}.main-heading-section{padding:120px 20px 80px;text-align:center;overflow:hidden}.twinkling-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.twinkling-stars::before,.twinkling-stars::after{content:"";position:absolute;width:2px;height:2px;background:rgb(255 255 255 / .8);border-radius:50%;animation:twinkle 3s infinite ease-in-out}.twinkling-stars::before{top:20%;left:20%;animation-delay:0.5s}.twinkling-stars::after{top:60%;right:30%;animation-delay:1.5s}@media (prefers-reduced-motion:no-preference){@keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}}@media (prefers-reduced-motion:reduce){.twinkling-stars::before,.twinkling-stars::after{animation:none;opacity:.5}}.main-heading-container{z-index:2;position:relative;max-width:800px;margin:0 auto}.main-heading{font-family:"Orbitron",sans-serif;font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgb(255 215 0 / .5);margin-bottom:1rem;animation:glow 2s ease-in-out infinite alternate}@media (prefers-reduced-motion:no-preference){@keyframes glow{from{text-shadow:0 0 30px rgb(255 215 0 / .5)}to{text-shadow:0 0 40px rgb(255 215 0 / .8),0 0 60px rgb(255 215 0 / .3)}}}@media (prefers-reduced-motion:reduce){.main-heading{animation:none}}.main-subtitle{font-size:1.3rem;color:#fff;margin-bottom:2rem;opacity:.9;line-height:1.6}.content-section{padding:80px 0}.section-title{font-family:"Orbitron",sans-serif;font-size:2.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:3rem;text-shadow:0 0 20px rgb(255 215 0 / .3)}.main-gradient-bg{background:linear-gradient(135deg,#ff4757 0%,#3742fa 100%);min-height:100vh;padding-top:80px}.disclaimer-banner{background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);border-radius:10px;padding:1rem 2rem;margin-top:2rem;text-align:center;color:#fff;font-size:.9rem;opacity:.8}.how-to-play-images{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.how-to-play-step{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.how-to-play-step:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}.how-to-img{width:100%;height:auto;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 15px rgb(0 0 0 / .2);transition:transform 0.3s ease}.how-to-img:hover{transform:scale(1.02)}.how-to-caption{color:#fff;font-size:.95rem;line-height:1.5;text-align:center}.how-to-intro{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff;font-size:1.1rem;line-height:1.6;border:1px solid rgb(255 255 255 / .1)}.how-to-summary{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);border-radius:16px;padding:1.5rem;margin-top:2rem;color:#fff;font-size:1rem;line-height:1.6;text-align:center}.section-divider{border:none;height:2px;background:linear-gradient(90deg,transparent,rgb(255 215 0 / .5),transparent);margin:0;opacity:.6}.basics-list{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1rem}.basics-list li{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;color:#fff;border:1px solid rgb(255 255 255 / .1);position:relative;transition:transform 0.3s ease,box-shadow 0.3s ease}.basics-list li:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.basics-list li strong{color:gold;font-weight:700}.basics-list li::before{content:none}.basics-icon{margin-right:.75rem;font-size:1.5rem;vertical-align:middle}.basics-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.basics-card{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center}.basics-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}.basics-card-icon{font-size:3rem;margin-bottom:1rem;display:block}.basics-card-title{font-family:"Orbitron",sans-serif;font-size:1.3rem;font-weight:700;color:gold;margin-bottom:1rem;text-shadow:0 0 10px rgb(255 215 0 / .3)}.basics-card-desc{color:#fff;line-height:1.6;font-size:.95rem}.troops-list{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.troops-list li{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.5rem;color:#fff;border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;justify-content:space-between;align-items:center}.troops-list li:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.troops-list li strong{color:gold;font-weight:700}.troops-list li .elixir{color:#ff4757;font-weight:600;font-size:.9rem}.troops-img-container{text-align:center;margin:2rem 0}.troops-img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .3);transition:transform 0.3s ease}.troops-img:hover{transform:scale(1.02)}.troops-desc{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin:2rem 0;color:#fff;font-size:1.1rem;line-height:1.6;border:1px solid rgb(255 255 255 / .1);text-align:center}.troops-note{background:rgb(255 215 0 / .1);border:1px solid rgb(255 215 0 / .3);border-radius:16px;padding:1.5rem;margin-top:2rem;color:#fff;font-size:.95rem;line-height:1.6;text-align:center}.rulers-img-container{text-align:center;margin:2rem 0}.rulers-img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .3);transition:transform 0.3s ease}.rulers-img:hover{transform:scale(1.02)}.rulers-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:2rem 0}.ruler-card{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.ruler-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgb(0 0 0 / .2)}.ruler-card-title{font-family:"Orbitron",sans-serif;font-size:1.5rem;font-weight:700;color:gold;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px rgb(255 215 0 / .3)}.ruler-card-effect{color:#fff;font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.ruler-highlight{color:gold;font-weight:700}.ruler-card-tip{background:rgb(255 215 0 / .1);border-radius:12px;padding:1rem;color:#fff;font-size:.95rem;line-height:1.6;border:1px solid rgb(255 215 0 / .2)}.modifiers-img-container{text-align:center;margin:2rem 0}.modifiers-img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .3);transition:transform 0.3s ease}.modifiers-img:hover{transform:scale(1.02)}.modifiers-content{margin:2rem 0}.modifiers-intro{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;color:#fff;font-size:1.1rem;line-height:1.6;border:1px solid rgb(255 255 255 / .1);margin-bottom:2rem}.modifiers-highlight{color:gold;font-weight:700}.modifiers-examples h3{color:gold;font-family:"Orbitron",sans-serif;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 10px rgb(255 215 0 / .3)}.modifiers-list{list-style:none;padding:0;margin:1rem 0}.modifiers-list li{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.5rem;color:#fff;border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease;margin-bottom:.5rem}.modifiers-list li:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.modifier-type{color:gold;font-weight:700}.strategies-cta{text-align:center;margin:3rem 0}.strategies-btn{display:inline-block;background:linear-gradient(45deg,#ffd700,#ffed4e);color:#333;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(255 215 0 / .3)}.strategies-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(255 215 0 / .4)}.strategies-desc{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;color:#fff;font-size:1.1rem;line-height:1.6;border:1px solid rgb(255 255 255 / .1);margin-bottom:2rem;text-align:center}.mobile-drawer{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:rgb(0 0 0 / .95);backdrop-filter:blur(10px);z-index:1001;transition:right 0.3s ease;padding:2rem}.mobile-drawer.open{right:0}.mobile-drawer-menu{list-style:none;padding:0;margin-top:2rem}.mobile-drawer-menu li a{display:block;color:#fff;text-decoration:none;padding:1rem 0;border-bottom:1px solid rgb(255 255 255 / .1);transition:color 0.3s ease}.mobile-drawer-menu li a:hover{color:gold}.btn-primary{padding:15px 30px;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;background:linear-gradient(45deg,#ffd700,#ffed4e);color:#333;box-shadow:0 4px 15px rgb(255 215 0 / .3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 215 0 / .4)}.footer{background:rgb(0 0 0 / .9);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.sidebar-ad{display:none;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:300px;z-index:100}@media (min-width:1400px){.sidebar-ad{display:block}.main-gradient-bg{margin-right:340px}}#ezoic-pub-ad-placeholder-101,#ezoic-pub-ad-placeholder-102,#ezoic-pub-ad-placeholder-103,#ezoic-pub-ad-placeholder-104,#ezoic-pub-ad-placeholder-105,#ezoic-pub-ad-placeholder-106,#ezoic-pub-ad-placeholder-107,#ezoic-pub-ad-placeholder-108,#ezoic-pub-ad-placeholder-109,#ezoic-pub-ad-placeholder-110{text-align:center;margin:2rem auto;min-height:250px;background:rgb(255 255 255 / .1);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}@media (max-width:768px){#ezoic-pub-ad-placeholder-101,#ezoic-pub-ad-placeholder-102,#ezoic-pub-ad-placeholder-103,#ezoic-pub-ad-placeholder-104,#ezoic-pub-ad-placeholder-105,#ezoic-pub-ad-placeholder-106,#ezoic-pub-ad-placeholder-107,#ezoic-pub-ad-placeholder-108,#ezoic-pub-ad-placeholder-109{min-height:200px;margin:1rem auto}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{color:gold;margin-bottom:1rem;font-family:"Orbitron",sans-serif}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:#fff;text-decoration:none;transition:color 0.3s ease}.footer-section a:hover{color:gold}.footer-bottom{border-top:1px solid rgb(255 255 255 / .1);padding-top:1rem;text-align:center;color:rgb(255 255 255 / .7)}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.basics-card,.ruler-card,.how-to-play-step,.action-btn,.strategies-btn{touch-action:manipulation}@media (max-width:1200px){.nav-menu{display:none}.main-heading{font-size:2.5rem}.section-title{font-size:2rem}.main-subtitle{font-size:1.1rem}}@media (max-width:768px){*{-webkit-tap-highlight-color:#fff0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-title{font-size:1.8rem}.main-heading{font-size:2rem;will-change:auto}.main-heading-section{padding:100px 15px 60px}.content-section{padding:40px 0}.container{padding:0 15px}.main-subtitle{font-size:1rem}.how-to-play-images{grid-template-columns:1fr;gap:1.5rem}.basics-cards-grid{grid-template-columns:1fr;gap:1.5rem}.rulers-cards-grid{grid-template-columns:1fr}.modifiers-img,.troops-img,.rulers-img{max-width:100%;height:auto}.modifiers-list li{font-size:.9rem;padding:.8rem 1rem}.basics-card,.ruler-card,.how-to-play-step{backdrop-filter:none;background:rgb(255 255 255 / .1)}}@media (max-width:600px){.main-heading{font-size:1.8rem}.section-title{font-size:1.5rem}.basics-card{padding:1.2rem}.troops-list{grid-template-columns:1fr}.troops-list li{flex-direction:column;text-align:center;gap:.5rem}.how-to-play-step{padding:1rem;max-width:500px;margin:0 auto}.ruler-card{padding:1.2rem}.action-buttons{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:280px}}.privacy-title{text-align:center}.privacy-intro{text-align:center;max-width:700px;margin:0 auto 2.5rem auto}.privacy-date{margin-top:2rem;color:#fff;opacity:.7;text-align:center}.about-intro{margin-bottom:2rem}.about-outro{margin-top:2rem}.contact-intro{margin-bottom:2rem}.contact-subtitle{font-size:1.5rem;margin-bottom:1.5rem}.contact-form{max-width:500px;margin:2rem auto 0;background:rgb(255 255 255 / .05);padding:2rem;border-radius:16px;box-shadow:0 2px 16px rgb(0 0 0 / .08)}.contact-form label{color:#fff}.contact-form input,.contact-form textarea{width:100%;padding:.5rem;margin-bottom:1rem;border-radius:8px;border:none}.contact-form button{width:100%}.contact-note{text-align:center;color:#fff;opacity:.7;margin-top:1rem}