/* What our servers say (src/serverstatus.js): the maintenance notice at the top of the lobby (its
   design-system stage, its px), and the card for a version to reload or the waiting line (over the
   whole page, screen px) */
#m.bh #lbNotice{position:absolute;left:50%;top:44px;transform:translateX(-50%);max-width:520px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 22px;margin:0;border-color:var(--yellow);background:rgba(12,16,22,.86);clip-path:none;text-align:center}
#m.bh #lbNotice[hidden]{display:none}
#m.bh #lbNotice b{font:900 26px/1 var(--font-ui);letter-spacing:.02em;color:var(--yellow);text-transform:uppercase;font-variant-numeric:tabular-nums}
#m.bh #lbNotice span{font:700 16px/1.25 var(--font-ui);letter-spacing:.05em;color:var(--ink-2);text-transform:uppercase}
#m.bh #lbNotice.on{border-color:var(--pink-bright,#ff4fd8)}
#m.bh #lbNotice.on b{color:var(--ink)}
.srvmsg{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:rgba(6,8,12,.72);padding:16px}
.srvmsg[hidden]{display:none}
.srvcard{width:min(460px,100%);background:var(--surface-1,#11161f);border:2px solid var(--line,#2b3445);border-radius:10px;padding:22px 24px;color:var(--ink,#fff);font-family:var(--font-ui,Inter,sans-serif);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.srvcard>b{display:block;font-size:22px;font-weight:900;letter-spacing:.03em;color:var(--yellow,#ffd84d);margin-bottom:10px}
.srvcard>p{margin:0 0 8px;font-size:14px;line-height:1.4;color:var(--ink-2,#c6cbd6)}
.srvcard>p.big{font-size:28px;font-weight:900;color:var(--ink,#fff);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.srvrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.srvrow .bh-btn{font-size:14px;min-height:40px;padding:0 16px}