.dynamic-hero-bg{background-color:var(--color-gray-900)}.dark .dynamic-hero-bg{background-color:var(--color-gray-950)}.dynamic-hero-gradient-top{background:linear-gradient(to bottom,var(--color-gray-900),transparent)}.dark .dynamic-hero-gradient-top{background:linear-gradient(to bottom,var(--color-gray-950),transparent)}.dynamic-hero-gradient-bottom{background:linear-gradient(to top,var(--color-gray-900),transparent)}.dark .dynamic-hero-gradient-bottom{background:linear-gradient(to top,var(--color-gray-950),transparent)}.dynamic-hero-gradient-overlay{background:linear-gradient(to right,var(--color-gray-900),rgba(0,0,0,.4),transparent)}.dark .dynamic-hero-gradient-overlay{background:linear-gradient(to right,var(--color-gray-950),rgba(0,0,0,.4),transparent)}.dynamic-text-primary{color:var(--color-gray-950)}.dark .dynamic-text-primary{color:var(--color-gray-50)}.dynamic-text-secondary{color:var(--color-gray-700)}.dark .dynamic-text-secondary{color:var(--color-gray-400)}.dynamic-text-muted,.dark .dynamic-text-muted{color:var(--color-gray-500)}.main-cta{background-color:#fff;color:#111827;border:2px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .3s ease}.main-cta:hover{background-color:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.main-cta:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.dark .main-cta{background-color:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);box-shadow:none}.dark .main-cta:hover{background-color:#ffffff26;border-color:#ffffff4d}.secondary-link{color:#6b7280;transition:color .2s ease}.secondary-link:hover{color:#111827}.secondary-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:4px}.dark .secondary-link{color:#9ca3af}.dark .secondary-link:hover{color:#fff}.dynamic-gradient-text{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.dynamic-update-card{background-color:#fffc;border:1px solid var(--color-gray-300);box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;transition:all .3s ease}.dark .dynamic-update-card{background-color:#1f293780;border:1px solid rgba(55,65,81,.5)}.dynamic-post-item{background-color:#ffffffe6;border:1px solid rgba(229,231,235,.8);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;border-radius:.75rem;min-height:44px}.dark .dynamic-post-item{background-color:#1f29374d;border:1px solid rgba(55,65,81,.3);box-shadow:none}.dynamic-post-item:hover{background-color:#fff;border-color:#e5e7eb;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;transform:translateY(-1px)}.dark .dynamic-post-item:hover{background-color:#374151cc;border-color:#4b556399;box-shadow:0 4px 6px #0000004d,0 2px 4px #0003;transform:translateY(-1px)}.dynamic-post-item:focus-within{outline:2px solid var(--color-primary-500);outline-offset:2px}.dynamic-post-title{color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.dark .dynamic-post-title{color:var(--color-gray-50)}.group:hover .dynamic-post-title{color:var(--color-primary-400)}.dynamic-arrow{color:var(--color-gray-500);transition:all .3s ease}.dark .dynamic-arrow{color:var(--color-gray-400)}.group:hover .dynamic-arrow{color:var(--color-primary-400)}.dynamic-version-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:500;letter-spacing:.025em;background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.dark .dynamic-version-badge{background-color:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.column-scroll-up,.column-scroll-down,.column-scroll-up-slow{height:100vh;overflow:hidden;padding:.5rem;position:relative}.scroll-content{display:flex;flex-direction:column;gap:1rem;height:168rem}.column-scroll-up .scroll-content{animation:scroll-up-seamless 35s linear infinite}.column-scroll-down .scroll-content{animation:scroll-down-seamless 25s linear infinite}.column-scroll-up-slow .scroll-content{animation:scroll-up-seamless 23s linear infinite;height:112rem}@keyframes scroll-up-seamless{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down-seamless{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes scroll-wheel{0%{top:.25rem;opacity:1}25%{opacity:1}75%{opacity:0}to{top:1.5rem;opacity:0}}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.5}}.poster-item{position:relative;height:13rem;width:9rem;cursor:pointer;overflow:hidden;border-radius:.75rem;border:1px solid rgba(0,0,0,.1);padding:1rem;background:#00000003;transition:all .3s ease;flex-shrink:0}.poster-item:hover{background:#0000000d;transform:scale(1.02)}.poster-item:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.poster-image,.poster-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:.75rem}.dynamic-counter{transition:all .3s ease}.animate-count{opacity:0;animation:fadeInUp .6s ease forwards}.skeleton-loader{animation:skeleton-pulse 1.5s ease-in-out infinite alternate}.scroll-indicator{animation:fade-in-up 1.5s ease-out 2s both}.scroll-dot{animation:scroll-wheel 2s ease-in-out infinite}.container{max-width:100%;overflow:hidden}.flex.gap-6{gap:.75rem}@media (max-width: 375px){.flex.gap-6{flex-direction:column;align-items:center;text-align:center;gap:1rem}}.game-image,.poster-image{opacity:0;transition:opacity .3s ease}.game-image.lazyloaded,.poster-image.lazyloaded{opacity:1}.game-image.lazyloaded+.skeleton-loader,.poster-image.lazyloaded+.skeleton-loader{display:none}@media (max-width: 768px){.column-scroll-up,.column-scroll-down,.column-scroll-up-slow{animation-duration:45s}.dynamic-hero-gradient-overlay{background:linear-gradient(to right,var(--color-gray-900),transparent)}.dark .dynamic-hero-gradient-overlay{background:linear-gradient(to right,var(--color-gray-950),transparent)}}@media (prefers-reduced-motion: reduce){.column-scroll-up .scroll-content,.column-scroll-down .scroll-content,.column-scroll-up-slow .scroll-content{animation:none}.animate-count,.scroll-indicator{animation:none;opacity:1}.scroll-dot{animation:none}.poster-item:hover,.dynamic-post-item:hover{transform:none}}body>header,body>nav,.navbar,[role=banner],.site-header{position:sticky!important;top:0!important;z-index:9999!important}body{overflow-x:hidden}@media (max-width: 768px){.scroll-indicator{bottom:3rem}}