/* DPX24 video-reference interaction layer: preserves existing layout while adding the observed mobile motion. */
.video-category-enter{animation:dpx24CategoryIn .34s cubic-bezier(.22,.61,.36,1)}
@keyframes dpx24CategoryIn{0%{opacity:.2;transform:translate3d(18px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
.site-provider-btn,.site-game-card,.cat-video-category{transition:transform .18s ease,opacity .18s ease,filter .18s ease}
.site-provider-btn:active,.cat-video-category:active,.site-game-card:active{transform:scale(.96)}
.site-providers{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.video-category-rail{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:2px 0 5px;scroll-snap-type:x proximity}
.video-category-rail::-webkit-scrollbar{display:none}
.cat-video-category{flex:0 0 74px;scroll-snap-align:center;border:0;background:transparent;color:#aeb4ba;text-align:center;padding:2px 1px;font:600 9px/1.15 Poppins,system-ui;cursor:pointer}
.cat-video-category img{display:block;width:54px;height:38px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.cat-video-category.active{color:#4cc2ff}
.cat-video-category.active img{filter:drop-shadow(0 0 5px rgba(76,194,255,.45))}
.cat-video-category .cat-dot{width:18px;height:2px;border-radius:9px;background:transparent;margin:3px auto 0}
.cat-video-category.active .cat-dot{background:#4cc2ff;box-shadow:0 0 7px rgba(76,194,255,.45)}
@media(prefers-reduced-motion:reduce){.video-category-enter{animation:none}.site-provider-btn,.site-game-card{transition:none}}

/* Category rail motion: selected item gently travels left into the visible area, matching the reference interaction. */
button.video-category-selected{transition:transform .32s cubic-bezier(.22,.61,.36,1),opacity .2s ease;transform:translate3d(-3px,0,0)}
@media(prefers-reduced-motion:reduce){button.video-category-selected{transform:none}}