.lets-play-browse-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:2rem; align-items:start; }
.lets-play-browse-nav { display:grid; gap:.35rem; position:sticky; top:100px; }
.lets-play-browse-nav p { margin:0 0 .4rem; padding-inline:.75rem; color:var(--muted); font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.lets-play-browse-nav a { display:flex; align-items:center; gap:.6rem; min-height:44px; padding:.65rem .75rem; border:1px solid transparent; border-radius:8px; color:var(--muted); font-size:.8rem; font-weight:700; }
.lets-play-browse-nav a:hover, .lets-play-browse-nav a.active { color:var(--cream); border-color:var(--line); background:var(--surface); }
.lets-play-browse-nav a.active { border-color:var(--editorial-label); }
.lets-play-browse-nav a:focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
.lets-play-browse-content { min-width:0; }
.lets-play-browse-content .game-card { min-width:0; overflow-wrap:anywhere; }
.collection-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.collection-card-art { display:flex; align-items:center; justify-content:center; gap:.6rem; height:136px; margin-bottom:1rem; border-radius:8px; background:rgba(196,155,181,.06); }
.collection-card-art img { width:72px; height:102px; object-fit:cover; border-radius:4px; }
.collection-card-symbol { color:var(--editorial-label); font-size:3rem; }
.collection-card-description { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; white-space:pre-line; }
.collection-description { white-space:pre-line; }
.collection-detail-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.75rem; margin-bottom:1.25rem; font-size:.8rem; color:var(--muted); }
.collection-selection-row { display:grid; grid-template-columns:minmax(0,1fr) 76px; gap:1rem; padding:.75rem 0; border-top:1px solid var(--line); }
.collection-selection-row .checkbox-label { min-width:0; margin:0; align-self:center; overflow-wrap:anywhere; }
.collection-selection-row small { display:block; color:var(--muted); font-size:.7rem; }
.collection-selection-order label { font-size:.7rem; }
.collection-selection-order input { width:100%; }
@media (max-width:1000px) { .lets-play-browse-layout { grid-template-columns:155px minmax(0,1fr); gap:1rem; } }
@media (max-width:760px) { .lets-play-browse-layout { grid-template-columns:1fr; padding-top:1.5rem; } .lets-play-browse-nav { display:flex; position:static; flex-wrap:wrap; gap:.5rem; } .lets-play-browse-nav p { flex-basis:100%; margin:0; padding:0; } .collection-card-grid { grid-template-columns:1fr; } }