.maintenance-screen{margin:clamp(5px,.7vw,18px)}

.offline-page{container-type:inline-size;background:#ffe343;color:#10100d;border:4px solid #10100d;overflow:hidden;font-family:var(--ui);background-image:radial-gradient(#ae750944 1px,transparent 1px);background-size:6px 6px}
.offline-page *{box-sizing:border-box}
.offline-topline{display:flex;justify-content:space-between;gap:16px;background:#10100d;color:#fff9df;padding:12px 3%;font-size:clamp(13px,1.5cqw,22px);letter-spacing:.5px}
.offline-scene{position:relative;isolation:isolate;min-height:560px;padding:2.5% 4% 2.5%;overflow:hidden}
.offline-words{position:relative;width:65%;z-index:2}
.offline-eyebrow{font-size:clamp(15px,1.6cqw,23px);letter-spacing:2px;margin:0 0 20px}
.offline-eyebrow span{color:#ee2c30;margin-right:7px}
.offline-words h1{font:clamp(70px,11.5cqw,170px)/.84 var(--display);letter-spacing:-.02em;color:#0752d4;text-shadow:4px 5px #10100d;margin:0 0 30px;transform:rotate(-3deg);transform-origin:left center}
.offline-words h1 span{color:#ee2c30}
.offline-joke{position:relative;width:82%;background:#fff9df;border:3px solid #10100d;border-radius:24px;padding:20px 24px;box-shadow:6px 6px #10100d;transform:rotate(-2deg)}
.offline-joke p{font:700 clamp(23px,2.7cqw,38px)/1.15 var(--quote);margin:0 0 12px}
.offline-parody{font:clamp(12px,1.2cqw,18px) var(--ui);letter-spacing:1px}
.offline-art{position:absolute;inset:0 0 0 51%;z-index:1;pointer-events:none}
.offline-art img{position:absolute;height:140%;width:auto;max-width:none;right:1%;bottom:-40%;filter:drop-shadow(-5px 0 #10100d)}
.offline-star{position:absolute;right:9%;top:6%;color:#ee2c30;font-size:clamp(55px,7cqw,120px);transform:rotate(12deg)}
.offline-stamp{position:absolute;bottom:7%;right:8%;font:clamp(25px,3.6cqw,62px)/.95 var(--display);background:#0752d4;color:#fff9df;padding:16px 24px;border:3px solid #10100d;box-shadow:5px 5px #10100d;transform:rotate(9deg)}
.offline-status{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff9df;border-top:4px solid #10100d;padding:23px 4%}
.offline-status strong{font:clamp(25px,2.4cqw,40px) var(--display)}
.offline-status p{font-size:clamp(17px,1.6cqw,25px);line-height:1.3;margin:7px 0 0;max-width:55ch}
.offline-status-mark{font:clamp(25px,3cqw,48px) var(--display);white-space:nowrap;color:#0752d4}
.offline-disclaimer{background:#10100d;color:#fff9df;text-align:center;padding:10px 14px;font-size:clamp(13px,1.3cqw,18px)}
@container(max-width:650px){.offline-topline{font-size:11px;padding:10px 12px;gap:10px}.offline-scene{padding:24px 18px 0;min-height:700px}.offline-words{width:100%}.offline-eyebrow{font-size:13px;letter-spacing:1px}.offline-words h1{font-size:16cqw;margin-bottom:28px}.offline-joke{width:89%;padding:16px 18px}.offline-joke p{font-size:23px}.offline-art{inset:350px 0 0 22%}.offline-art img{height:auto;width:100%;right:-7%;bottom:-35%}.offline-star{top:10%;left:-20%;font-size:65px}.offline-stamp{right:auto;left:-15%;bottom:12%;font-size:26px;padding:12px 17px;transform:rotate(-8deg)}.offline-status{padding:20px 18px}.offline-status-mark{display:none}.offline-status strong{font-size:27px}.offline-status p{font-size:17px}}

@container (min-width:651px) and (max-width:1000px){.offline-art img{height:120%;bottom:-25%;right:-8%}}