.game-card[data-genre]{--card-surface:color-mix(in srgb, var(--genre) 9%, #fffdf9);--card-creator:var(--genre);background:var(--card-surface);border:1px solid #e7e6e1;border-radius:14px;flex-direction:column;align-self:stretch;min-width:0;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden;container-type:inline-size}.game-card[data-genre=puzzle]{--card-surface:#e8efdf;--card-creator:#324c32}.game-card[data-genre=arcade]{--card-surface:#f5e5d9;--card-creator:#8c462b}.game-card[data-genre=relaxing]{--card-surface:#e3efe5;--card-creator:#28674f}.game-card .card-art{isolation:isolate;background:var(--genre);aspect-ratio:362/177;flex:none;position:relative}.card-cover{position:absolute;inset:0;overflow:hidden}.card-cover img,.card-cover>.cover-fallback{object-fit:cover;width:100%;height:100%}.card-cover img{transition:transform .24s}.game-card .card-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#10121bcc);position:absolute;inset:0}.card-cover:focus-visible{outline-offset:-4px;outline:3px solid #fff}.cover-play{z-index:1;color:#252029;opacity:0;background:#fffcf3;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .15s;display:grid;position:absolute;inset-block-start:36%;inset-inline-start:calc(50% - 16px)}.card-cover:focus-visible .cover-play{opacity:1}.game-card:focus-within{border-color:var(--card-creator)}@media (hover:hover){.game-card:hover{border-color:color-mix(in srgb, var(--card-creator) 46%, #fffcf6);box-shadow:0 3px 12px #32263c12}.card-cover:hover img{transform:scale(1.035)}.card-cover:hover .cover-play{opacity:1}}.game-card .card-topline{pointer-events:none;justify-content:space-between;align-items:start;gap:6px;display:flex;position:absolute;inset:10px 10px auto}.card-offer{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.cover-rank{color:#3b261b;background:#ffcf78;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:750}.game-card .card-offer .game-price,.game-card .device-icons{border-radius:6px;min-height:25px;font-size:11px;line-height:15px}.game-card .card-offer .game-price{color:#2c3029;background:#fffbf0;padding:4px 10px}.game-card .card-offer .game-price strong{color:inherit;font-weight:700}.game-card .device-icons{color:#fafaf5;background:#23272ade;flex:none;align-items:center;gap:6px;padding:4px 7px;display:inline-flex}.device-icons span{place-items:center;display:grid}.game-card .card-caption{pointer-events:none;justify-items:start;gap:3px;display:grid;position:absolute;inset:auto 14px 6px}.card-caption a{pointer-events:auto;color:#fff}.card-caption a:hover{color:#ffe0a2}.card-caption a:focus-visible{outline-color:#fff}.game-card .card-category{color:#fbf4e1;width:fit-content;font-size:12px;font-weight:500;line-height:16px}.game-card .card-content h3{letter-spacing:-.015em;max-width:100%;margin:0;font-size:18px;font-weight:600;line-height:1.4}.card-title{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--ink);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-title:hover{color:var(--brand-ink)}.game-card .card-content{flex-direction:column;flex:1;min-width:0;padding:10px 14px 12px;display:flex}.game-card .card-gameplay{overflow-wrap:anywhere;margin:4px 0;font-size:.875rem;line-height:1.45}.game-card .card-credit{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;margin-block-start:auto;padding-block-start:6px;display:grid}.game-card .card-author{min-width:0;color:var(--muted);align-items:baseline;gap:5px;font-size:12px;line-height:17px;display:flex}.card-author-label{flex:none}.game-card .card-author>a{text-overflow:ellipsis;white-space:nowrap;width:fit-content;min-width:0;max-width:100%;color:inherit;font-size:12px;font-weight:400;line-height:17px;overflow:hidden}.game-card .card-author>a:hover{color:var(--ink)}.game-card .card-credit .language-badge{white-space:nowrap;justify-self:end;min-width:0;max-width:100%;font-size:12px;line-height:16px}.card-credit .language-label{text-overflow:ellipsis;max-inline-size:20ch;overflow:hidden}.game-card .language-badge.full{color:#49634d}.game-card .card-metrics{font-variant-numeric:tabular-nums;color:#4e554f;flex-wrap:wrap;align-items:center;gap:4px 14px;min-height:17px;margin-block-start:6px;font-size:13px;line-height:17px;display:flex}.game-card .card-metrics>span{align-items:center;gap:5px;display:inline-flex}.game-card .card-metrics>span:first-child{min-width:40px}.game-card .card-metrics svg{width:16px;height:16px}.card-metrics .rating{color:#8b551d}.card-metrics .rating-count{font-size:10px}.card-ranking-metric{color:var(--muted);margin:4px 0 0;font-size:10px}@media (prefers-reduced-motion:reduce){.game-card,.card-cover img,.cover-play{transition:none}.card-cover:hover img{transform:none}}@container (max-width:259px){.game-card .card-art{aspect-ratio:173/123}.game-card .card-topline{inset:6px 6px auto}.game-card .card-offer .game-price,.game-card .device-icons{min-height:21px;font-size:10px;line-height:13px}.game-card .card-offer .game-price{padding:3px 7px}.game-card .device-icons{gap:4px;padding:3px 5px}.game-card .device-icons svg{width:13px;height:13px}.game-card .card-caption{gap:1px;inset:auto 9px 6px}.game-card .card-category{font-size:10px;line-height:13px}.game-card .card-content h3{font-size:16px}.game-card .card-content{padding:8px 9px 10px}.game-card .card-credit{grid-template-columns:minmax(0,1fr);gap:3px}.game-card .card-author>a{font-size:12px;line-height:17px}.game-card .card-credit .language-badge{justify-self:start;font-size:11px;line-height:16px}.game-card .card-metrics{gap:3px 10px;min-height:15px;margin-block-start:6px;font-size:11px;line-height:15px}.game-card .card-metrics svg{width:14px;height:14px}.game-card .card-metrics>span{gap:4px}.game-card .card-metrics>span:first-child{min-width:29px}}@media (max-width:700px){.game-card[data-genre]{border-radius:11px}}