/* Event wall: 2.5 × 2 metres (5:4). Keep the central stage clear at every size. */
body.event-mode .story,body.event-mode .edition,body.event-mode .scene-label,
body.event-mode .scene-bottom,body.event-mode .scene-status,body.event-mode .footer,
body.event-mode #invite,body.event-mode #guide{display:none}
body.event-mode .atmosphere{background:radial-gradient(ellipse at 50% 46%,transparent 30%,#020a0960 78%,#020706b3);opacity:.65}
body.event-mode .masthead{top:4%;left:4%;right:4%;align-items:flex-start}
body.event-mode .brand{font-size:clamp(16px,2vmin,30px);gap:1vmin;letter-spacing:.15em}
body.event-mode .brand img{width:3.5vmin;height:3.5vmin;min-width:24px;min-height:24px}
body.event-mode .brand-sub{display:none}
body.event-mode .connection{font-size:0;gap:0;margin-top:1vmin}
body.event-mode #dot{width:.65vmin;height:.65vmin;min-width:5px;min-height:5px}
body.event-mode .controls{display:none}
body.event-mode.operator-controls .controls{display:flex;opacity:1;pointer-events:auto;left:50%;right:auto;transform:translateX(-50%);bottom:2%}
body.event-mode.operator-controls .connection{font-size:11px;gap:8px}
#event-caption{position:fixed;z-index:4;bottom:5.2%;left:6%;right:6%;text-align:center;pointer-events:none}
#event-cue{font-size:clamp(22px,3.1vmin,52px);font-weight:300;letter-spacing:.015em;color:#d6efdf;text-shadow:0 2px 20px #000,0 0 45px #68ffc533}
#event-caption.engaged #event-cue{color:#b9ffe4}
#event-demo{position:absolute;right:0;bottom:0;color:#90afa1;font-size:clamp(10px,1vmin,18px);letter-spacing:.22em}
body.clean #event-caption{display:none}
@media(max-width:700px){body.event-mode .brand{font-size:15px}body.event-mode.operator-controls .controls{max-width:95%;flex-wrap:wrap;justify-content:center}#event-cue{font-size:23px}}