/* HFJ off-air scene. All motion is code-native; the background contains no waves. */
:root{color-scheme:light;--maintenance-ink:#253b50;--maintenance-soft:#536374}
*{box-sizing:border-box}html{min-height:100%;background:#e9e5ec}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--maintenance-ink);line-height:1.5}
.maintenance-broadcast{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;isolation:isolate;position:relative;background:#ece7ec}
.maintenance-broadcast::before{content:"";position:fixed;inset:0;z-index:-2;background:url('/assets/maintenance-dusk.png') 74% center/cover no-repeat}
.maintenance-broadcast::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#f7f3f6eb 0%,#f7f3f6d4 37%,#eee7ee8c 65%,#e5dfea14 100%)}
.maintenance-shell{width:min(100%,1380px);padding:clamp(1.5rem,4vh,3rem) clamp(1.2rem,5vw,5rem) 1.5rem;margin:auto;display:grid;gap:clamp(1.1rem,2.8vh,2rem)}
.maintenance-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.maintenance-offair{display:inline-flex;align-items:center;gap:.7rem;padding:.6rem 1.1rem;border-radius:10px;background:linear-gradient(145deg,#283441,#16212c);border:2px solid #616c77;color:#dde1e7;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;letter-spacing:.16em;box-shadow:0 4px 12px #1b25322e}
.maintenance-offair i{width:.6rem;height:.6rem;border-radius:50%;background:#6e7984;border:1px solid #a0a8af;box-shadow:inset 0 1px 3px #09101888}
.maintenance-state{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#445468;padding:.4rem .7rem;background:#ffffffb8;border-radius:6px}
.maintenance-brand{display:flex;align-items:center;gap:1.3rem}.maintenance-brand img{flex:none;width:152px;height:152px;border-radius:50%;background:#fff;box-shadow:0 8px 30px #26394e20}
.maintenance-brand h1{display:grid;gap:.3rem;margin:0;line-height:1.14;font-weight:500;text-wrap:balance}.maintenance-welcome{font-size:clamp(1rem,1.7vw,1.25rem);color:var(--maintenance-soft)}
.maintenance-name{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.035em}.maintenance-podcast{font-size:clamp(1.1rem,2vw,1.6rem);font-weight:750;color:#526477;letter-spacing:.04em}
.maintenance-stats{display:grid;grid-template-columns:.85fr 1fr 1.35fr;gap:1rem}.maintenance-stat{margin:0;display:grid;align-content:start;gap:.3rem;padding:1rem clamp(.85rem,2vw,1.6rem) 1.25rem;border:1px solid #a8b6c6;border-radius:16px;background:#ffffffed;box-shadow:0 8px 30px #33445b12}
.maintenance-over{font-size:.85rem;color:#596878;min-height:1.3em}.maintenance-stat strong{font-size:clamp(2.475rem,5.94vw,4.95rem);font-weight:800;letter-spacing:-.055em;line-height:1.1;font-variant-numeric:tabular-nums}.maintenance-stat:last-child strong{color:#436b64}.maintenance-stat>span:last-child{font-size:clamp(.95rem,1.5vw,1.15rem);overflow-wrap:anywhere}
.maintenance-finale{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(1.8rem,3.25vw,2.85rem);font-weight:700;color:#34564f;text-align:center;text-wrap:balance;line-height:1.3;margin:0}
.maintenance-progress{display:grid;justify-items:center;text-align:center;gap:.45rem;border-top:1px solid #758b9e80;padding-top:.9rem}.maintenance-gears{display:block;width:148px;height:104px;overflow:visible;filter:drop-shadow(0 3px 3px #2a3d4e21)}
.maintenance-gear{transform-box:fill-box;transform-origin:center;animation:hfj-maintenance-gear 12s linear infinite}.maintenance-gear-small{animation-direction:reverse;animation-duration:8s}
@keyframes hfj-maintenance-gear{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
#maintenance-message{font-size:1rem;max-width:700px;margin:.1rem 0;color:#33465a;overflow-wrap:anywhere}#maintenance-status{font-size:.82rem;color:#526274;margin:0}
.maintenance-footer{text-align:center;padding:1.15rem 1rem 1.4rem;background:#f7f5f5d9;border-top:1px solid #ffffff94;backdrop-filter:blur(8px);font-size:.83rem;color:#526173}.maintenance-footer p{margin:0 0 .25rem}.maintenance-footer a{display:inline-block;color:#294c65;text-underline-offset:.25em;padding:.45rem .8rem;font-weight:650;min-height:36px}
a:focus-visible,select:focus-visible{outline:3px solid #335e79;outline-offset:4px}.maintenance-preview-note{margin:0;padding:.7rem 1rem;text-align:center;background:#edf5fb;color:#28485c;border-bottom:1px solid #c1d4df;font-size:.85rem}
.maintenance-topline .language-control{font-size:.8rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.maintenance-topline label{display:flex;align-items:center;gap:.5rem}.maintenance-topline select{font:inherit;min-height:38px;max-width:100%;padding:.35rem .6rem;border:1px solid #a5b4c6;border-radius:8px;color:#2d4357;background:#ffffffe8}.maintenance-topline button{font:inherit;border:1px solid #a5b4c6;border-radius:8px;padding:.4rem .6rem;background:#fff;color:#2d4357}
#language-note{font-size:.8rem;background:#ffffffde;padding:.5rem .75rem;border-radius:8px;margin:0} [hidden]{display:none!important}
@media(min-width:1700px){.maintenance-name{font-size:4.6rem}.maintenance-brand img{width:184px;height:184px}.maintenance-stat strong{font-size:5.4rem}}
@media(max-width:650px){.maintenance-shell{padding:1.25rem;gap:1.15rem}.maintenance-brand{flex-direction:column;gap:.8rem;text-align:center}.maintenance-brand img{width:112px;height:112px}.maintenance-name{font-size:clamp(1.85rem,7.3vw,2.7rem)}.maintenance-stats{grid-template-columns:1fr;gap:.55rem}.maintenance-stat{grid-template-columns:7rem minmax(0,1fr);column-gap:.8rem;align-items:center;padding:.7rem 1rem}.maintenance-stat strong{grid-column:1;font-size:2.34rem}.maintenance-over{grid-column:1;font-size:.72rem;min-height:0}.maintenance-stat:first-child .maintenance-over{display:none}.maintenance-stat>span:last-child{grid-column:2;grid-row:1/span 2;font-size:1rem}.maintenance-broadcast::before{background-position:83% center}.maintenance-broadcast::after{background:linear-gradient(90deg,#f4f0f5e3,#f3eef4b8 64%,#f0e7ef73)}.maintenance-state{font-size:.68rem}.maintenance-finale{font-size:1.85rem}.maintenance-gears{width:130px;height:92px}}
@media(max-height:620px) and (min-width:651px){.maintenance-shell{gap:.9rem;padding-block:1.2rem}.maintenance-brand img{width:92px;height:92px}.maintenance-name{font-size:2.35rem}.maintenance-stat{padding:.7rem 1rem}.maintenance-stat strong{font-size:2.88rem}.maintenance-finale{font-size:1.9rem}.maintenance-gears{width:110px;height:78px}}
@media(prefers-reduced-motion:reduce){.maintenance-gear{animation:none}}