:root{color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:#223c36;background:white}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%}[hidden]{display:none!important}
.player{display:flex;flex-direction:column;height:100%;min-height:150px;max-width:900px;margin:auto;background:white}
.stage{flex:1;min-height:0;position:relative;overflow:hidden}.stage img,.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.controls{display:flex;align-items:center;justify-content:center;min-height:60px;padding:8px;gap:12px;border-top:1px solid #e3e8e4}
button{min-height:44px;min-width:100px;border:0;border-radius:5px;padding:10px 20px;background:#223c36;color:white;font:600 14px "Segoe UI",Arial,sans-serif;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:hover{background:#315549}button:focus-visible{outline:3px solid #a64e27;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.error #status{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal;color:#9b241e;font-size:13px}.error .controls{flex-wrap:wrap}