/* dyoo.com HomePage port — mobile breakpoints 1080/880/640 */
.home-hero{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 400px;margin-top:28px}.hero-skeleton{min-height:480px}.home-rail{display:grid;gap:18px}.home-loading-shell{display:grid;gap:24px;margin-top:28px}.home-hero-loading{align-content:center;border-radius:var(--radius-2xl);display:grid;gap:18px;min-height:300px;padding:clamp(24px,6vw,58px)}.home-skeleton-grid{pointer-events:none}.rail-card{border-radius:var(--radius-xl);display:grid;gap:18px;grid-template-columns:98px 1fr;padding:14px;transition:border-color .18s ease}.rail-card:hover{border-color:var(--border-strong)}.people-section{overflow:hidden}.people-rail{display:grid;gap:clamp(8px,1.4vw,22px);grid-template-columns:repeat(8,minmax(0,1fr));padding:4px 0 12px}.person-card{background:transparent;border:0;box-shadow:none;display:grid;gap:12px;min-width:0;text-align:center;transition:none}.person-card-art{aspect-ratio:1;background-color:var(--surface-strong);background-position:50%;background-size:cover;border:1px solid hsla(0,0%,100%,.14);border-radius:50%;color:var(--text);display:grid;font-size:28px;font-weight:800;height:auto;margin:0 auto;overflow:hidden;place-items:center;position:relative;width:min(100%,128px)}.person-card-art img{border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.person-card-art>span:not(.person-card-add){background-position:50%;background-size:cover;border-radius:50%;display:grid;height:100%;place-items:center;width:100%}.person-card-copy{display:grid;gap:6px;min-width:0}.person-card-copy span,.person-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-card-copy span{font-size:12px}@media(max-width:640px){.home-section-title{justify-content:center;text-align:center}.home-section-title>.muted{display:none}.people-rail{gap:6px}.person-card{gap:8px}.person-card-copy strong{font-size:12px}.person-card-copy span{font-size:10px}}.rail-card img{border-radius:18px;height:128px;-o-object-fit:cover;object-fit:cover;width:98px}.rail-copy{display:flex;flex-direction:column;gap:8px}.rail-copy p{color:var(--text-soft);display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.rail-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.rail-head strong{font-size:16px;line-height:1.35}.rail-meta{font-size:13px}.rail-skeleton-copy{padding:6px 0}.page-section{margin-top:38px}.home-latest-grid{gap:18px;grid-template-columns:repeat(6,minmax(0,1fr))}.home-load-sentinel{height:1px}.continue-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.continue-card{align-items:center;border-radius:var(--radius-xl);display:grid;gap:12px;grid-template-columns:78px 1fr;padding:12px}.continue-card img{border-radius:var(--radius-lg);height:96px;-o-object-fit:cover;object-fit:cover;width:78px}.continue-copy{display:grid;gap:8px;min-width:0}.continue-copy span,.continue-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-copy span{color:var(--text-soft);font-size:13px}.card-skeleton{border-radius:var(--radius-xl);overflow:hidden}.card-skeleton-body{padding:16px}.home-now-playing{margin-top:24px;position:relative}.community-stream .section-title,.home-ranking .section-title,.home-section-title{border-bottom:0;padding-bottom:0}.now-playing-actions{align-items:center;display:flex;gap:8px;position:absolute;right:0;top:0}.home-section-more-footer{display:none}.now-playing-all{color:var(--accent);font-size:14px}.now-playing-counter{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.now-playing-actions button{background:var(--surface-strong);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;display:grid;font-size:24px;height:34px;line-height:1;place-items:center;width:34px}.now-playing-viewport{min-height:360px;overflow:hidden}.now-playing-row{display:grid;gap:24px;grid-template-columns:repeat(5,minmax(0,1fr))}.now-playing-item{align-content:start;color:var(--text);display:grid;gap:8px;min-width:0;text-align:center}.now-playing-item img{aspect-ratio:2/3;border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-o-object-fit:cover;object-fit:cover;width:100%}.now-playing-item strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-item span{color:var(--accent);font-size:13px}.now-playing-page-enter-active,.now-playing-page-leave-active{transition:opacity .28s ease,transform .28s ease}.now-playing-page-enter-from{opacity:0;transform:translate(22px)}.now-playing-page-leave-to{opacity:0;transform:translate(-22px)}.home-library-showcase{overflow:hidden}.home-library-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.home-community-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)}.community-stream,.home-ranking{border-radius:var(--radius-2xl);overflow:hidden;padding:18px}.community-review-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.community-review-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-xl);color:var(--text);display:grid;gap:12px;grid-template-columns:58px minmax(0,1fr);min-height:132px;padding:12px}.community-review-card img{aspect-ratio:2/3;border-radius:var(--radius-md);-o-object-fit:cover;object-fit:cover;width:58px}.community-review-card p{color:var(--text-soft);display:-webkit-box;line-height:1.5;margin:5px 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.community-source{color:var(--text);display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-review-card small,.ranking-row small{color:var(--text-muted)}.ranking-row{border-top:1px solid var(--border);color:var(--text);display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;padding:13px 0}.home-ranking .section-title+.ranking-row{border-top:0}.ranking-row>span{color:var(--accent);font-variant-numeric:tabular-nums}@media(max-width:1080px){.home-hero{grid-template-columns:1fr}.home-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.continue-grid,.home-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.now-playing-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:880px){.home-community-grid{grid-template-columns:1fr}.home-latest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.home-section-title{justify-content:center;text-align:center}.home-section-title>div{width:100%}.home-section-title .section-kicker{justify-content:center}.home-latest-grid,.page-section .grid-cards{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.page-section .grid-cards .card-body{gap:7px;min-height:64px;padding:10px}.page-section .grid-cards .card-title{font-size:14px}.page-section .grid-cards .type-tags{font-size:11px}.page-section .grid-cards .rating-strip{gap:4px}.page-section .grid-cards .rating-strip span{font-size:10px;max-width:72px;padding:4px 6px}.continue-grid{grid-template-columns:1fr}.home-library-grid{gap:12px;grid-auto-columns:minmax(280px,86vw);grid-auto-flow:column;grid-template-columns:none;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory}.home-library-grid .media-list-card{scroll-snap-align:start}.now-playing-actions{gap:6px;justify-content:center;position:static}.now-playing-all{margin-right:4px}.now-playing-row{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.now-playing-viewport{min-height:330px}.community-review-grid{grid-template-columns:1fr}.home-section-more-header{display:none}.home-section-more-footer{align-self:center;display:inline-flex;margin-top:2px;min-width:132px}}

/* foundation helpers (dyoo section-title is flex row) */
.section-title.home-section-title,
.home-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:0!important;
  padding-bottom:0!important;
}
.page-section.stack,
.stack.page-section{
  display:grid!important;
  gap:16px!important;
  width:min(1200px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.home-now-playing.page-section{margin-top:24px!important;position:relative!important}
.now-playing-actions{
  align-items:center!important;
  display:flex!important;
  gap:8px!important;
  position:absolute!important;
  right:0!important;
  top:0!important;
  z-index:2!important;
  margin-bottom:0!important;
}
.home-latest-grid.grid-cards,
.page-section .home-latest-grid,
.page-section .grid-cards.home-latest-grid{
  display:grid!important;
  width:100%!important;
  margin:0!important;
}
.people-rail{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}
.now-playing-row{display:grid!important}
.now-playing-row.now-playing-page-leave-active,
.now-playing-row.now-playing-page-enter-active{
  transition:opacity .28s ease,transform .28s ease!important;
  will-change:opacity,transform;
}
.now-playing-viewport{
  overflow:hidden!important;
}
.now-playing-item img{
  aspect-ratio:2/3!important;
  width:100%!important;
  height:auto!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:var(--radius-xl)!important;
  opacity:1!important;
  visibility:visible!important;
  position:static!important;
}

/* beat leftover !important from older sheets */
@media (max-width:1080px){
  .home-latest-grid,.home-latest-grid.grid-cards,.page-section .grid-cards.home-latest-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .now-playing-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .home-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:880px){
  .home-community-grid{grid-template-columns:1fr!important}
  .home-latest-grid,.home-latest-grid.grid-cards,.page-section .grid-cards.home-latest-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .community-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .stack.page-section,.page-section.stack{width:min(1200px,calc(100% - 24px))!important}
  .home-section-title{justify-content:center!important;text-align:center!important}
  .home-section-title>div{width:100%!important}
  .home-section-more-header{display:none!important}
  .home-section-more-footer{display:inline-flex!important;align-self:center!important;margin-top:2px!important;min-width:132px!important}
  .home-latest-grid,.home-latest-grid.grid-cards,.page-section .grid-cards,.page-section .grid-cards.home-latest-grid{
    gap:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .now-playing-actions{position:static!important;justify-content:center!important;gap:6px!important}
  .now-playing-row{gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .now-playing-viewport{min-height:330px!important;overflow:hidden!important}
  .people-rail{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important}
  .community-review-grid{grid-template-columns:1fr!important}
  .home-library-grid{
    gap:12px!important;
    grid-auto-columns:minmax(280px,86vw)!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    padding:2px 2px 12px!important;
    scroll-snap-type:x mandatory;
  }
}

/* home titles: match dyoo.com (kicker 11px/.16em, h2 clamp 30-40) */
.page-section .section-title h2,
.page-section .home-section-title h2,
.community-stream .section-title h2,
.home-ranking .section-title h2{
  font-size:clamp(30px,4vw,40px)!important;
  font-weight:800!important;
  letter-spacing:-.05em!important;
  line-height:1.04!important;
  margin:0!important;
  color:var(--text)!important;
}
.page-section .section-kicker,
.home-section-title .section-kicker,
.community-stream .section-kicker,
.home-ranking .section-kicker{
  align-items:center!important;
  color:var(--text-soft)!important;
  display:inline-flex!important;
  font-size:11px!important;
  font-weight:700!important;
  gap:8px!important;
  letter-spacing:.16em!important;
  line-height:1.2!important;
  margin:0 0 6px!important;
  text-transform:uppercase!important;
}
.page-section .section-kicker::before,
.home-section-title .section-kicker::before,
.community-stream .section-kicker::before,
.home-ranking .section-kicker::before{
  background:var(--accent)!important;
  border-radius:2px!important;
  content:""!important;
  display:block!important;
  height:7px!important;
  width:7px!important;
}
.page-section .home-latest-grid .card-title,
.page-section .grid-cards .card-title{
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.ranking-row{
  font-size:15px!important;
}
.ranking-row>span{
  color:var(--accent)!important;
  font-size:14px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
}
.ranking-row strong{
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.community-review-card{
  text-decoration:none!important;
  align-items:start;
}
.community-review-card img{
  aspect-ratio:2/3!important;
  background:var(--surface-strong);
  border-radius:var(--radius-md)!important;
  display:block!important;
  height:87px!important;
  object-fit:cover!important;
  opacity:1!important;
  visibility:visible!important;
  width:58px!important;
}
@media (max-width:640px){
  .page-section .home-latest-grid .card-title,
  .page-section .grid-cards .card-title{font-size:14px!important}
}