*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#06182a;font-family:Arial,sans-serif}.player{position:relative;width:100%;height:100%;background:#06182a}video{display:block;width:100%;height:100%;object-fit:contain;background:#06182a}
/* The silent preview is one accessible hit area. It disappears after activation. */
#unmute{position:absolute;inset:0;width:100%;height:100%;z-index:2;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:white;cursor:pointer;touch-action:manipulation;font-family:inherit;text-align:left}
.unmute-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:9px;min-height:46px;padding:12px 16px;border:1px solid rgba(255,255,255,.65);border-radius:6px;background:#ac532a;box-shadow:0 3px 18px #0005;font-size:15px;font-weight:700;line-height:1.2;pointer-events:none}
#unmute:hover .unmute-badge{background:#8d4020}#unmute:focus-visible{outline:3px solid white;outline-offset:-4px}#unmute svg{width:22px;height:22px;flex:none}#unmute[hidden],[hidden]{display:none!important}.touch-label{display:none}#video-error{position:absolute;z-index:3;bottom:48px;left:12px;right:12px;color:white;background:#06182aef;margin:0;padding:12px;font-size:14px}#video-error a{color:#fff;text-decoration:underline}@media(max-width:600px),(pointer:coarse){.desktop-label{display:none}.touch-label{display:inline}.unmute-badge{top:9px;left:9px;min-height:44px;font-size:13px;padding:9px 12px;gap:7px}#unmute svg{width:19px;height:19px}}