body,html{margin:0;height:100%;background:#000;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}video{width:100%;flex:1 1 auto;min-height:0;object-fit:cover;order:1}#controls{order:2;flex:0 0 auto;display:flex;gap:10px;justify-content:center;padding:12px;background:rgba(0,0,0,.6)}#controls button{padding:10px 18px;font:14px sans-serif;color:#fff;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);border-radius:6px}#controls button:disabled{opacity:.4}#controls button.active{background:rgba(255,210,0,.6);border-color:rgba(255,210,0,.9)}#status{position:fixed;top:0;left:0;right:0;padding:8px 12px;font:13px sans-serif;color:#fff;text-align:center;background:rgba(0,0,0,.6)}#status:empty{display:none}