.autoplay{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;gap:8px}.autoplay-btn{padding:8px 14px;font:500 1rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;background:#ffffff59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:999px;box-shadow:0 4px 6px #00000026;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.autoplay-btn:hover{background:#ffffff8c}.autoplay-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.autoplay-btn.is-on{color:#fff;background:#00f;border-color:#ffffffb3;box-shadow:0 4px 10px #0000ff59}.autoplay-btn.is-on:hover{background:#1a1aff}.hotspot.is-active{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 0 6px #0000ff59,0 2px 8px #00000059}@media (prefers-reduced-motion: no-preference){.hotspot.is-active{animation:hotspot-pulse 1.8s ease-out infinite}@keyframes hotspot-pulse{0%{box-shadow:0 0 #0000ff80,0 2px 8px #00000059}70%{box-shadow:0 0 0 16px #00f0,0 2px 8px #00000059}to{box-shadow:0 0 #00f0,0 2px 8px #00000059}}}@media (max-width: 520px){.autoplay{gap:6px}.autoplay-btn{padding:6px 10px;font-size:.85rem}}