html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-inter),system-ui,sans-serif;color:#ffffff;line-height:1.5}.font-display,h1,h2,h3{font-family:var(--font-montserrat),system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;margin-top:0;margin-bottom:.5rem;line-height:1.2;color:#ffffff}h1{font-size:2.25rem}h1,h2{letter-spacing:-.025em}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem;font-weight:600}p{margin-top:0;margin-bottom:1rem;color:#a1a1aa;line-height:1.75}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875rem}pre{background:#0a0b14;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.03)}code{background:rgba(109,40,217,.1);padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem;color:#c4b5fd}a{color:#a78bfa;text-decoration:none;transition:color .3s ease}a:hover{color:#c4b5fd}ol,ul{padding-left:1.5rem;margin-top:0;margin-bottom:1rem;color:#a1a1aa}li{margin-bottom:.5rem}.text-sm,small{font-size:.875rem}.text-xs{font-size:.75rem}.text-2xs{font-size:.65rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.leading-loose{line-height:2}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.gradient-heading{background:linear-gradient(180deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.gradient-purple{background:linear-gradient(180deg,#c4b5fd,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.text-shadow-standard{text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-primary{color:#ffffff}.text-secondary{color:#a1a1aa}.text-muted{color:#71717a}.text-accent{color:#c4b5fd}.text-purple{color:#6d28d9}.text-purple-light{color:#a78bfa}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.card-subtitle{font-size:.875rem;color:#a1a1aa;margin-bottom:1rem}.section-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.section-subtitle{font-size:1.125rem;color:#a1a1aa;margin-bottom:2rem;max-width:36rem;line-height:1.75}.game-title{font-size:1.25rem;font-weight:600;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-stat{font-size:1.5rem;font-weight:700;background:linear-gradient(180deg,#c4b5fd,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}.game-stat-label{font-size:.75rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}.section-title,h2{font-size:1.75rem}.section-subtitle{font-size:1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(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 slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatDelayed{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}@keyframes floatSlow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.03)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 10px rgba(109,40,217,.2)}50%{box-shadow:0 0 20px rgba(109,40,217,.4)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes particle{0%{opacity:0;transform:translate(0) scale(0)}50%{opacity:.3}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes bounceIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}.animate-fade-in-down{opacity:0;animation:fadeInDown .8s ease-out forwards}.animate-fade-in-left{opacity:0;animation:fadeInLeft .8s ease-out forwards}.animate-fade-in-right{opacity:0;animation:fadeInRight .8s ease-out forwards}.animate-slide-up{opacity:0;animation:slideUp .5s ease-out forwards}.animate-slide-down{opacity:0;animation:slideDown .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{opacity:0;animation:scaleIn .3s ease-out forwards}.animate-scale-out{animation:scaleOut .3s ease-in forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:floatDelayed 8s ease-in-out infinite;animation-delay:2s}.animate-float-slow{animation:floatSlow 10s ease-in-out infinite;animation-delay:4s}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 3s linear infinite}.animate-rotate{animation:rotate 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s infinite}.animate-scroll{animation:scroll 20s linear infinite}.animate-particle{animation:particle 4s ease-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-bounce-in{animation:bounceIn .75s ease-out forwards}.animate-delay-75{animation-delay:75ms}.animate-delay-100{animation-delay:.1s}.animate-delay-150{animation-delay:.15s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.animate-duration-75{animation-duration:75ms}.animate-duration-100{animation-duration:.1s}.animate-duration-150{animation-duration:.15s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-500{animation-duration:.5s}.animate-duration-700{animation-duration:.7s}.animate-duration-1000{animation-duration:1s}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-spring{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 30px -2px rgba(0,0,0,.4),0 0 15px -3px rgba(109,40,217,.2)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(109,40,217,.4)}.focus-ring{transition:box-shadow .15s ease-in-out}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(109,40,217,.3)}.focus-scale{transition:transform .15s ease}.focus-scale:focus{transform:scale(1.02)}@keyframes storyReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}50%{opacity:.7;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timelineGrow{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes glassShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes communityFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(.5deg)}}@keyframes storyPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes tinkererGlow{0%,to{background:rgba(251,146,60,.1);border-color:rgba(251,146,60,.3)}50%{background:rgba(251,146,60,.2);border-color:rgba(251,146,60,.5)}}.animate-story-reveal{opacity:0;animation:storyReveal .8s ease-out forwards}.animate-timeline-grow{animation:timelineGrow 1.5s ease-out forwards}.animate-glass-shimmer{position:relative;overflow:hidden}.animate-glass-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:glassShimmer 3s infinite}.animate-community-float{animation:communityFloat 6s ease-in-out infinite}.animate-story-pulse{animation:storyPulse 2s ease-in-out infinite}.animate-tinkerer-glow{animation:tinkererGlow 3s ease-in-out infinite}@media (max-width:768px){.animate-story-reveal{animation-duration:.6s}.animate-timeline-grow{animation-duration:1s}.animate-community-float{animation-duration:4s}}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}@keyframes premiumShimmer{0%,to{opacity:.9}50%{opacity:1}}@keyframes goldPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:1}}@keyframes badgeSubtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-premium-shimmer{animation:premiumShimmer 3s ease-in-out infinite}.animate-gold-pulse{animation:goldPulse 4s ease-in-out infinite}.animate-badge-subtle-pulse{animation:badgeSubtlePulse 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 15px rgba(251,191,36,.5)}50%{opacity:.85;box-shadow:0 0 25px rgba(251,191,36,.7)}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.text-gradient-primary{background:linear-gradient(135deg,#ffffff,#d1d5db);-webkit-background-clip:text;background-clip:text}.text-gradient-primary,.text-gradient-purple{-webkit-text-fill-color:transparent;color:transparent}.text-gradient-purple{background:linear-gradient(135deg,#c4b5fd,#6d28d9);-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,#fb923c,#f97316);-webkit-background-clip:text;background-clip:text}.text-gradient-accent,.text-gradient-success{-webkit-text-fill-color:transparent;color:transparent}.text-gradient-success{background:linear-gradient(135deg,#34d399,#10b981);-webkit-background-clip:text;background-clip:text}.hero-gradient-text{background:linear-gradient(135deg,#ffffff,#d1d5db);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;line-height:1.1}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-shadow-md{text-shadow:0 2px 4px rgba(0,0,0,.5)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.5)}.text-shadow-purple{text-shadow:0 2px 4px rgba(109,40,217,.5)}.ha-3d-subtle{text-shadow:.5px .5px 0 rgba(26,15,46,.8),1px 1px 0 rgba(26,15,46,.7),1.5px 1.5px 0 rgba(26,15,46,.6),2px 2px 0 rgba(26,15,46,.5),2.5px 2.5px 0 rgba(26,15,46,.4),3px 3px 0 rgba(26,15,46,.3),3.5px 3.5px 1px rgba(0,0,0,.15),4px 4px 2px rgba(0,0,0,.1)}.ha-3d-medium{text-shadow:.75px .75px 0 rgba(26,15,46,.9),1.5px 1.5px 0 rgba(26,15,46,.8),2.25px 2.25px 0 rgba(26,15,46,.7),3px 3px 0 rgba(26,15,46,.6),3.75px 3.75px 0 rgba(26,15,46,.5),4.5px 4.5px 0 rgba(26,15,46,.4),5.25px 5.25px 1px rgba(0,0,0,.2),6px 6px 3px rgba(0,0,0,.15),7px 7px 5px rgba(0,0,0,.1)}.ha-3d-strong{text-shadow:1px 1px 0 rgba(26,15,46,1),2px 2px 0 rgba(26,15,46,.9),3px 3px 0 rgba(26,15,46,.8),4px 4px 0 rgba(26,15,46,.7),5px 5px 0 rgba(26,15,46,.6),6px 6px 0 rgba(26,15,46,.5),7px 7px 2px rgba(0,0,0,.25),8px 8px 4px rgba(0,0,0,.2),9px 9px 6px rgba(0,0,0,.15)}.ha-3d-simple{text-shadow:.5px .5px 0 rgba(26,15,46,.8),1px 1px 0 rgba(26,15,46,.7),1.5px 1.5px 0 rgba(26,15,46,.6),2px 2px 0 rgba(26,15,46,.5),2.5px 2.5px 0 rgba(26,15,46,.4),3px 3px 0 rgba(26,15,46,.3),3.5px 3.5px 1px rgba(0,0,0,.15),4px 4px 2px rgba(0,0,0,.1)}.text-game-title{font-size:1.25rem;font-weight:600;line-height:1.25}.hero-name,.text-game-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-name{font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-weight:700;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.05}.text-game-stat{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#c4b5fd,#6d28d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-game-stat-label{font-size:.75rem;color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero-icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:clamp(1.6rem,3vw,2.3rem);min-height:clamp(1.6rem,3vw,2.3rem);gap:clamp(.06rem,.18vw,.12rem)}.hero-counter{font-size:clamp(.9rem,2.1vw,1.15rem);line-height:1.1;color:rgba(255,255,255,.82)}.hero-actions{display:flex;align-items:center;gap:clamp(.12rem,.6vw,.35rem);margin-top:clamp(-.3rem,-.8vw,-.5rem)}.icon-btn{border-radius:.5rem}.hero-actions .icon-btn{padding:clamp(.28rem,.7vw,.45rem)}.icon-svg{width:clamp(1.5rem,2.8vw,1.9rem);height:clamp(1.5rem,2.8vw,1.9rem)}.home-icon{width:auto!important;height:clamp(2.5rem,4.5vw,3.2rem)!important;max-width:clamp(4rem,7vw,5.5rem)}.hero-actions .hero-counter,.hero-actions .icon-svg:not(.home-icon){transform:translateY(0)!important}.h-10[src*=handheldally],.h-12[src*=handheldally],img[src*=handheldally-icon],img[src*=handheldally-logo]{width:auto!important;max-width:none!important}.hero-icon .home-icon{display:block}@media (max-width:640px){.hero-actions .hero-icon,.hero-actions .icon-btn{min-width:2.2rem;min-height:2.2rem}.hero-actions .icon-svg{width:1.45rem;height:1.45rem}.hero-actions .home-icon{width:auto!important;height:3rem!important;max-width:5.2rem}.hero-counter{font-size:clamp(.9rem,2.4vw,1.08rem)}}@media (prefers-reduced-motion:no-preference){@keyframes heroIconPulse{0%{transform:translateZ(0) scale(1);filter:drop-shadow(0 0 0 rgba(251,146,60,0))}40%{transform:translateZ(0) scale(1.06);filter:drop-shadow(0 0 6px rgba(251,146,60,.25))}to{transform:translateZ(0) scale(1);filter:drop-shadow(0 0 0 rgba(251,146,60,0))}}.icon-pulse{animation:heroIconPulse 2.2s ease-in-out infinite;will-change:transform,filter}}.hero-label{font-size:clamp(.95rem,2.4vw,1.2rem);line-height:1.2;color:rgba(255,255,255,.92);margin-top:0;text-shadow:0 1px 1px rgba(0,0,0,.35);opacity:0;transform:translateY(4px) scale(.98)}@media (prefers-reduced-motion:no-preference){.legend-enter{opacity:1;transform:translateY(0) scale(1);transition:opacity .12s ease,transform .12s ease}}@media (hover:hover) and (pointer:fine){.icon-btn.has-tip{position:relative}.icon-btn.has-tip:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(4px);opacity:0;pointer-events:none;color:#ffffff;font-size:12px;line-height:1;white-space:nowrap;padding:6px 8px;border-radius:999px;background:rgba(15,18,30,.78);backdrop-filter:blur(10px) saturate(1.02);-webkit-backdrop-filter:blur(10px) saturate(1.02);border:1px solid rgba(255,255,255,.14);z-index:var(--z-tooltip,1700);transition:opacity .15s ease,transform .15s ease}@media (prefers-reduced-motion:reduce){.icon-btn.has-tip:after{transition:opacity 1ms linear}}.icon-btn.has-tip:focus-visible:after,.icon-btn.has-tip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:490px){.hero-actions{gap:.2rem;margin-top:clamp(-.5rem,-1.2vw,-.7rem)}.hero-counter{font-size:.85rem;line-height:1.05}.icon-svg{width:1.4rem;height:1.4rem}.hero-actions .home-icon{width:auto!important;height:2.8rem!important;max-width:4.8rem}.hero-actions .hero-counter,.hero-actions .icon-svg:not(.home-icon){transform:translateY(0)!important}}.bg-gradient-primary{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.bg-gradient-secondary{background:linear-gradient(135deg,#059669,#10b981)}.bg-gradient-accent{background:linear-gradient(135deg,#ea580c,#f97316)}.bg-gradient-dark{background:linear-gradient(135deg,#0a0b14,#1a1b2e)}.bg-gradient-hero{background:radial-gradient(circle at 50% 30%,rgba(123,58,237,.2) 0,transparent 70%),linear-gradient(180deg,#100D21 0,#16172b);position:relative;overflow:hidden}.bg-gradient-hero:before{content:"";position:absolute;top:-20%;left:35%;width:300px;height:300px;background:radial-gradient(circle at center,rgba(123,58,237,.1) 0,transparent 70%);border-radius:50%;z-index:-1}.bg-glass{background-color:rgba(26,27,46,.56)}.bg-glass,.bg-glass-light{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bg-glass-light{background-color:rgba(255,255,255,.1)}.bg-pattern-grid{background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:20px 20px}.bg-pattern-dots{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:15px 15px}.bg-cta-pattern{position:relative;background:linear-gradient(135deg,#5b21b6,#7c3aed)}.bg-cta-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 0);background-size:10px 10px;z-index:0}.card-base{background:#1a1b2e;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 20px -2px rgba(0,0,0,.3)}.card-base,.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 30px -2px rgba(0,0,0,.4),0 0 15px -3px rgba(109,40,217,.2)}.card-game{background:#1a1b2e;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px -2px rgba(0,0,0,.3);transition:transform .2s ease,box-shadow .2s ease}.card-elevated{background:#2a2b3e;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 8px 30px -2px rgba(0,0,0,.4)}.ha-glass-card{--ha-card-radius:12px;position:relative;overflow:hidden;border-radius:var(--ha-card-radius);isolation:isolate;background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.14)),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 26px rgba(0,0,0,.27),0 0 16px rgba(251,146,60,.08),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%)}.ha-glass-card:before{top:0;right:0;height:14px;border-top-right-radius:var(--ha-card-radius);border-bottom-left-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 65%,transparent)}.ha-glass-card:after,.ha-glass-card:before{content:"";position:absolute;left:0;border-top-left-radius:var(--ha-card-radius);border-bottom-right-radius:0;pointer-events:none;z-index:2}.ha-glass-card:after{top:6px;bottom:6px;width:12px;border-bottom-left-radius:var(--ha-card-radius);border-top-right-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 70%,transparent)}.premium-gloss-card{position:relative;overflow:hidden}.premium-gloss-card:before{top:0;right:0;height:14px;border-top-right-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 65%,transparent)}.premium-gloss-card:after,.premium-gloss-card:before{content:"";position:absolute;left:0;border-top-left-radius:inherit;pointer-events:none;z-index:2}.premium-gloss-card:after{top:6px;bottom:6px;width:12px;border-bottom-left-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 70%,transparent)}.ha-glass-card--interactive{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}.ha-glass-card--interactive:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(147,51,234,.12),0 6px 12px rgba(59,130,246,.08)}@media (prefers-reduced-motion:reduce){.ha-glass-card--interactive{transition:none}.ha-glass-card--interactive:hover{transform:none}}.badge-base{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.badge-primary{background:rgba(109,40,217,.2);color:#ffffff;border:1px solid rgba(109,40,217,.3)}.badge-secondary{background:rgba(16,185,129,.2);color:#ffffff;border:1px solid rgba(16,185,129,.3)}.badge-accent{background:rgba(249,115,22,.2);color:#ffffff;border:1px solid rgba(249,115,22,.3)}.badge-neutral{background:rgba(156,163,175,.2);color:#ffffff;border:1px solid rgba(156,163,175,.3)}.badge-verified{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-performance{background:rgba(249,115,22,.2);color:#f97316;border:1px solid rgba(249,115,22,.3)}.badge-ai-validated{background:rgba(109,40,217,.2);color:#c4b5fd;border:1px solid rgba(109,40,217,.3)}.btn-primary{background:linear-gradient(135deg,#5b21b6,#7c3aed);color:#ffffff;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px -2px rgba(91,33,182,.5);cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px -2px rgba(91,33,182,.6)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 5px -1px rgba(91,33,182,.4)}.btn-secondary{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;transition:background-color .2s ease,border-color .2s ease;cursor:pointer}.btn-secondary:hover{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.btn-accent{background:linear-gradient(135deg,#ea580c,#f97316);color:#ffffff;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 10px -2px rgba(249,115,22,.5);cursor:pointer}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 15px -2px rgba(249,115,22,.6)}.btn-ghost{background:transparent;color:#a1a1aa;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;transition:color .2s ease,background-color .2s ease;cursor:pointer}.btn-ghost:hover{color:#ffffff;background-color:rgba(255,255,255,.05)}.ha-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;padding:.625rem 1.25rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;will-change:transform,box-shadow}.ha-button--primary{background:var(--gradient-premium-card,linear-gradient(135deg,rgba(124,58,237,.3),rgba(59,130,246,.3)));color:#ffffff;border:none;box-shadow:0 4px 10px -2px rgba(124,58,237,.35)}.ha-button--primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px -2px rgba(124,58,237,.45)}.ha-button--primary:focus{outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.35)}.ha-button:disabled,.ha-button[disabled]{opacity:.6;cursor:not-allowed}.ha-button--secondary{position:relative;background:rgba(255,255,255,.05);color:#e5e7eb;border:1px solid rgba(255,255,255,.14);overflow:hidden;backdrop-filter:blur(10px) saturate(1.02);-webkit-backdrop-filter:blur(10px) saturate(1.02)}.ha-button--secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}.ha-button--secondary:before{content:"";position:absolute;top:0;left:0;right:0;height:42%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 70%,transparent);pointer-events:none}.ha-button--secondary-brand{border-color:rgba(147,51,234,.35)!important;box-shadow:0 6px 16px rgba(147,51,234,.18)}.ha-button--secondary-brand:hover{transform:translateY(-1px);border-color:rgba(147,51,234,.5)!important;box-shadow:0 12px 28px rgba(147,51,234,.28),0 6px 14px rgba(59,130,246,.16)}.ha-button--secondary-brand:focus{outline:none;box-shadow:0 0 0 3px rgba(147,51,234,.32)}.ha-button--secondary-info{border-color:rgba(59,130,246,.35)!important;box-shadow:0 6px 16px rgba(59,130,246,.16)}.ha-button--secondary-info:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.5)!important;box-shadow:0 12px 28px rgba(59,130,246,.22),0 6px 14px rgba(59,130,246,.16)}.ha-button--secondary-info:focus{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.3)}@media (prefers-reduced-motion:reduce){.ha-button--cta:hover,.ha-button--secondary-brand:hover,.ha-button--secondary-info:hover{transform:none}}.hover-orange-glow{transition:transform .3s ease,box-shadow .3s ease}.hover-orange-glow:hover{box-shadow:0 10px 20px rgba(251,146,60,.12),0 6px 14px rgba(251,146,60,.1)}.ha-3d-glass{position:relative;border-radius:var(--ha-card-radius,16px);overflow:hidden}.ha-3d-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));filter:blur(10px);opacity:.65;z-index:0;pointer-events:none}.ha-depth-3d{border-radius:var(--ha-card-radius,16px);box-shadow:0 18px 48px rgba(0,0,0,.35),0 10px 24px rgba(124,58,237,.18);transition:box-shadow .3s ease}.ha-depth-3d:hover{box-shadow:0 24px 64px rgba(0,0,0,.42),0 14px 30px rgba(124,58,237,.24)}@media (prefers-reduced-motion:reduce){.ha-depth-3d:hover{box-shadow:0 20px 56px rgba(0,0,0,.38)}}.ha-button--ghost{background:transparent;color:#d1d5db;border:none}.ha-button--ghost:hover{background:rgba(255,255,255,.06);color:#ffffff}.ha-button--premium{position:relative;color:#ffffff;background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(168,85,247,.24));border:1px solid rgba(168,85,247,.45);box-shadow:0 10px 24px rgba(168,85,247,.28),0 6px 14px rgba(59,130,246,.16);backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05);overflow:hidden;padding:.625rem 1.25rem;font-size:.9375rem;min-height:44px}@media (min-width:640px){.ha-button--premium{padding:.75rem 1.5rem;font-size:1rem;min-height:48px}}@media (min-width:768px){.ha-button--premium{padding:1rem 2rem;font-size:1.125rem;box-shadow:0 14px 32px rgba(168,85,247,.32),0 8px 18px rgba(59,130,246,.2);min-height:52px}}.ha-button--premium:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 14px 28px rgba(168,85,247,.35),0 8px 16px rgba(59,130,246,.2)}@media (min-width:768px){.ha-button--premium:hover{box-shadow:0 18px 40px rgba(168,85,247,.4),0 10px 22px rgba(59,130,246,.24)}}.ha-button--premium:focus{outline:none;box-shadow:0 0 0 3px rgba(168,85,247,.3)}.ha-button--premium:before{content:"";position:absolute;top:0;left:0;right:0;height:44%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04) 70%,transparent);pointer-events:none}@media (prefers-reduced-motion:reduce){.ha-button--premium:hover{transform:none}}.ha-button--cta{line-height:1;position:relative;color:#ffffff;background:linear-gradient(135deg,rgba(249,115,22,.56),rgba(234,88,12,.48))!important;background-color:rgba(249,115,22,.56)!important;border:1px solid rgba(249,115,22,.7)!important;box-shadow:0 12px 28px rgba(249,115,22,.35),0 6px 16px rgba(234,88,12,.25);backdrop-filter:blur(12px) saturate(1.06);-webkit-backdrop-filter:blur(12px) saturate(1.06);overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625rem 1.25rem;font-size:.9375rem;min-height:44px}@media (min-width:640px){.ha-button--cta{padding:.75rem 1.5rem;font-size:1rem;min-height:48px}}@media (min-width:768px){.ha-button--cta{padding:1rem 2rem;font-size:1.125rem;box-shadow:0 20px 40px rgba(249,115,22,.45),0 8px 22px rgba(234,88,12,.3);min-height:52px}}.ha-button--cta:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 16px 32px rgba(249,115,22,.45),0 8px 18px rgba(234,88,12,.28)}@media (min-width:768px){.ha-button--cta:hover{box-shadow:0 24px 48px rgba(249,115,22,.52),0 10px 24px rgba(234,88,12,.34)}}.ha-button--cta:focus{outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.35)}.ha-button--cta:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04) 70%,transparent);pointer-events:none}.ha-glass-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:.5rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:blur(18px) saturate(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.04);color:#d1d5db;transition:all .3s ease;box-shadow:0 6px 18px rgba(0,0,0,.18)}.ha-glass-pill--icon{padding:.25rem .5rem;gap:.375rem;min-height:28px;line-height:1}.ha-glass-pill:before{top:0;right:0;height:45%;border-top-right-radius:.5rem;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 70%,transparent)}.ha-glass-pill:after,.ha-glass-pill:before{content:"";position:absolute;left:0;border-top-left-radius:.5rem;pointer-events:none;z-index:0}.ha-glass-pill:after{top:4px;bottom:4px;width:8px;border-bottom-left-radius:.5rem;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.03) 70%,transparent)}.ha-glass-pill>*{position:relative;z-index:1}.ha-glass-pill:hover{border-color:rgba(255,255,255,.35);color:#ffffff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(124,58,237,.175),0 6px 14px rgba(59,130,246,.126)}@media (prefers-reduced-motion:reduce){.ha-glass-pill:hover{transform:none}}.settings-count-gradient,.settings-icon-gradient,.thread-count-gradient,.thread-icon-gradient{color:#fbbf24;font-weight:600}.navbar-glass{background-color:var(--navbar-glass-bg-top,rgba(8,10,18,.9))!important;background:linear-gradient(180deg,var(--navbar-glass-bg-top,rgba(8,10,18,.92)),var(--navbar-glass-bg-bottom,rgba(8,10,18,.86)))!important;background-image:none!important;backdrop-filter:blur(18px) saturate(1.04);-webkit-backdrop-filter:blur(18px) saturate(1.04);border-bottom:1px solid var(--navbar-glass-border,rgba(255,255,255,.12));box-shadow:0 14px 40px rgba(0,0,0,.34),inset 0 -12px 20px rgba(0,0,0,.18);overflow:hidden;isolation:isolate}.navbar-glass:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(0deg,rgba(255,255,255,.045),rgba(255,255,255,.02) 70%,transparent);pointer-events:none;z-index:1}.mobile-bottom-nav{position:relative;overflow:hidden;isolation:isolate}.mobile-bottom-nav:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 70%,transparent);pointer-events:none;z-index:1}.dropdown-menu{position:absolute;right:0;margin-top:.75rem;width:14rem;background-color:#1a1b2e;border-radius:.75rem;box-shadow:0 8px 30px -2px rgba(0,0,0,.4),0 0 15px -3px rgba(109,40,217,.2);border:1px solid rgba(255,255,255,.1);padding:.375rem;z-index:50;animation:fadeIn .4s ease-in forwards}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;color:#ffffff;text-decoration:none;border-radius:.375rem;font-size:.875rem;transition:background-color .15s ease}.dropdown-item:hover{color:#c4b5fd}.dropdown-item:hover,.nav-button{background-color:rgba(255,255,255,.05)}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;color:#ffffff;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer}.nav-button:hover{background-color:rgba(255,255,255,.08);border-color:rgba(124,58,237,.3);transform:translateY(-1px)}.nav-link{color:#9ca3af;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s ease;position:relative}.nav-link:hover{color:#ffffff}.nav-link-active{color:#c4b5fd}.nav-link-active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c3aed,#c4b5fd);border-radius:2px}.mobile-hub-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:.5rem .25rem;color:#a1a1aa;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-hub-item-active{color:#c4b5fd}.mobile-hub-item-spotlight{transform:scale(1.1);z-index:10}.mobile-hub-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:1rem;background:rgba(255,255,255,.05);margin-bottom:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.mobile-hub-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(91,33,182,.1));opacity:0;transition:opacity .3s ease}.mobile-hub-icon-active{background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(91,33,182,.2));box-shadow:0 4px 12px rgba(124,58,237,.3)}.mobile-hub-icon-active:before{opacity:1}.mobile-hub-icon-spotlight{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px rgba(124,58,237,.5)}.mobile-hub-label{font-size:.625rem;font-weight:600;letter-spacing:.025em;transition:color .3s ease}.mobile-hub-item-active .mobile-hub-icon{animation:hubPulse 2s infinite}@keyframes hubPulse{0%,to{box-shadow:0 4px 12px rgba(124,58,237,.3)}50%{box-shadow:0 4px 20px rgba(124,58,237,.5)}}.input-base{background-color:#2a2b3e;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem 1rem;color:#ffffff;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.input-base:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.input-base::-moz-placeholder{color:#6b7280}.input-base::placeholder{color:#6b7280}.select-base{background-color:#2a2b3e;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem 1rem;color:#ffffff;font-size:.875rem;transition:border-color .15s ease;width:100%;cursor:pointer}.select-base:focus{outline:none;border-color:#7c3aed}.performance-excellent{color:#10b981;background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.performance-good{color:#34d399;background-color:rgba(52,211,153,.1);border-color:rgba(52,211,153,.2)}.performance-average{color:#fbbf24;background-color:rgba(251,191,36,.1);border-color:rgba(251,191,36,.2)}.performance-poor{color:#f87171;background-color:rgba(248,113,113,.1);border-color:rgba(248,113,113,.2)}.impact-high{color:#ef4444;background-color:rgba(239,68,68,.1)}.impact-medium{color:#f97316;background-color:rgba(249,115,22,.1)}.impact-low{color:#eab308;background-color:rgba(234,179,8,.1)}.impact-negligible{color:#10b981;background-color:rgba(16,185,129,.1)}.gaming-hub-mode{background:linear-gradient(180deg,#0a0b14,#1a1b2e)}.gaming-hub-mode .mobile-bottom-nav,.gaming-hub-mode header{display:none!important}.gaming-hub-mode main{min-height:100vh;padding-bottom:0}@media (max-width:768px){.text-game-title{font-size:1.125rem}.text-game-stat{font-size:1.25rem}.btn-accent,.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:.8125rem}.card-base,.card-elevated,.card-game{border-radius:.5rem}.dropdown-menu{width:12rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-stat-pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem;text-decoration:none;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.hero-stat-pill:hover{transform:scale(1.05)}.hero-stat-pill--games{background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#93c5fd}.hero-stat-pill--optimized{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);color:#86efac}.hero-stat-pill--achievements{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.25);color:#fdba74}.hero-stat-pill--community{background:rgba(147,51,234,.12);border:1px solid rgba(147,51,234,.25);color:#c4b5fd}.focus-visible:focus{outline:2px solid #7c3aed;outline-offset:2px}.game-band-text{font-size:clamp(.935rem,3.4vw,1rem);font-weight:500}.game-rating-badge{font-size:clamp(.65rem,2.6vw,.935rem);font-weight:600}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}