:root{color-scheme:dark;background:#000}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}
#player{display:block;width:100%;height:100%;height:100dvh;object-fit:contain;background:#000;touch-action:manipulation;-webkit-touch-callout:none;user-select:none;outline:none}
#player::-webkit-media-controls{display:none!important}
#sound-toggle{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:1;display:grid;place-items:center;width:48px;height:48px;padding:11px;border:1px solid #ffffff50;border-radius:50%;background:#0009;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#sound-toggle svg{width:24px;height:24px;pointer-events:none}
#sound-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
#sound-toggle[data-muted="true"] .sound-on,#sound-toggle[data-muted="false"] .sound-off{display:none}