.home-container{max-width:1200px;margin:0 auto;padding:20px}.home-header{text-align:center;background-color:#0000;margin-bottom:40px}.home-header h1{color:#222;margin-bottom:10px;font-size:2.5rem}.home-header p{color:#555;font-size:1rem}.games-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.game-card{color:inherit;background-color:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 8px #0000001a}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.game-image{object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:150px}.game-info{padding:15px}.game-info h2{color:#07f;margin:0 0 10px;font-size:1.2rem}@media (width<=768px){.home-header h1{font-size:2rem}.game-info h2{font-size:1rem}}.game-details-container{max-width:900px;margin:0 auto;padding:20px}.back-link{color:#07f;margin-bottom:20px;font-weight:700;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.game-card-details{background-color:#fff;border-radius:8px;flex-direction:row;gap:20px;padding:20px;display:flex;box-shadow:0 4px 12px #0000001a}.game-card-details .game-image{object-fit:cover;border-radius:8px;width:300px;height:200px}.game-info h1{color:#07f;margin-top:0;font-size:2rem}.game-info p{color:#555;margin:8px 0;font-size:1rem}@media (width<=768px){.game-card-details{flex-direction:column;align-items:center}.game-image{width:100%;height:auto}.game-info h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background-color:#f9fafb;font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{color:#fff;background-color:#1f2937;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}header nav a{margin-left:20px;font-weight:500;transition:color .2s}header nav a:hover{color:#3b82f6}footer{color:#fff;text-align:center;background-color:#1f2937;margin-top:50px;padding:15px 30px}main{max-width:900px;margin:50px auto;padding:0 20px}h1{margin-bottom:20px;font-size:2.5rem}p{margin-bottom:15px;font-size:1.1rem}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:10px 20px;transition:background-color .2s}button:hover{background-color:#2563eb}@media (width<=600px){header{text-align:center;flex-direction:column}header nav a{margin:10px 0 0}}