/* Keep the desktop toolbar on one baseline; allow deliberate rows on phones. */
.topbar .topright{min-width:0;gap:8px;align-items:center}
.topbar .topright>.chip{white-space:nowrap;flex:0 0 auto}
.topbar .audio-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
.topbar .audio-controls>*{flex:0 0 auto}
.topbar .audio-settings{position:relative;margin:0}
.topbar .audio-settings>summary{white-space:nowrap;margin:0}
.topbar .topright>button,.topbar .wallet{white-space:nowrap;flex:0 0 auto}
.topbar .account-profile-button{max-width:160px}
.topbar .account-profile-name{max-width:100px}
@media(min-width:1200px){
 .app>.topbar{flex-wrap:nowrap;gap:14px}
 .topbar>.brand{width:200px;flex:0 0 200px}
 .topbar>.topright{flex-wrap:nowrap;justify-content:flex-end}
 .topbar .topright button{padding:10px 12px;font-size:.82rem}
 .topbar .topright>.chip{padding:10px 12px;font-size:.82rem}
 .topbar .rivalia-language{max-width:145px;flex:0 0 auto}
 .topbar .rivalia-language select{max-width:112px}
}
@media(min-width:761px) and (max-width:1199px){
 .app>.topbar{flex-direction:column;gap:10px}
 .topbar>.brand{width:200px;height:65px;object-position:center}
 .topbar>.topright{width:100%;flex-wrap:wrap;justify-content:center}
}
@media(max-width:760px){
 .app>.topbar{justify-content:center;gap:8px}
 .topbar>.brand{height:60px;object-position:center}
 .topbar>.topright{width:100%;flex-wrap:wrap;justify-content:center;gap:7px}
 .topbar .audio-controls{flex-wrap:nowrap;gap:5px}
 .topbar .topright button,.topbar .topright>.chip{font-size:.75rem;padding:8px}
 .topbar .account-profile-button{max-width:145px}
 .topbar .account-profile-name{max-width:83px}
 .topbar .audio-panel{position:fixed;right:12px;top:145px;max-width:calc(100vw - 24px)}
}