.collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));align-items:stretch;gap:clamp(.9rem,1.5vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.collection-grid>li{min-inline-size:0;scroll-margin-top:5rem;container-type:inline-size}.collection-game,.collection-offline{border:1px solid var(--line,#e3ded6);background:#fffefa;border-radius:17px;min-width:0;height:100%;overflow:hidden}.collection-game{flex-direction:column;display:flex}.collection-art{aspect-ratio:16/9;isolation:isolate;background:#e2ded6;display:block;position:relative;overflow:hidden}.collection-art img{object-fit:cover;width:100%;height:100%;transition:transform .18s ease-out}.collection-art:hover img{transform:scale(1.025)}.collection-category{bottom:.75rem;color:#fff;background:#131a1bdb;border-radius:999px;padding:.22rem .65rem;font-size:.75rem;font-weight:650;position:absolute;inset-inline-start:.75rem}.collection-body{flex-direction:column;flex:1;align-items:start;gap:.75rem;min-width:0;padding:clamp(1rem,2vw,1.5rem);display:flex}.collection-heading h2{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,1.8vw,2rem);line-height:1.12}.collection-creator{color:var(--muted);margin-top:.35rem;font-size:.83rem;font-weight:600;display:inline-block}.collection-heading a:hover{color:var(--green,#176b51)}.collection-body .collection-note{color:#45473e;overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:.95rem;line-height:1.55}.collection-meta,.collection-actions{flex-wrap:wrap;align-items:center;gap:.2rem .7rem;display:flex}.collection-meta{color:#51594f;margin-block-start:auto;padding-top:.2rem}.collection-device,.collection-language{text-align:start;align-items:center;gap:.32rem;font-size:.8rem;font-weight:550;display:inline-flex}.collection-language,.collection-how{cursor:pointer;color:inherit;border:0;font-family:inherit}.collection-language{background:#f2f2ec;border-radius:.55rem;padding:.38rem .55rem}.collection-language:hover{color:#284a35;background:#e8ede3}.collection-how{color:#41473d;background:0 0;border-radius:8px;align-items:center;gap:.4rem;min-height:40px;padding-inline:.75rem;font-size:.88rem;font-weight:650;display:inline-flex}.collection-how:hover{background:#f1f0e9}.collection-actions{border-top:1px solid var(--line);inline-size:100%;padding-top:.7rem}.collection-actions .button{min-height:40px}.collection-unavailable{color:var(--muted)}.collection-offline{padding:1.25rem}.collection-rules{white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.65}.collection-language-groups{gap:1rem;margin:0;display:grid}.collection-language-groups dt{margin-bottom:.5rem;font-size:.86rem;font-weight:700}.collection-language-groups dd{flex-wrap:wrap;gap:.4rem;margin:0;display:flex}.collection-language-groups bdi{background:#efeee7;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;display:inline-flex}.collection-language-groups .current-language{color:#254a35;background:#dce9dc}@media (min-width:850px){.collection-grid:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:40rem){.collection-game{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);display:grid}.collection-art{aspect-ratio:auto;height:100%;min-height:15rem}}@media (prefers-reduced-motion:reduce){.collection-art img{transition:none}.collection-art:hover img{transform:none}}