html,body,#root{background:#fff;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}:root{--background:#080706;--surface:#15110a;--primary:#d4af37;--secondary:gold;--gold-dark:#8a6a12;--text:#090909;--muted:#b8a77a}body{color:var(--text);background:radial-gradient(circle at top,#211a0b,#080706);font-family:Inter,sans-serif}#root{width:100%;min-height:100vh}.hero{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:35px 20px 60px;display:flex}.logo{justify-content:center;align-items:center;margin-bottom:0;display:flex}.logo img{object-fit:contain;filter:none;border-radius:20px;width:260px;height:140px}.hero-description{text-align:center;width:100%;max-width:360px;color:var(--text);margin:4px auto -40px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.35}.hero-title{text-align:center;letter-spacing:3px;margin-bottom:18px;font-family:Bebas Neue,sans-serif;font-size:42px;line-height:1.1}.hero-text{text-align:center;width:100%;max-width:430px;color:var(--muted);margin-bottom:30px;font-size:16px;line-height:1.6}.games-section{background:0 0;flex-direction:column;align-items:center;width:100%;max-width:none;margin-top:30px;padding:40px 0;display:flex}.featured-section{flex-direction:column;align-items:center;width:100%;max-width:540px;margin-top:30px;display:flex}.section-title{letter-spacing:4px;text-align:center;margin:25px 0;font-family:Bebas Neue,sans-serif;font-size:32px}.game-list{flex-direction:column;gap:15px;width:100%;max-width:420px;margin:0 auto;display:flex}.gray-games{box-sizing:border-box;background:#1a1a1a;flex-direction:column;align-items:center;gap:15px;width:100vw;margin-left:calc(50% - 50vw);padding:40px 20px;display:flex}.gray-games .card-reveal{width:100%;max-width:420px}.gray-games .game-card{width:100%}.game-card{width:100%;box-shadow:none;border:none;border-radius:25px;margin-bottom:45px;position:relative;overflow:visible}.game-card-title{text-align:left;letter-spacing:2px;color:#fff;width:100%;margin-top:0;margin-bottom:0;font-family:Bebas Neue,sans-serif;font-size:30px;font-weight:700}.game-card-image{aspect-ratio:1080/1350;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:100%;position:relative;overflow:hidden}.game-card-image:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff08 30%,#ffffff73 50%,#ffffff08 70%,#0000 100%);width:55%;height:100%;animation:7s ease-in-out infinite gameImageShine;position:absolute;top:0;left:-120%;transform:skew(-20deg)}@keyframes gameImageShine{0%{left:-120%}45%{left:120%}to{left:120%}}.game-card:hover{border-color:gold;transform:translateY(-8px)scale(1.02)}.game-card:before{content:"";z-index:1;pointer-events:none;background:0 0;position:absolute;inset:0}.button-wrapper{z-index:5;width:85%;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.overlay h2{letter-spacing:1px;margin-bottom:15px;font-family:Bebas Neue,sans-serif;font-size:30px}.game-card button{color:#fff;letter-spacing:2px;cursor:pointer;isolation:isolate;text-shadow:0 2px #fff1a8e6,0 4px #b8860bcc,0 6px 10px #000c;background:linear-gradient(135deg,#fff1a8,#d4af37,#b8860b,gold);border:none;border-radius:18px;width:100%;padding:16px;font-family:Inter,sans-serif;font-size:25px;font-weight:900;transition:all .3s;animation:2s ease-in-out infinite buttonBreath;position:relative;overflow:hidden;transform:scale(1)}.game-card button:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff0d 30%,#ffffff8c 50%,#ffffff0d 70%,#0000 100%);width:45%;height:100%;animation:5s ease-in-out infinite buttonShine;position:absolute;top:0;left:-120%;transform:skew(-20deg)}@keyframes buttonShine{0%{left:-120%}35%{left:120%}to{left:120%}}.game-card button:hover{transform:scale(1.08)}.register-button{color:#1a1405;text-shadow:0 4px #b8860b,0 6px 12px #000000d9,0 0 15px #ffd700cc;z-index:1000;position:relative;pointer-events:auto!important}@keyframes registerPulse{0%,to{box-shadow:0 12px 25px #d4af3759}50%{box-shadow:0 18px 40px #d4af37bf}}@keyframes buttonBreath{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.game-card button:hover:before{left:100%}.featured-section{margin-top:45px}.level-nav{justify-content:center;align-items:center;gap:35px;width:100%;margin-top:-90px;margin-bottom:5px;display:flex}.logo-0 img{object-fit:contain;width:90px;height:50px}.logo-1 img{object-fit:contain;width:150px;height:40px}.logo-item span{justify-content:center;align-items:center;display:flex}.logo-item img{transition:all .3s}.logo-item img:hover{transform:scale(1.1)}.reveal{opacity:0;filter:blur(8px);transition:all .8s;transform:translateY(50px)scale(.96)}.reveal.active{opacity:1;filter:blur();transform:translateY(0)scale(1)}.logo-reveal{transform:translateY(-40px)scale(.8)}.title-reveal{transition-delay:.15s}.text-reveal{transition-delay:.3s}.card-reveal{width:100%}.card-reveal .game-card{opacity:0;transition:all .8s;transform:translateY(80px)scale(.95)}.card-reveal.active .game-card{opacity:1;transform:translateY(0)scale(1)}.logo-item{opacity:0;transition:all .6s;transform:scale(.5)rotate(-15deg)}.logo-item.active{opacity:1;transform:scale(1)rotate(0)}.redirect-screen,.not-found{background:#050816;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found{letter-spacing:4px;font-family:Bebas Neue,sans-serif;font-size:40px}@keyframes floatLogo{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes progress{0%{width:0}to{width:100%}}.redirect-screen{width:100%;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#2a2108,#080706 65%);justify-content:center;align-items:center;display:flex}.redirect-content{text-align:center;flex-direction:column;align-items:center;animation:.8s redirectEnter;display:flex}.redirect-logo img{object-fit:contain;border-radius:25px;width:160px;height:160px;margin-bottom:30px;animation:2s ease-in-out infinite logoFloat}.redirect-content h1{letter-spacing:8px;color:gold;text-shadow:0 3px #b8860b,0 6px 12px #000c;margin-bottom:15px;font-family:Bebas Neue,sans-serif;font-size:48px}.redirect-content p{color:#b8a77a;letter-spacing:1px;margin-bottom:35px;font-family:Inter,sans-serif;font-size:16px}.redirect-loader{background:#1a1508;border:1px solid #8a6a12;border-radius:20px;width:260px;height:8px;overflow:hidden}.redirect-loader span{background:linear-gradient(90deg,#8a6a12,#d4af37,#fff1a8,gold);width:40%;height:100%;animation:1.8s ease-in-out infinite redirectLoading;display:block}@keyframes redirectLoading{0%{transform:translate(-120%)}to{transform:translate(300%)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes redirectEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.hero{padding-top:50px}}@media (width>=1200px){.game-list{max-width:420px}}.payment-card{aspect-ratio:1080/1350;width:100%;box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:0;margin-top:-30px;margin-bottom:-80px;position:relative}.payment-card-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.payment-card:before,.payment-card .overlay{display:none}.payment-reveal{justify-content:center;align-items:center;width:100%;display:flex}.payment-card{filter:none;transform:none}.button-wrapper{pointer-events:auto;z-index:20}.reveal,.card-reveal{z-index:1;pointer-events:auto;position:relative}.game-card{position:relative}.overlay{z-index:10;pointer-events:none;position:absolute;inset:0}.button-wrapper{z-index:100;pointer-events:auto;width:85%;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.game-card button{z-index:200;pointer-events:auto;cursor:pointer;position:relative}.featured-section{width:100%;margin-top:80px}.responsibility-text{text-align:center;width:100%;max-width:430px;color:var(--text);margin-top:80px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1.4}.footer{text-align:center;width:100%;color:var(--text);flex-direction:column;align-items:center;margin-top:40px;padding:35px 20px 25px;display:flex}.footer-line{background:linear-gradient(90deg,#0000,#000,#0000);width:80%;max-width:400px;height:1px;margin-bottom:25px}.footer p{letter-spacing:1px;color:#000;margin-bottom:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.footer span{color:#b8a77a;letter-spacing:1px;font-size:12px}