@media(max-width:1000px){.topbar{grid-template-columns:auto 1fr;gap:12px}.nav{grid-row:2;grid-column:1/-1;overflow:auto}.topbar{height:auto;min-height:var(--nav-h);padding-top:8px;padding-bottom:8px}.app-shell{padding-top:calc(var(--title-h) + 112px)}.hero{min-height:540px}.top-actions{justify-self:end}.search input{width:150px}.card-track{grid-auto-columns:190px}.banner-strip{grid-auto-columns:min(78vw,520px)}}
@media(max-width:640px){:root{--nav-h:58px}.titlebar{display:none}.topbar{top:0;grid-template-columns:1fr auto;padding:8px 12px;background:#09090df5}.brand strong{display:none}.nav{order:3;grid-column:1/-1;width:100%;gap:3px}.nav button{flex:1;white-space:nowrap;font-size:12px;padding:8px}.search{display:none}.profile-chip #profileChipName{display:none}.app-shell{padding-top:108px}.hero{min-height:440px;padding:0 18px 48px;background-position:center top}.hero-shade{background:linear-gradient(0deg,#07070a 0,#07070a99 48%,#07070a1a)}.hero-copy{width:100%}.hero h1{font-size:38px}.hero-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rows{padding:0 12px 60px}.card-track{grid-auto-columns:min(44vw,180px);gap:9px}.banner-strip{margin:-22px 12px 34px;grid-auto-columns:84vw}.media-row{margin-bottom:25px}.profile-dialog{padding:20px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-avatar,.avatar-preview{width:82px;height:82px;border-radius:24px}.form-grid{grid-template-columns:1fr}.detail-backdrop{height:250px}.detail-body{padding:0 18px 24px;margin-top:-55px}.detail-body h2{font-size:30px}.close-detail{top:-190px}.player-top,.player-bottom{padding-left:12px;padding-right:12px}.transport select{display:none}.transport{gap:4px}.transport input[type=range]{width:75px}.player-top #playerStatus{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(min-width:1600px){.topbar{padding-inline:5vw}.rows{padding-inline:5vw}.card-track{grid-auto-columns:clamp(210px,12vw,280px)}.hero-copy{width:min(760px,40vw)}.hero{min-height:72vh}}
@media(min-width:1900px) and (min-height:1000px){html{font-size:18px}.topbar{height:82px}.app-shell{padding-top:112px}.media-card{border-radius:20px}.card-track{gap:18px}.hero{min-height:70vh}.profile-avatar{width:126px;height:126px}.nav button,.profile-chip{min-height:48px}.media-card:focus-visible{transform:scale(1.06)}}
@media(pointer:coarse){button,.nav button,.profile-chip,input,select{min-height:44px}.card-track{scroll-snap-type:x mandatory}}@media(prefers-contrast:more){:root{--line:#fff;--muted:#eee}.ghost,.search,.media-card{border:2px solid #fff}}