/* Shared video player: video first, one full-width in-app control underneath. */
.armr-video { position:relative; width:100%; min-width:0; max-width:100%; margin:0 0 12px; box-sizing:border-box; }
.armr-video-frame { position:relative; width:100%; min-width:0; min-height:200px; margin:0; aspect-ratio:16/9; overflow:hidden; border-radius:12px; background:#000; }
.armr-video .armr-video-frame iframe { position:absolute; inset:0; display:block; width:100%; max-width:100%; height:100%; border:0; box-sizing:border-box; }
.armr-video-tools { display:block; margin:8px 0 0; padding:0; }
.armr-video [data-video-fullscreen] { position:static; display:block; width:100%; min-width:0; min-height:48px; margin:0; padding:12px 16px; box-sizing:border-box; font:800 13px/1.3 system-ui,sans-serif; text-align:center; color:#f7d667; background:#101010; border:1px solid #75602d; border-radius:10px; cursor:pointer; touch-action:manipulation; }
.armr-video [data-video-fullscreen]:focus-visible,.armr-video-exit:focus-visible { outline:2px solid #fff1b0; outline-offset:3px; }
.armr-video-status { margin:8px 0 0; font:14px/1.4 system-ui,sans-serif; color:#bebebe; }
.armr-video-status:empty { display:none; }
#sheet .bh-receive-instruction { text-align:center; margin:10px 0 16px; }

/* Keep transforms and containment from trapping the full-view player. */
html.armr-video-is-expanded { overflow:hidden!important; }
html.armr-video-is-expanded .armr-video-expanded-parent { transform:none!important; animation:none!important; transition:none!important; will-change:auto!important; filter:none!important; backdrop-filter:none!important; perspective:none!important; contain:none!important; isolation:auto!important; overflow:visible!important; clip-path:none!important; }
/* The existing native dialog stays in the top layer. It is resized, not replaced. */
html.armr-video-is-expanded dialog.armr-video-expanded-parent[open] { position:fixed!important; inset:0!important; width:100%!important; max-width:none!important; height:100vh!important; height:100dvh!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; background:#000!important; }
.armr-video.armr-video-expanded { position:fixed!important; inset:0!important; z-index:2147483646!important; width:100%!important; height:100vh!important; height:100dvh!important; max-width:none!important; max-height:none!important; margin:0!important; display:flex!important; flex-direction:column!important; gap:10px; padding:12px; padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px)); box-sizing:border-box!important; background:#000!important; overflow:hidden!important; cursor:auto; }
.armr-video-expanded .armr-video-frame { flex:1 1 0; min-height:0!important; margin:0!important; aspect-ratio:auto; border-radius:0; }
.armr-video-expanded .armr-video-tools { display:none!important; }
.armr-video-expanded .armr-video-status { flex:none; margin:0; }
/* In-player escape control stays in normal layout, above rather than over the iframe. */
.armr-video .armr-video-exit { position:relative!important; order:-1; align-self:flex-end; flex:none!important; z-index:1; display:block!important; visibility:visible!important; opacity:1!important; width:auto!important; min-width:112px!important; min-height:50px!important; max-width:100%; margin:0!important; padding:12px 16px!important; box-sizing:border-box; color:#090909!important; background:#d4af37!important; border:2px solid #f5d96e!important; border-radius:999px!important; box-shadow:0 4px 18px #0007; font:900 13px/1 system-ui,sans-serif!important; letter-spacing:.035em!important; text-align:center!important; cursor:pointer; touch-action:manipulation!important; }