.game-card-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;max-width:200px}.game-version-bar{background:#191919fa;border:1px solid rgba(251,191,36,.3);height:24px;display:flex;align-items:center;justify-content:center;border-radius:0;padding:0 12px;width:100%;max-width:199px;margin:0 auto;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.game-version-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5),transparent)}.game-version-text{color:#ffffffb3;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.game-card{background:transparent;border-radius:0;overflow:hidden;cursor:pointer;transition:transform .3s ease;border:2px solid rgba(251,191,36,.15);width:100%;max-width:200px;position:relative;display:block;text-decoration:none;color:inherit;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.game-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0006,0 0 20px #fbbf2433;border-color:#fbbf2480}.game-poster{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.poster-image{width:100%;height:100%;object-fit:cover}.poster-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 12px 12px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,transparent 100%);opacity:1}.poster-genre{font-family:Pixelify Sans,cursive;font-size:10px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.poster-title{font-family:Pixelify Sans,cursive;color:#fff;font-size:14px;font-weight:600;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.poster-meta{display:flex;gap:6px;flex-wrap:nowrap}.meta-item{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:4px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;background:#0f0f0f;border:1px solid rgba(255,255,255,.2);color:#fff}.meta-item svg{width:10px;height:10px}.meta-item.rating{background:#0f0f0f;border-color:#fbbf24;color:#fbbf24}.meta-item.year{background:#0f0f0f;border-color:#60a5fa;color:#60a5fa}.meta-item.size{background:#0f0f0f;border-color:#ffffff4d;color:#fff}.platform-pill{position:absolute;top:4px;right:4px;background:#000c;color:#fff;padding:3px 6px;border-radius:10px;font-size:.65rem;font-weight:500;backdrop-filter:blur(4px);display:flex;align-items:center;gap:3px;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}.platform-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006;border-color:#fff3}.platform-pc{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b66}.platform-pc:hover{box-shadow:0 4px 12px #f59e0b66}.platform-ps4{background:linear-gradient(135deg,#06c,#003d7a);border-color:#06c6}.platform-ps4:hover{box-shadow:0 4px 12px #06c6}.platform-ps3{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed66}.platform-ps3:hover{box-shadow:0 4px 12px #7c3aed66}.platform-ps2{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc262666}.platform-ps2:hover{box-shadow:0 4px 12px #dc262666}.platform-xbox360{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a66}.platform-xbox360:hover{box-shadow:0 4px 12px #16a34a66}.performance-label{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:4px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#0f0f0f;border:1px solid rgba(255,255,255,.2);color:#fff;z-index:3}.performance-label svg{width:10px;height:10px}.performance-label.tier-low{background:#0f0f0f;border-color:#ef4444;color:#ef4444}.performance-label.tier-mid{background:#0f0f0f;border-color:#eab308;color:#eab308}.performance-label.tier-high{background:#0f0f0f;border-color:#22c55e;color:#22c55e}.hv-label{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:3px 8px;border-radius:4px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#ef4444;border:1px solid #ef4444;color:#fff;z-index:2}.preinstalled-badge{position:absolute;bottom:70px;left:50%;transform:translate(-50%);padding:3px 8px;border-radius:4px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#0f0f0f;border:1px solid #22c55e;color:#22c55e;z-index:2;opacity:0;transition:opacity .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.game-card:hover .preinstalled-badge{opacity:1}.gem-badge{position:absolute;top:8px;left:8px;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24e6,#f59e0be6);border:2px solid rgba(251,191,36,.6);border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 8px #fbbf2466;backdrop-filter:blur(4px)}.gem-badge svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media(max-width:768px){.poster-overlay{padding:12px 8px 8px}.poster-genre{font-size:9px}.poster-title{font-size:12px}.preinstalled-badge{opacity:1}}