#activity{padding:0;max-width:760px}.activity-stage{display:grid;grid-template-rows:auto minmax(200px,1fr) auto;min-height:600px}.activity-header{padding:20px 24px 0}.activity-header h2{font-size:28px}.activity-header .eyebrow{margin-bottom:4px}.activity-view{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:0 20px}#activity-picture{flex:none;margin:0;background-repeat:no-repeat;max-width:100%;border-radius:14px}.activity-controls{padding:15px 24px 24px;background:#f8f3e8}.activity-controls .eyebrow{margin:0 0 8px}#live-caption{font-size:22px;line-height:1.4;min-height:62px;margin:0 0 12px}#live-caption .spoken{background:#ead08a;color:#173c31;border-radius:3px}.activity-buttons{display:flex;align-items:center;gap:10px;justify-content:space-between}.activity-buttons button{font-size:14px}.activity-extra{overflow-y:auto;overscroll-behavior:contain;max-height:40dvh;padding-top:12px}#activity-details summary{padding:12px 0;font-size:14px}body:has(#activity[open]){overflow:hidden}video::cue{background:#173c31e8;color:#fff8e8}
@media(max-width:650px){#activity{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;overflow:hidden;background:#284e46;color:#fff8e8}.activity-stage{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(ellipse at center,#64774b,#284e46 70%)}.activity-header{padding:calc(8px + env(safe-area-inset-top)) 14px 4px;background:#173c31e8;max-height:22dvh;overflow-y:auto}.activity-header h2{font-size:21px;line-height:1.15;margin:5px 0 9px}.activity-header .eyebrow{font-size:10px;color:#e8c87b;margin:5px 0 0}.activity-header button{min-height:36px;padding:5px 12px;font-size:12px;color:#fff8e8;border-color:#d9b77880}.activity-view{padding:0;min-height:0}#activity-picture{border-radius:0;max-width:100%}.activity-controls{padding:12px 14px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#173c31e8,#173c31);max-height:58dvh;overflow-y:auto;overscroll-behavior:contain}.activity-controls .eyebrow{font-size:10px;color:#e8c87b;line-height:1.2;margin-bottom:5px}#live-caption{font-size:clamp(19px,4.9vw,24px);line-height:1.3;min-height:51px;margin-bottom:11px}.activity-buttons{gap:7px}.activity-buttons button{min-height:44px;padding:8px 11px;font-size:12px;border-color:#d9b77880;color:#fff8e8}.activity-buttons .button{background:#e4c177;border-color:#e4c177;color:#173c31;font-size:14px;flex:1}.activity-controls audio{display:none}#activity-details summary{padding:12px 0 5px;color:#e4c177;font-size:12px}.activity-extra{max-height:38dvh;font-size:16px}.activity-extra select{width:100%}.activity-extra #instruction{font-size:18px}}

.activity-view{height:min(55dvh,560px)}
.door-opening{padding:24px;text-align:center;background:#173c31;color:#fff8e8;max-height:100dvh;overflow-y:auto}.door-opening[hidden],.activity-stage[hidden]{display:none}.door-opening h2{font-size:30px}.door-opening .eyebrow{color:#e4c177}.door-opening img,.door-opening video{width:100%;max-height:55dvh;object-fit:contain;border-radius:12px}.door-opening video[hidden]{display:none}.door-opening button.secondary{color:#fff8e8}.door-opening p{font-size:21px}.door-opening.arriving{animation:door-arrival .65s ease-out}@keyframes door-arrival{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){.activity-view{height:auto}.door-opening{height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.door-opening h2{font-size:27px}.door-opening img{min-height:0;flex:1;object-fit:contain}.door-opening .activity-buttons{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.door-opening.arriving{animation:none}}
#activity{height:92dvh;overflow:hidden}.activity-stage{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.activity-view{height:auto}.activity-controls{max-height:55dvh;overflow-y:auto}@media(max-width:650px){#activity{height:100dvh}.activity-stage{height:100dvh}.activity-controls{max-height:58dvh}}