html.maintenance-active #intro,html.maintenance-active #party-app{display:none!important}
#maintenance-screen{display:none}
html.maintenance-active #maintenance-screen{position:fixed;inset:0;z-index:100;display:grid!important;place-items:center;overflow:auto;padding:40px 24px;background:radial-gradient(ellipse at 20% 15%,#4b1b692e,transparent 48%),radial-gradient(ellipse at 90% 90%,#c46b2517,transparent 48%),#100b16;color:#f9eefa;text-align:center}
.maintenance-content{width:min(100%,640px);position:relative;padding:25px 8px}
.maintenance-mark{position:relative;width:120px;height:112px;margin:0 auto 34px;isolation:isolate}
.maintenance-mark:before{content:'';position:absolute;inset:10px 0;background:radial-gradient(ellipse at 30% 25%,#a946eb47,transparent 60%),radial-gradient(ellipse at 70% 75%,#ff963b38,transparent 65%);filter:blur(20px);z-index:-1}
.maintenance-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 9px #ac46e22e)}
.maintenance-label{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #d9a36f47;border-radius:24px;background:#b3793c0d;color:#ffc38f;font-size:10px;letter-spacing:1.6px;font-weight:600;margin-bottom:22px}
.maintenance-label i{height:6px;width:6px;border-radius:50%;background:#f6b87d;box-shadow:0 0 10px #f09e4f55}
#maintenance-title{font-family:Outfit,Arial,sans-serif;font-size:clamp(35px,6vw,58px);font-weight:600;letter-spacing:-1.7px;line-height:1.13;color:#f6e6ff;outline-offset:8px;margin:0 0 23px}
#maintenance-title em{font-style:normal;color:#ffb77b}
#maintenance-message{font-size:clamp(15px,2.5vw,18px);line-height:1.9;color:#cdb6da;white-space:pre-line;overflow-wrap:anywhere;max-width:540px;margin:0 auto}
.maintenance-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px 0 24px}
.maintenance-actions .primary{font-size:14px;min-height:48px;padding:14px 23px;border-radius:10px}
.maintenance-actions a{font-size:13px;color:#d5abe9;text-underline-offset:4px}
.maintenance-note{font-size:12px;line-height:1.8;color:#9d84b0;max-width:390px;margin:auto}
html.motion-full .maintenance-mark img{animation:maintenance-breathe 5s ease-in-out infinite}
@keyframes maintenance-breathe{50%{transform:scale(1.035);filter:drop-shadow(0 0 13px #bb54ed4a)}}
@media(max-width:700px){html.maintenance-active #maintenance-screen{padding:25px 21px}.maintenance-mark{width:101px;height:94px;margin-bottom:25px}#maintenance-title{letter-spacing:-1px}.maintenance-actions{flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html.motion-full .maintenance-mark img{animation:none}}