.game-thumbnail{aspect-ratio:4/3;width:var(--thumbnail-width,60px);background-color:#1f2937;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.game-thumbnail-image{opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.game-thumbnail-image-visible{opacity:1}.game-thumbnail.sm{--thumbnail-width:48px}.game-thumbnail.md{--thumbnail-width:60px}.game-thumbnail.lg{--thumbnail-width:80px}@media (min-width:1025px){.game-thumbnail{--thumbnail-width:80px}}@media (min-width:641px) and (max-width:1024px){.game-thumbnail{--thumbnail-width:70px}}@media (max-width:480px){.game-thumbnail{--thumbnail-width:48px}}.game-thumbnail-skeleton{background:linear-gradient(90deg,#1f2937 0%,#374151 50%,#1f2937 100%) 0 0/200% 100%;animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.game-thumbnail-default{background:#1f2937;border-radius:8px;position:absolute;inset:0}.game-thumbnail-default:before{content:"";background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border-radius:12px;width:60%;height:40%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-thumbnail-default:after{content:"";background:#1f2937;width:8px;height:8px;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);box-shadow:12px 0 #1f2937,-12px 0 #1f2937,0 12px #1f2937,0 -12px #1f2937}