a:hover{text-decoration:none}
.collection-showcase{margin:20px 0;padding:20px;border-radius:8px;overflow:hidden;background:#f8f8f8;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.collection-link{display:flex;text-decoration:none;color:inherit}
.collection-image{width:380px;flex-shrink:0}
.collection-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}
.collection-info{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.collection-title{font-size:1.5rem;margin:0 0 10px;color:#333;font-weight:600}
.collection-description{margin:0 0 15px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.collection-date{font-size:.9rem;color:#999;font-weight:400}
.website{display:flex;align-items:center;line-height:0;overflow:hidden;gap:8px;margin-bottom:10px}
.website i{width:auto;height:auto;margin:3px 0 0}
.website a,.website i{display:block;overflow:hidden;min-width:0;min-height:0}
.website a{line-height:normal;font-weight:400;color:inherit}
.collection-image img,.game-image img{transition:transform .5s ease;width:100%;height:230px;object-fit:cover;display:block}
.game-section{margin:40px 0}
.section-title{font-size:22px;font-weight:500;padding:0 0 20px;color:var(--text-primary);letter-spacing:var(--letter-spacing-heading);font-family:var(--font-family-heading);line-height:var(--line-height-heading);margin-top:var(--spacing-xl)}
.platform-category{margin-bottom:30px}
.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.game-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.game-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}
.game-image{position:relative;overflow:hidden}
.game-image img{width:100%;height:230px;object-fit:cover;transition:transform .5s ease}
.game-card:hover .game-image img{transform:scale(1.05)}
.game-platforms{position:absolute;top:10px;right:10px;display:flex;gap:5px}
.platform-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}
.platform-icon.windows{background:#0078d7}
.platform-icon.android{background:#a4c639}
.platform-icon.apple{background:#000}
.game-info{padding:15px;flex:1;display:flex;flex-direction:column}
.game-title{font-size:1.1rem;margin:0 0 10px;color:#333;font-weight:600;line-height:1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.game-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem}
.developer{color:#666;font-weight:500}
.game-rating{display:flex;align-items:center;gap:3px;color:#f1c40f}
.game-rating span{color:#666;margin-left:5px}
.game-tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{background:#f0f0f0;color:#666;padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500}
@media (max-width:768px){.container{padding:0 15px}
.collection-showcase{margin:15px 0}
.collection-link{flex-direction:column}
.collection-image{width:100%;height:180px}
.collection-info{padding:15px 0}
.collection-title{font-size:1.2rem;margin-bottom:10px}
.collection-description{font-size:.9rem;margin-bottom:12px;-webkit-line-clamp:3}
.collection-date{font-size:.85rem}
.game-section{margin:25px 0}
.section-title{font-size:1.4rem;padding-bottom:10px}
.section-title:after{width:50px;height:2px}
.game-grid,.platform-grid{grid-template-columns:repeat(2,1fr);gap:15px}
.game-image{height:130px}
.game-rating i{font-size:11px}
.game-rating span{font-size:.8rem;margin-left:4px}
.tag{font-size:.75rem;padding:3px 8px}
.platform-icon{width:24px;height:24px;font-size:12px}
.game-info{padding:10px}
.game-title{font-size:1rem;margin-bottom:8px}
.game-meta{font-size:.8rem;margin-bottom:8px;flex-direction:row;align-items:flex-start;gap:5px}
.tag{font-size:.7rem;padding:2px 6px}
}