.game-card-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;max-width:200px}.game-version-bar{background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border:1px solid rgba(251,191,36,.22);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:Outfit,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:Syne,sans-serif;font-size:10px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.poster-title{font-family:Syne,sans-serif;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;overflow:hidden}.meta-item{display:flex;align-items:center;gap:3px;padding:3px 6px;font-family:Outfit,sans-serif;font-size:9px;font-weight:600;background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border:1px solid rgba(255,255,255,.12);color:#fffc;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px))}.meta-item svg{width:10px;height:10px}.meta-item.rating{background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border-color:#fbbf2473;color:#fbbf24}.meta-item.year{background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border-color:#60a5fa66;color:#93c5fd}.meta-item.size{background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border-color:#ffffff2e;color:#ffffffbf}.meta-item.size-range{max-width:120px;overflow:hidden;min-width:0}.meta-item.size-range .size-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.platform-pill{position:absolute;top:4px;right:4px;color:#fff;padding:3px 4px;font-size:.62rem;font-weight:700;backdrop-filter:blur(4px);display:flex;align-items:center;gap:3px;z-index:10;letter-spacing:.04em;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px))}.platform-pc{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b66}.platform-mac,.platform-macos{background:linear-gradient(135deg,#a259ff,#6d28d9);border-color:#a259ff66}.platform-linux{background:linear-gradient(135deg,#10b981,#047857);border-color:#10b98166}.platform-switch,.platform-nintendo-switch{background:linear-gradient(135deg,#e60012,#ab000d);border-color:#e6001266}.platform-ps4{background:linear-gradient(135deg,#06c,#003d7a);border-color:#06c6}.platform-ps3{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed66}.platform-ps2{background:linear-gradient(135deg,#dc2626,#991b1b);border-color:#dc262666}.platform-xbox360{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a66}.hv-label{position:absolute;top:4px;left:4px;padding:3px 6px;font-family:Outfit,sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border:1px solid rgba(239,68,68,.5);color:#f87171;z-index:4;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px))}.performance-label{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;padding:3px 8px;font-family:Outfit,sans-serif;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border:1px solid rgba(255,255,255,.15);color:#fffc;z-index:4;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,3px 100%,0 calc(100% - 3px))}.performance-label svg{width:10px;height:10px}.performance-label.tier-low{border-color:#22c55e80;color:#4ade80}.performance-label.tier-mid{border-color:#eab30880;color:#fbbf24}.performance-label.tier-high{border-color:#ef444480;color:#f87171}.gem-badge{position:absolute;top:4px;left:4px;width:24px;height:24px;background:linear-gradient(135deg,#0b0e14f5,#0b0e14d1);border:1px solid rgba(251,191,36,.5);display:flex;align-items:center;justify-content:center;z-index:4;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}.gem-badge svg{color:#fbbf24}@media(max-width:768px){.poster-overlay{padding:12px 8px 8px}.poster-genre{font-size:9px}.poster-title{font-size:12px}}.extra-version-bar{border-color:#9333ea66}.extra-version-bar:before{background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),transparent)}.extra-corner-label{position:absolute;top:0;left:0;background:linear-gradient(135deg,#9333eaf2,#6b21a8f5);border-bottom:1px solid rgba(167,139,250,.45);border-right:1px solid rgba(167,139,250,.45);color:#fff;font-family:Outfit,sans-serif;font-size:8px;font-weight:800;letter-spacing:.1em;padding:3px 8px 3px 6px;z-index:5;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}.poster-genre[class*=extra-tag-]{display:inline-block;width:fit-content;padding:3px 8px 3px 6px;border-radius:0!important;clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);font-family:Outfit,sans-serif;font-size:8px;font-weight:800;letter-spacing:.08em;margin-bottom:6px}.poster-genre.extra-tag-crack,.poster-genre.extra-tag-trainer,.poster-genre.extra-tag-cheat{color:#fee2e2;background:#6b1d1d;border-bottom:1px solid #ef4444;border-right:1px solid #ef4444}.poster-genre.extra-tag-fix,.poster-genre.extra-tag-update,.poster-genre.extra-tag-patch,.poster-genre.extra-tag-widescreen{color:#dbeafe;background:#1e3a8a;border-bottom:1px solid #3b82f6;border-right:1px solid #3b82f6}.poster-genre.extra-tag-rap,.poster-genre.extra-tag-dlc,.poster-genre.extra-tag-key,.poster-genre.extra-tag-license{color:#fef9c3;background:#713f12;border-bottom:1px solid #eab308;border-right:1px solid #eab308}.poster-genre.extra-tag-save,.poster-genre.extra-tag-savegame{color:#dcfce7;background:#064e3b;border-bottom:1px solid #22c55e;border-right:1px solid #22c55e}