@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.page-spinner{border:3px solid #f0b42933;border-top-color:#f0b429;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite page-spin}@keyframes page-spin{to{transform:rotate(360deg)}}:root{--cp-primary:#2563eb;--cp-primary-rgb:37, 99, 235;--cp-secondary:#06b6d4;--cp-secondary-rgb:6, 182, 212;--cp-accent:#f43f5e;--cp-accent-rgb:244, 63, 94;--cp-glow:#2563eb66;--bg-void:#0f172a;--bg-dark:#0b132b;--bg-panel:#0f172ad9;--bg-panel-solid:#111827;--bg-panel-hover:#1e293bb3;--text-main:#e8ecf4;--text-muted:#6b7394;--text-bright:#fff;--border:#ffffff0f;--border-glow:rgba(var(--cp-primary-rgb), .25);--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Kanit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%}.scanline-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#050b1408 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.app-layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.main-content{z-index:2;flex:1;padding:2rem 0;position:relative}.navbar{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(20px);background:#050b14d9;align-items:center;height:72px;display:flex;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{letter-spacing:2px;background:linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));-webkit-text-fill-color:transparent;text-transform:uppercase;filter:drop-shadow(0 0 8px var(--cp-glow));-webkit-background-clip:text;align-items:center;gap:.6rem;font-family:"Press Start 2P",cursive;font-size:1rem;font-weight:400;transition:filter .3s;display:flex}.brand:hover{filter:drop-shadow(0 0 16px var(--cp-glow))}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);padding:.4rem 0;font-size:.95rem;font-weight:500;transition:all .3s;position:relative}.nav-link:after{content:"";background:var(--cp-primary);width:0;height:2px;box-shadow:0 0 8px var(--cp-glow);transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:var(--text-bright)}.nav-link:hover:after,.nav-link.active:after{width:100%}.holo-panel{background:var(--bg-panel);border:1px solid var(--border-glow);border-radius:var(--radius-lg);padding:1.75rem;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.holo-panel:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--cp-primary-rgb), .5), transparent);height:1px;position:absolute;top:0;left:0;right:0}.holo-panel:hover{border-color:rgba(var(--cp-primary-rgb), .4);box-shadow:0 0 30px rgba(var(--cp-primary-rgb), .08)}.holo-panel--no-border{border-color:#0000}.holo-panel--no-border:before{display:none}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-glow);border-radius:var(--radius-lg)}.neon-btn{border-radius:var(--radius-sm);letter-spacing:.5px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.75rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.neon-btn__content{z-index:1;position:relative}.neon-btn__glow{opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.neon-btn:hover .neon-btn__glow{opacity:1}.neon-btn--primary{background:linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));color:#fff;box-shadow:0 4px 20px rgba(var(--cp-primary-rgb), .3)}.neon-btn--primary .neon-btn__glow{background:linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));filter:blur(12px)}.neon-btn--primary:hover{box-shadow:0 6px 30px rgba(var(--cp-primary-rgb), .5)}.neon-btn--secondary{background:rgba(var(--cp-primary-rgb), .1);color:var(--cp-primary);border:1px solid rgba(var(--cp-primary-rgb), .3)}.neon-btn--secondary:hover{background:rgba(var(--cp-primary-rgb), .2);box-shadow:0 0 20px rgba(var(--cp-primary-rgb), .15)}.neon-btn--outline{color:var(--text-main);border:1px solid var(--border);background:0 0}.neon-btn--outline:hover{border-color:var(--cp-primary);color:var(--cp-primary)}.neon-btn--full{width:100%}.neon-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 15px rgba(var(--cp-primary-rgb), .3);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 25px rgba(var(--cp-primary-rgb), .5);transform:translateY(-2px)}.btn-secondary{background:rgba(var(--cp-primary-rgb), .1);color:var(--cp-primary);border-radius:var(--radius-sm);border:1px solid rgba(var(--cp-primary-rgb), .2);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:rgba(var(--cp-primary-rgb), .2);border-color:rgba(var(--cp-primary-rgb), .4)}.input-field{border:1px solid rgba(var(--cp-primary-rgb), .15);width:100%;color:var(--text-main);border-radius:var(--radius-sm);background:#050b1466;padding:.875rem 1rem;font-family:Kanit,sans-serif;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px rgba(var(--cp-primary-rgb), .15), 0 0 20px rgba(var(--cp-primary-rgb), .1);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field-highlight{color:#000;border:2px solid var(--cp-primary);box-shadow:0 0 15px rgba(var(--cp-primary-rgb), .2);background:#fff;font-weight:600}.input-field-highlight:focus{color:#000;box-shadow:0 0 0 3px rgba(var(--cp-primary-rgb), .3), 0 0 25px rgba(var(--cp-primary-rgb), .2);background:#fff}.input-field-highlight::placeholder{color:#666;font-weight:400}.glitch-wrapper{position:relative}.glitch-text{letter-spacing:2px;text-transform:uppercase;color:var(--text-bright);font-family:Kanit,sans-serif;font-weight:800;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-wrapper:hover .glitch-text:before{color:var(--cp-primary);opacity:.8;clip-path:polygon(0 0,100% 0,100% 35%,0 35%);animation:.3s linear infinite glitch-1}.glitch-wrapper:hover .glitch-text:after{color:var(--cp-secondary);opacity:.8;clip-path:polygon(0 65%,100% 65%,100% 100%,0 100%);animation:.3s linear infinite glitch-2}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(3px,-3px)}40%{transform:translate(3px,3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(-3px,3px)}to{transform:translate(0)}}@keyframes neonPulse{0%,to{opacity:1}50%{opacity:.7}}.neon-pulse{animation:2s ease-in-out infinite neonPulse}.page-title{text-align:center;letter-spacing:2px;text-shadow:0 0 30px var(--cp-glow);margin-bottom:.5rem;font-family:Kanit,sans-serif;font-size:2.2rem;font-weight:700}.page-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2.5rem;font-size:1.05rem}.section-title{color:var(--cp-primary);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px var(--cp-glow);margin-bottom:1.25rem;font-family:Kanit,sans-serif;font-size:1rem;font-weight:600}@keyframes themeGlitch{0%{opacity:1;filter:none}10%{opacity:.8;filter:hue-rotate(90deg)saturate(2)}20%{opacity:.6;filter:hue-rotate(-90deg)}30%{opacity:.9;filter:none}50%{opacity:.5;filter:hue-rotate(180deg)brightness(1.5)}70%{opacity:.8;filter:none}to{opacity:1;filter:none}}.theme-transitioning{animation:.4s ease-in-out themeGlitch}.p-6{padding:1.75rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.w-100{width:100%}.fw-600{font-weight:600}.text-primary{color:var(--cp-primary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-center{text-align:center}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:rgba(var(--cp-primary-rgb), .3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--cp-primary-rgb), .5)}.mobile-toggle{color:var(--text-bright);cursor:pointer;z-index:101;background:0 0;border:none;padding:.5rem;display:none}@media (width<=768px){.page-title{letter-spacing:1px;font-size:1.5rem}.holo-panel{padding:1.25rem}.container{padding:0 1rem}.navbar{height:60px}.mobile-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);border-top:1px solid var(--border);opacity:0;pointer-events:none;z-index:99;background:#0b132bf2;flex-direction:column;gap:1.25rem;width:100%;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:60px;left:0;transform:translateY(-150%);box-shadow:0 10px 30px #050b1480}.nav-links--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{text-align:center;width:100%;padding:.75rem 0;font-size:1.1rem}.nav-link:after{display:none}.nav-user{border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;width:100%;padding-top:1rem}.nav-logout,.nav-login-btn{justify-content:center;width:100%}}.live-light{filter:blur(120px);z-index:-1;pointer-events:none;opacity:.9;border-radius:50%;width:55vw;height:75vh;position:fixed;top:10%}.light-left{background:#00bfff99;animation:7s ease-in-out infinite alternate pulseSyncLeft;left:-15%}.light-right{background:#f009;animation:7s ease-in-out infinite alternate pulseSyncRight;right:-15%}@keyframes pulseSyncLeft{0%{opacity:.4;transform:scale(1)translate(0)}to{opacity:1;transform:scale(1.3)translate(5%,5%)}}@keyframes pulseSyncRight{0%{opacity:1;transform:scale(1.3)translate(-5%,-5%)}to{opacity:.4;transform:scale(1)translate(0)}}.test-navbar-wrapper{z-index:50;background-color:#0f172a;padding:.5rem 0;position:sticky;top:0}.test-navbar-top{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.radio-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;gap:0;width:auto;height:40px;padding:4px;animation:.6s ease-out slide-in;display:inline-flex;position:relative;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d}@keyframes slide-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slider{z-index:0;background:#fff;border-radius:25px;position:absolute;inset:0;box-shadow:0 3px 12px #00000026,0 1px 4px #0000001a}.radio-option{z-index:1;align-items:center;display:flex;position:relative}.radio-label{color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;border-radius:25px;justify-content:center;align-items:center;height:100%;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:relative}.radio-label.active{color:#00c8ff;text-shadow:none}.radio-label:hover:not(.active){color:#fff}.radio-label:before{content:"";opacity:0;background:#ffffff1a;border-radius:50px;transition:opacity .3s;position:absolute;inset:0}.radio-label:hover:before{opacity:1}.radio-option{animation:.5s ease-out backwards fade-in}.radio-option:first-child{animation-delay:.1s}.radio-option:nth-child(2){animation-delay:.2s}.radio-option:nth-child(3){animation-delay:.3s}.radio-option:nth-child(4){animation-delay:.4s}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.radio-group:before{content:"";z-index:-1;opacity:0;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:50px;animation:3s linear infinite shine;position:absolute;inset:-2px}@keyframes shine{0%{transform:translate(-100%)rotate(45deg)}}.uiverse-search-container{box-sizing:border-box;width:fit-content;position:relative}.uiverse-search-mainbox{box-sizing:border-box;background-color:#000;border-radius:160px;flex-direction:row-reverse;justify-content:center;align-items:center;width:230px;height:40px;transition:all .3s;display:flex;position:relative}.uiverse-search-checkbox:focus{border:none;outline:none}.uiverse-search-checkbox:checked{right:10px}.uiverse-search-checkbox:checked~.uiverse-search-mainbox{width:40px}.uiverse-search-checkbox:checked~.uiverse-search-mainbox .uiverse-search-input{width:0;height:0}.uiverse-search-checkbox:checked~.uiverse-search-mainbox .uiverse-search-iconContainer{padding-right:8px}.uiverse-search-checkbox{box-sizing:border-box;z-index:9;cursor:pointer;appearance:none;opacity:0;width:30px;height:30px;position:absolute;top:5px;right:5px}.uiverse-search-input{box-sizing:border-box;color:#fff;background-color:#0000;border:none;outline:none;width:170px;height:100%;padding-bottom:2px;padding-left:10px;font-family:Kanit,sans-serif;font-size:.9em;transition:all .3s}.uiverse-search-input::placeholder{color:#ffffffc6}.uiverse-search-iconContainer{box-sizing:border-box;width:fit-content;padding-top:5px;transition:all .3s}.uiverse-search-icon{box-sizing:border-box;fill:#fff;font-size:1.1em}.expand-btn{cursor:pointer;border:none;border-radius:50%;justify-content:flex-start;align-items:center;width:40px;height:40px;text-decoration:none;transition-duration:.3s;display:flex;position:relative;overflow:hidden;box-shadow:2px 2px 10px #0003}.expand-btn.profile{background-color:#00c8ff}.expand-btn.logout{background-color:#ff4141}.expand-btn .sign{justify-content:center;align-items:center;width:100%;transition-duration:.3s;display:flex}.expand-btn .text{opacity:0;color:#fff;white-space:nowrap;width:0%;font-size:.9em;font-weight:600;transition-duration:.3s;position:absolute;right:0%}.expand-btn:hover{border-radius:40px;width:140px;transition-duration:.3s}.expand-btn:hover .sign{width:30%;padding-left:15px;transition-duration:.3s}.expand-btn:hover .text{opacity:1;width:70%;padding-right:15px;transition-duration:.3s}.expand-btn:active{transform:translate(2px,2px)}.navbar-center-nav{display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=991px){.test-navbar-top{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:.5rem}.navbar-logo,.navbar-actions,.navbar-action-buttons{justify-content:center;width:100%}.navbar-center-nav{-webkit-overflow-scrolling:touch;order:3;justify-content:center;width:100%;margin-top:0;padding-bottom:5px;display:flex;position:relative;left:auto;overflow-x:auto;transform:none}.radio-group{width:max-content;height:35px}.radio-label{padding:0 12px;font-size:13px}.expand-btn{width:36px;height:36px}}.banner-slider-container{aspect-ratio:21/7;background-color:#0f172a;border-radius:0;width:100%;max-width:100%;margin:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}@media (width<=768px){.banner-slider-container{aspect-ratio:auto;border-radius:0;height:auto;min-height:350px}}.banner-slide{width:100%;height:100%;position:absolute;top:0;left:0}.banner-image{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .8s}.banner-slide:hover .banner-image{transform:scale(1.05)}.banner-overlay{pointer-events:none;background:linear-gradient(#0000,#000c);width:100%;height:50%;position:absolute;bottom:0;left:0}.banner-nav{color:#fff;cursor:pointer;z-index:10;opacity:0;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-slider-container:hover .banner-nav{opacity:1}.banner-nav:hover{background:var(--game-primary,#00c8ff);border-color:var(--game-primary,#00c8ff)}.banner-nav.prev{left:20px}.banner-nav.next{right:20px}.banner-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.banner-dot{cursor:pointer;background:#fff6;border-radius:4px;width:8px;height:8px;transition:all .3s}.banner-dot.active{background:var(--game-primary,#00c8ff);width:24px}.banner-title-overlay{z-index:20;pointer-events:none;justify-content:center;width:100%;display:flex;position:absolute;top:30px;left:0}.pixel-title{color:#fff;text-transform:uppercase;text-shadow:4px 4px #00c8ff,-4px -4px #0fc;letter-spacing:4px;margin:0;font-family:"Press Start 2P",system-ui,cursive;font-size:40px;animation:3s ease-in-out infinite float-pixel,4s linear infinite color-cycle}@keyframes float-pixel{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes color-cycle{0%{text-shadow:4px 4px #00c8ff,-4px -4px #0fc}33%{text-shadow:4px 4px #0fc,-4px -4px #0f0}66%{text-shadow:4px 4px #0f0,-4px -4px #00c8ff}to{text-shadow:4px 4px #00c8ff,-4px -4px #0fc}}@media (width<=768px){.banner-title-overlay{top:15px}.pixel-title{letter-spacing:2px;text-shadow:2px 2px #00c8ff,-2px -2px #0fc;font-size:24px}}.banner-bg-blur{filter:blur(20px)brightness(.4);z-index:0;background-position:50%;background-size:cover;width:110%;height:110%;position:absolute;top:-5%;left:-5%}.banner-content{z-index:1;justify-content:space-between;align-items:center;height:100%;padding:0 10%;display:flex;position:relative}.banner-text-content{text-align:left;color:#fff;text-shadow:0 2px 10px #000c;flex:1}.banner-badge{letter-spacing:1px;border-radius:4px;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.banner-game-name{margin:0 0 5px;font-family:Inter,sans-serif;font-size:2rem;font-weight:800}.banner-promo-name{color:#cbd5e1;margin:0 0 15px;font-size:1.25rem;font-weight:500}.banner-pricing{align-items:center;gap:15px;margin-bottom:10px;display:flex}.original-price{color:#94a3b8;font-size:1.2rem;text-decoration:line-through}.promo-price{text-shadow:0 0 10px #ffffff4d;font-size:1.8rem;font-weight:800}.banner-get-amount{color:#f8fafc;font-size:1.1rem;font-weight:600}.banner-image-container{aspect-ratio:1;border:3px solid #0000;border-radius:20px;height:75%;transition:transform .5s;overflow:hidden;transform:rotate(5deg)scale(1.05)}.banner-slide:hover .banner-image-container{transform:rotate(0)scale(1.1)}.banner-featured-image{object-fit:cover;width:100%;height:100%}@media (width<=768px){.banner-content{text-align:center;flex-direction:column-reverse;justify-content:center;gap:15px;padding:20px}.banner-text-content{text-align:center}.banner-pricing{justify-content:center}.banner-game-name{font-size:1.5rem}.banner-promo-name{font-size:1rem}.banner-image-container{border-radius:12px;width:140px;height:140px;margin:0 auto;transform:rotate(0)}}.home-layout-clean{color:#f8fafc;background-color:#0000;min-height:100vh;font-family:Kanit,sans-serif}.hero-clean{color:#fff;background:0 0;border-bottom:4px solid #00c8ff;margin-bottom:2rem;padding:4rem 1rem 3rem}.hero-clean h1{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.hero-clean p{color:#aaa;margin-bottom:2rem;font-size:1.1rem}.quick-menus-clean{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto;display:flex}.quick-menu-card{background:var(--bg-panel,#1e293b);color:#f8fafc;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s,color .2s,border-color .2s;display:flex;box-shadow:0 4px 15px #0000004d}.quick-menu-card:hover{color:#00c8ff;border-color:#00c8ff;transform:translateY(-3px)}.quick-menu-card .icon{color:#00c8ff}.home-content-clean{padding-bottom:4rem}.section-header-clean{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title-clean{color:#f8fafc;border-left:5px solid #00c8ff;margin:0;padding-left:.75rem;font-size:1.5rem;font-weight:700}.section-link-clean{color:#00c8ff;font-weight:600;text-decoration:none}.games-grid-clean{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.game-card-clean{background:var(--bg-panel,#1e293b);color:inherit;content-visibility:auto;contain-intrinsic-size:auto 320px;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;height:100%;text-decoration:none;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0003}.game-card-clean:hover{border-color:#00c8ff;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.game-card-cover{aspect-ratio:4/5;background-color:#334155;background-position:50%;background-size:cover;width:100%}.game-card-cover-placeholder{aspect-ratio:4/5;color:#fff;justify-content:center;align-items:center;width:100%;font-size:3rem;font-weight:700;display:flex}.game-card-info{flex-direction:column;flex:1;padding:1rem;display:flex}.game-card-name{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;margin-bottom:.75rem;font-size:1rem;font-weight:700;overflow:hidden}.game-card-btn{color:#fff;text-align:center;background:#00c8ff;border-radius:6px;margin-top:auto;padding:.5rem;font-size:.9rem;font-weight:600;transition:background .2s}.game-card-clean:hover .game-card-btn{background:#09c}.promo-ribbon{text-align:center;color:#fff;letter-spacing:1px;z-index:10;text-transform:uppercase;text-shadow:1px 1px 2px #0000004d;background:linear-gradient(135deg,#ff0f5b,#f43f5e);width:140px;padding:4px 0;font-size:.75rem;font-weight:800;position:absolute;top:18px;right:-32px;transform:rotate(45deg);box-shadow:0 4px 15px #ff0f5b80}.support-fixed-container{z-index:999;position:fixed;bottom:2rem;right:2rem}.tooltip-wrapper{--clr-btn:#021624;--clr-dropdown:#021624;--clr-nav-hover:#021624;--clr-dropdown-hov:#021624;--clr-dropdown-link-hov:#021624;--clr-light:#fff}.nav-link{position:relative}.tooltip-wrapper>.tooltip-container{justify-content:space-around;align-items:center;margin:0;padding:0;display:flex}.tooltip-container,.tooltip-menu-with-icon{margin:0;padding:0;list-style:none}.nav-link>.tooltip-tab{color:var(--clr-light);background:var(--clr-btn);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:1px solid #00c1d5;border-radius:8px;justify-content:space-between;align-items:center;column-gap:12px;padding:.8rem 1.25rem;font-size:.85rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 15px #00c1d533}.nav-link>.tooltip-tab:hover svg.rotate-icon{transition:all .3s ease-in-out;transform:rotate(360deg)}.tooltip-links{text-decoration:none}.nav-link svg{fill:#fff}.tooltip{opacity:0;pointer-events:none;min-width:14rem;padding:0 0 15px;transition:all .4s;position:absolute;bottom:100%;right:0;transform:translateY(10px)}.tooltip:after{content:"";clip-path:polygon(50% 100%,0% 0%,100% 0%);z-index:-1;background:#00c1d5;width:15px;height:15px;display:inline-block;position:absolute;bottom:8px;right:20px;box-shadow:0 -6px 30px #021624}.tooltip .tooltip-menu-with-icon{background-color:var(--clr-dropdown);border:1px solid #00c1d5;border-radius:8px;padding:10px 0;position:relative;overflow:hidden}.tooltip-link{position:relative}.tooltip-link:not(:last-child){border-bottom:1px solid #00c1d533}.tooltip-link>a{background-color:var(--clr-dropdown);color:var(--clr-light);justify-content:flex-start;align-items:center;column-gap:12px;padding:.75rem 1rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.tooltip-link>a:hover{color:#00c1d5;background-color:#00c1d51a}.tooltip-link>a:hover svg{fill:#00c1d5;color:#00c1d5}.tooltip-menu-with-icon svg{width:18px;height:18px}.nav-link:hover>.tooltip-tab{transform:scale(1.05)}.nav-link:hover>.tooltip,.tooltip-link:hover>.tooltip{opacity:1;pointer-events:auto;transform:translate(0)}.nav-link:hover>.tooltip-tab{background-color:var(--clr-nav-hover);transform:scale(1);box-shadow:0 4px 20px #00c1d566}@media (width<=768px){.support-fixed-container{justify-content:center;margin:20px auto;padding-bottom:20px;display:flex;position:static}.tooltip{right:50%;transform:translate(50%,10px)}.tooltip:after{right:50%;transform:translate(50%)}.nav-link:hover>.tooltip,.tooltip-link:hover>.tooltip{transform:translate(50%)}}