:root{font-family:Arial,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:transparent}#player{width:100%;margin:auto}.toolbar{display:flex;justify-content:center;gap:30px;padding:12px 8px}.toolbar button{border:0;background:none;color:inherit;font:inherit;font-weight:bold;cursor:pointer;padding:5px}.toolbar button:disabled{opacity:.55;cursor:default}button:focus-visible{outline:2px solid currentColor;outline-offset:3px}#stage{position:relative;margin:auto;aspect-ratio:4/3;width:min(100%,calc((100dvh - 102px)*4/3));background:#000;overflow:hidden;outline:none}#background,#video,#highlight,#hotspots{position:absolute;inset:0;width:100%;height:100%}#background,#highlight{object-fit:fill}#video{object-fit:fill;background:#000}#highlight{pointer-events:none}#hotspots button{position:absolute;border:0;margin:0;padding:0;background:transparent;color:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#hotspots button:focus-visible{outline:none}#transport{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:#000c;color:#fff;opacity:0;transition:opacity .15s}#stage:hover #transport,#transport:focus-within,#transport.show{opacity:1}#transport button{background:#151515;color:white;border:1px solid #999;padding:8px;font:inherit;cursor:pointer}#seek{flex:1;min-width:70px}#time{font-size:12px}#fs-hint{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:8px 16px;background:#000b;color:#fff;pointer-events:none;white-space:nowrap}#status{font-size:14px;text-align:center;margin:6px;min-height:18px}#retry{display:block;margin:6px auto}#player:fullscreen{background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center}#player:fullscreen #stage{width:min(100%,calc((100dvh - 72px)*4/3))}#player:fullscreen #status:empty{display:none}[hidden]{display:none!important}@media(pointer:coarse){#transport{opacity:1;font-size:12px;gap:4px}#transport button{padding:8px 5px}}@media(max-width:420px){.toolbar{padding:6px;gap:22px}#stage{width:100%}#time{display:none}}

html.embedded #stage{width:100%}

#player{display:flow-root}