.phone-video-expand{position:absolute;right:calc(3.3% + 12px);bottom:calc(1.55% + 12px);z-index:40;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:50%;filter:drop-shadow(0 1px 2px #0007)}
.phone-video-expand:before{content:'';position:absolute;inset:7px;z-index:-1;border-radius:50%;background:#42554d3b;box-shadow:inset 0 0 0 .5px #ffffff8b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.phone-video-expand svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* The explainer transport owns the bottom row; fullscreen sits above it. */
.gm-phone>.phone-video-expand{bottom:calc(1.55% + 68px)}
.phone-video-expand:focus-visible{outline:2px solid #42a583;outline-offset:-2px}
.phone-video-fullview-open{overflow:hidden!important}
.phone-video-dialog{position:fixed;inset:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;background:transparent;border:0;padding:0;overflow:hidden;display:grid;place-items:center}
.phone-video-dialog:not([open]){display:none}
.phone-video-dialog::backdrop{background:#0d1512b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.visitor-flow #main .phone-video-dialog .phone-video-fullview{position:relative;inset:auto;width:min(460px,calc(100vw - 20px),calc((100dvh - 20px)*.47794))!important;height:auto!important;max-width:none!important;aspect-ratio:71.5/149.6!important;margin:0!important;transform:none!important}
body.visitor-flow #main .phone-video-dialog .phone-video-fullview .phone-video-expand{bottom:calc(1.55% + 12px);right:calc(3.3% + 12px)}

.phone-fullview-toggle{position:absolute;left:calc(3.3% + 12px);bottom:calc(1.55% + 12px);z-index:40;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:50%;filter:drop-shadow(0 1px 2px #0007)}
.phone-fullview-toggle:before{content:'';position:absolute;inset:7px;z-index:-1;border-radius:50%;background:#42554d3b;box-shadow:inset 0 0 0 .5px #ffffff8b;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.phone-fullview-toggle svg{width:17px;height:17px}
.phone-fullview-toggle:focus-visible{outline:2px solid #42a583;outline-offset:-2px}
.phone-video-fullview>.reel-actions{right:calc(3.3% + 12px)}
.phone-video-dialog[open]{animation:be-video-fullview-in .24s cubic-bezier(.22,.78,.25,1)}
@keyframes be-video-fullview-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.phone-video-fullview>.reel-actions{right:calc(3.3% + 12px)}
.phone-video-dialog[open]{animation:none}}

/* The reel occupies the complete mobile viewport, without a second hardware bezel. */
@media(max-width:820px){
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview{width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview .phone-display{inset:0!important;width:100%!important;height:100%!important;border:0!important;border-radius:0!important;overflow:hidden!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview :is(.phone-status,.phone-key,.phone-home){display:none!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview :is(.app-screens,.app-screen){height:100%!important;border-radius:0!important}
 body.visitor-flow #main .phone-video-dialog .phone-video-fullview .app-motion{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
}

@media(max-width:820px){.phone-video-fullview>.reel-actions{right:max(12px,env(safe-area-inset-right))}}