@import "https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";: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;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}.topup-header{border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.back-link{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;transition:color .3s;display:flex}.back-link:hover{color:var(--cp-primary)}.topup-game-info{align-items:center;gap:.75rem;display:flex}.topup-game-emoji{font-size:2rem}.topup-game-name{letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700}.topup-game-publisher{color:var(--text-muted);font-size:.8rem}.topup-layout{grid-template-columns:1fr 360px;gap:1.5rem;display:grid}.mt-section{margin-top:1.5rem}.mt-save-btn{margin-top:1rem}.mt-confirm{margin-top:1.25rem}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-muted);letter-spacing:.3px;margin-bottom:.4rem;font-size:.85rem;display:block}.select-wrapper{position:relative}.select-icon{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:1.25rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider span{padding:0 .75rem}.input-note{border-radius:var(--radius-sm);background:rgba(var(--cp-primary-rgb), .05);color:var(--text-muted);border:1px solid;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.82rem;line-height:1.5;display:flex}.security-note{color:var(--success);align-items:center;gap:.4rem;margin-top:.75rem;font-size:.78rem;display:flex}.method-toggle{gap:.5rem;margin-bottom:1.25rem;display:flex}.method-toggle__btn{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#050b144d;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.7rem;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.method-toggle__btn.active{background:rgba(var(--cp-primary-rgb), .1)}.method-toggle__btn:hover{border-color:rgba(var(--cp-primary-rgb), .4)}.calculator-grid{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calc-box{flex:1}.calc-box label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;display:block}.calc-input{text-align:center;font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700}.currency-selector{color:var(--text-main);cursor:pointer;background:#050b1466;border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:2px 8px;font-size:.85rem}.currency-selector option{background:var(--bg-dark)}.calc-divider{color:var(--text-muted);margin-top:1.25rem;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700}.info-text{color:var(--text-muted);background:rgba(var(--cp-primary-rgb), .05);border-radius:var(--radius-sm);border:1px solid rgba(var(--cp-primary-rgb), .1);align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.82rem;display:flex}.sticky-checkout{position:sticky;top:90px}.checkout-summary{border-radius:var(--radius-sm);border:1px solid var(--border);background:#050b1459;padding:1rem}.summary-row{justify-content:space-between;margin-bottom:.6rem;font-size:.88rem;display:flex}.summary-row:last-child{margin-bottom:0}.summary-row.total{border-top:1px dashed rgba(var(--cp-primary-rgb), .2);margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:600}.price{color:var(--success);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.payment-section{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.qr-placeholder{aspect-ratio:1;color:#333;border-radius:var(--radius-sm);background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;max-height:200px;margin:0 auto 1rem;font-size:.9rem;font-weight:600;display:flex}.upload-btn{background:rgba(var(--cp-primary-rgb), .08);color:var(--cp-primary);border-radius:var(--radius-sm);cursor:pointer;border:1px dashed rgba(var(--cp-primary-rgb), .3);justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-size:.88rem;transition:all .3s;display:flex}.upload-btn:hover{background:rgba(var(--cp-primary-rgb), .15);border-color:var(--cp-primary)}.slip-note{color:var(--text-muted);justify-content:center;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.75rem;display:flex}.promo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.promo-card{text-align:left;border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background:#050b144d;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.promo-card:hover{background:rgba(var(--cp-primary-rgb), .06);border-color:rgba(var(--cp-primary-rgb), .3)}.promo-card--selected{background:rgba(var(--cp-primary-rgb), .08)}.promo-card__header{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.promo-card__name{color:var(--text-bright);font-size:.88rem;font-weight:600}.promo-card__desc{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;line-height:1.4}.promo-card__pricing{justify-content:space-between;align-items:flex-end;display:flex}.promo-card__amount{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.promo-card__prices{align-items:center;gap:.5rem;display:flex}.promo-card__original{color:var(--text-muted);font-size:.78rem;text-decoration:line-through}.promo-card__promo{color:var(--success);font-size:.95rem;font-weight:700}.promo-card__discount{border-radius:0 var(--radius-md) 0 var(--radius-sm);color:#fff;padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:0;right:0}.active-promo-banner{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem .85rem;font-size:.85rem;display:flex}.ff-grid{grid-template-columns:repeat(2,1fr)}.ff-main-container{cursor:pointer;width:100%;min-height:90px;transform-style:preserve-3d;border-radius:12px;align-items:stretch;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden}.ff-main-container:hover{z-index:10;transform:rotate(.5deg)rotateY(5deg)scale(1.02);box-shadow:-10px 15px 25px #00000080}.ff-border{background:linear-gradient(115deg,#0000004d 12%,#fff6 27% 31%,#0000004d 52%);border-radius:12px;align-items:stretch;width:100%;padding:2px;display:flex;position:relative;overflow:hidden}.ff-border:hover:after{content:"";z-index:20;opacity:.5;pointer-events:none;background:linear-gradient(115deg,#fff0 42%,#fffc 47% 51%,#fff0 52%);width:300%;height:300%;animation:3s linear infinite ff-rotate-glare;position:absolute;top:-100%;left:-100%}.ff-card{z-index:2;background:var(--card-bg,#1a1a1a);border-radius:10px;align-items:stretch;width:100%;display:flex;position:relative;overflow:hidden}.ff-card:before{content:"";transform-origin:50%;opacity:.15;z-index:0;pointer-events:none;--sz:1.2px;--b1:#211e1e;--b2:#1c1b18;--b3:#0c0b0a;--b4:#0c0b0ae0;--c1:#fff;--ts:50% / calc(var(--sz) * 17.5) calc(var(--sz) * 29.5);background:radial-gradient(circle at 50% 50%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), radial-gradient(circle at 0% 0%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), radial-gradient(circle at 0% 100%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), radial-gradient(circle at 100% 0%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), radial-gradient(circle at 100% 100%, var(--b4) calc(var(--sz) * 1), #fff0 calc(var(--sz) * 8)) var(--ts), conic-gradient(from 90deg at 97.5% 67%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts), conic-gradient(from 90deg at 97.5% 67%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, var(--c1) .5deg 90deg, #fff0 0 100%) var(--ts), conic-gradient(from 182.5deg at 2.5% 67%, #fff0 0 0deg, var(--c1) .5deg 90deg, #fff0 0 100%) var(--ts), conic-gradient(from 270deg at 2.5% 33%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts), conic-gradient(from 270deg at 2.5% 33%, var(--c1) 0 87.5deg, #fff0 88deg 100%) var(--ts), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, var(--c1) .5deg 90deg, #fff0 0 100%) var(--ts), conic-gradient(from 2.5deg at 97.5% 33%, #fff0 0 0deg, var(--c1) .5deg 90deg, #fff0 0 100%) var(--ts), conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from 116.5deg at 50% 85.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from 120deg at 50% 83%, var(--c1) 0 120deg, #fff0 0 100%) var(--ts), conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from -63.5deg at 50% 14.5%, var(--b1) 0 127deg, #fff0 0 100%) var(--ts), conic-gradient(from -60deg at 50% 17%, var(--c1) 0 120deg, #fff0 0 100%) var(--ts), conic-gradient(from 0deg at 50% 50%, #fff0 0 2deg, var(--b2) 2.5deg 57.5deg, #fff0 58deg 62.5deg, var(--b1) 63deg 117.5deg, #fff0 118deg 122.5deg, var(--b3) 123deg 177.5deg, #fff0 178deg 182deg, var(--b2) 182.5deg 237.5deg, #fff0 0 242.5deg, var(--b1) 243deg 297.5deg, #fff0 298deg 302.5deg, var(--b3) 303deg 357.5deg, #fff0 358deg 360deg) var(--ts), var(--c1);width:1500px;height:1500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ff-card.weekly{--card-bg:#7e57c2;--b1:#855eda;--b2:#7751b8;--b3:#704ab0;--b4:#7e57c299;--c1:#9575cd}.ff-card.weekly.selected{--card-bg:#9575cd;--b1:#9c7ee0;--b2:#8c6cc9;--b3:#8364be;--c1:#b39ddb}.ff-card.monthly{--card-bg:#ffb300;--b1:#ffba1a;--b2:#ffab00;--b3:#ff9e00;--b4:#ffb30099;--c1:#ffca28}.ff-card.monthly.selected{--card-bg:#ffca28;--b1:#ffd042;--b2:#ffc107;--b3:#ffb300;--c1:#ffe082}.ff-card.booyah{--card-bg:#151515;--b1:#222;--b2:#1c1c1c;--b3:#101010;--b4:#15151599;--c1:#2a2a2a}.ff-card.booyah.selected{--card-bg:#222;--b1:#2a2a2a;--b2:#252525;--b3:#1a1a1a;--c1:#333}@keyframes ff-colors{to{filter:hue-rotate(360deg)}}.shine-letter{background:linear-gradient(110deg,#ffffffb3 0% 40%,#fff 50%,#ffffffb3 60% 100%) 0 0/250%;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 4px #000c);-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shine-letter-anim}@keyframes shine-letter-anim{0%{background-position:250%}20%{background-position:-50%}to{background-position:-50%}}.ff-shadow{box-sizing:border-box;pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff1a 0%,#0000 22% 47%,#0000 73%,#0006 100%);border:1px solid #fff3;border-radius:10px;position:absolute;inset:0}.ff-logo-text{letter-spacing:-1px;color:#fff;text-shadow:2px 2px #000c,-1px -1px #ff9800;font-style:italic;font-weight:900}@keyframes ff-rotate-glare{0%{transform:translate(-25%,-25%)}20%{transform:translate(50%,50%)}to{transform:translate(50%,50%)}}.section-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;align-items:center;gap:10px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.wave-group{width:100%;margin-top:25px;position:relative}.wave-group .input{color:#fff;box-sizing:border-box;background:#0f172a99;border:none;border-bottom:2px solid #fff3;border-radius:8px 8px 0 0;width:100%;padding:15px 10px 10px 15px;font-size:16px;transition:all .3s;display:block}.wave-group .input:focus{background:#0f172ae6;outline:none;box-shadow:0 4px 15px #0000004d}.wave-group .label{color:#ffffff80;pointer-events:none;font-size:16px;font-weight:400;display:flex;position:absolute;top:15px;left:15px}.wave-group .label-char{transition:all .2s;transition-delay:calc(var(--index) * 40ms)}.wave-group .input:focus~.label .label-char,.wave-group .input:valid~.label .label-char{color:var(--game-primary,#4facfe);font-size:14px;transform:translateY(-30px)}.wave-group .bar{width:100%;display:block;position:absolute;bottom:0;left:0}.wave-group .bar:before,.wave-group .bar:after{content:"";background:var(--game-primary,#4facfe);width:0;height:2px;transition:all .3s;position:absolute;bottom:0}.wave-group .bar:before{left:50%}.wave-group .bar:after{right:50%}.wave-group .input:focus~.bar:before,.wave-group .input:focus~.bar:after{width:50%}.input-note{border-left:3px solid var(--game-primary,#4facfe);color:#cbd5e1;background:#ffffff0d;border-radius:0 4px 4px 0;margin-top:10px;padding:10px 15px;font-size:.85rem}.CartBtn{background-color:var(--game-primary,#4facfe);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.CartBtn .text{color:#fff;z-index:2;font-size:1.1rem;font-weight:700;transition:all .3s}.CartBtn .IconContainer{z-index:2;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:absolute}.CartBtn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0006}.CartBtn .IconContainer{left:-50px;right:auto}.CartBtn:hover .IconContainer,.CartBtn.left-icon:hover .IconContainer{left:20px}.CartBtn:hover .text,.CartBtn.left-icon:hover .text{transform:translate(15px)}.CartBtn.right-icon .IconContainer{left:auto;right:-50px}.CartBtn.right-icon:hover .IconContainer{left:auto;right:20px}.CartBtn.right-icon:hover .text{transform:translate(-15px)}.back-link{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{background:#ffffff1a;transform:translate(-5px)}.topup-game-card{text-align:center;border:1px solid var(--border);background:#050b1499;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;max-width:900px;margin:0 auto 2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0003}.topup-layout.centered{max-width:900px;margin:0 auto;display:block}.topup-game-card-left{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.topup-game-card-right{text-align:center;color:#e2e8f0;border-top:1px solid #ffffff1a;padding-top:1.5rem;font-size:.95rem;line-height:1.6}@media (width>=768px){.topup-game-card{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.topup-game-card-left{text-align:left;flex-direction:row;min-width:320px}.topup-game-card-right{text-align:left;border-top:none;border-left:1px solid #ffffff1a;flex:1;margin-left:1rem;padding-top:0;padding-left:1.5rem}}@media (width<=768px){.topup-layout{padding-bottom:90px}}.ff-logo-text{z-index:12;color:#fff6;pointer-events:none;align-items:center;font-size:1.4rem;font-style:italic;font-weight:900;display:flex;position:absolute;bottom:10px;right:100px}.ff-logo-diamond{filter:drop-shadow(0 5px 15px #00000080);z-index:-1;position:absolute;bottom:-15px;right:-60px;transform:rotate(15deg)}@media (width<=768px){.ff-main-container{min-height:120px}.ff-logo-text{display:none}.ff-diamond-badge{padding:3px 8px 3px 12px!important}.ff-diamond-amount{font-size:.85rem!important}.ff-diamond-icon-wrap{transform:scale(.7)!important}}.ff-diamond-badge{z-index:12;background:linear-gradient(135deg,#40c4ff,#0091ea);border-bottom:1px solid #fff6;border-left:1px solid #fff6;border-bottom-left-radius:25px;align-items:center;gap:6px;padding:6px 15px 6px 20px;display:flex;position:absolute;top:0;right:0;box-shadow:-2px 2px 10px #0006}.ff-diamond-icon-wrap{margin-top:2px;transform:scale(1)}.ff-diamond-amount{color:#fff;text-shadow:0 1px 2px #00000080;font-size:1.1rem;font-weight:900}.ff-discount-badge{color:#fff;z-index:12;background:linear-gradient(135deg,#ff5252,#c62828);border-top-left-radius:15px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;bottom:0;right:0;box-shadow:-2px -2px 5px #0000004d}@media (width<=768px){.topup-layout{grid-template-columns:1fr}.topup-header{flex-direction:column;align-items:flex-start;gap:.75rem}.calculator-grid{flex-direction:column}.calc-divider{margin-top:0;transform:rotate(90deg)}.sticky-checkout{position:static}.promo-grid,.promo-grid.ff-grid{grid-template-columns:1fr}}.UploadBtn{cursor:pointer;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.UploadBtn .svgIcon{color:#fff;width:20px;transition-duration:.3s}.UploadBtn .text{color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:80%;font-size:0;transition-duration:.3s;position:absolute;bottom:-20px;overflow:hidden}.UploadBtn:hover{background-color:var(--game-primary,#00c8ff);border-radius:50px;width:220px}.UploadBtn:hover .svgIcon{transform:translateY(-200%)}.UploadBtn:hover .text{opacity:1;bottom:unset;color:#0f172a;font-size:14px;font-weight:600}.UploadBtn.has-file{border-color:var(--game-primary,#00c8ff);background-color:#ffffff26;border-radius:50px;width:260px}.UploadBtn.has-file .svgIcon{transform:translateY(-200%)}.UploadBtn.has-file .text{bottom:unset;color:var(--game-primary,#00c8ff);opacity:1;font-size:14px;font-weight:500}.UploadBtn.has-file:hover{background-color:var(--game-primary,#00c8ff)}.UploadBtn.has-file:hover .text{color:#0f172a}.PayBtn-container{background-color:var(--game-primary,#4facfe);cursor:pointer;border:none;border-radius:40px;align-items:center;padding:5px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}.PayBtn-container:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #00000080}.PayBtn-container:disabled{cursor:not-allowed;box-shadow:none;opacity:.6;background-color:#333;transform:none}.PayBtn-left-side{background-color:#0f172a;border-radius:35px;justify-content:center;align-items:center;width:130px;height:50px;display:flex;position:relative;overflow:hidden}.PayBtn-card{background-color:var(--game-primary,#4facfe);z-index:2;border-radius:6px;flex-direction:column;align-items:center;width:70px;height:40px;transition:all .3s;display:flex}.PayBtn-card-line{background-color:#0f172a;border-radius:2px;width:55px;height:10px;margin-top:5px}.PayBtn-buttons{gap:3px;width:55px;height:8px;margin-top:5px;display:flex}.PayBtn-buttons:before,.PayBtn-buttons:after{content:"";background-color:#0f172a;border-radius:2px;height:100%}.PayBtn-buttons:before{width:60%}.PayBtn-buttons:after{width:40%}.PayBtn-post{z-index:1;background-color:#1e293b;border-radius:6px;flex-direction:column;width:50px;height:40px;padding:5px;transition:all .3s;display:flex;position:absolute;right:-30px}.PayBtn-post-line{background-color:#334155;width:100%;height:2px;margin-bottom:3px}.PayBtn-screen{background-color:#0f172a;border-radius:2px;flex:1;justify-content:center;align-items:center;display:flex}.PayBtn-dollar{color:#10b981;font-size:14px;font-weight:700}.PayBtn-container:hover .PayBtn-card{transform:translate(-15px)}.PayBtn-container:hover .PayBtn-post{transform:translate(-40px)}.PayBtn-right-side{align-items:center;padding:0 20px;display:flex}.PayBtn-new{color:#0f172a;margin-right:15px;font-size:18px;font-weight:700}.PayBtn-arrow{fill:#0f172a;width:16px;height:16px;transition:transform .3s}.PayBtn-container:hover .PayBtn-arrow{transform:translate(5px)}.PayBtn-container:disabled .PayBtn-new,.PayBtn-container:disabled .PayBtn-arrow{color:#888;fill:#888}.PayBtn-container:disabled .PayBtn-card{background-color:#555}.sci-fi-pay-container{background-color:#fff;border:none;border-radius:6px;width:270px;height:120px;padding:0;transition:all .3s ease-in-out;display:flex;position:relative}.sci-fi-pay-container:disabled{opacity:.5;cursor:not-allowed;transform:none}.sci-fi-pay-container:hover{transform:scale(1.03)}.sci-fi-pay-container:hover .sci-fi-pay-left-side{width:100%}.sci-fi-pay-left-side{cursor:pointer;background-color:#5de2a3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:120px;transition:all .3s;display:flex;position:relative;overflow:hidden}.sci-fi-pay-right-side{cursor:pointer;white-space:nowrap;justify-content:space-between;align-items:center;width:100%;transition:all .3s;display:flex;overflow:hidden}.sci-fi-pay-right-side:hover{background-color:#f9f7f9}.sci-fi-pay-arrow{width:20px;height:20px;margin-right:20px}.sci-fi-pay-new{color:#111;margin-left:20px;font-family:Lexend Deca,sans-serif;font-size:23px;font-weight:600}.sci-fi-pay-card{z-index:10;background-color:#c7ffbc;border-radius:6px;flex-direction:column;align-items:center;width:70px;height:46px;display:flex;position:absolute;box-shadow:9px 9px 9px -2px #4dc88fb8}.sci-fi-pay-card-line{background-color:#80ea69;border-radius:2px;width:65px;height:13px;margin-top:7px}@media only screen and (width<=480px){.sci-fi-pay-container{transform:scale(.7)}.sci-fi-pay-container:hover{transform:scale(.74)}.sci-fi-pay-new{font-size:18px}}.sci-fi-pay-buttons{background-color:#379e1f;border-radius:50%;width:8px;height:8px;margin:10px 0 0 -30px;transform:rotate(90deg);box-shadow:0 -10px #26850e,0 10px #56be3e}.sci-fi-pay-container:hover .sci-fi-pay-card{animation:1.2s cubic-bezier(.645,.045,.355,1) both slide-top}.sci-fi-pay-container:hover .sci-fi-pay-post{animation:1s cubic-bezier(.165,.84,.44,1) both slide-post}@keyframes slide-top{0%{transform:translateY(0)}50%{transform:translateY(-70px)rotate(90deg)}60%{transform:translateY(-70px)rotate(90deg)}to{transform:translateY(-8px)rotate(90deg)}}.sci-fi-pay-post{z-index:11;background-color:#dddde0;border-radius:6px;width:63px;height:75px;position:absolute;top:120px;bottom:10px;overflow:hidden}.sci-fi-pay-post-line{background-color:#545354;border-radius:0 0 3px 3px;width:47px;height:9px;position:absolute;top:8px;right:8px}.sci-fi-pay-post-line:before{content:"";background-color:#757375;width:47px;height:9px;position:absolute;top:-8px}.sci-fi-pay-screen{background-color:#fff;border-radius:3px;width:47px;height:23px;position:absolute;top:22px;right:8px}.sci-fi-pay-numbers{background-color:#838183;border-radius:2px;width:12px;height:12px;position:absolute;top:52px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #838183,0 18px #838183}.sci-fi-pay-numbers-line2{background-color:#aaa9ab;border-radius:2px;width:12px;height:12px;position:absolute;top:68px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #aaa9ab,0 18px #aaa9ab}@keyframes slide-post{50%{transform:translateY(0)}to{transform:translateY(-70px)}}.sci-fi-pay-dollar{color:#4b953b;text-align:center;width:100%;font-family:Lexend Deca,sans-serif;font-size:16px;position:absolute;top:0;left:0}.sci-fi-pay-container:hover .sci-fi-pay-dollar{animation:.3s 1s backwards fade-in-fwd}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.admin-container{align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.admin-sidebar{width:280px;min-width:280px;padding:1.5rem 0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;position:sticky;top:100px}.sidebar-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding:0 1.5rem 1.5rem}.sidebar-header h3{margin-bottom:.5rem}.role-badge{color:var(--primary);background:#00d2ff26;border:1px solid #00d2ff4d;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.sidebar-nav{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.sidebar-link{color:var(--text-muted);border-radius:var(--radius-sm);align-items:center;gap:.75rem;min-height:44px;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text-main);background:#ffffff0d}.sidebar-link.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#00d2ff26,#0000)}.badge-notification{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.admin-content{flex:1;min-width:0}.mobile-menu-btn{z-index:200;background:linear-gradient(135deg, var(--cp-primary), var(--cp-secondary));color:#fff;width:56px;height:56px;box-shadow:0 4px 20px rgba(var(--cp-primary-rgb), .4);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:none;position:fixed;bottom:1.5rem;right:1.5rem}.mobile-menu-btn:hover{transform:scale(1.1)}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;transition:color .2s;display:none}.sidebar-close-btn:hover{color:var(--text-main)}.sidebar-overlay{display:none}@media (width<=1024px){.admin-container{gap:1.25rem;padding:0 1rem}.admin-sidebar{width:220px;min-width:220px}}@media (width<=768px){.admin-container{flex-direction:column;gap:0;padding:0 .75rem}.mobile-menu-btn{display:flex}.sidebar-close-btn{display:block}.admin-sidebar{z-index:1001;opacity:0;background:var(--bg-panel-solid,#111827);border-right:1px solid var(--border-glow);border-radius:0;width:300px;min-width:300px;height:100dvh;padding-top:1rem;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.open{opacity:1;transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#050b1499;display:block;position:fixed;inset:0}.admin-content{width:100%;padding-bottom:5rem}.sidebar-link{min-height:48px;padding:1rem 1.25rem;font-size:1rem}}.profile-grid{align-items:flex-start;gap:2rem;display:flex}.profile-sidebar{flex-shrink:0;width:320px}.profile-main{flex:1;min-width:0}.h-100{height:100%}.profile-header{align-items:center;gap:1.25rem;display:flex}.profile-avatar{background:rgba(var(--cp-primary-rgb), .15);border:1px solid rgba(var(--cp-primary-rgb), .4);width:70px;height:70px;color:var(--cp-primary);box-shadow:0 0 20px rgba(var(--cp-primary-rgb), .2);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-info h3{color:var(--text-bright);font-size:1.2rem;font-weight:700}.profile-role{background:rgba(var(--cp-secondary-rgb), .15);color:var(--cp-secondary);border:1px solid rgba(var(--cp-secondary-rgb), .3);border-radius:20px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.stat-card{border-radius:var(--radius-sm);background:#050b144d;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.stat-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-details{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:700}.game-stat-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.game-stat-row:last-child{border-bottom:none}.history-table-wrapper{overflow-x:auto}.status-badge.danger{color:var(--danger);background:#ef444426}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}@media (width<=900px){.profile-grid{flex-direction:column}.profile-sidebar{width:100%}}.cards{background:0 0;height:150px;transition-duration:.5s;position:relative;overflow:hidden}.cards:hover{height:270px}.cards:hover .outlinePage{box-shadow:0 10px 15px #b1985e}.cards:hover .detailPage{display:flex}.outlinePage{z-index:2;background:linear-gradient(45deg,#fffbf0,#ffdd87);border-radius:25px;width:100%;height:150px;transition-duration:.5s;position:relative}.detailPage{z-index:1;background:#fff;border-radius:0 0 25px 25px;justify-content:flex-start;align-items:center;width:100%;height:120px;transition-duration:1s;display:none;position:relative;top:-20px;overflow:hidden}.splitLine{z-index:1;background-image:linear-gradient(90deg,#0000 10%,#ffe8a0 20%,#f7b733 50%,#ffe8a0 70%,#0000 90%);width:65%;height:10px;position:absolute;top:85px}.trophy{z-index:2;position:absolute;top:15px;right:15px}.ranking_wrapper{z-index:2;justify-content:center;align-items:baseline;width:65%;display:flex;position:absolute;top:5px;left:0}.ranking_number{color:#ffc64b;margin:0;padding:0;font-family:Kanit,sans-serif;font-size:80px;font-weight:700;line-height:1;position:relative}.ranking_word{color:#424c50;margin:0 0 0 2px;padding:0;font-size:40px;line-height:1;position:relative}.userAvatar{border-radius:50%;width:35px;height:35px;position:absolute;bottom:6px;left:20px;overflow:hidden}.userAvatar img{object-fit:cover;width:100%;height:100%}.userName{color:#6b7578;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:16px;font-weight:600;position:absolute;bottom:15px;left:65px;overflow:hidden}.medals{position:absolute;top:15px;right:5px}.gradesBox{height:75px;margin-left:15px;margin-right:10px;position:relative;top:10px}.gradesIcon{position:absolute;top:10px}.gradesBoxLabel{color:#424c50;letter-spacing:2px;margin-top:20px;margin-left:45px;font-family:Kanit,sans-serif;font-size:13px;font-weight:800;display:block;position:relative}.gradesBoxNum{color:#ea9518;margin-left:45px;font-family:Kanit,sans-serif;font-size:20px;font-weight:800;display:block;position:relative;top:-2px}.timeNum{color:#6cabf6}.slide-in-top{animation:1s cubic-bezier(.65,.05,.36,1) both slide-in-top}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.line-connect-btn{cursor:pointer;color:#00c300;text-align:center;background:0 0;border:1px solid #00c300;border-radius:25px;outline:none;align-items:center;padding:5px 15px;font-size:17px;font-weight:600;text-decoration:none;transition:color .3s ease-out .1s;display:flex;position:relative;overflow:hidden}.line-connect-btn span{margin:10px}.line-connect-btn:before{content:"";text-align:center;z-index:-1;border-radius:50%;width:20em;height:20em;margin:auto;transition:box-shadow .5s ease-out;display:block;position:absolute;inset:0 0 0 -5em}.line-connect-btn:hover{color:#fff;border:1px solid #00c300}.line-connect-btn:hover:before{box-shadow:inset 0 0 0 10em #00c300}.ticket-canvas{justify-content:flex-start;align-items:center;width:100%;min-height:100%;padding:1em 0;display:flex}.ticket-wrapper{--t-bg:#1e1e24;--t-bg-light:#2b2b36;--t-accent:#38bdf8;--t-accent-glow:#38bdf880;--t-grid-color:#38bdf826;--t-text-main:#f8fafc;--t-text-muted:#94a3b8;perspective:1000px;cursor:pointer;justify-content:flex-start;width:100%;font-size:clamp(10px,1.8vw,20px);display:flex}.ticket{width:100%;max-width:28em;color:var(--t-text-main);transform-style:preserve-3d;filter:drop-shadow(0 0 10px #00000080);background:0 0;font-family:Kanit,sans-serif;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s;position:relative;box-shadow:0 20px 40px #000c,0 0 0 1px #ffffff0d}.ticket-wrapper:hover .ticket{box-shadow:20px 20px 40px #0009, 0 0 0 1px #ffffff1a, -5px -5px 20px var(--t-accent-glow);transform:rotateX(5deg)rotateY(-10deg)scale(1.02)}.ticket:after{content:"";pointer-events:none;z-index:10;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 0% 40%,#ffffff1a 45%,#ffffff4d 50%,#ffffff1a 55%,#0000 60% 100%) 100% 100%/250% 250%;border-radius:1em;transition:background-position .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.ticket-wrapper:hover .ticket:after{background-position:0 0}.t-main{background:radial-gradient(circle at bottom left, transparent 1em, var(--t-bg) 1.05em), radial-gradient(circle at bottom right, transparent 1em, var(--t-bg) 1.05em);background-position:0 100%,100% 100%;background-repeat:no-repeat;background-size:51% 100%;border-top-left-radius:1em;border-top-right-radius:1em;padding:2em;position:relative;overflow:hidden}.t-main:after{content:"";background-image:linear-gradient(var(--t-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--t-grid-color) 1px, transparent 1px);opacity:.6;z-index:0;pointer-events:none;background-size:2em 2em;animation:20s linear infinite grid-scroll;position:absolute;inset:0;transform:perspective(500px)rotateX(20deg)scale(1.5)}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 4em}}.t-content{z-index:1;position:relative}.t-header{justify-content:space-between;align-items:flex-start;margin-bottom:2em;display:flex}.t-logo{letter-spacing:-.05em;color:#fff;align-items:center;gap:.5em;font-size:1.2em;font-weight:900;display:flex}.t-logo svg{width:1.5em;height:1.5em;fill:var(--t-accent);filter:drop-shadow(0 0 5px var(--t-accent));animation:3s ease-in-out infinite alternate logo-pulse}@keyframes logo-pulse{0%{filter:drop-shadow(0 0 2px var(--t-accent))}to{filter:drop-shadow(0 0 10px var(--t-accent)) brightness(1.2)}}.t-type{text-transform:uppercase;letter-spacing:.2em;color:var(--t-accent);border:1px solid var(--t-accent);border-radius:99em;padding:.4em .8em;font-size:.6em;font-weight:700}.t-title{text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.2em;font-size:2.5em;font-weight:900;line-height:1.1}.t-subtitle{color:var(--t-text-muted);margin-bottom:2.5em;font-size:.9em}.t-details{grid-template-columns:1fr 1fr;gap:1.5em;margin-bottom:1em;display:grid}.t-detail-item{flex-direction:column;gap:.2em;display:flex}.t-label{text-transform:uppercase;letter-spacing:.1em;color:var(--t-text-muted);font-size:.6em}.t-value{color:var(--t-text-main);font-size:1.1em;font-weight:700}.t-perforation{z-index:2;justify-content:space-between;align-items:center;height:1em;display:flex;position:relative}.t-perf-line{border-top:2px dashed #fff3;flex-grow:1;height:0;margin:0 1.5em}.t-stub{background:radial-gradient(circle at top left, transparent 1em, var(--t-accent) 1.05em), radial-gradient(circle at top right, transparent 1em, var(--t-accent) 1.05em);color:#1e1e24;background-position:0 0,100% 0;background-repeat:no-repeat;background-size:51% 100%;border-bottom-right-radius:1em;border-bottom-left-radius:1em;justify-content:center;align-items:center;padding:2em;display:flex;position:relative}.t-stub .t-admit-text,.t-stub .t-barcode-id{color:#1e1e24;font-weight:700}.t-barcode-container{flex-direction:column;align-items:center;gap:.5em;display:flex}.t-barcode-id{color:var(--t-text-muted);letter-spacing:.2em;text-align:justify;font-family:Kanit,sans-serif;font-size:.7em}.t-admit{text-align:right}.t-admit-text{text-transform:uppercase;letter-spacing:.1em;color:var(--t-text-muted);font-size:.7em}.t-admit-num{color:var(--t-accent);text-shadow:0 0 15px var(--t-accent-glow);font-size:3em;font-weight:900;line-height:1}.ticket-wrapper:active .ticket{transform:rotateX(15deg)rotateY(-5deg)scale(.98)}.ticket-wrapper:active .t-stub{opacity:.8;transition:transform .2s,opacity .2s;transform:translateY(5px)rotate(2deg)}@media (width<=768px){.t-barcode svg{max-width:100%;height:auto}.profile-page-wrapper .mobile-menu-btn,.profile-page-wrapper .sidebar-close-btn{display:none!important}.profile-page-wrapper .admin-sidebar{opacity:1!important;z-index:1!important;width:100%!important;height:auto!important;max-height:none!important;padding-top:0!important;position:static!important;transform:none!important}.profile-page-wrapper .sidebar-overlay{display:none!important}.profile-page-wrapper .admin-sidebar.glass-panel{box-shadow:none!important;background:0 0!important;border:none!important}}.login-container{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.login-card{text-align:center;width:100%;max-width:450px;padding:3rem 2rem}.login-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.login-header h2{color:var(--text-main);font-size:2rem}.btn-google{color:#333;border-radius:var(--radius-sm);background:#fff;justify-content:center;align-items:center;gap:1rem;width:100%;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px #050b141a}.btn-google img{width:24px;height:24px}.btn-google:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 12px #050b1426}.test-layout{color:#212529;background-color:#f8f9fa;min-height:100vh;font-family:Kanit,sans-serif}.test-navbar{color:#fff;z-index:50;background-color:#121212;padding:1rem 0;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.test-navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.test-logo{color:#fff;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.test-logo span{color:#00c8ff}.test-nav-links{gap:2rem;display:flex}.test-nav-links a{color:#e0e0e0;font-weight:500;text-decoration:none;transition:color .2s}.test-nav-links a:hover,.test-nav-links a.active{color:#00c8ff}.test-nav-actions{align-items:center;gap:1rem;display:flex}.test-btn-login{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:.5rem 1.25rem;font-weight:500;transition:all .2s}.test-btn-login:hover{background:#ffffff1a}.test-hero{text-align:center;color:#fff;background:#1e1e24;border-bottom:4px solid #00c8ff;padding:3rem 1rem}.test-hero h1{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.test-hero p{color:#aaa;margin-bottom:2rem;font-size:1.1rem}.test-quick-menus{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1000px;margin:0 auto;display:flex}.test-quick-menu-card{color:#333;background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 15px #0000001a}.test-quick-menu-card:hover{color:#00c8ff;transform:translateY(-3px)}.test-container{max-width:1200px;margin:0 auto;padding:3rem 1rem}.test-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.test-section-title{color:#111;border-left:5px solid #00c8ff;padding-left:.75rem;font-size:1.5rem;font-weight:700}.test-section-link{color:#00c8ff;font-weight:600;text-decoration:none}.test-game-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;display:grid}.test-game-card{color:inherit;background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.test-game-card:hover{border-color:#00c8ff;transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.test-game-cover{aspect-ratio:4/5;object-fit:cover;background:#ddd;width:100%}.test-game-info{flex-direction:column;flex:1;padding:1rem;display:flex}.test-game-name{white-space:nowrap;text-overflow:ellipsis;color:#222;margin-bottom:.5rem;font-size:1rem;font-weight:700;overflow:hidden}.test-game-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}.test-game-card:hover .test-game-btn{background:#09c}.admin-page{padding-bottom:3rem}.admin-header{margin-bottom:2rem}.admin-header h2{color:var(--cp-primary);letter-spacing:1px;margin-bottom:.4rem;font-family:Kanit,sans-serif;font-size:1.15rem}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.flex-1{flex:1}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.p-3{padding:.75rem}.p-4{padding:1rem}.mb-1{margin-bottom:.25rem}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-main{color:var(--text-main)}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.9rem 1.25rem}.admin-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#050b144d;font-size:.8rem;font-weight:500}.admin-table td{font-size:.9rem}.table-hoverable tbody tr{transition:all .2s}.table-hoverable tbody tr:hover{background:rgba(var(--cp-primary-rgb), .04)}.text-right{text-align:right!important}.overflow-hidden{overflow:hidden}.glass-panel.overflow-hidden{-webkit-overflow-scrolling:touch;overflow-x:auto}.actions-cell{justify-content:flex-end;gap:.4rem;display:flex}.bento-card{background-color:#0f172a;border:1px solid #1e293b;border-radius:1rem;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:#0284c7;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0284c726,0 8px 10px -6px #0284c71a}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=768px){.bento-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.stats-grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.status-badge{letter-spacing:.3px;border-radius:20px;padding:.2rem .65rem;font-size:.72rem;font-weight:600}.status-badge.active{color:var(--success);background:#10b98126}.status-badge.maintenance{color:#f59e0b;background:#f59e0b26}.game-method-badge{background:rgba(var(--cp-primary-rgb), .1);color:var(--cp-primary);letter-spacing:.5px;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.icon-btn{color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:var(--text-main);background:#ffffff14}.icon-btn.edit:hover{color:var(--cp-primary)}.icon-btn.delete:hover{color:var(--danger)}.btn-success{color:var(--success);border-radius:var(--radius-sm);background:#10b98126;border:1px solid #10b9814d;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-success:hover{background:#10b98140}.btn-danger{color:var(--danger);border-radius:var(--radius-sm);background:#ef444426;border:1px solid #ef44444d;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-danger:hover{background:#ef444440}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#050b14bf;justify-content:center;align-items:flex-start;padding:4vh 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{box-sizing:border-box;background:var(--bg-panel-solid,#13111c);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;flex-shrink:0;width:100%;max-width:650px;height:auto;margin:0 auto;padding:2.5rem;display:flex;position:relative;box-shadow:0 25px 50px -12px #050b14cc,0 0 0 1px #ffffff0d}.modal-close{color:var(--text-muted,#9ca3af);z-index:10;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--danger,#ef4444);background:#ef44441a;transform:scale(1.1)rotate(90deg)}.game-modal{max-width:650px}.modal-form{flex-direction:column;gap:1.2rem;display:flex}.modal-form::-webkit-scrollbar{width:6px}.modal-form::-webkit-scrollbar-track{background:#050b1433;border-radius:4px}.modal-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.form-row{gap:.85rem;display:flex}.form-group{flex-direction:column;flex:1;gap:.35rem;display:flex}.form-group label{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.8rem;font-weight:500;display:flex}.emoji-grid{flex-wrap:wrap;gap:.25rem;display:flex}.emoji-btn{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.emoji-btn:hover{background:rgba(var(--cp-primary-rgb), .1);border-color:rgba(var(--cp-primary-rgb), .3)}.emoji-btn.selected{background:rgba(var(--cp-primary-rgb), .2);border-color:var(--cp-primary);box-shadow:0 0 10px rgba(var(--cp-primary-rgb), .2)}.color-preset-grid{flex-wrap:wrap;gap:.5rem;display:flex}.color-preset-btn{cursor:pointer;border:2px solid #0000;border-radius:8px;width:40px;height:32px;transition:all .2s}.color-preset-btn:hover{transform:scale(1.1);box-shadow:0 0 12px #fff3}.color-preset-btn.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 15px #ffffff4d}.game-preview{border-radius:var(--radius-sm);background:#050b1433;border:1px dashed;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.queue-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.queue-card{flex-direction:column;display:flex}.queue-card-header{border-bottom:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.order-id{color:var(--text-main);border-radius:var(--radius-sm);background:#ffffff1a;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.order-time{color:var(--text-muted);font-size:.8rem}.detail-item{flex-wrap:wrap;justify-content:space-between;gap:.25rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.uid-box{border-radius:var(--radius-sm);background:#050b144d;align-items:center;margin-top:1rem;padding:.75rem}.copy-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.code-font{color:var(--success);word-break:break-all;font-family:Kanit,sans-serif;font-size:1rem}.customer-detail-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.customer-header-info{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.customer-header-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;display:flex}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table th,.admin-table td{padding:.7rem .85rem;font-size:.85rem}}@media (width<=768px){.admin-page{padding-bottom:5rem}.admin-header h2{font-size:1rem}.form-row{flex-direction:column}.flex-between{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-grid-3{grid-template-columns:1fr;gap:.75rem}.glass-panel.overflow-hidden{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table th,.admin-table td{padding:.6rem .75rem;font-size:.8rem}.modal-content{box-sizing:border-box;border:1px solid #ffffff1a;border-radius:16px;flex-shrink:0;min-height:auto;margin:0 auto;padding:1.5rem 1.25rem;max-width:100%!important}.modal-close{min-width:40px;min-height:40px;top:.75rem;right:.75rem}.queue-list{grid-template-columns:1fr;gap:1rem}.icon-btn{min-width:44px;min-height:44px;padding:.6rem}.customer-detail-grid{grid-template-columns:1fr;gap:1.5rem}.customer-header-info{text-align:left;flex-direction:column;align-items:flex-start}.customer-header-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.actions-cell{flex-direction:column;gap:.25rem}.emoji-grid{gap:.15rem}.emoji-btn{width:32px;height:32px}}.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%)}}