:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )}*,*:before,*:after{box-sizing:border-box}html{font-family:system-ui,sans-serif;background-color:#13151a;background-image:radial-gradient(circle,#13151ab3,#13151a4d),url(../background.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:#fff;overflow-x:hidden}body{margin:0;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.container{width:100%;max-width:800px;margin:0 auto;padding:2rem;text-align:center}main{flex:1}footer{padding:2rem 0;background:#1b1e23;margin-top:auto}footer nav{margin-top:1rem}footer a{color:#9ca3af;text-decoration:none}footer a:hover{color:#fff}.logo{width:900px;max-width:100%;height:auto;margin-bottom:2rem}.game-icon{width:200px;max-width:100%;height:auto;filter:drop-shadow(0 0 20px rgba(255,255,255,.2))}.main-download{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:3rem}.store-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.download-banner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-top:.5rem;padding:2.5rem 2rem;background:#ff4b2b1a;border:1px solid rgba(255,75,43,.3);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);backdrop-filter:blur(8px);box-sizing:border-box}.hero{margin-bottom:3rem}.hero-quote{font-size:2.5rem;margin-bottom:2.5rem;font-weight:200;color:#fff;letter-spacing:.02em;text-shadow:0 0 20px rgba(255,255,255,.1)}.iron{font-weight:900;text-transform:uppercase;background:linear-gradient(to bottom,#71717a,#f4f4f5 45%,#d4d4d8 55%,#3f3f46);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 3px 3px rgba(0,0,0,.5))}.star{font-weight:900;text-transform:uppercase;color:#fcd34d;text-shadow:0 0 15px rgba(251,191,36,.9),0 0 30px rgba(245,158,11,.7),0 0 45px rgba(251,191,36,.4)}.landing-image{width:100%;max-width:700px;height:auto;border-radius:1rem;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:2rem;padding-bottom:.1em;background:linear-gradient(to bottom,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem}.btn{display:inline-block;padding:.8rem 2rem;background:#00e5ff1a;color:#00e5ff;text-decoration:none;border:2px solid #00e5ff;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .3s ease;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);backdrop-filter:blur(8px)}.btn:hover{background:#00e5ff;color:#13151a;box-shadow:0 0 30px #00e5ff99;transform:scale(1.05) translateY(-2px)}.btn:active{transform:scale(.98) translateY(0)}.btn.discord{color:#5865f2;border-color:#5865f2;background:#5865f21a}.btn.discord:hover{background:#5865f2;color:#fff;box-shadow:0 0 30px #5865f299}.btn.orange{color:#ff4b2b;border-color:#ff4b2b;background:#ff4b2b1a}.btn.orange:hover{background:linear-gradient(45deg,#ff4b2b,#ff8c00);border-color:#ff8c00;color:#fff;box-shadow:0 0 30px #ff4b2b99}.gallery{overflow-x:auto;overflow-y:hidden;margin-top:2rem;padding-bottom:1.5rem;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.gallery::-webkit-scrollbar{display:none}.gallery-track{display:flex;gap:1.5rem;width:max-content;padding-right:1.5rem;will-change:transform}.gallery img{flex:0 0 auto;width:600px;max-width:85vw;height:auto;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media(max-width:768px){h1{font-size:2.2rem}.hero-quote{font-size:1.8rem;margin-bottom:1.5rem}.container{padding:1.5rem 1rem}.download-banner{padding:1.5rem 1rem;gap:1.5rem}.main-download,.hero{margin-bottom:2rem}}
