/* Shared lobby controls keep their real handlers; room presentation matches Home. */
body.arcade-room .topbar .brand{width:220px;height:80px;flex:none;padding:0;border:0;border-radius:0;box-shadow:none;transform:none;background:url('../assets/home-art-v1/logo.webp') center/contain no-repeat}
body.arcade-room .topbar .brand>span{visibility:hidden}
body.arcade-room .top-actions{gap:9px}
body.arcade-room .topbar :is(.icon-button,.voice-toggle){display:grid;place-items:center;width:46px;min-width:46px;height:46px;padding:8px;border:2px solid #fff0b0;border-radius:15px;background:linear-gradient(#2ecfdb,#047796);box-shadow:inset 0 2px #c0fff5,inset 0 -3px #076278,0 3px #a5792c,0 4px 7px #093b5260;color:#fffbe7}
body.arcade-room .topbar :is(.icon-button,.voice-toggle) svg{width:24px;height:24px}
body.arcade-room .topbar :is(.icon-button,.voice-toggle):hover{filter:brightness(1.08)}
body.arcade-room .topbar :is(.icon-button,.voice-toggle):focus-visible{outline:3px solid #ffda69;outline-offset:3px}
body.arcade-room .topbar .connection{color:#fffde4;text-shadow:0 1px 3px #00435e}
@media(orientation:landscape) and (max-height:520px) and (max-width:1100px){
 body.arcade-room .topbar{gap:7px;min-height:48px}
 body.arcade-room .topbar .brand{width:112px;height:48px}
 body.arcade-room .top-actions{gap:5px}
 body.arcade-room .topbar :is(.icon-button,.voice-toggle){width:44px;min-width:44px;height:44px;border-radius:13px;padding:8px}
 body.arcade-room .topbar #music-bar{max-width:270px;min-width:170px;flex:1}
 body.arcade-room .topbar .connection{font-size:10px}
}