/* S72: transient transport is a band; lost authority replaces the private view. */
.connection-state{color:#f3ede0;background:#102f26;border:1px solid #8a6b2a;border-radius:12px;line-height:1.5}
.connection-state h2{font:600 19px/1.3 Georgia,serif!important;margin:0!important;color:#f7f1e3!important}
.connection-state p{font-size:13px;margin:7px 0 0;color:#e3d9c2}
.connection-state img{width:46px;height:46px;flex:none}.connection-copy{min-width:0}
.connection-state :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #a88b48;border-radius:8px;background:#e8c77a;color:#0b2e24;font:inherit;text-align:center}
.connection-state :is(button,a):focus-visible{outline:3px solid #ffe6a5;outline-offset:4px}
.connection-banner{display:flex;gap:18px;align-items:center;padding:16px 20px;margin:12px}.connection-banner .connection-copy{flex:1}
.connection-banner[data-connection-kind=live]{border:0;padding:7px 12px;margin:0;background:transparent}.connection-banner[data-connection-kind=live] h2{font:400 12px/1.5 Inter,system-ui,sans-serif!important;color:#9fd0b2!important}
.connection-fullscreen{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center;max-width:660px;margin:36px auto;padding:48px 36px;min-height:380px;justify-content:center}
.connection-fullscreen img{width:104px;height:104px}.connection-fullscreen h2{font-size:27px!important}.connection-fullscreen p{max-width:45ch;font-size:15px;margin-top:16px}
.lobby-content:has(.connection-fullscreen){background:#0b2e24}.lobby-content:has(.connection-fullscreen)>.lobby-toolbar{display:none}
@media(max-width:767px){.connection-banner{flex-wrap:wrap;gap:12px;padding:14px;margin:8px}.connection-banner .connection-copy{flex:1;min-width:180px}.connection-banner button{margin-left:58px}.connection-fullscreen{border:0;border-radius:0;padding:36px 24px;margin:0;min-height:560px}.connection-fullscreen h2{font-size:25px!important}}