/* Keep the account controls in one row, with search on its own row. */
@media(max-width:620px){
body>header:not(.play-header){display:grid;grid-template-columns:minmax(0,1fr) auto 42px 42px;gap:9px;padding:16px 14px 12px;align-items:center}
body>header:not(.play-header)>.brand{grid-column:1;grid-row:1;font-size:28px;letter-spacing:-1.6px}
body>header:not(.play-header)>.shop-trigger{grid-column:2;grid-row:1;padding:9px 8px;min-height:40px}
body>header:not(.play-header)>.friends-trigger{grid-column:3;grid-row:1;width:42px;height:40px;padding:8px;justify-content:center;position:relative}
body>header:not(.play-header)>.friends-trigger .friends-count{position:absolute;top:-3px;right:-3px;font-size:8px;min-width:14px;height:14px;padding:1px 3px}
body>header:not(.play-header)>.avatar{grid-column:4;grid-row:1;justify-self:end;margin:0;width:42px;height:42px}
body>header:not(.play-header)>.search{grid-column:1/-1;grid-row:2;order:initial;width:100%;margin:4px 0 0;min-width:0;padding:10px 13px}
body>header .friends-trigger-label{display:none}
.play-header>[data-open-profile]{margin-left:auto;flex-shrink:0}
}
@media(max-width:360px){body>header:not(.play-header){gap:6px;padding-left:10px;padding-right:10px}body>header:not(.play-header)>.brand{font-size:25px}}
@media(max-width:620px){
body>header:not(.play-header){padding-bottom:5px}
body>header:not(.play-header)+main{padding-top:2px}
body>header:not(.play-header)+main .intro{margin:0 0 14px}
body>header:not(.play-header)+main .intro h1{max-width:none;white-space:nowrap;font-size:clamp(20px,5.7vw,28px);letter-spacing:-.7px;margin-top:5px}
}