.maintenanceScreen[hidden]{display:none!important}
.maintenanceScreen{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 50% 0%,rgba(177,43,37,.2),transparent 52%),radial-gradient(ellipse at 100% 100%,rgba(119,79,45,.13),transparent 45%),#080a0d;color:#f4efe6;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}
.maintenanceScreen:before,.maintenanceScreen:after{position:absolute;content:"";pointer-events:none;border:1px solid rgba(244,239,230,.055);border-radius:50%;width:min(76vw,760px);aspect-ratio:1;animation:maintenanceOrbit 42s linear infinite}
.maintenanceScreen:after{width:min(58vw,560px);animation-duration:32s;animation-direction:reverse;border-color:rgba(196,59,47,.09)}
.maintenanceCard{position:relative;z-index:1;width:min(470px,100%);padding:36px 30px;border:1px solid rgba(244,239,230,.1);border-radius:24px;background:linear-gradient(145deg,rgba(22,24,28,.96),rgba(12,14,17,.96));box-shadow:0 32px 110px rgba(0,0,0,.48)}
.maintenanceBrandMark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 23px;border:1px solid rgba(244,239,230,.13);border-radius:22px;background:#08090b;box-shadow:0 12px 38px rgba(0,0,0,.3)}
.maintenanceBrandMark img{display:block;width:58px;height:58px;object-fit:contain}
.maintenanceEyebrow{margin:0 0 12px;color:#d98867;font-size:10px;font-weight:700;letter-spacing:.2em}
.maintenanceCard h1{margin:0;color:#f7f1e7;font:600 clamp(27px,5vw,38px)/1.16 "Zen Old Mincho",Georgia,serif;letter-spacing:-.025em}
.maintenanceMessage{max-width:35ch;margin:14px auto 0;color:#a4a6aa;font-size:14px;line-height:1.65}
.maintenanceLoader{display:flex;justify-content:center;gap:8px;margin:25px auto 10px}
.maintenanceLoader span{width:7px;height:7px;border-radius:50%;background:#c9483b;box-shadow:0 0 14px rgba(201,72,59,.55);animation:maintenancePulse 1.2s ease-in-out infinite}
.maintenanceLoader span:nth-child(2){animation-delay:.16s}.maintenanceLoader span:nth-child(3){animation-delay:.32s}
.maintenanceHint{margin:0;color:#777b82;font-size:11px}
.maintenanceRetry{min-height:42px;margin-top:22px;padding:10px 20px;border:1px solid rgba(201,72,59,.55);border-radius:10px;background:rgba(201,72,59,.15);color:#f7f1e7;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}
.maintenanceRetry:hover{transform:translateY(-1px);background:rgba(201,72,59,.25)}
body.maintenance-active{margin:0;min-height:100vh;overflow:hidden;background:#080a0d}
body.maintenance-active>:not(#maintenanceScreen):not(script){display:none!important}
@keyframes maintenancePulse{0%,80%,100%{opacity:.35;transform:scale(.72)}40%{opacity:1;transform:scale(1.2)}}
@keyframes maintenanceOrbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.maintenanceScreen:before,.maintenanceScreen:after,.maintenanceLoader span{animation:none}}
@media(max-width:480px){.maintenanceScreen{padding:18px}.maintenanceCard{padding:30px 22px;border-radius:20px}.maintenanceBrandMark{width:68px;height:68px}.maintenanceBrandMark img{width:52px;height:52px}.maintenanceMessage{font-size:13px}}