/* Native modal makes every underlying control inert during initial connection. */
#initialConnectionDialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:42px 24px;border:1px solid #38cbe9;border-radius:18px;background:linear-gradient(150deg,#082a3e,#041321);color:#effaff;text-align:center;font:500 16px/1.5 system-ui,'Leelawadee UI',sans-serif;box-shadow:0 0 45px #04beef30,0 18px 80px #000a;overflow:hidden}
#initialConnectionDialog::backdrop{background:#020810ed;backdrop-filter:blur(6px)}
#initialConnectionDialog h2{font:800 clamp(20px,5vw,28px)/1.5 system-ui,'Leelawadee UI',sans-serif;margin:24px 0 8px;color:#effaff}
#initialConnectionDialog p{margin:0;color:#9bc5d9;font-size:14px}
.initial-connection-spinner{width:60px;height:60px;box-sizing:border-box;border:5px solid #145169;border-top-color:#45e7ff;border-right-color:#2aa3bf;border-radius:50%;margin:0 auto;animation:initial-connection-spin 1s linear infinite}
@keyframes initial-connection-spin{to{transform:rotate(360deg)}}
body.initial-connection-loading{overflow:hidden}
@media(prefers-reduced-motion:reduce){.initial-connection-spinner{animation-duration:3s}}