.game-card{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;flex:0 0 150px;width:150px;height:200px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.game-card:after{content:"";opacity:0;background:linear-gradient(90deg,#ffffff21 0% 77%,#ffffff80 92%,#fff0 100%);width:200%;height:200%;transition:all;position:absolute;top:-110%;left:-210%;transform:rotate(30deg)}.game-card:hover:after{opacity:1;transition:all .7s ease-in-out;top:-30%;left:-30%}.game-card:hover{border-color:var(--color-brand-gold);transform:translateY(-5px)}.game-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.fav-btn{color:#ffffffb3;cursor:pointer;z-index:10;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px}.fav-btn:hover{color:#fff;background:#0009;transform:scale(1.1)}.fav-btn.active{color:#ff4d4f;background:#ffffffe6;box-shadow:0 0 10px #ff4d4f66}.game-image{object-fit:cover;width:100%;height:100%;transition:opacity .4s ease-in-out,transform .3s}.game-image.loading{opacity:0;position:absolute;top:0;left:0}.game-image.loaded{opacity:1}.placeholder-gif{object-fit:cover;background:#0003;width:100%;height:100%}.hot-badge,.popular-badge{z-index:10;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:900;position:absolute;top:8px}.hot-badge{color:#fff;background:#ff1744;right:8px;box-shadow:0 0 10px #ff174480}.popular-badge{color:#fff;background:#0288d1;left:8px;box-shadow:0 0 10px #0288d180}.game-hover-overlay{opacity:0;z-index:5;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.hover-provider-img{object-fit:contain;filter:drop-shadow(0 0 10px #ffffff4d);max-width:80%;max-height:40px}.game-card:hover .game-hover-overlay{opacity:1}.play-btn-mini{color:#c48b00;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe000 0%,#ffc000 100%);border:none;border-bottom:4px solid #c90;border-radius:50px;padding:8px 30px;font-size:.85rem;font-weight:900;transition:all .1s;box-shadow:inset 0 2px #ffffff80,0 4px 6px #0006}.play-btn-mini:active{border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 2px 4px #0000004d}.play-btn-mini.circular{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex}.play-btn-mini.circular svg{margin-left:2px}.game-info{text-align:center;z-index:3;background:linear-gradient(#0000 0%,#000c 100%);width:100%;padding:15px 10px 10px;position:absolute;bottom:0;left:0}.game-title{white-space:nowrap;text-overflow:ellipsis;color:#fff;margin:0;font-size:.85rem;font-weight:700;overflow:hidden}.game-provider{color:#ccc;margin-top:2px;font-size:.65rem}@media (max-width:480px){.game-card{border:1px solid #26e6c926;border-radius:12px;flex:0 0 125px;width:125px;height:175px;box-shadow:0 4px 10px #0006}.game-title{font-size:.75rem;font-weight:800}.game-info{background:linear-gradient(#0000 0%,#0006 40%,#000000f2 80%);padding:10px 6px 6px}.fav-btn{width:24px;height:24px}}@keyframes shine-auto{0%{left:-100%}30%{left:150%}to{left:150%}}.game-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:50%;height:100%;animation:4s ease-in-out infinite shine-auto;position:absolute;top:0;left:-100%}