:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2937;background:#f5f6f8}
*{box-sizing:border-box}body{margin:0;min-height:100svh}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #64748b;outline-offset:5px}
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-items:start;gap:24px;max-width:1152px;padding:40px 24px;margin:0 auto}
.game-row{display:block;max-width:352px;overflow:hidden;border:1px solid #e2e5ea;border-radius:12px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}
.game-row>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;background:#e5e7eb}.game-info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 20px}.game-info h1,.game-info h2{margin:0;font:650 20px/1.4 system-ui,sans-serif;letter-spacing:-.25px}.row-action{display:inline-flex;align-items:center;gap:16px;min-height:36px;font-size:14px;color:#596575}.row-action span{font-size:20px;transition:transform .18s}
@media(hover:hover){.game-row:hover{transform:translateY(-3px);border-color:#bac2cd;box-shadow:0 5px 18px #17212d0b}.game-row:hover .row-action span{transform:translateX(3px)}}
@media(max-width:600px){.games{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 24px max(16px,env(safe-area-inset-left));gap:18px}.game-row{max-width:none}.game-info{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}