*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,sans-serif;background-color:#000;color:#fff}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#0f8;border-radius:4px}h1,h2,h3,h4,h5,h6{color:#fff}p,span,li{color:#eaeaea}.text-green-neon{color:#0f8}.text-green-forest{color:#007f5f}.text-gray-dark{color:#333}.text-gray-light{color:#eaeaea}.bg-green-neon{background-color:#0f8}.bg-green-forest{background-color:#007f5f}.bg-gray-dark{background-color:#333}.bg-gray-light{background-color:#eaeaea}.button-primary{background-color:#0f8;color:#000;border:none;padding:.5rem 1rem;border-radius:.5rem}.button-primary:hover{background-color:#007f5f}.card{background-color:#1a1a1a;border-radius:.5rem;padding:1rem;box-shadow:0 0 10px #00ff884d;transition:all .2s ease-in-out}.card:hover{box-shadow:0 0 20px #0f89}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #333333}footer{text-align:center;padding:1rem 0;border-top:1px solid #333333;color:#888}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem;color:#eaeaea}.hero .btn{padding:1rem 2rem;background-color:#0f8;color:#000;border-radius:.5rem;font-weight:700;transition:all .2s ease-in-out}.hero .btn:hover{background-color:#007f5f}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem}.game-card{background-color:#1a1a1a;border-radius:.5rem;padding:1rem;box-shadow:0 0 10px #00ff884d;transition:all .2s ease-in-out}.game-card:hover{box-shadow:0 0 20px #0f89}.game-card h4{margin-top:1rem;color:#0f8}.game-card p{color:#eaeaea}.game-card button{margin-top:.5rem;padding:.5rem 1rem;background-color:#0f8;color:#000;border-radius:.5rem}.game-card button:hover{background-color:#007f5f}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #333333;background-color:#000;color:#fff;font-family:Archivo Black,sans-serif}.logo{height:50px;width:auto}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.nav-link:hover{color:#0f8}.logo{height:50px;width:auto;margin-top:-10px;margin-bottom:-10px}.shop-link{display:flex;align-items:center;margin-left:10px}.shop-icon{width:24px;height:24px}.user-stats{display:flex;align-items:center;gap:15px}.stats-row-header{display:flex;align-items:center;gap:15px;font-size:20px}.stat{display:flex;align-items:center;gap:5px;color:#fff}.icon{width:20px;height:20px}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.logout-button{background:none;border:none;cursor:pointer;padding:0}.logout-icon{width:24px;height:24px}.lang-dropdown{position:relative;display:inline-block}.lang-button{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.lang-icon{width:20px;height:20px}.lang-arrow{font-size:12px;color:#fff}.lang-dropdown-content{position:absolute;top:100%;left:0;background:#222;border:1px solid #444;border-radius:6px;margin-top:5px;min-width:100px;display:flex;flex-direction:column;z-index:10}.lang-dropdown-content button{background:none;border:none;text-align:left;padding:8px 12px;cursor:pointer;color:#fff}.lang-dropdown-content button:hover{background:#333}.searchbar-container{position:relative;width:300px}.searchbar{display:flex;align-items:center;background:#222;border:1px solid #444;border-radius:20px;padding:5px 10px}.searchbar input{flex:1;border:none;outline:none;background:transparent;color:#fff;padding:5px;font-size:14px}.search-icon{width:18px;height:18px;cursor:pointer}.search-results{position:absolute;top:105%;left:0;right:0;background:#111;border:1px solid #444;border-radius:8px;max-height:200px;overflow-y:auto;z-index:20}.search-result-item{display:block;padding:8px 12px;color:#fff;text-decoration:none;font-size:14px}.search-result-item:hover{background:#333}.portal-container{min-height:100vh;background-color:#000;color:#fff;font-family:Inter,sans-serif;padding-bottom:4rem}.game-category{padding:2rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.games-wrapper.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.game-object{min-width:450px;max-width:450px;flex:0 0 auto;position:relative;transition:transform .3s ease}.game-object:hover{transform:scale(1.05);z-index:20}.game-object img{border-radius:12px;width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.game-overlay{position:absolute;inset:0;background:#000000d9;color:#fff;opacity:0;transform:translateY(20px);display:flex;flex-direction:column;justify-content:flex-end;padding:15px;border-radius:10px;transition:all .3s ease}.game-overlay h3{margin:0 0 5px;font-size:1.1rem}.game-overlay p{font-size:.85rem;color:#bbb;margin:0 0 10px;max-height:60px;overflow:hidden;text-overflow:ellipsis}.play-btn{background:#0f8;color:#000;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-weight:700;transition:background 0s}.play-btn:hover{background:#00cc6d}.game-object:hover .game-overlay{opacity:1;transform:translateY(0)}.game-stats{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.like-btn{background:transparent;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.like-btn:hover{transform:scale(1.1)}.cyber-card{max-width:50vw;margin:50px auto;background:#0a0a0a;border:2px solid #FFFFFF;border-radius:16px;box-shadow:0 0 25px #fff;overflow:hidden;color:#fff;font-family:Orbitron,sans-serif;text-align:center;position:relative;padding-top:0}.edit-btn-card{position:absolute;top:10px;right:10px;background:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer;color:#000;z-index:10}.edit-btn-card:hover{background:#fff}.cyber-banner{width:100%;height:60vh;background-size:cover;background-position:center;position:relative}.cyber-overlay{position:absolute;inset:0;background:#0006}.div-profile-main-row{display:flex;align-items:center;justify-content:space-between;padding:20px}.profile-main-row-left{display:flex;align-items:center;gap:15px}.profile-main-row-right{display:flex;align-items:center;gap:20px}.profile-row{display:flex;align-items:center;gap:20px;padding:20px;margin-left:20px}.avatar-left{width:80px;height:80px;border-radius:50%;border:3px solid #FFFFFF;box-shadow:0 0 15px #fff;object-fit:cover}.cyber-username-right{font-size:24px;color:#fff;text-shadow:0 0 8px #FFFFFF;margin:0;flex-grow:1;text-align:left}.stats-row{display:flex;justify-content:space-around;align-items:center;padding:15px 20px 20px}.stat{display:flex;align-items:center;gap:10px}.coin-icon{width:50px;height:50px}.credits{font-size:20px;font-weight:700;color:#fff}.energy{font-size:20px;flex-direction:column;gap:6px}.energy-bar{width:160px;height:14px;background:#111;border:1px solid #FFFFFF;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #fff inset}.energy-fill{height:100%;background:linear-gradient(90deg,#fff,#fff);transition:width .5s ease}.section-block{margin:30px auto;max-width:90vw;padding:20px;background:#0a0a0a;border-radius:12px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:50}.popup-content{background:#111;border-radius:12px;padding:1.5rem;width:60vw;max-height:80vh;overflow-y:auto;color:#fff;box-shadow:0 0 10px #000c;position:relative}.popup-form{display:flex;flex-direction:column;gap:1.5rem}.popup-section h3{font-size:1rem;margin-bottom:.5rem}.image-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.selectable-image{width:70px;height:70px;border-radius:8px;border:2px solid transparent;object-fit:cover;cursor:pointer;transition:transform .2s,border .2s}.selectable-image:hover{transform:scale(1.05);border-color:#0f8}.selectable-image.selected{border-color:#0f8}.popup-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:1rem}.save-btn,.cancel-btn{padding:.6rem 1.2rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:.9rem;transition:transform .2s,background .2s}.save-btn{background:#0f8;color:#000}.save-btn:hover{background:#0f0;transform:scale(1.05)}.cancel-btn{background:#333;color:#fff}.cancel-btn:hover{background:#444;transform:scale(1.05)}.portal-hero{position:relative;height:65vh;width:95vw;margin:0 auto 40px;border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;overflow:hidden}.portal-hero.fade-in{opacity:1}.portal-hero.fade-out{opacity:0}.hero-content{display:flex;width:100%;height:100%;padding:20px}.hero-left{flex:1;margin-top:-3%;transform:translate(40px);width:50vw!important;height:auto!important}.cyber-card{transform:scale(.84);transform-origin:top left}.hero-right{flex:1;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff;padding:20px;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;height:100%}.hero-title{font-size:3rem;margin-bottom:8px}.hero-subtitle{font-size:1.5rem;margin-bottom:12px}.hero-buttons{font-family:Archivo Black,sans-serif;display:flex;align-items:center;gap:10px}.btn-hero{height:50px;padding:0 30px;font-size:1.2rem;border-radius:6px;background-color:#0f8;color:#000;border:none;cursor:pointer}.btn-hero:hover{background-color:#00cc6d}.btn-like{width:50px;height:50px;border-radius:50%;background:#fff3;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s}.btn-like:hover{transform:scale(1.1)}.btn-like svg{width:50%;height:50%;display:block}.btn-like.liked svg{fill:#0f8}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;background:#00000080;color:#fff;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;z-index:10}.hero-arrow.left{left:48vw}.hero-arrow.right{right:2vw}.login-register-card{background:#000000b3;border:2px solid #00ff88;border-radius:12px;padding:20px;color:#fff;font-family:Archivo Black,sans-serif;text-align:center;margin-top:10%;box-shadow:0 0 15px #00ff8880;animation:fadeIn .6s ease;width:90%}.login-register-card h2{font-size:1.8rem;margin-bottom:10px}.login-register-card p{font-size:1rem;margin-bottom:20px;color:#ccc}.login-register-buttons{display:flex;justify-content:center;gap:15px}.btn-secondary{height:50px;padding:0 30px;font-size:1.2rem;border-radius:6px;background-color:#222;color:#fff;border:2px solid #00ff88;cursor:pointer}.btn-secondary:hover{background-color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.games-page{background-color:#0f0f0f;color:#fff;padding:20px;font-family:Poppins,sans-serif}.section-title{font-size:2rem;margin-bottom:15px;text-align:center}.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(15vw,1fr));gap:15px;margin-bottom:40px;justify-content:center}.category-card{position:relative;height:120px;width:15vw;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;cursor:pointer;transition:transform .3s ease}.category-card:hover{transform:scale(1.05)}.category-card .overlay{position:absolute;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;color:#fff}.category-card.active{outline:3px solid #00FF88}.slider-section{margin-bottom:40px}.slider-title{font-size:1.5rem;margin-bottom:10px}.slider-container{position:relative;display:flex;align-items:center;padding:0 60px;box-sizing:border-box}.slider{align-items:start;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));grid-auto-flow:column;gap:15px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1}.slider::-webkit-scrollbar{display:none}.slider-arrow{background:#0009;border:none;color:#fff;font-size:1.8rem;padding:8px 12px;border-radius:50%;cursor:pointer;z-index:10;transition:background .3s ease}.slider-arrow:hover{background:#000000e6}.slider-arrow.left{position:absolute;left:0}.slider-arrow.right{position:absolute;right:0}.friend-card{min-width:220px;max-width:220px;flex:0 0 auto;position:relative;transition:transform .3s ease}.friend-card:hover{transform:scale(1.05);z-index:20}.friend-avatar{border-radius:50%;width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;border:3px solid #00ff88}.friend-overlay{position:absolute;inset:0;background:#000000bf;color:#fff;opacity:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px;border-radius:50%;transition:all .3s ease;text-align:center}.friend-card:hover .friend-overlay{opacity:1}.friend-name{margin-top:10px;font-size:1rem;font-weight:700;color:#fff;text-align:center}.add-btn{background:#0f8;color:#000;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;font-weight:700;margin-top:8px;transition:background .2s}.add-btn:hover{background:#00cc6d}.friend-stats{position:absolute;top:6px;right:6px;display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.friend-btn{background:transparent;border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.friend-btn:hover{transform:scale(1.1)}.friends-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}.friend-card{display:flex;flex-direction:column;align-items:center;width:90px}.friend-avatar{width:60px;height:60px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px #fff;object-fit:cover;margin-bottom:6px}.friend-name{font-size:14px;text-align:center;color:#fff;text-shadow:0 0 5px #FFFFFF}:root{--black: #000000;--white: #FFFFFF;--neon-green: #00FF88;--forest-green: #007F5F;--dark-gray: #333333;--light-gray: #EAEAEA}body{margin:0;font-family:Archivo Black,sans-serif;background:var(--black);color:var(--white)}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--black)}.auth-form{background:var(--dark-gray);padding:2.5rem;border-radius:1rem;box-shadow:0 4px 16px #000000b3;width:350px;display:flex;flex-direction:column;gap:1rem}.auth-form h2{text-align:center;color:var(--white);margin-bottom:1rem;font-size:1.8rem;letter-spacing:1px}.auth-input{padding:.8rem;border:none;border-radius:.5rem;outline:none;background:var(--black);color:var(--white);font-size:1rem;transition:border .3s,background .3s}.auth-input::placeholder{color:var(--light-gray)}.auth-input:focus{border:2px solid var(--neon-green);background:#111}.auth-button{background:var(--neon-green);color:var(--black);font-weight:700;padding:.8rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s,transform .2s}.auth-button:hover{background:var(--forest-green);color:var(--white);transform:scale(1.02)}.divider{text-align:center;margin:20px 0;font-size:1rem;color:var(--light-gray);opacity:.8}.redirect{text-align:center;color:var(--light-gray);font-size:.9rem}.redirect span{color:var(--neon-green);cursor:pointer;font-weight:700;transition:color .3s}.redirect span:hover{color:var(--forest-green);text-decoration:underline}.shop-background{background-color:#000;min-height:100vh;display:flex;justify-content:center;padding:2rem 0}.money-shop-container{display:flex;flex-direction:column;align-items:center;width:60%}.coins-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:80%;margin:2rem 0}.coins-row button{background:#1a1a1a;border:2px solid #00FF88;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s;aspect-ratio:1 / 1}.coins-row button:hover{transform:scale(1.05)}.item-purchase{position:absolute;top:0;left:0;width:100%;height:30px;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-weight:700}.vpointslogo1{height:24px}.price-tag{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#0009;color:#0f8;padding:5px 10px;border-radius:5px;font-weight:700}.coins-row img{width:100%;height:100%;object-fit:cover}.premium-row{display:flex;justify-content:center;width:80%;margin:2rem 0}.premium-row button{background:#1a1a1a;border:2px solid #00FF88;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s;grid-column:span 3;width:100%}.premium-row button:hover{transform:scale(1.05)}.item-purchase2{position:absolute;top:0;left:0;width:100%;height:30px;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.premium-row img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.coins-row{grid-template-columns:repeat(2,1fr);gap:1rem}.premium-row button{width:100%}}.gatcha-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:50}.gatcha-popup{background:#111;border-radius:12px;padding:1.5rem;width:60vw;max-height:80vh;overflow-y:auto;color:#fff;box-shadow:0 0 10px #000c;position:relative}.close-btn{position:absolute;top:.8rem;right:1rem;background:transparent;border:none;color:#fff;font-size:1.2rem;cursor:pointer}.popup-title{font-size:1.2rem;margin-bottom:1rem;border-bottom:2px solid #444;padding-bottom:.5rem}.popup-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.popup-item{background:#222;border-radius:8px;padding:.5rem;text-align:center;transition:transform .2s}.popup-item:hover{transform:scale(1.05)}.popup-item-img{width:80px;height:80px;object-fit:contain}.popup-item-name{display:block;margin-top:.5rem;font-size:.9rem}.open-chest{display:flex;justify-content:center;margin-top:1rem}.open-btn{display:flex;align-items:center;gap:.5rem;background:#222;border:2px solid #555;border-radius:10px;padding:.6rem 1.2rem;color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s}.open-btn:hover{background:#333;transform:scale(1.05)}.reward{margin-top:1.5rem;text-align:center}.reward-img{width:100px;height:100px;object-fit:contain;margin-top:.5rem}.gatcha-container{display:flex;flex-direction:column;align-items:center;color:#fff}.gatcha-options{display:flex;gap:2rem;margin-top:1rem}.gatcha-box{background:#111;border-radius:12px;padding:1rem;width:38vw;cursor:pointer;transition:transform .2s;box-shadow:0 0 8px #0009}.gatcha-box:hover{transform:scale(1.05)}.gatcha-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #444;padding-bottom:.5rem;margin-bottom:.5rem}.gatcha-title{font-size:1rem;font-weight:700}.gatcha-price{display:flex;align-items:center;gap:.3rem;font-size:.9rem}.coin-icon{width:18px;height:18px}.gatcha-img{width:100%;height:auto;margin-top:.5rem}