:root{color-scheme:dark;font-family:Arial,sans-serif;background:#000;color:#fff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#main{position:fixed;inset:0;background:#000}#frame{position:absolute;left:var(--left,0);top:var(--top,0);width:var(--width,100%);height:var(--height,100%)}video{width:100%;height:100%;object-fit:contain}button{font:inherit;color:#fff;background:#111d;border:1px solid #aaa;border-radius:20px;padding:12px 18px;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{opacity:.5}#emblem{position:absolute;left:77%;top:9%;width:20%;height:45%;border:0;background:transparent;border-radius:0}.portrait #emblem{left:34%;top:2%;width:33%;height:23%}#caption{position:absolute;left:7%;bottom:14%;width:86%;font-size:clamp(16px,2.2vw,32px);font-weight:bold;line-height:1.3;text-align:center;text-shadow:2px 2px 3px #000,-2px -2px 3px #000;pointer-events:none}.portrait #caption{bottom:12%;font-size:clamp(16px,4vw,27px)}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#000}#message{max-width:30em;text-align:center;padding:0 24px;color:#bbb;line-height:1.4}[hidden]{display:none!important}

#frame video{position:absolute;inset:0}#frame video.standby{opacity:0;pointer-events:none}#emblem{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;box-shadow:none;user-select:none;-webkit-user-select:none}#emblem:focus:not(:focus-visible),#emblem:active{outline:none;background:transparent;box-shadow:none}