.maintenance-screen{position:fixed;inset:0;z-index:10000;display:grid;place-content:center;justify-items:center;gap:20px;padding:32px max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom));overflow:auto;background:var(--bg,#fff);color:var(--text,#202124);text-align:center}
.maintenance-screen[hidden]{display:none}
.maintenance-screen h1{margin:0;font-size:clamp(24px,6vw,32px);line-height:1.2;outline:none}
.maintenance-screen p{max-width:32ch;margin:0;font-size:16px;line-height:1.6}
.maintenance-screen .maintenance-icon{font-size:72px;line-height:1.2}
.maintenance-screen .maintenance-note{font-size:13px;color:#62666d}
body.maintenance-active{overflow:hidden}
body.maintenance-active>.app{visibility:hidden}
:root[data-theme=dark] .maintenance-screen{background:#0e1417;color:#e5ece9}
:root[data-season=halloween] .maintenance-screen{background:#211b29;color:#f6ede2}

:root:is([data-theme=dark],[data-season=halloween]) .maintenance-note{color:var(--muted)}