.purple-opening{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#25172e;color:#f6edda;overflow:hidden}
.purple-opening::backdrop{background:#25172e}
.purple-opening video{display:block;width:100%;height:100%;object-fit:contain}
.purple-opening__controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.purple-opening button{display:grid;place-items:center;width:48px;height:48px;padding:10px;border:0;border-radius:50%;background:transparent;color:#e4c67c;cursor:pointer}
.purple-opening button:hover{background:rgba(228,198,124,.1)}
.purple-opening button svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.purple-opening [aria-pressed="true"] .purple-opening__mute{display:none}
.purple-opening button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.purple-opening button[hidden]{display:none}
html[data-purple-opening]{overflow:hidden}