@import "https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";
:root{--bg-gradient:linear-gradient(90deg,#5290f5,#a480f8);--card-bg:rgba(255,255,255,.2);--card-hover-shadow:0 10px 25px rgba(0,0,0,.3);--text-color:#111;--icon-bg:rgba(0,0,0,.08);--icon-bg-hover:rgba(0,0,0,.15)}:root.dark{--bg-gradient:linear-gradient(135deg,#1f2937,#374151);--card-bg:rgba(40,40,40,.9);--card-hover-shadow:0 10px 25px rgba(0,0,0,.5);--text-color:#fff;--icon-bg:rgba(255,255,255,.15);--icon-bg-hover:rgba(255,255,255,.25)}.games-bg{background:var(--bg-gradient);min-height:100vh;color:var(--text-color);flex-direction:column;align-items:center;padding:2px 2rem 2rem;font-family:Lilita One,cursive;display:flex}.games-title{text-align:center;margin-bottom:2rem;font-size:2.5rem}.games-container{grid-template-columns:1fr;justify-items:center;gap:2rem;display:grid}@media (min-width:768px){.games-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.games-container{grid-template-columns:repeat(3,1fr)}}.game-card{background-color:var(--card-bg);border-radius:12px;width:100%;max-width:400px;transition:transform .3s,box-shadow .3s,background-color .3s;overflow:hidden}.game-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.game-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.game-image{object-fit:cover;width:100%;height:100%}.game-logo{pointer-events:none;width:50%;height:auto;position:absolute;top:20px;left:50%;transform:translate(-50%)}.game-info{color:var(--text-color);flex-direction:column;align-items:center;margin:1rem;display:flex}.game-info h2{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.platform-icons{gap:1rem;margin-top:.5rem;display:flex}.platform-icons a{background-color:var(--icon-bg);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,background-color .3s;display:flex}.platform-icons a:hover{background-color:var(--icon-bg-hover);transform:scale(1.2)}.platform-icons img.platform-icon{width:auto;max-width:70%;height:auto;max-height:70%}