.shelf-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1.25rem;display:grid}.shelf-discovery-grid li{min-width:0}.shelf-discovery-grid a{height:100%;min-height:4.5rem;color:var(--foreground);border-radius:3px;align-items:center;gap:.9rem;padding:.55rem .6rem;text-decoration:none;display:flex}.shelf-discovery-grid a:hover{background:#f4eee20f}.shelf-discovery-grid a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shelf-discovery-image{aspect-ratio:5/3;border:1px solid var(--border);color:#f4eee266;font-family:var(--font-display);letter-spacing:-.04em;background:#0d1019;border-radius:3px;flex:0 0 5.5rem;place-items:center;font-size:1.5rem;line-height:1;transition:border-color .16s ease-out;display:grid;position:relative;overflow:hidden}.shelf-discovery-image img{object-fit:cover}.shelf-discovery-grid a:hover .shelf-discovery-image{border-color:#f4eee270}.shelf-discovery-copy{gap:.15rem;min-width:0;display:grid}.shelf-discovery-name{overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;line-height:1.25}.shelf-discovery-copy small{color:var(--muted-foreground);font-size:.8rem;line-height:1.4}@media (max-width:1099px){.shelf-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.shelf-discovery-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.shelf-discovery-image{transition:none}}
.shelf-domain-card{--shelf-ink:var(--foreground);--shelf-quiet:var(--muted-foreground);--shelf-line:var(--border);--shelf-gold:var(--primary);--shelf-mono:var(--font-ibm-plex-mono), ui-monospace, monospace;border:1px solid var(--shelf-line);background:var(--card);min-width:0;color:var(--shelf-ink);border-radius:3px;flex-direction:column;display:flex;overflow:hidden}.shelf-domain-still{aspect-ratio:5/3;border-bottom:1px solid var(--shelf-line);background:#0d1019;flex:none;display:block;position:relative}.shelf-domain-still img{object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.shelf-domain-still:hover img{transform:scale(1.03)}.shelf-domain-body{flex-direction:column;flex:1;gap:1.1rem;min-width:0;padding:1.1rem 1.25rem 1rem;display:flex}.shelf-domain-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.35rem 1rem;display:grid}.shelf-domain-heading :is(h2,h3){overflow-wrap:anywhere;font-family:var(--font-display);letter-spacing:-.03em;font-size:1.7rem;font-weight:400;line-height:1.1}.shelf-domain-score,.shelf-domain-set,.shelf-domain-runline{color:var(--shelf-quiet);font-family:var(--shelf-mono);font-size:.68rem;line-height:1.5}.shelf-domain-score,.shelf-domain-runline{text-align:right;white-space:nowrap}.shelf-domain-score strong{color:var(--shelf-ink);font-family:var(--font-inter), sans-serif;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-right:.3rem;font-size:2.1rem;font-weight:500;line-height:1}.shelf-domain-collection-link{color:var(--shelf-ink);text-underline-offset:.3em;-webkit-text-decoration:underline #f4eee255;text-decoration:underline #f4eee255;text-decoration-thickness:1px}.shelf-domain-collection-link:hover{-webkit-text-decoration-color:var(--shelf-gold);text-decoration-color:var(--shelf-gold)}.shelf-domain-card[data-shelf-played=false] .shelf-domain-score{display:none}.shelf-domain-card[data-shelf-played=false] .shelf-domain-runline{grid-area:1/2}.shelf-memory-snapshots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.shelf-memory-snapshots>li{min-width:0}.shelf-memory-picture{aspect-ratio:1;border:1px solid var(--border);background:var(--muted);border-radius:2px;width:100%;display:block;position:relative;overflow:hidden}.shelf-memory-picture [data-profile-memory]>span{overflow-wrap:anywhere;padding:.4rem;font-size:1rem;line-height:1.05}.shelf-memory-picture[data-memory-kind=title] [data-profile-memory]{background:var(--muted)}.shelf-memory-picture[data-memory-kind=title] [data-profile-memory]>span{font-family:var(--font-display);letter-spacing:-.02em;text-align:center;text-transform:none;-webkit-hyphens:auto;hyphens:auto;justify-content:center;align-items:center;padding:.5rem;font-size:.95rem;font-weight:400;line-height:1.15}.shelf-memory-picture[data-memory-kind=title]+.shelf-memory-caption{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.shelf-memory-snapshots>li,.shelf-album-grid>li{position:relative}.shelf-memory-caption{color:var(--muted-foreground);font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.55rem;line-height:1.6;display:block;overflow:hidden}.shelf-milestone{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:.9rem}.shelf-milestone-heading{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.shelf-milestone-heading p,.shelf-milestone-heading>span{font-family:var(--font-ibm-plex-mono), ui-monospace, monospace;font-size:.6rem;line-height:1.5}.shelf-milestone-heading>span{flex-shrink:0}.shelf-milestone-heading strong{color:var(--foreground);font-family:var(--font-inter), sans-serif;margin-top:.25rem;font-size:.85rem;font-weight:600;display:block}.shelf-milestone-track{background:#f4eee21f;height:3px;margin-top:.7rem;overflow:hidden}.shelf-milestone-track>span{background:var(--primary);height:100%;display:block}.shelf-milestone-distance{margin-top:.55rem;font-size:.7rem;line-height:1.6}.shelf-milestone-distance strong{color:var(--foreground);font-weight:600}.shelf-milestone-complete{color:var(--foreground);align-items:center;gap:.6rem;font-size:.78rem;display:flex}.shelf-milestone-complete>span{color:var(--primary)}.shelf-domain-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.shelf-domain-play,.shelf-domain-replay{border:1px solid var(--shelf-line);min-height:2.75rem;color:var(--shelf-ink);border-radius:3px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background-color .16s ease-out;display:inline-flex}.shelf-domain-play{border-color:var(--shelf-gold);background:var(--shelf-gold);color:var(--primary-foreground)}.shelf-domain-play:hover{background:#ffe98c}.shelf-domain-replay:hover{background:#f4eee20f}.shelf-domain-card :is(a,li):focus-visible{outline:2px solid var(--shelf-gold);outline-offset:3px}.shelf-domain-awards{border-top:1px solid var(--shelf-line);color:var(--shelf-quiet);flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.85rem}.shelf-domain-awards>div p{color:var(--shelf-quiet);letter-spacing:.05em;font-size:.62rem}.shelf-domain-awards ol{flex-flow:wrap;justify-content:flex-end;gap:.2rem;margin:0}.shelf-domain-awards [data-badge-state=locked]{opacity:.3}@media (max-width:374px){.shelf-domain-body{padding-inline:1rem}.shelf-domain-play,.shelf-domain-replay{padding-inline:.8rem}}@media (prefers-reduced-motion:reduce){.shelf-domain-still img,.shelf-domain-play,.shelf-domain-replay{transition:none}.shelf-domain-still:hover img{transform:none}}