/* A bounded viewer for previews and cinematic order confirmations. */
.experience-stage.motion{box-sizing:border-box;padding:12px;background:#0e0b09d9!important;backdrop-filter:blur(5px)}
.experience-stage.motion::before{display:none!important}
.experience-stage.motion .experience-scene{box-sizing:border-box!important;width:min(100%,860px)!important;height:min(760px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto auto!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden;border:1px solid #846c45;border-radius:14px;background:#100e0c;box-shadow:0 16px 64px #0008;padding:0!important}
.experience-stage.motion .motion-art{position:relative!important;inset:auto!important;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;transform:none!important;display:grid!important;place-items:center;grid-row:1}
.experience-stage.motion .motion-art video,.experience-stage.motion .motion-art canvas{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain!important}
.experience-stage.motion .owl-viewport,.experience-stage.motion .starwars-viewport,.experience-stage.motion .dice-viewport,.experience-stage.motion .critical-viewport{position:absolute!important;inset:0!important;width:100%;height:100%;overflow:hidden;display:grid;place-items:center}
.experience-stage.motion .experience-caption{position:relative!important;grid-row:2;box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 18px 8px!important;pointer-events:none;background:#17120f!important;animation:none!important;text-align:center}
.experience-stage.motion .experience-caption strong{font-size:clamp(1.25rem,3.5vw,1.8rem)!important;line-height:1.15}
.experience-stage.motion .experience-caption p{font:14px/1.35 system-ui;margin:4px auto 0}
.experience-stage.motion .experience-skip{position:relative!important;grid-row:3;justify-self:center;align-self:center;min-height:44px;margin:4px 12px 12px;padding:10px 28px;z-index:4}
.experience-stage.motion .welcome-wordmark{max-height:32px;width:auto;margin:0 auto 7px}
.experience-stage.motion .critical-viewport{background:#21160f}.critical .experience-caption strong{visibility:hidden}.critical.critical-success .experience-caption strong{visibility:visible;color:#f1d294}
@media(max-width:600px){.experience-stage.motion{padding:8px}.experience-stage.motion .experience-scene{width:100%!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}.experience-stage.motion .experience-caption{padding:8px 12px 4px!important}.experience-stage.motion .experience-skip{margin-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(max-height:480px) and (orientation:landscape){.experience-stage.motion .experience-scene{grid-template-columns:minmax(0,1fr) 220px!important;grid-template-rows:minmax(0,1fr) auto!important}.experience-stage.motion .motion-art{grid-row:1/3;grid-column:1}.experience-stage.motion .experience-caption{grid-row:1;grid-column:2;align-self:end}.experience-stage.motion .experience-skip{grid-row:2;grid-column:2}.experience-stage.motion .welcome-wordmark{display:none}}

.experience-stage.motion .experience-skip{inset:auto!important}.experience-stage.motion .motion-art{container-type:size}.experience-stage.motion .critical-viewport{inset:0 auto 0 50%!important;transform:translateX(-50%);width:min(100cqw,calc(100cqh * 4 / 7))!important;height:100cqh!important}

.experience-stage.motion .motion-art video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}

.pokemon-viewport,.upgrade-viewport{position:absolute;inset:0;display:block;width:100%;height:100%;background:#100e0c}