.x10-game-card{background:#0B1827;border-color:rgba(255,255,255,.045)}
.x10-game-thumb,.x10-game-image-wrapper{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#182C40 0%,#142538 48%,#0B1827 100%)}
.x10-game-thumb::after,.x10-game-image-wrapper::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#1B3045 38%,rgba(255,255,255,.065) 48%,#142538 58%,transparent 78%);background-size:240% 100%;animation:x10-skeleton-shimmer 1.65s ease-in-out infinite;transition:opacity 190ms ease}
.x10-game-thumb.x10-image-loaded::after,.x10-game-image-wrapper.x10-image-loaded::after{opacity:0;animation:none}
.x10-game-image{opacity:.04;transition:opacity 190ms ease}
.x10-game-thumb.x10-image-loaded .x10-game-image,.x10-game-image-wrapper.x10-image-loaded .x10-game-image{opacity:1}
.x10-game-info{position:relative}
.x10-game-info::before,.x10-game-info::after{content:'';display:block;height:7px;border-radius:4px;background:linear-gradient(110deg,#142538 20%,#1B3045 48%,#142538 75%);background-size:240% 100%;animation:x10-skeleton-shimmer 1.65s ease-in-out infinite;position:absolute;left:0;z-index:1;transition:opacity 190ms ease}
.x10-game-info::before{top:2px;width:78%}.x10-game-info::after{top:13px;width:48%;height:5px;opacity:.7}
.x10-game-info .x10-game-name,.x10-game-info .x10-game-provider{opacity:0;transition:opacity 190ms ease}
.x10-game-thumb.x10-image-loaded~.x10-game-info::before,.x10-game-thumb.x10-image-loaded~.x10-game-info::after{opacity:0;animation:none}
.x10-game-thumb.x10-image-loaded~.x10-game-info .x10-game-name,.x10-game-thumb.x10-image-loaded~.x10-game-info .x10-game-provider{opacity:1}
.x10-game-card:nth-child(3n+2) .x10-game-thumb::after,.x10-game-card:nth-child(3n+2) .x10-game-info::before,.x10-game-card:nth-child(3n+2) .x10-game-info::after{animation-delay:80ms}.x10-game-card:nth-child(3n+3) .x10-game-thumb::after,.x10-game-card:nth-child(3n+3) .x10-game-info::before,.x10-game-card:nth-child(3n+3) .x10-game-info::after{animation-delay:160ms}
.x10-game-thumb .x10-game-overlay,.x10-game-image-wrapper .x10-game-overlay{z-index:3}
@keyframes x10-skeleton-shimmer{from{background-position:200% 0}to{background-position:-20% 0}}
@media(prefers-reduced-motion:reduce){.x10-game-thumb::after,.x10-game-image-wrapper::after{animation:none}.x10-game-card,.x10-game-card img{transition:none}}

/* Personalized discovery rows use the same card language as the lobby. */
.x10-personal-section{display:none;margin:0 0 20px;padding:14px 0 2px;opacity:0;transform:translateY(5px);transition:opacity 210ms ease,transform 210ms ease}
.x10-personal-section.is-visible{display:block}.x10-personal-section.is-ready{opacity:1;transform:translateY(0)}
.x10-personal-section .x10-section-header{margin-bottom:10px}.x10-personal-section .x10-scroll-container{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.x10-personal-section .x10-scroll-container::-webkit-scrollbar{display:none}
.x10-personal-section .x10-games-row{display:flex;gap:12px;min-width:max-content}.x10-personal-section .x10-game-card{width:142px;min-width:142px;scroll-snap-align:start}.x10-personal-section .x10-game-card:nth-child(n){animation:personal-card-in 210ms ease both;animation-delay:calc(var(--personal-index, 0) * 35ms)}
.x10-personal-section .x10-game-thumb{aspect-ratio:1/1}.x10-personal-section .x10-game-image{width:100%;height:100%;object-fit:cover}.x10-personal-badge{position:absolute;left:7px;top:7px;z-index:4;padding:3px 6px;border-radius:4px;background:rgba(2,7,13,.82);border-left:2px solid var(--casino-accent,#c9a24a);color:#f2d58c;font-size:9px;font-weight:700;letter-spacing:.05em}
.x10-personal-section .x10-view-all{margin-left:auto}.x10-personal-empty{display:none}
@keyframes personal-card-in{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.x10-personal-section{margin-bottom:14px;padding-top:10px}.x10-personal-section .x10-game-card{width:126px;min-width:126px}.x10-personal-section .x10-games-row{gap:9px}.x10-personal-section .x10-game-name{font-size:12px}.x10-personal-section .x10-game-provider{font-size:10px}}
@media(prefers-reduced-motion:reduce){.x10-personal-section,.x10-personal-section .x10-game-card{animation:none;transition:none}}