.mp-pause{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#181c1f;color:#90b3da;font-family:system-ui,sans-serif;overflow:auto}.mp-pause[hidden]{display:none}.mp-pause-card{width:min(620px,100%);text-align:center;padding:34px 28px;border:1px solid #d7dce018;border-radius:24px;background:linear-gradient(#242b30,#242b30);box-shadow:none}.mp-pause-art{width:min(380px,100%);height:150px;margin:0 auto 26px}.mp-pause-kicker{letter-spacing:.2em;font-size:12px;color:#c3a25c}.mp-pause h1{font-size:clamp(25px,5vw,36px);line-height:1.2;margin:20px 0}.mp-pause p{color:#aeb8c0;line-height:1.7}.mp-pause-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.mp-pause button,.mp-pause a{border-radius:12px;padding:14px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid #c3a25c;background:#c3a25c;color:#1e2428}.mp-pause .mp-secondary{background:transparent;color:#90b3da;border-color:#d7dce030}.mp-pause button:focus-visible,.mp-pause a:focus-visible{outline:3px solid white;outline-offset:4px}.mp-pause small{display:block;margin-top:24px;color:#8897a1}.mp-pause svg{width:100%;height:100%}

.mp-pause,.mp-pause *{box-sizing:border-box}
body[data-maintenance="true"]{margin:0;min-height:100vh;background:#181c1f;color:#90b3da}
body[data-maintenance="true"]>main:not(.mp-pause){box-sizing:border-box;display:grid;align-content:center;justify-items:center;min-height:100vh!important}
body[data-maintenance="true"]>main:not(.mp-pause)>p{max-width:620px;line-height:1.7}