/* /ward-media/listening-poster.css?v=386 */
#entry-gate{background:#050a0e;gap:0;place-content:center;overflow:auto}
#entry-gate #enter-experience{display:block;width:min(100vw,calc(100svh * 2 / 3));height:auto;aspect-ratio:2/3;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:#10191e url('/ward-media/images/listening-poster.webp?v=329') center/contain no-repeat;box-shadow:0 0 80px #0008;font-size:0;letter-spacing:0;cursor:pointer;touch-action:manipulation}
/* The landscape artwork extends the wall; the portrait sign stays unchanged on phones. */
@media(min-width:900px) and (orientation:landscape){
  #entry-gate{overflow:hidden}
  #entry-gate #enter-experience{width:100vw;height:100svh;aspect-ratio:auto;background-image:url('/ward-media/images/listening-poster-wide.webp?v=329');background-size:cover;box-shadow:none}
}
#entry-gate #enter-experience:focus-visible{outline:2px solid #dfba72;outline-offset:-6px}
#entry-gate #enter-experience{background-image:none;position:relative}
#entry-gate #enter-experience picture,#entry-gate #enter-experience img{display:block;width:100%;height:100%;object-fit:contain}
#entry-gate .poster-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:900px) and (orientation:landscape){#entry-gate #enter-experience img{object-fit:cover}}
#entry-gate .listening-guidance{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#entry-gate #entry-note:not(:empty){position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;max-width:560px;margin:auto;padding:12px 16px;background:#071520f2;border:1px solid #dfba7266;border-radius:6px;font:400 14px/1.5 Interface,Arial,sans-serif;letter-spacing:normal;text-align:center;color:#eee8db;pointer-events:none}

/* /ward-media/ward-activation.css?v=312 */
/* 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}}