html,body{height:100%}body{margin:0;font-family:system-ui, sans-serif;background:radial-gradient(circle at top, #161a3a, #0b0d12);color:#f3f3f3;display:flex;flex-direction:column}.page{flex:1}.wrap{max-width:1100px;margin:auto;padding:0 1.5rem}.hero{text-align:center;padding:2rem 1rem}.site-header{padding:2rem 0}.brand{display:flex;align-items:center;gap:1rem}.logo{display:block;height:48px;width:auto;background:none;padding:0;border-radius:0}.brand-text{line-height:1.2}.brand-text small{font-size:0.75rem;color:#a0a6c0}@media (max-width: 768px){.logo{height:36px}.brand-text{font-size:0.9rem}}.site-footer{text-align:center;padding:2rem;color:#a0a6c0}.games-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(clamp(300px, 40vw, 500px), 1fr));gap:1.5rem;padding:2rem 1rem}.game-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 9;background:#0b0d12}.card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.card-overlay{position:absolute;inset:0;padding:1.4rem;display:flex;flex-direction:column;background:linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.25));opacity:0;pointer-events:none;transition:opacity 0.35s ease}.game-card:hover .card-image,.game-card:focus-within .card-image{transform:scale(1.05)}.game-card:hover .card-overlay,.game-card:focus-within .card-overlay{opacity:1;pointer-events:auto}.card-title{margin:0.5rem 0 0.3rem;font-size:1.3rem;font-weight:800}.card-content{margin:0.5rem 0;display:flex;flex-direction:column;gap:0.4rem;overflow:hidden}.card-description{font-size:0.9rem;color:rgba(255,255,255,0.85);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-team{font-size:0.75rem;color:rgba(255,255,255,0.75);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media (hover: none), (max-width: 768px){.card-image{transform:none !important}}.pill{display:inline-block;align-self:flex-start;padding:0.25rem 0.7rem;border-radius:999px;font-size:0.7rem;font-weight:700;margin-bottom:0.6rem}.pill.windows{background:#0078d4}.pill.android{background:#3ddc84;color:#06351f}.btn{padding:0.55rem 0.9rem;border-radius:999px;font-size:0.8rem;font-weight:700;text-decoration:none;white-space:nowrap}.btn.primary{background:#ff4d5a;color:white}.btn:hover{opacity:0.9}.download-btn{margin-top:auto;padding:0.85rem 1.5rem;font-size:1rem;font-weight:800;border-radius:14px}.download-btn:hover{transform:translateY(-1px)}.download-btn:active{transform:translateY(0);opacity:0.95}@media (max-width: 768px){.btn{padding:0.7rem 1.1rem;font-size:0.85rem}}