@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Press+Start+2P&display=swap";:root{--bg-base: #0a0a0f;--bg-primary: #101018;--bg-secondary: #16161f;--bg-elevated: #1e1e28;--bg-card: #141420;--text-primary: #f5f5f7;--text-secondary: #a0a0b0;--text-muted: #6b6b80;--text-dim: #4a4a5a;--accent-primary: #8b5cf6;--accent-primary-bright: #a78bfa;--accent-primary-dim: rgba(139, 92, 246, .15);--accent-secondary: #c084fc;--accent-secondary-dim: rgba(192, 132, 252, .15);--accent-green: #4ade80;--accent-green-dim: rgba(74, 222, 128, .15);--accent-amber: #fbbf24;--accent-amber-dim: rgba(251, 191, 36, .15);--accent-red: #f87171;--accent-red-dim: rgba(248, 113, 113, .15);--accent-cyan: var(--accent-secondary);--accent-cyan-dim: var(--accent-secondary-dim);--accent-purple: var(--accent-primary);--accent-purple-dim: var(--accent-primary-dim);--accent-pink: var(--accent-secondary);--accent-pink-dim: var(--accent-secondary-dim);--accent-teal: var(--accent-secondary);--accent-teal-dim: var(--accent-secondary-dim);--accent-rose: var(--accent-red);--accent-rose-dim: var(--accent-red-dim);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(139, 92, 246, .5);--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-glow: linear-gradient(135deg, rgba(139, 92, 246, .1) 0%, rgba(192, 132, 252, .05) 100%);--gradient-card: linear-gradient(180deg, var(--bg-card) 0%, var(--bg-primary) 100%);--font-display: "Orbitron", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-elevated: 0 16px 48px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(139, 92, 246, .4);--glow-secondary: 0 0 20px rgba(192, 132, 252, .4);--glow-text: 0 0 20px rgba(139, 92, 246, .6);--glow-cyan: var(--glow-secondary);--glow-purple: var(--glow-primary);--glow-pink: var(--glow-secondary);--glow-teal: var(--glow-secondary);--glow-rose: 0 0 20px rgba(248, 113, 113, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-above: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-moz-selection{background:var(--accent-primary);color:#fff}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-bright)}.navbar{position:sticky;top:0;z-index:var(--z-overlay);background:#050508f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.navbar__container{max-width:1280px;margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between}.navbar__brand{display:flex;align-items:center;gap:var(--space-md);text-decoration:none;cursor:pointer;background:none;border:none}.navbar__logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glow);border:2px solid var(--border-accent);border-radius:var(--radius-md);transition:var(--transition-base)}.navbar__brand:hover .navbar__logo{box-shadow:var(--glow-cyan);border-color:var(--accent-cyan)}.navbar__logo-icon{width:22px;height:22px;color:var(--accent-cyan);transition:var(--transition-base)}.navbar__brand:hover .navbar__logo-icon{color:var(--text-primary);transform:scale(1.1)}.navbar__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.1em;transition:var(--transition-base)}.navbar__brand:hover .navbar__title{text-shadow:var(--glow-text)}.navbar__nav{display:flex;gap:var(--space-sm)}.navbar__link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.navbar__link:hover{color:var(--text-primary);background:var(--gradient-glow);border-color:var(--border-accent)}.navbar__link--active{color:var(--text-primary);background:var(--accent-cyan-dim);border-color:var(--border-accent)}.navbar__link-icon{width:16px;height:16px}.game-card__emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5rem}.game-card__badge{position:relative;display:inline-block;padding:4px 12px;font-family:var(--font-display, var(--font-mono));font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;z-index:5;box-shadow:1px 2px 4px #00000080,inset 1px 1px 1px #fff6,inset -1px -2px 2px #0000004d;overflow:hidden}.game-card__badge:before{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,#fff0,#fff9,#fff0);transform:translate(-250%) skew(-25deg);z-index:2}.game-card:hover .game-card__badge:before{animation:sticker-shine 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes sticker-shine{0%{transform:translate(-250%) skew(-25deg)}to{transform:translate(350%) skew(-25deg)}}.game-card__badge--new{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:4px;border:1px solid #34d399;box-shadow:0 0 8px #10b98199,inset 0 0 4px #34d39966;transform:rotate(-3deg);font-style:italic;letter-spacing:.15em;padding:3px 10px}.game-badge-wrapper{position:relative;display:inline-block;z-index:5;transform:rotate(8deg)}.game-badge-wrapper .game-card__badge--popular{transform:none;margin:0}.game-card__badge--popular{background:linear-gradient(135deg,#ea580c,#b45309);color:#fff;border-radius:20px;border:2px solid #78350f;transform:rotate(8deg);position:relative;box-shadow:0 0 10px #ea580c,inset 0 2px 4px #ffffff4d}.fire-fx-base{position:absolute;inset:-2px;border-radius:20px;z-index:-1;background:#ea580c;filter:blur(5px);opacity:.8;pointer-events:none}.fire-particles{position:absolute;bottom:2px;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.fire-teardrop{position:absolute;bottom:0;width:12px;height:12px;background:linear-gradient(-45deg,#ff2a00,#ffb300);border-radius:0 50% 50%;transform-origin:center;transform:translateY(0) rotate(45deg) scale(0);animation:flame-rise 1.2s infinite ease-in;mix-blend-mode:screen;filter:blur(1px);will-change:transform,opacity}.fire-teardrop.t-1{left:10%;animation-delay:.1s;animation-duration:1.1s;width:14px;height:14px}.fire-teardrop.t-2{left:30%;animation-delay:.4s;animation-duration:1.3s}.fire-teardrop.t-3{left:50%;animation-delay:.2s;animation-duration:1s;width:16px;height:16px}.fire-teardrop.t-4{left:70%;animation-delay:.6s;animation-duration:1.2s}.fire-teardrop.t-5{left:85%;animation-delay:.3s;animation-duration:1.4s;width:10px;height:10px}.fire-teardrop.t-6{left:20%;animation-delay:.8s;animation-duration:.9s;width:15px;height:15px}@keyframes flame-rise{0%{transform:translateY(0) rotate(45deg) scale(0);opacity:0}20%{opacity:1}to{transform:translateY(-25px) rotate(45deg) scale(1.5);opacity:0}}.game-card__badge--featured{background:linear-gradient(135deg,#ec4899,#e11d48);color:#fff;border-radius:4px;border:2px solid #881337;transform:rotate(-5deg)}.game-card__favorite{position:absolute;top:10px;right:10px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;z-index:5}.game-card__favorite:hover{background:#ec489933;border-color:#ec4899}.game-card__favorite--active{background:#ec489940;border-color:#ec4899}.game-card__favorite-icon{width:16px;height:16px;color:#ffffff80;transition:all .2s ease}.game-card__favorite:hover .game-card__favorite-icon,.game-card__favorite--active .game-card__favorite-icon{color:#ec4899}.game-card__favorite--active .game-card__favorite-icon{fill:#ec4899}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.btn--primary{color:var(--bg-base);background:var(--gradient-primary);border:none}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan)}.btn--secondary{color:var(--text-primary);background:transparent;border:1px solid var(--border-accent)}.btn--secondary:hover{background:var(--accent-cyan-dim)}.btn--ghost{color:var(--text-muted);background:transparent;border:1px solid transparent}.btn--ghost:hover{color:var(--text-primary);border-color:var(--border-subtle)}.section{padding:var(--space-3xl) 0}.section__container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.section__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.section__subtitle{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);margin-top:var(--space-xs)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-elevated) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--card{height:280px;border-radius:var(--radius-lg)}.skeleton--text{height:16px;width:60%}.skeleton--title{height:24px;width:80%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:70vh;padding:40px 20px}.loader--inline{min-height:0;padding:0;gap:8px;flex-direction:row}.loader--inline .loader__spinner{width:16px;height:16px;border-width:2px}.loader--inline .loader__text{font-size:.8rem;margin:0}.loader__spinner{width:48px;height:48px;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #8b5cf626}.loader__text{font-family:system-ui,-apple-system,sans-serif;font-size:.95rem;color:var(--text-muted);letter-spacing:normal;text-transform:none;font-weight:500;animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:.4}50%{opacity:1}}.game-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-lg)}@media(min-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.game-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.game-grid{grid-template-columns:repeat(4,1fr)}}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.filter-btn--active{color:var(--text-primary);background:var(--accent-cyan-dim);border-color:var(--accent-cyan)}.search-input{position:relative}.search-input__field{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:var(--transition-base)}.search-input__field::-moz-placeholder{color:var(--text-dim)}.search-input__field::placeholder{color:var(--text-dim)}.search-input__field:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 3px var(--accent-cyan-dim)}.search-input__clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.search-input__clear:hover{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-state__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);font-size:2.5rem;background:var(--accent-purple-dim);border:2px solid var(--accent-purple);border-radius:50%}.empty-state__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm)}.empty-state__text{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);max-width:300px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes grid-pulse{0%,to{opacity:.03}50%{opacity:.08}}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badge-shine{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666}}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(139,92,246,.3)}50%{text-shadow:0 0 20px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.4)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes heartBounce{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.88)}45%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmerSweep{0%{left:-100%}to{left:200%}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes dividerSweep{0%{left:-50%}to{left:150%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #8b5cf633,0 0 15px #8b5cf61a,inset 0 0 5px #8b5cf60d}50%{box-shadow:0 0 10px #8b5cf666,0 0 30px #8b5cf626,inset 0 0 10px #8b5cf61a}}@keyframes floatIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#8b5cf6}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.7}}@keyframes counterSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 3px rgba(139,92,246,.3))}50%{filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}}@keyframes borderGlow{0%,to{border-color:#8b5cf626}50%{border-color:#8b5cf666}}@keyframes tiltBounce{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.animated-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.animated-bg__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.04) 1px,transparent 1px);background-size:50px 50px;animation:grid-pulse 4s ease-in-out infinite}.animated-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite,pulse-glow 6s ease-in-out infinite}.animated-bg__orb--1{width:500px;height:500px;top:-150px;right:-100px;background:radial-gradient(circle,rgba(139,92,246,.6) 0%,transparent 70%)}.animated-bg__orb--2{width:400px;height:400px;bottom:10%;left:-100px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);animation-delay:-2s}.animated-bg__orb--3{width:300px;height:300px;top:50%;right:20%;background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%);animation-delay:-4s;opacity:.2}.animated-bg__particles{position:absolute;inset:0}.animated-bg__particle{position:absolute;width:4px;height:4px;background:#8b5cf680;border-radius:50%;opacity:.4;animation:float 6s ease-in-out infinite}.animated-bg__scanline{position:absolute;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(139,92,246,.05) 50%,transparent 100%);animation:scanline 8s linear infinite;opacity:.5}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translate(-30px)}.reveal--left.reveal--visible{transform:translate(0)}.reveal--right{transform:translate(30px)}.reveal--right.reveal--visible{transform:translate(0)}.reveal--scale{transform:scale(.9)}.reveal--scale.reveal--visible{transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(20px);animation:slideUp .5s ease forwards;animation-delay:calc(var(--i, 0) * .07s)}.stagger-children--visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(7){transition-delay:.35s;opacity:1;transform:translateY(0)}.stagger-children--visible>*:nth-child(8){transition-delay:.4s;opacity:1;transform:translateY(0)}.hover-glow{transition:box-shadow .35s ease,border-color .35s ease}.hover-glow:hover{box-shadow:0 0 20px #8b5cf626,0 0 40px #8b5cf60d;border-color:#8b5cf64d}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.hover-scale{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hover-scale:hover{transform:scale(1.05)}.game-card__favorite{transition:transform .2s ease,background .3s ease,border-color .3s ease}.game-card__favorite:hover{transform:scale(1.15)}.game-card__favorite:active{transform:scale(.9)}.game-card__favorite--active .game-card__favorite-icon{animation:heartBounce .6s ease}.game-card__play{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.game-card__play:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.game-card__play:hover:before{width:300px;height:300px}.game-card__play:hover{transform:scale(1.05);box-shadow:0 0 25px #8b5cf680}.game-card__play:active{transform:scale(.98)}.game-card__emoji{transition:transform .3s ease}.game-card:hover .game-card__emoji{animation:bounce-subtle .6s ease;transform:scale(1.1)}.game-card__badge{animation:fade-in-scale .3s ease;position:relative;overflow:hidden}.game-card__badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:badge-shine 3s ease-in-out infinite}.game-card__badge--new{animation:bounce-subtle 2s ease-in-out infinite}.game-card__badge--popular{animation:pulse-glow 2s ease-in-out infinite}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn-ripple:active:after{width:300px;height:300px;opacity:1;transition:0s}.btn-magnetic{transition:transform .2s ease}.btn-magnetic:hover{transform:translateY(-2px)}.btn-magnetic:active{transform:translateY(1px) scale(.98);transition:transform .1s ease}.btn-gradient-shift{background-size:200% 100%;background-position:0% 50%;transition:background-position .4s ease,transform .2s ease,box-shadow .3s ease}.btn-gradient-shift:hover{background-position:100% 50%;transform:translateY(-1px)}.spring-press{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.spring-press:hover{transform:scale(1.05)}.spring-press:active{transform:scale(.92)}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);z-index:2;pointer-events:none;transition:none}.shimmer:hover:before{animation:shimmerSweep .8s ease}.divider-shimmer{position:relative;overflow:hidden}.divider-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);animation:dividerSweep 4s linear infinite}.icon-wobble:hover{animation:wobble .5s ease}.icon-spin:hover{animation:iconSpin .6s ease}.icon-pop:active{animation:iconPop .3s ease}.heart-bounce{animation:heartBounce .6s ease}.underline-slide{position:relative;display:inline-block}.underline-slide:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8b5cf6;transition:width .3s ease}.underline-slide:hover:after{width:100%}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}.pulse-border{animation:borderGlow 3s ease-in-out infinite}.breathe{animation:breathe 3s ease-in-out infinite}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}.neon-border{animation:neonPulse 2s ease-in-out infinite}.float-idle{animation:floatIdle 4s ease-in-out infinite}.text-animate{display:inline-block}.text-animate--glow{animation:text-glow 3s ease-in-out infinite}.text-animate--float{animation:float 4s ease-in-out infinite}.typewriter{overflow:hidden;border-right:2px solid #8b5cf6;white-space:nowrap;animation:typing 3s steps(30,end),blink-caret .75s step-end infinite}.typing-cursor:after{content:"▮";display:inline-block;margin-left:2px;animation:blink 1s step-end infinite;color:#8b5cf6;font-size:.8em}.focus-glow{transition:box-shadow .3s ease,border-color .3s ease}.focus-glow:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f,0 0 16px #8b5cf614;outline:none}.search-input__field{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.search-input__field:focus{box-shadow:0 0 0 3px #8b5cf61f,0 0 20px #8b5cf61a}.filter-btn{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.filter-btn:hover{transform:translateY(-2px) scale(1.02)}.filter-btn:active{transform:translateY(0) scale(.98)}.filter-btn--active{animation:glow-breathe 2s ease-in-out infinite}.navbar{transition:background .3s ease,box-shadow .3s ease}.navbar--scrolled{background:#050508fa;box-shadow:0 4px 20px #0000004d}.navbar__brand:hover .navbar__logo{animation:glow-breathe 1.5s ease-in-out infinite}.navbar__link{position:relative;transition:color .3s ease,background .3s ease,border-color .3s ease,transform .2s ease}.navbar__link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#8b5cf6;transition:width .3s ease,left .3s ease}.navbar__link:hover:before,.navbar__link--active:before{width:80%;left:10%}.navbar__link:hover{transform:translateY(-2px)}.navbar__link--active{animation:text-glow 2s ease-in-out infinite}.counter-up{display:inline-block;animation:counterSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}.fade-in-up{animation:slideUp .5s ease forwards}.fade-in-down{animation:slideDown .5s ease forwards}.fade-in-left{animation:slideLeft .5s ease forwards}.fade-in-right{animation:slideRight .5s ease forwards}.scale-in{animation:scaleIn .4s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.loader__spinner{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,#14141e,#1e1e2d 20%,#14141e 40% 100%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}.tilt-card{transform-style:preserve-3d;perspective:1000px}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0}body:hover .cursor-glow{opacity:1}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Share Tech Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html,body,#root{height:100%;background:radial-gradient(1200px 600px at 10% 10%,rgba(124,58,237,.04),transparent 12%),linear-gradient(180deg,#0a0e15,#030308);color:#ffffffeb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4{letter-spacing:.02em}button{font-family:Share Tech Mono,monospace}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[800px\]{max-width:800px}.max-w-lg{max-width:32rem}.max-w-sm{max-width:24rem}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#22c55e\]{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-\[\#8b5cf6\]{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}.border-\[\#8b5cf6\]\/30{border-color:#8b5cf64d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#050505\]{--tw-bg-opacity: 1;background-color:rgb(5 5 5 / var(--tw-bg-opacity, 1))}.bg-\[\#22c55e\]{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-\[\#22c55e\]\/20{background-color:#22c55e33}.bg-\[\#8b5cf6\]{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-\[\#8b5cf6\]\/20{background-color:#8b5cf633}.bg-black\/40{background-color:#0006}.bg-black\/60{background-color:#0009}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/20{background-color:#6366f133}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900\/50{background-color:#0f172a80}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#06b6d4\]{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#8b5cf6\]{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-12{padding:3rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-24{padding-bottom:6rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pt-20{padding-top:5rem}.pt-32{padding-top:8rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#06b6d4\]{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-\[\#22c55e\]{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-\[\#8b5cf6\]{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-red-200\/80{color:#fecacacc}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(139\,92\,246\,0\.2\)\]{--tw-shadow: 0 0 15px rgba(139,92,246,.2);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[\#8b5cf6\]\/20{--tw-shadow-color: rgb(139 92 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none;width:0;height:0}@media(max-width:768px),(pointer:coarse){button,a,select,input{min-height:44px;min-width:44px}}html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar{display:none;width:0;height:0}body{overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none;width:0;height:0}#root{overflow-x:hidden}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.crt-scanlines{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px)}.glow-neon{box-shadow:0 8px 30px #06b6d40f,0 2px 8px #7c3aed0f}.crt-bezel{border:3px solid rgba(15,23,42,.6);border-radius:8px}@keyframes scanline-move{0%{background-position-y:0}to{background-position-y:1000px}}.scanline-anim:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:20;background-image:linear-gradient(transparent 92%,#ffffff05);background-size:100% 6px;animation:scanline-move 12s linear infinite}@keyframes gradient-shift{0%,to{transform:translate(0) translateY(0);opacity:.3}50%{transform:translate(5%) translateY(5%);opacity:.5}}@keyframes gradient-shift-reverse{0%,to{transform:translate(0) translateY(0);opacity:.2}50%{transform:translate(-5%) translateY(-5%);opacity:.4}}@keyframes scan{0%{top:-2px;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(5deg)}50%{transform:translateY(-40px) translate(-10px) rotate(-5deg)}75%{transform:translateY(-20px) translate(10px) rotate(3deg)}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.12}90%{opacity:.12}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@keyframes pulse-slow{0%,to{opacity:.5}50%{opacity:1}}@keyframes orbit{0%{transform:translate(-50%,-50%) rotate(0) translate(50px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-50%,-50%) rotate(360deg) translate(50px) rotate(-360deg);opacity:0}}@keyframes scan-fast{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-gradient-shift{animation:gradient-shift 15s ease-in-out infinite}.animate-gradient-shift-reverse{animation:gradient-shift-reverse 20s ease-in-out infinite}.animate-scan{animation:scan 8s linear infinite}.animate-float{animation:float 8s ease-in-out infinite}.animate-fall{animation:fall 10s linear infinite}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.animate-orbit{animation:orbit 4s ease-in-out infinite}.animate-scan-fast{animation:scan-fast 3s linear infinite}.marker\:text-\[\#06b6d4\] *::marker{color:#06b6d4}.marker\:text-\[\#8b5cf6\] *::marker{color:#8b5cf6}.marker\:text-\[\#06b6d4\]::marker{color:#06b6d4}.marker\:text-\[\#8b5cf6\]::marker{color:#8b5cf6}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:bg-\[\#16a34a\]:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#7c3aed\]:hover{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#8b5cf6\]\/10:hover{background-color:#8b5cf61a}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800\/80:hover{background-color:#1e293bcc}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-\[\#8b5cf6\]:focus{--tw-border-opacity: 1;border-color:rgb(139 92 246 / var(--tw-border-opacity, 1))}@media(min-width:768px){.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:gap-24{gap:6rem}.md\:text-5xl{font-size:3rem;line-height:1}}.nav-full-header{position:fixed;top:0;left:0;right:0;padding:24px 32px;z-index:900;pointer-events:auto;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;will-change:transform,opacity}.nav-container-full{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0}.nav-full-header--hidden{transform:translateY(-100%)!important;opacity:0!important;pointer-events:none!important}.nav-hud-trigger-wrap{position:fixed;top:16px;left:32px;z-index:950;pointer-events:none;opacity:0;transform:scale(.8) translateY(-10px);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.nav-hud-trigger-wrap--visible{opacity:1!important;transform:scale(1) translateY(0)!important;pointer-events:auto!important}.nav-hud-pill{position:relative;display:flex;align-items:center;width:60px;height:52px;border-radius:12px;background:#08080ce6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1.5px solid rgba(139,92,246,.35);box-shadow:0 12px 40px #0009,inset 0 0 0 1px #ffffff0d,0 0 15px #8b5cf626;padding:0 16px;cursor:pointer;transition:width .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease;will-change:width,box-shadow;overflow:hidden}.nav-hud-pill:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:repeating-linear-gradient(to bottom,rgba(139,92,246,.6) 0px,rgba(139,92,246,.6) 2px,transparent 2px,transparent 6px);border-radius:1.5px;opacity:.8;transition:opacity .3s ease}.nav-hud-pill:hover:before{opacity:1}.hud-pill-screw{position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffff26;box-shadow:inset 1px 1px 2px #000c;opacity:.7;transition:opacity .3s ease}.hud-pill-screw:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:1px;background:#0009}.hud-pill-screw--tr{top:8px;right:8px}.hud-pill-screw--br{bottom:8px;right:8px}.nav-hud-pill:hover .hud-pill-screw{opacity:.9;background:#8b5cf666;box-shadow:inset 1px 1px 2px #000c,0 0 4px #8b5cf699}.nav-hud-pill:hover{width:340px;border-color:#8b5cf6b3;box-shadow:0 16px 45px #000000b3,inset 0 0 0 1px #ffffff14,0 0 30px #8b5cf659}.nav-hud-pill-logo{display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;width:24px;height:24px;transition:transform .3s ease}.nav-hud-pill:hover .nav-hud-pill-logo{transform:rotate(90deg)}.nav-hud-pill-content{display:flex;align-items:center;opacity:0;transform:translate(12px);transition:opacity .22s ease,transform .3s cubic-bezier(.16,1,.3,1);pointer-events:none;margin-left:14px;flex-grow:1}.nav-hud-pill:hover .nav-hud-pill-content{opacity:1;transform:translate(0);pointer-events:auto}.nav-hud-pill-links,.nav-hud-pill-actions{display:flex;align-items:center;gap:8px}.nav-hud-pill-link,.nav-hud-pill-action-btn,.nav-hud-pill-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-hud-pill-link:hover,.nav-hud-pill-action-btn:hover,.nav-hud-pill-menu-btn:hover{background:#8b5cf626;border-color:#8b5cf6;color:#fff;transform:scale(1.1);box-shadow:0 0 10px #8b5cf64d}.nav-hud-pill-link--active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important;box-shadow:0 0 12px #8b5cf666}.nav-hud-pill-divider{width:1px;height:18px;background:#ffffff26;margin:0 10px;flex-shrink:0}.nav-hud-pill-avatar-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(139,92,246,.4);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-hud-pill-avatar-btn:hover{border-color:#8b5cf6;transform:scale(1.1);box-shadow:0 0 10px #8b5cf64d}.nav-hud-pill-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-brand{pointer-events:auto;border:none;background:none;cursor:pointer;display:flex;align-items:center;position:relative;padding:0 10px;height:40px;gap:8px;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-brand__text,.nav-brand__accent{font-family:var(--font-display);font-size:1.4rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transition:all .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}.nav-brand__text{color:#fff}.nav-brand__accent{color:#8b5cf6}.nav-brand:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:-1;pointer-events:none;transition:all .4s ease}.nav-brand:hover .nav-brand__text{text-shadow:0 0 15px rgba(255,255,255,.2)}.nav-brand:hover .nav-brand__accent{color:#a78bfa;text-shadow:0 0 15px rgba(139,92,246,.3)}.nav-brand:hover:before{background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 80%)}.nav-actions{display:flex;align-items:center;gap:16px;pointer-events:auto;transition:all .35s cubic-bezier(.16,1,.3,1)}.nav-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#ffffffb3}.nav-icon-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#fff;box-shadow:0 0 15px #8b5cf659;transform:translateY(-2px) scale(1.08)}.nav-icon-btn:active{transform:scale(.9);transition:transform .1s}.nav-search-btn{position:relative;width:auto;padding:8px 12px;border-radius:20px;gap:6px}.nav-search-hint{font-family:var(--font-mono);font-size:.7rem;color:#fff6;background:#ffffff14;padding:2px 6px;border-radius:4px}.nav-search{position:relative;display:flex;align-items:center;background:#18181b;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:0 14px;gap:10px;min-width:280px;transition:all .35s cubic-bezier(.16,1,.3,1)}.nav-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626,0 0 20px #8b5cf614;min-width:320px;background:#1a1a1f}.nav-hud-container--scrolled .nav-search{min-width:40px;width:40px;height:40px;border-radius:20px;padding:0 10px;background:#ffffff0d;border-color:#ffffff1a;justify-content:center;gap:0;transition:all .4s cubic-bezier(.16,1,.3,1)}.nav-hud-container--scrolled .nav-search .nav-search__input{width:0;max-width:0;opacity:0;padding:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-hud-container--scrolled .nav-search:hover,.nav-hud-container--scrolled .nav-search:focus-within{min-width:180px;width:auto;background:#18181b;border-color:#8b5cf6;padding:0 14px;gap:8px;justify-content:flex-start}.nav-hud-container--scrolled .nav-search:hover .nav-search__input,.nav-hud-container--scrolled .nav-search:focus-within .nav-search__input{width:100%;max-width:100%;opacity:1;pointer-events:auto}.nav-search__icon{color:#6b7280;flex-shrink:0}.nav-search__input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:#fff;font-family:inherit;padding:12px 0}.nav-search__input::-moz-placeholder{color:#6b7280}.nav-search__input::placeholder{color:#6b7280}.nav-search__results{position:absolute;top:calc(100% + 12px);left:0;right:0;background:#141419f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:8px;max-height:400px;overflow-y:auto;overscroll-behavior:contain;z-index:1000;box-shadow:0 15px 45px #0009,0 0 0 1px #8b5cf61a}.nav-search__result{width:100%;display:flex;align-items:center;gap:12px;padding:10px;background:transparent;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-search__result:hover{background:#8b5cf61f;transform:translate(4px)}.nav-search__result-visual{width:44px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#121216;border:1px solid rgba(255,255,255,.05)}.nav-search__result-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.8;transition:opacity .2s}.nav-search__result:hover .nav-search__result-thumb{opacity:1}.nav-search__result-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.nav-search__result-title{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-search__result-meta{font-size:.75rem;color:#fff6;font-family:var(--font-mono);text-transform:uppercase}.nav-icon-btn__svg{width:18px;height:18px}.nav-trigger{display:flex;align-items:center;gap:12px;background:transparent;border:none;cursor:pointer;opacity:1;transform:translate(0);transition:all .3s ease}.nav-trigger--hidden{opacity:0;transform:translate(20px);pointer-events:none}.nav-trigger__label{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#fff9;letter-spacing:.15em;transition:all .35s cubic-bezier(.16,1,.3,1);white-space:nowrap}.nav-hud-container--scrolled .nav-trigger__label{opacity:0;width:0;max-width:0;overflow:hidden;margin:0;letter-spacing:0}.nav-hud-container--scrolled:hover .nav-trigger__label{opacity:.6;width:auto;max-width:80px;margin-right:12px;letter-spacing:.15em}.nav-trigger:hover .nav-trigger__label{color:#fff}.nav-trigger__box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:4px;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.nav-trigger:hover .nav-trigger__box{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf680}.nav-trigger__icon{width:20px;height:20px;color:#8b5cf6;transition:color .2s ease}.nav-trigger:hover .nav-trigger__icon{color:#fff}.nav-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none}.nav-overlay--open{pointer-events:auto}.nav-overlay__backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s ease}.nav-overlay--open .nav-overlay__backdrop{opacity:1}.nav-drawer{position:absolute;top:0;right:0;bottom:0;width:280px;background:#08080bf2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(139,92,246,.2);box-shadow:-15px 0 45px #000000b3;padding:32px;transform:translate(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.nav-drawer__glow{position:absolute;top:25%;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);filter:blur(45px);pointer-events:none;z-index:0;animation:float-glow 10s ease-in-out infinite}@keyframes float-glow{0%,to{transform:translate(0)}50%{transform:translate(-30px,40px)}}.nav-overlay--open .nav-drawer{transform:translate(0)}.nav-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.nav-user-widget{display:flex;align-items:center;gap:12px}.nav-user__avatar{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:50%;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-shadow:0 0 18px #8b5cf659,inset 0 0 8px #fff3;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease;cursor:pointer}.nav-user__avatar:hover{transform:scale(1.05);box-shadow:0 0 25px #8b5cf68c,inset 0 0 10px #ffffff4d}.nav-user__avatar:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(139,92,246,.25);animation:spin-slow 20s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-user__icon{width:18px;height:18px;color:#fff}.nav-user__name{display:block;font-family:var(--font-display);font-size:.85rem;font-weight:700;color:#fff}.nav-user__rank-text{font-family:var(--font-mono);font-size:.65rem;color:#ffffff80;display:block}.nav-close{width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.nav-close:hover{background:#ffffff1a;border-color:#fff}.nav-close__icon{width:16px;height:16px}.nav-drawer__separator{height:1px;background:linear-gradient(to right,rgba(255,255,255,.1),transparent);margin-bottom:24px}.nav-menu{display:flex;flex-direction:column;gap:12px;z-index:10;margin-bottom:24px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);cursor:pointer;border-radius:12px;transition:transform .3s cubic-bezier(.25,1,.5,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}.nav-item:hover{background:#8b5cf60f;border-color:#8b5cf640;transform:translate(4px);box-shadow:0 4px 15px #00000040}.nav-item--active{background:linear-gradient(90deg,#8b5cf61f,#d946ef08)!important;border-color:#8b5cf673!important;box-shadow:0 6px 20px #0000004d}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:50%;border-radius:1.5px;background:#a78bfa;box-shadow:0 0 10px #8b5cf699;transition:transform .3s cubic-bezier(.25,1,.5,1);z-index:2}.nav-item:hover:before,.nav-item--active:before{transform:translateY(-50%) scaleY(1)}.nav-item__content{display:flex;align-items:center;gap:12px;width:100%;z-index:2}.nav-item__icon-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;color:#ffffff73;transition:all .3s ease}.nav-item:hover .nav-item__icon-box,.nav-item--active .nav-item__icon-box{color:#fff;background:#8b5cf633;border-color:#8b5cf659}.nav-item__icon{width:16px;height:16px}.nav-item__text{flex:1;text-align:left;display:flex;flex-direction:column;gap:1px}.nav-item__label{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#ffffffbf;display:block;transition:color .25s ease}.nav-item:hover .nav-item__label,.nav-item--active .nav-item__label{color:#fff}.nav-item__desc{font-family:var(--font-mono);font-size:.65rem;color:#ffffff4d;display:block}.nav-item__indicator{display:none}.nav-drawer__footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;position:relative}.nav-spirits{display:flex;align-items:center;justify-content:center;width:100%}.nav-spirit{width:60px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px rgba(139,92,246,.4));transition:all .3s ease;animation:nav-spirit-float 3s ease-in-out infinite}@keyframes nav-spirit-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.nav-spirit:hover{transform:scale(1.15) translateY(-5px);filter:drop-shadow(0 0 15px rgba(139,92,246,.7));animation-play-state:paused}.nav-footer-accent{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent)}.nav-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.nav-icon-btn--avatar{padding:0;overflow:hidden}.nav-icon-btn--login:hover{background:#8b5cf633;border-color:#a78bfa}.nav-user__photo{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.nav-user__signout,.nav-user__signin{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-family:var(--font-mono);font-size:.7rem;cursor:pointer;padding:4px 0;margin-top:2px;transition:color .2s}.nav-user__signout{color:#f87171b3}.nav-user__signout:hover{color:#f87171}.nav-user__signin{color:#8b5cf6cc}.nav-user__signin:hover{color:#a78bfa}.hud-logo-body{animation:float-console 4s ease-in-out infinite;transform-origin:center}@keyframes float-console{0%,to{transform:translateY(0)}50%{transform:translateY(-.8px)}}.hud-logo-screen{animation:screen-startup 5s ease-in-out infinite;fill:#8b5cf60d;stroke:#8b5cf680;transition:all .3s ease}@keyframes screen-startup{0%,35%,to{fill:#8b5cf60d;stroke:#8b5cf680;filter:none}40%{fill:#8b5cf64d;stroke:#a78bfa;filter:drop-shadow(0 0 3px rgba(139,92,246,.8))}45%{fill:#8b5cf626;stroke:#8b5cf6b3;filter:drop-shadow(0 0 1px rgba(139,92,246,.4))}50%{fill:#8b5cf659;stroke:#a78bfa;filter:drop-shadow(0 0 4px rgba(139,92,246,.9))}55%{fill:#8b5cf60d;stroke:#8b5cf680;filter:none}}.hud-logo-btn-a{animation:button-tap-a 4s ease-in-out infinite;transform-origin:15.5px 13.5px}.hud-logo-btn-b{animation:button-tap-b 4s ease-in-out infinite;transform-origin:14px 15.2px}@keyframes button-tap-a{0%,20%,35%,to{transform:scale(1);opacity:.8;fill:currentColor}28%{transform:scale(.6);opacity:1;fill:#a78bfa;filter:drop-shadow(0 0 2px #8b5cf6)}}@keyframes button-tap-b{0%,28%,43%,to{transform:scale(1);opacity:.8;fill:currentColor}36%{transform:scale(.6);opacity:1;fill:#a78bfa;filter:drop-shadow(0 0 2px #8b5cf6)}}.hud-logo-dpad{animation:dpad-nudge 4s ease-in-out infinite;transform-origin:10px 14.2px}@keyframes dpad-nudge{0%,15%,55%,to{transform:translate(0)}5%{transform:translate(-.4px)}10%{transform:translateY(.4px)}}.nav-hud-pill:hover .hud-logo-screen{animation:screen-startup 1.5s ease-in-out infinite;fill:#8b5cf640;stroke:#c084fc}.nav-hud-pill:hover .hud-logo-btn-a{animation:button-tap-a 1.2s ease-in-out infinite}.nav-hud-pill:hover .hud-logo-btn-b{animation:button-tap-b 1.2s ease-in-out infinite}.nav-hud-pill:hover .hud-logo-dpad{animation:dpad-nudge 1.5s ease-in-out infinite}.nav-drawer__quickplay{margin-top:8px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:10}.quickplay-title{font-family:var(--font-mono);font-size:.65rem;font-weight:700;color:#fff6;letter-spacing:1px;text-align:left}.quickplay-list{display:flex;flex-direction:column;gap:8px}.quickplay-card{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:12px;cursor:pointer;text-align:left;transition:all .3s cubic-bezier(.25,1,.5,1)}.quickplay-card:hover{background:#8b5cf60a;border-color:#8b5cf640;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.quickplay-card__visual{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#0003;border:1px solid rgba(255,255,255,.05)}.quickplay-card__thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.quickplay-card:hover .quickplay-card__thumb{transform:scale(1.1)}.quickplay-card__info{flex:1;display:flex;flex-direction:column;gap:1px}.quickplay-card__name{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:#ffffffd9;transition:color .3s ease}.quickplay-card:hover .quickplay-card__name{color:#fff}.quickplay-card__meta{font-family:var(--font-mono);font-size:.6rem;color:#ffffff59}.quickplay-card__play-icon{color:#fff3;transition:all .3s ease}.quickplay-card:hover .quickplay-card__play-icon{color:#c084fc;transform:scale(1.2);filter:drop-shadow(0 0 6px rgba(168,85,247,.6))}@media(max-width:768px){.nav-actions .nav-search,.nav-actions .nav-icon-btn{display:none!important}}.toast-container{position:fixed;bottom:var(--space-lg, 24px);right:var(--space-lg, 24px);z-index:var(--z-toast, 300);display:flex;flex-direction:column;gap:var(--space-sm, 8px);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 16px);min-width:280px;max-width:400px;font-family:var(--font-mono, monospace);font-size:.875rem;background:var(--bg-elevated, #1a1a25);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-elevated, 0 8px 32px rgba(0, 0, 0, .5));pointer-events:auto;animation:toast-enter .3s ease-out}.toast--exit{animation:toast-exit .2s ease-in forwards}.toast__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border-radius:50%}.toast__message{flex:1;color:var(--text-primary, #f8fafc)}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted, #64748b);background:none;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:var(--transition-fast, .15s ease)}.toast__close:hover{color:var(--text-primary, #f8fafc);background:#ffffff1a}.toast--success{border-color:#22c55e4d;background:linear-gradient(135deg,rgba(34,197,94,.15),var(--bg-elevated, #1a1a25))}.toast--success .toast__icon{background:#22c55e33;color:#22c55e}.toast--error{border-color:#ef44444d;background:linear-gradient(135deg,rgba(239,68,68,.15),var(--bg-elevated, #1a1a25))}.toast--error .toast__icon{background:#ef444433;color:#ef4444}.toast--info{border-color:#22d3ee4d;background:linear-gradient(135deg,rgba(34,211,238,.15),var(--bg-elevated, #1a1a25))}.toast--info .toast__icon{background:#22d3ee33;color:#22d3ee}.toast--warning{border-color:#f59e0b4d;background:linear-gradient(135deg,rgba(245,158,11,.15),var(--bg-elevated, #1a1a25))}.toast--warning .toast__icon{background:#f59e0b33;color:#f59e0b}@keyframes toast-enter{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100px) scale(.9)}}@media(max-width:480px){.toast-container{left:var(--space-md, 16px);right:var(--space-md, 16px);bottom:var(--space-md, 16px)}.toast{min-width:auto;max-width:none}}.font-orbitron{font-family:Orbitron,sans-serif}.font-pixel{font-family:"Press Start 2P",cursive}.final-footer{background:#050505;position:relative}.footer-canvas-bg{z-index:0}.pixelated{image-rendering:pixelated}.final-footer ul li a{transition:all .2s ease}.final-footer ul li a:hover{padding-left:4px}.final-footer img{filter:drop-shadow(0 0 8px rgba(139,92,246,.2));animation:float-soft 3s ease-in-out infinite}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.final-footer a[href*=buymeacoffee]{box-shadow:0 4px 15px #ffffff1a}.final-footer a[href*=buymeacoffee]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff26}@media(max-width:768px){.final-footer{text-align:center}.final-footer .flex-row{flex-direction:column;align-items:center}.final-footer .items-end{align-items:center}}.username-setup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.username-setup__overlay{position:absolute;inset:0;background:#05050ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.username-setup__card{position:relative;z-index:1;background:#141420f2;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:48px 40px;max-width:420px;width:100%;text-align:center;box-shadow:0 0 60px #8b5cf61a,0 20px 60px #00000080;animation:setup-enter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes setup-enter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.username-setup__icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf633,#d946ef33);border-radius:16px;color:#a78bfa}.username-setup__title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:1.5rem;color:#fff;margin:0 0 8px;letter-spacing:.03em}.username-setup__desc{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 28px}.username-setup__form{display:flex;flex-direction:column;gap:16px}.username-setup__field{position:relative}.username-setup__input{width:100%;padding:14px 60px 14px 18px;background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;font-size:1.05rem;font-family:var(--font-display, "Orbitron", sans-serif);text-align:center;letter-spacing:.05em;outline:none;transition:all .2s}.username-setup__input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.username-setup__input::-moz-placeholder{color:#4a4a5a;font-family:inherit;font-size:.85rem}.username-setup__input::placeholder{color:#4a4a5a;font-family:inherit;font-size:.85rem}.username-setup__count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.7rem;font-family:var(--font-mono);color:#4a4a5a}.username-setup__error{padding:10px 14px;background:#f871711a;border:1px solid rgba(248,113,113,.25);border-radius:8px;color:#f87171;font-size:.85rem}.username-setup__submit{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.username-setup__submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.username-setup__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:480px){.username-setup__card{padding:32px 20px}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.app__main{flex:1;position:relative}.app__page{animation:fade-up .4s ease-out both}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.app__page--no-transform{animation:none!important;transform:none!important}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::-moz-selection{background:var(--accent-cyan-dim);color:var(--text-primary)}::selection{background:var(--accent-cyan-dim);color:var(--text-primary)}body.scanlines-active:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#12101000 50%,#00000040 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.6}body.crt-active:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#0000 60%,#0009);z-index:9998;pointer-events:none}body.crt-active .app{animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.97}to{opacity:1}}.mobile-warning-v4{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;width:90%;max-width:400px;background:#0d0d14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:12px 16px;box-shadow:0 10px 40px #00000080,0 0 20px #8b5cf61a;animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1);display:none}@media(max-width:900px){.mobile-warning-v4{display:block}}.mobile-warning__content{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.mobile-warning__icon{width:36px;height:36px;background:#8b5cf61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a78bfa}.mobile-warning__text{flex:1;display:flex;flex-direction:column}.mobile-warning__text strong{color:#fff;font-size:.9rem;letter-spacing:.02em}.mobile-warning__text span{color:#fff9;font-size:.75rem}.mobile-warning__close{background:none;border:none;color:#fff6;padding:8px;cursor:pointer;transition:color .2s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-warning__close:hover{color:#fff}.mobile-warning__glow{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);opacity:.5;filter:blur(5px)}.mobile-warning__progress{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#d946ef);width:100%;border-radius:0 0 16px 16px;opacity:.6}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}