/* WARD startup only. Progress and calibration use the same clock as syncPower. */
#activation{padding:24px;background:radial-gradient(ellipse at 50% 42%,#123442,#030b11 75%);--boot-progress:0;--boot-angle:0deg;--boot-light:1}
#activation .activation-core{width:min(100%,420px);padding:20px 0;text-align:center}
#activation .calibration{width:min(100%,310px,48svh);aspect-ratio:1;margin:auto;position:relative;border:1px solid #8db9cf55;border-radius:50%;background:repeating-conic-gradient(#dfba7255 0deg 1deg,transparent 1deg 10deg);box-shadow:0 0 32px #8db9cf10;opacity:var(--boot-light)}
#activation .calibration:before{content:'';position:absolute;inset:9px;border-radius:50%;border:1px solid #8db9cf55;background:linear-gradient(#8db9cf05 1px,transparent 1px),#06131d;background-size:100% 4px}
#activation .calibration:after{content:'';position:absolute;inset:19px;border-radius:50%;border:2px solid transparent;border-top-color:#dfba72;border-right-color:#dfba7255;transform:rotate(var(--boot-angle))}
#activation .calibration h1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0 0 0 9px;font:clamp(64px,18vw,108px)/1 Poster,sans-serif;letter-spacing:9px;color:#efca85;text-shadow:0 0 22px #dfba7228;z-index:1;width:max-content}
#activation .calibration p{position:absolute;left:0;right:0;top:calc(50% + 65px);margin:0;font:12px/1.4 Interface,Arial,sans-serif;letter-spacing:3px;color:#a1c6d0;z-index:1}
#activation .activation-meter{height:4px;width:85%;margin:32px auto 20px;background:#263b46;overflow:hidden}
#activation .activation-meter:after{animation:none;transition:none;transform:scaleX(var(--boot-progress));transform-origin:left;background:repeating-linear-gradient(90deg,#dfba72 0 4px,transparent 4px 6px)}
#activation .startup-functions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 12px;font:10px/1.6 Interface,Arial,sans-serif;letter-spacing:1px;color:#8ab6c1}
#activation .startup-functions span{opacity:.35}
#activation .startup-functions span.online{opacity:1;color:#dfba72}
@media(max-height:550px){#activation{padding:12px}#activation .activation-core{padding:0}#activation .calibration{width:min(100%,240px,60svh)}#activation .calibration h1{font-size:68px}#activation .calibration p{top:calc(50% + 44px);font-size:10px;letter-spacing:2px}#activation .activation-meter{margin:18px auto 14px}}
@media(prefers-reduced-motion:reduce){#activation .calibration{opacity:1}#activation .calibration:after{transform:none}}