#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 .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}