@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--background:#08080c;--foreground:#fff;--primary:#7c3aed;--primary-hover:#8b5cf6;--primary-glow:#7c3aed66;--secondary:#3b82f6;--secondary-glow:#3b82f666;--surface:#0f0f14;--surface-hover:#16161f;--border:#ffffff0a;--glass:#0a0a0f99;--glass-border:#ffffff0f;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-cyan:#22d3ee;--text-muted:#94a3b8;--text-dim:#64748b;--success:#10b981;--error:#f43f5e;--warning:#f59e0b}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}option{color:#fff;background-color:#121216}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.font-heading{letter-spacing:-.02em;font-family:Space Grotesk,Outfit,sans-serif}a{color:inherit;text-decoration:none;transition:color .2s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{border:2px solid var(--background);background:#1e1e26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#2d2d3a}.bg-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 80% 80%,#3b82f60d 0%,#0000 40%);position:fixed;inset:0}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glass-morphism{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000005e}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--accent-purple)50%,var(--accent-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-bg{background:linear-gradient(135deg,var(--primary),var(--secondary))}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.card:hover{border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 20px 40px -20px #00000080,0 0 20px #8b5cf61a}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.19,1,.22,1);display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid var(--glass-border);color:#fff;background:#ffffff08}.btn-outline:hover{border-color:var(--primary);background:#ffffff14;transform:translateY(-2px)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:6px 14px;font-size:.7rem;font-weight:800}.badge-valorant{color:#ff4655;background:#ff465533;border:1px solid #ff46554d}.badge-lol{color:#00bedb;background:#00bedb33;border:1px solid #00bedb4d}.badge-cs2{color:#e0ac00;background:#e0ac0033;border:1px solid #e0ac004d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666}}.pulse-glow{animation:3s infinite pulse-glow}.shimmer{background:linear-gradient(90deg,#0000,#ffffff0d,#0000) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-padding{padding:60px 5%}.hero-padding{padding:160px 5% 100px}.grid-main{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (max-width:1024px){.nav-links{display:none!important}:root{--sidebar-width:0px}}@media (max-width:768px){.hero-padding{padding:100px 16px 40px}.section-padding{padding:40px 16px}h1{letter-spacing:-1px!important;font-size:32px!important;line-height:1.1!important}h2{font-size:24px!important}.mobile-hide{display:none!important}.mobile-show{display:flex!important}.mobile-full{width:100%!important}.grid-main{grid-template-columns:1fr;gap:16px}.hero-content-modular{text-align:center;flex-direction:column;gap:40px}.hero-text-box{flex-direction:column;align-items:center;display:flex}.hero-actions{justify-content:center;width:100%}.hero-actions button{flex:1;min-width:140px;padding:14px 20px!important;font-size:14px!important}.hero-visual-prelobby{display:none!important}.hero-stats-mini{justify-content:center;gap:20px}.game-scroll-container{gap:12px;padding:10px 16px}.game-card-compact{width:140px;height:200px}.drawer-panel,.modal-side-panel{max-width:100%!important;padding:24px!important}}.active-tab{box-shadow:0 0 15px #7c3aed66;border:1px solid var(--primary)!important}:root{--sidebar-width:280px;--topbar-height:80px}main.with-sidebar{min-height:calc(100vh - var(--topbar-height));padding-left:var(--sidebar-width)!important;padding-top:var(--topbar-height)!important}@media (max-width:1024px){main.with-sidebar{padding-left:0!important}}.prelobby-hero{background:var(--background);align-items:center;min-height:40vh;padding:60px 5% 20px;display:flex;position:relative;overflow:hidden}.hero-glow-1{filter:blur(100px);z-index:0;background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:60%;height:80%;position:absolute;top:-20%;left:-10%}.hero-glow-2{filter:blur(100px);z-index:0;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);width:50%;height:70%;position:absolute;bottom:-10%;right:-10%}.hero-content-modular{z-index:10;justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.hero-text-box{flex:1.2;max-width:700px}.hero-badge-prelobby{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:10px;margin-bottom:15px;padding:8px 16px;font-size:11px;font-weight:800;display:inline-flex}.dot-pulse{background:var(--success);width:6px;height:6px;box-shadow:0 0 10px var(--success);border-radius:50%;animation:2s infinite dot-pulse}@keyframes dot-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.hero-title-main{letter-spacing:-2px;margin-bottom:15px;font-size:clamp(32px,4vw,56px);font-weight:950;line-height:.95}.hero-subtitle{color:var(--text-muted);max-width:540px;margin-bottom:20px;font-size:clamp(15px,1.2vw,18px);line-height:1.4}.btn-primary-prelobby{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 15px 30px -5px var(--primary-glow);border:none;border-radius:18px;align-items:center;gap:12px;padding:18px 36px;font-size:16px;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-primary-prelobby:hover{background:var(--primary-hover);box-shadow:0 20px 40px -10px var(--primary-glow);transform:translateY(-5px)}.btn-secondary-prelobby{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff08;border-radius:18px;padding:18px 36px;font-size:16px;font-weight:800;transition:all .3s}.btn-secondary-prelobby:hover{background:#ffffff14;border-color:#ffffff26}.btn-secondary-prelobby.highlight{background:#10b9810d;border-color:#10b98166;box-shadow:0 0 15px #10b9811a}.btn-secondary-prelobby.highlight:hover{background:#10b9811a;border-color:#10b981cc;transform:translateY(-3px);box-shadow:0 5px 20px #10b98133}.hero-stats-mini{align-items:center;gap:40px;display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-num{color:#fff;font-size:24px;font-weight:900}.stat-label{color:var(--text-dim);text-transform:uppercase;font-size:12px;font-weight:700}.stat-divider{background:var(--border);width:1px;height:30px}.hero-visual-prelobby{flex:1;justify-content:flex-end;padding-right:50px;display:flex;position:relative}.visual-card-1{z-index:2;border-radius:24px;flex-direction:column;gap:15px;min-width:180px;padding:24px;animation:6s ease-in-out infinite float;display:flex;position:absolute;top:20px;left:20px}.visual-card-2{z-index:2;border-radius:24px;align-items:center;gap:12px;padding:20px;animation:6s ease-in-out infinite reverse float;display:flex;position:absolute;bottom:-20px;right:40px}.hero-main-visual{background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);border:1px solid #7c3aed26;border-radius:80px;justify-content:center;align-items:center;width:320px;height:320px;display:flex;box-shadow:0 0 100px #7c3aed0d}.grid-vertical-posters{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;display:grid}.game-poster-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.game-poster-card:hover{border-color:#ffffff1a;transform:translateY(-12px);box-shadow:0 30px 60px -12px #000c}.poster-image-wrapper{aspect-ratio:3.5/5;width:100%;position:relative;overflow:hidden}.poster-image{background-position:50%;background-size:cover;transition:transform 1s;position:absolute;inset:0}.game-poster-card:hover .poster-image{transform:scale(1.1)}.poster-overlay{background:linear-gradient(to top,var(--background)0%,#08080c00 60%);position:absolute;inset:0}.poster-logo-container{z-index:2;justify-content:center;align-items:center;padding:40px;transition:transform .4s;display:flex;position:absolute;inset:0}.poster-logo-container img{object-fit:contain;filter:drop-shadow(0 0 20px #00000080);width:85%;height:85%}.game-poster-card:hover .poster-logo-container{transform:scale(1.1)}.poster-details{text-align:center;padding:20px}.poster-details h3{margin-bottom:6px;font-size:18px;font-weight:800}.poster-stats{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.active-glow{background:var(--success);width:6px;height:6px;box-shadow:0 0 10px var(--success);border-radius:50%}.poster-hover-accent{height:4px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.game-poster-card:hover .poster-hover-accent{transform:scaleX(1)}.games-panel{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff05;margin-top:10px;padding:25px 0 35px;position:relative;overflow:hidden}.games-panel:before{content:"";background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);height:1px;position:absolute;top:0;left:0;right:0}.game-scroll-container{scrollbar-width:thin;scrollbar-color:var(--primary)transparent;gap:16px;padding:10px 5%;display:flex;overflow-x:auto}.game-scroll-container::-webkit-scrollbar{height:4px}.game-scroll-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.game-card-compact{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:20px;flex:none;width:180px;height:250px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.game-card-compact:hover{border-color:#ffffff26;transform:translateY(-12px)scale(1.03);box-shadow:0 20px 40px -10px #0009}.game-card-compact .compact-bg{filter:brightness(.75)saturate(1.2);background-position:50%;background-size:cover;transition:transform .6s,filter .4s;position:absolute;inset:0}.game-card-compact:hover .compact-bg{filter:brightness(.9)saturate(1.5);transform:scale(1.08)}.game-card-compact .compact-overlay{transition:opacity .3s;position:absolute;inset:0}.game-card-compact .compact-content{z-index:2;text-align:left;padding:16px;position:absolute;bottom:0;left:0;right:0}.game-card-compact .compact-info h3{letter-spacing:.3px;color:#fff;text-shadow:0 2px 8px #0009;margin:0;font-size:15px;font-weight:900;line-height:1.2}.game-card-compact .compact-info p{color:#ffffffb3;margin-top:4px;font-size:11px;font-weight:700}.listings-header-modular{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;display:flex}.hero-actions{flex-wrap:wrap;gap:15px;margin-bottom:25px;display:flex}.game-filter-modular{scrollbar-width:none;border-radius:20px;gap:8px;padding:8px;display:flex;overflow-x:auto}.filter-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.filter-btn.active{background:var(--primary);color:#fff;box-shadow:0 8px 16px -4px var(--primary-glow)}.game-listing-section{border:1px solid var(--border);background:#ffffff03;border-radius:32px;margin-bottom:40px;padding:30px}.game-listing-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.game-listing-label{align-items:center;gap:15px;font-size:16px;font-weight:900;display:flex}.view-all-link{color:var(--primary);align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.features-modular-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card-modular{text-align:center;border-radius:32px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.feature-card-modular.clickable:hover{border-color:var(--primary);background:#7c3aed0a}.feature-card-arrow{opacity:0;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:20px;right:20px;transform:translate(-10px)}.feature-card-modular:hover .feature-card-arrow{opacity:1;transform:translate(0)}.feature-new-badge{color:#fff;letter-spacing:1px;z-index:5;background:linear-gradient(135deg,#10b981,#059669);border-radius:100px;padding:4px 12px;font-size:10px;font-weight:950;animation:2s infinite badge-pulse;position:absolute;top:15px;left:20px;box-shadow:0 4px 12px #10b9814d}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 4px 12px #10b9814d}50%{transform:scale(1.1);box-shadow:0 4px 20px #10b98180}to{transform:scale(1);box-shadow:0 4px 12px #10b9814d}}.feature-icon-box{background:#ffffff08;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 30px;font-size:32px;display:flex}@media (max-width:1024px){.hero-content-modular{text-align:center;flex-direction:column}.hero-text-box{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-visual-prelobby{display:none}.hero-actions{justify-content:center}}.fp-game-cards-scroll{scrollbar-width:none;gap:16px;padding:10px 5px 30px;display:flex;overflow-x:auto}.fp-game-cards-scroll::-webkit-scrollbar{display:none}.fp-game-card-portrait{aspect-ratio:1/1.4;cursor:pointer;background:#121216;border:2px solid #0000;border-radius:16px;flex:0 0 160px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.fp-game-card-portrait:hover{transform:translateY(-8px)scale(1.02)}.fp-game-card-portrait.active{border-color:#ff4655;box-shadow:0 0 20px #ff46554d}.fp-game-card-bg{background-position:50%;background-size:cover;transition:transform .5s;position:absolute;inset:0}.fp-game-card-portrait:hover .fp-game-card-bg{transform:scale(1.1)}.fp-game-card-overlay{background:linear-gradient(#0000 0%,#0003 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:15px;display:flex;position:absolute;inset:0}.fp-game-card-title{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:800;line-height:1.2}.fp-game-card-count{color:#ffffff80;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}.btn-premate-red{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#ff4655;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 8px 20px -5px #ff465580}.btn-premate-red:hover{background:#ff5f6d;transform:translateY(-3px);box-shadow:0 12px 25px -5px #ff465599}.btn-premate-red:active{transform:translateY(-1px)}.fp-hero-premate{justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 0;display:flex}.fp-hero-left h1{margin-bottom:5px;font-size:32px;font-weight:900}.fp-hero-left p{color:var(--text-muted);font-size:14px}@media (max-width:768px){.fp-game-card-portrait{flex:0 0 120px}.fp-hero-premate{flex-direction:column;align-items:flex-start;gap:20px}}