/* Scoped to optional Blender openings; existing theme openings keep their layout. */
.entrance[id="entrance"][class*="entrance-b_"]{position:fixed;inset:0;transform:none;width:100%;max-width:none;height:100%;height:100dvh;margin:0;padding:0;display:grid;place-items:center;background:#d0ceca;overflow:auto;touch-action:pan-y;z-index:1000}
.entrance[id="entrance"][class*="entrance-b_"].leave{animation:blenderFadeOut .8s ease both;pointer-events:none}
@keyframes blenderFadeOut{to{opacity:0}}
.entrance[class*="entrance-b_"]>.entrance-bg,.entrance[class*="entrance-b_"]::after,.entrance[class*="entrance-b_"]::before{display:none!important}
.blender-stage{position:relative;width:min(100vw,56.25vh);width:min(100vw,56.25dvh);min-width:0;max-width:100%;height:100vh;height:100dvh;margin:auto;padding:0;color:#523a38;background:#d0ceca;isolation:isolate;text-align:center;font:15px/1.5 system-ui,sans-serif;box-sizing:border-box}
.blender-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent 0,black 19%,black 91%,transparent);-webkit-mask-image:linear-gradient(transparent 0,black 19%,black 91%,transparent)}   /* the names sit on the plain page colour, not on the scene's studio shading */
.blender-heading{position:absolute;top:max(3%,env(safe-area-inset-top));left:6%;right:6%;max-height:24%;overflow:auto;padding:4px}
.blender-blessing{font:clamp(18px,3.6vh,30px)/1.6 'Noto Nastaliq Urdu',serif;margin-bottom:10px}
.blender-names{font:400 clamp(21px,4.1vh,38px)/1.5 'Great Vibes',cursive;margin:0;overflow-wrap:anywhere}
.blender-names span{white-space:nowrap;display:inline-block}
.blender-date{font:12px/1.5 system-ui,sans-serif;letter-spacing:.14em;margin:7px 0 0}
.blender-actions{position:absolute;bottom:max(2%,env(safe-area-inset-bottom));left:5%;right:5%;display:flex;flex-direction:column;align-items:center;gap:6px}
.blender-message{max-height:20vh;overflow:auto;width:100%;scrollbar-width:thin;background:#eee8deed;border-radius:12px;box-sizing:border-box}
.blender-message:has(p){padding:0 10px}
.blender-caption,.blender-note{font:13px/1.65 system-ui,sans-serif;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0}
.blender-stage button,.blender-preview-end button{min-height:44px;cursor:pointer;font:600 13px/1.5 system-ui,sans-serif;border:0;border-radius:999px;padding:12px 22px}
.blender-play{background:#533c38;color:#fffaf1;box-shadow:0 6px 18px #46332d22}
.blender-skip{background:transparent;color:#523a38;text-decoration:underline;text-underline-offset:4px}
.blender-stage button:focus-visible{outline:3px solid #9c6233;outline-offset:4px}
.blender-stage button[hidden]{display:none}.blender-stage button:disabled{cursor:wait;opacity:.65}
.blender-status{font:12px/1.4 system-ui,sans-serif;margin:0;min-height:0}.blender-status:empty{display:none}
.blender-stage .bi>[lang="ur"]{display:none}html[data-lang="ur"] .blender-stage .bi>[lang="en"]{display:none}html[data-lang="ur"] .blender-stage .bi>[lang="ur"]{display:inline-block;font-family:'Noto Nastaliq Urdu',serif;line-height:2}
.blender-preview{margin:0;background:#d0ceca}.blender-preview #entrance{height:100vh;height:100dvh}.blender-preview [hidden]{display:none!important}
.blender-preview-end{padding:20vh 24px 30px;text-align:center;color:#523a38;font:16px/1.6 system-ui}.blender-preview-end a{display:block;margin:20px;color:inherit}
@media(max-aspect-ratio:9/16){.blender-stage{width:100%}.blender-film{object-fit:contain}}
@media(max-height:500px){.blender-stage{min-height:620px;width:349px}.blender-preview #entrance{height:auto;min-height:620px}.blender-heading{top:3%}.blender-blessing{font-size:21px}.blender-names{font-size:27px}}
@media(prefers-reduced-motion:reduce){.entrance[class*="entrance-b_"]{transition:none!important}}

/* Wide screens: the portrait film is shown larger inside the same portrait window (the empty studio above and below is cropped by the stage). */
@media(min-aspect-ratio:1/1) and (min-height:560px){.blender-stage{overflow:hidden}.blender-film{transform:scale(1.16);transform-origin:50% 58%}}