:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#000;color:#fff}
.start{position:absolute;z-index:3;font-size:20px;padding:20px 28px;background:#ffffff;color:#000;border:0;box-shadow:0 8px 40px #0008}.start:hover{background:#ddd}.start[hidden]{display:none}
*{box-sizing:border-box}body{margin:0}main{position:relative;display:grid;place-items:center;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000}video{width:100%;height:100%;object-fit:contain}button{font:inherit;font-weight:600;color:#fff;border:1px solid #ffffff40;border-radius:999px;background:#181818df;padding:12px 18px;min-height:46px;cursor:pointer;backdrop-filter:blur(12px)}button:hover{background:#383838}button:focus-visible{outline:3px solid #fff;outline-offset:4px}.controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:0;right:0;display:flex;gap:10px;justify-content:center;padding:0 14px;z-index:2}.controls[hidden]{display:none}#status{position:absolute;top:max(20px,env(safe-area-inset-top));margin:0 18px;padding:10px 16px;border-radius:12px;background:#171717e8;text-align:center;max-width:90%;pointer-events:none}#status:empty{display:none}.fallback{position:absolute;top:20px}button:disabled{display:none}@media(max-width:380px){button{padding:12px 13px;font-size:14px}.controls{gap:7px}}