/* Size cards from the content actually available beside the docked stream. */
.sound-hub-redesign .hub-chat-author{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;min-height:24px}
.sound-hub-redesign .hub-chat-author>strong{overflow-wrap:anywhere}
.sound-hub-redesign .hub-chat-platform-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:28px;padding:0;border:0;background:#161d30;border-radius:0;text-decoration:none}
.sound-hub-redesign .hub-chat-platform-link>img{display:block;width:auto;height:16px;max-width:30px;object-fit:contain;border:0;border-radius:0;filter:none;opacity:1}
/* The official YouTube PNG includes clear space; retain the entire canvas. */
.sound-hub-redesign .hub-chat-message[data-platform=youtube] .hub-chat-platform-link>img{height:28px;max-width:none}
.sound-hub-redesign .hub-chat-platform-link:focus-visible{outline:2px solid var(--hub-accent);outline-offset:2px}
.sound-hub-redesign main.shell.hub-main{container-type:inline-size;container-name:hub-content;scrollbar-width:none;scrollbar-gutter:auto}
.sound-hub-redesign main.shell.hub-main::-webkit-scrollbar{display:none;width:0;height:0}
.sound-hub-redesign :is(.stream-drawer,.hub-chat-messages,.activity-players,.activity-guesses,.arena-chat-feed){scrollbar-width:thin;scrollbar-color:#756c9f #161d30}
.sound-hub-redesign ::-webkit-scrollbar{width:6px;height:6px}
.sound-hub-redesign ::-webkit-scrollbar-track{background:#161d30;border-radius:8px}
.sound-hub-redesign ::-webkit-scrollbar-thumb{background:#756c9f;border:1px solid #161d30;border-radius:8px}
.sound-hub-redesign ::-webkit-scrollbar-thumb:hover{background:#aa98d6}
.sound-hub-redesign .stream-drawer-tab{top:88px}
.sound-hub-redesign :is(#sounds.sound-grid,.sound-grid,.full-sound-grid,.hub-featured-sounds),
.sound-hub-redesign.stream-drawer-open #sounds.sound-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:18px;align-items:start}
.sound-hub-redesign :is(.hub-sound-art,.hub-featured-art){max-height:240px}
.sound-hub-redesign :is(.effect-grid,.arena-dashboard-grid.arena-catalog),
.sound-hub-redesign.stream-drawer-open :is(.effect-grid,.arena-dashboard-grid.arena-catalog){grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px;align-items:start}
.sound-hub-redesign .effect-card{padding:18px}
.sound-hub-redesign .arena-dashboard .arena-card-art{height:120px;min-height:120px}
.sound-hub-redesign .arena-catalog .arena-card-copy{padding:16px}
.sound-hub-redesign :is(.effect-card,.activity-card,.arena-detail-layout,.arena-game-grid){min-width:0}
.sound-hub-redesign .effect-card :is(input,select,button){max-width:100%;min-width:0}
.sound-hub-redesign .arcade-card .arcade-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
.sound-hub-redesign .arcade-form :is(input,select){box-sizing:border-box;max-width:100%}
@container hub-content (max-width:850px){
 .sound-hub-redesign :is(.arena-game-grid,.hub-home-columns,.spotlight){grid-template-columns:minmax(0,1fr)}
 .sound-hub-redesign .activity-card[data-live-game=boss][data-live=true]{display:block}
 .sound-hub-redesign .hub-topbar{flex-wrap:wrap;gap:12px;padding-block:16px}
 .sound-hub-redesign .hub-global-search{width:clamp(130px,30cqw,220px)}
 .sound-hub-redesign .hub-location>span{display:none}
 .sound-hub-redesign .arena-showcase-card{flex-basis: min(280px,80%)}
}
@container hub-content (max-width:560px){
 .sound-hub-redesign :is(.effect-grid,.arena-dashboard-grid.arena-catalog),
 .sound-hub-redesign.stream-drawer-open :is(.effect-grid,.arena-dashboard-grid.arena-catalog){grid-template-columns:minmax(0,1fr)}
 .sound-hub-redesign .activity-card{padding:16px}
 .sound-hub-redesign .activity-answer{grid-template-columns:minmax(0,1fr)}
 .sound-hub-redesign .arcade-card .arcade-form{grid-template-columns:minmax(0,1fr)}
 .sound-hub-redesign .activity-card-heading{flex-wrap:wrap}
 .sound-hub-redesign .hub-quick-stats{grid-template-columns:minmax(0,1fr)}
 .sound-hub-redesign .hub-quick-stats>a{grid-column:auto}
 .sound-hub-redesign .hub-sound-banner{flex-wrap:wrap;padding:22px}
 .sound-hub-redesign .hub-equalizer{max-width:100%;gap:4px;transform:none}
 .sound-hub-redesign .hub-equalizer i{flex:0 1 8px}
}
@media(max-width:700px){
 .sound-hub-redesign .stream-drawer-tab{top:76px}
 .sound-hub-redesign :is(#sounds.sound-grid,.sound-grid,.full-sound-grid,.hub-featured-sounds),.sound-hub-redesign.stream-drawer-open #sounds.sound-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:14px}
}