#connection-status[hidden]{display:none!important}
#connection-status{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:16px;background:#061e24b8;box-sizing:border-box;pointer-events:none}
#connection-status>div{width:min(440px,100%);box-sizing:border-box;padding:24px;border:2px solid #e6c976;border-radius:14px;background:#123e34;color:#fff7dd;box-shadow:0 12px 50px #0008;text-align:center;font:16px/1.5 system-ui}
#connection-status strong{font-size:clamp(18px,4vw,24px)}
#connection-status button{pointer-events:auto;min-height:44px;padding:10px 20px;border:0;border-radius:6px;background:#e6c976;color:#123e34;font:700 16px system-ui}


body #connection-status{inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;margin:0!important;border:0!important;transform:none!important;padding:16px!important;}
body #connection-status>.connection-status-card{width:min(380px,100%)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;overflow:auto;padding:20px!important;font:15px/1.5 system-ui,sans-serif!important;}
body #connection-status .connection-status-card strong{font:700 21px/1.3 system-ui,sans-serif!important;}
body #connection-status .connection-status-card p{margin:12px 0 0;}
body #connection-status .connection-status-card button{margin-top:14px;}
@media(max-height:420px){body #connection-status>.connection-status-card{padding:14px!important;}body #connection-status .connection-status-card strong{font-size:18px!important;}}