.phone-video-gallery .phone-screen{background:#000;display:block;padding-top:0}
.phone-video-gallery .phone-topbar{background:#000;color:#fff;height:30px;padding:9px 13px 0;text-shadow:none;pointer-events:none;z-index:4}
.phone-video-gallery .phone-island{border:1px solid #333;top:7px}
.phone-video-stage{position:absolute;inset:0;overflow:hidden;background:#000}
.phone-video-stage video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.phone-video-play{position:absolute;inset:50% auto auto 50%;translate:-50% -50%;width:48px;height:48px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:#d90000;color:#fff;cursor:pointer;box-shadow:0 4px 20px #0004}
.phone-video-play svg{width:20px;height:20px;margin-left:2px;fill:currentColor}
.phone-video-nav{position:absolute;bottom:16px;left:8px;right:8px;display:flex;align-items:center;justify-content:space-around;gap:0;padding:0;min-height:44px;border:0;border-radius:999px;background:#ffffff1a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#000;z-index:3}
.phone-video-arrow{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:transparent;color:#000;display:grid;place-items:center;cursor:pointer;transition:transform 150ms}
.phone-video-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.phone-video-counter{position:absolute;top:36px;left:50%;translate:-50% 0;z-index:3;font-size:11px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;background:#0009;color:#fff;border-radius:999px;padding:3px 9px;pointer-events:none}
.phone-video-gallery .phone-home{background:#fff;bottom:6px;width:64px;height:3px;box-shadow:0 1px 3px #0005;pointer-events:none}
.phone-video-error{position:absolute;inset:auto 8px 60px;background:#fff;color:#000;padding:12px;border-radius:12px;font-size:12px;line-height:1.5;text-align:center}
.phone-video-gallery [hidden]{display:none!important}
.phone-video-arrow:focus-visible,.phone-video-play:focus-visible,.phone-video-stage video:focus-visible,.phone-media-button:focus-visible,.phone-video-seek:focus-visible{outline:3px solid #ff0000;outline-offset:2px}
.phone-video-gallery .phone-device{transform:none!important}
.phone-video-tools{position:absolute;right:6px;top:56px;display:flex;align-items:center;z-index:3}
.phone-media-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:14px;border:0;border-radius:50%;background:transparent;color:#000;cursor:pointer}
.phone-video-fullscreen{opacity:0;pointer-events:none;transition:opacity 150ms}
.phone-screen:hover .phone-video-fullscreen,.phone-video-fullscreen:focus-visible,.phone-screen:fullscreen .phone-video-fullscreen,.is-expanded .phone-video-fullscreen{opacity:1;pointer-events:auto}
/* Smaller visible discs keep the existing 44px touch targets. */
.phone-video-arrow,.phone-media-button{position:relative;isolation:isolate}
.phone-video-arrow::before,.phone-media-button::before{content:"";position:absolute;width:32px;height:32px;left:50%;top:50%;translate:-50% -50%;border:1px solid #ffffff80;border-radius:50%;background:#ffffffbf;z-index:-1;pointer-events:none;transition:background 150ms}
.phone-media-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.phone-video-seek{position:absolute;left:14px;bottom:64px;width:calc(100% - 28px);height:44px;padding:0;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;accent-color:#d90000}
.phone-video-seek::-webkit-slider-runnable-track{height:2px;border-radius:99px;background:#ffffffb3;box-shadow:0 1px 2px #0003}
.phone-video-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#d90000;border:1px solid #fff;width:10px;height:10px;border-radius:50%;margin-top:-4px}
.phone-video-seek::-moz-range-track{height:2px;border-radius:99px;background:#ffffffb3}
.phone-video-seek::-moz-range-thumb{background:#d90000;border:1px solid #fff;width:10px;height:10px;border-radius:50%}
.phone-video-seek:disabled{opacity:.5;cursor:default}
.phone-video-gallery .phone-screen:fullscreen,.phone-video-gallery.is-expanded .phone-screen{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}
.phone-screen:fullscreen .phone-video-stage video,.is-expanded .phone-video-stage video{object-fit:contain}
.phone-screen:fullscreen .phone-topbar,.phone-screen:fullscreen .phone-home,.is-expanded .phone-topbar,.is-expanded .phone-home{display:none}
.phone-screen:fullscreen .phone-video-nav,.phone-screen:fullscreen .phone-video-tools,.is-expanded .phone-video-nav,.is-expanded .phone-video-tools{max-width:240px;margin-inline:auto}
.phone-screen:fullscreen .phone-video-seek,.is-expanded .phone-video-seek{width:220px;left:50%;translate:-50% 0}
.phone-video-gallery.is-expanded{z-index:1200;transform:none!important}
.phone-video-gallery.is-expanded .phone-screen{position:fixed;inset:0;z-index:1200}
.has-phone-video-fullscreen{overflow:hidden}
@media(hover:hover){.phone-video-arrow:hover::before,.phone-media-button:hover::before{background:#ffffffe6}.phone-video-play:hover{background:#b00000}}
.phone-video-arrow:active{transform:scale(.96)}
@media(prefers-reduced-motion:reduce){.phone-video-arrow,.phone-video-arrow::before,.phone-media-button::before{transition:none}}