body{background-color:#f9fafb}.games-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box}.games-container .games-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#1f2937}.games-container .games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 640px){.games-container .games-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.games-container .games-grid{grid-template-columns:repeat(3,1fr)}}.game-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:2px solid #e5e7eb;overflow:hidden;transition:all .3s ease;transform:translateY(0) scale(1);text-decoration:none;display:block;position:relative}.game-card:hover{box-shadow:0 25px 50px -12px #00000040;transform:translateY(-.5rem) scale(1.05)}.game-card:hover .game-image{transform:scale(1.1)}.game-card:hover .game-title{color:#2563eb}.game-card:hover .circle-wipe{transform:translate(25%,25%) scale(1.5);transform-origin:bottom right}.game-card .game-image-container{aspect-ratio:800/564;overflow:hidden;z-index:1;background-color:transparent}.game-card .game-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.game-card .game-content{padding:1rem .2rem;box-sizing:border-box;position:relative;z-index:3}.game-card .game-title{font-size:1.125rem;font-weight:600;color:#1f2937;text-align:center;transition:color .3s ease;text-shadow:2px 2px 4px rgba(255,255,255,.9),-1px -1px 2px rgba(255,255,255,.8),1px -1px 2px rgba(255,255,255,.8),-1px 1px 2px rgba(255,255,255,.8),0 0 6px rgba(255,255,255,.7)}.game-card .circle-wipe{position:absolute;bottom:-8px;right:-8px;width:120px;height:120px;border-top-right-radius:50%;border-bottom-left-radius:50%;border-top-left-radius:50%;z-index:1;transition:transform .3s ease;display:flex;justify-content:right;align-items:flex-end;overflow:hidden}.game-card .circle-wipe-image{height:120%;-o-object-fit:cover;object-fit:cover}