*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;color-scheme:dark;font-family:Arial,sans-serif}body{min-height:100dvh}button{font:inherit}button{cursor:pointer}button:focus-visible,#stage:focus-visible{outline:2px solid #fff;outline-offset:4px}[hidden]{display:none!important}::selection{background:#fff;color:#000}.symbols{position:absolute;width:0;height:0;overflow:hidden}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter}#stage{position:fixed;inset:0;outline:none}#picture{width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;-webkit-user-drag:none}.controls{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:2;display:flex;align-items:center;gap:12px;padding:8px 10px;background:#000c;border:1px solid #ffffff40;border-radius:4px;opacity:0;transition:opacity .15s ease-out}body:hover .controls,body[data-audio=blocked] .controls,body[data-audio=failed] .controls,.controls:focus-within{opacity:1}.controls button,.replay{display:grid;place-items:center;position:relative;width:36px;height:36px;padding:6px;background:transparent;color:#fff;border:0}.controls button:hover{background:#ffffff24}.replay{position:fixed;inset:0;margin:auto;width:64px;height:64px;background:#181818;border:1px solid #555;border-radius:50%}.replay svg{fill:currentColor;stroke-width:1}.replay:hover{background:#333}.message{position:fixed;left:20px;right:20px;bottom:80px;margin:0;text-align:center;font-size:12px;line-height:1.5;pointer-events:none;text-shadow:0 1px 3px #000;background:#000b;padding:8px}body[data-mode=stopped] #stage,body[data-mode=stopped] .controls{display:none}@media(hover:none){.controls{opacity:1}}@media(prefers-reduced-motion:reduce){.controls{transition:none}}