*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101820;color:#eaf2f7;font:16px/1.5 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:clamp(12px,3vw,30px)}header{display:flex;align-items:center;gap:14px;margin-bottom:16px}h1{font-size:clamp(20px,4vw,30px);margin:0}.live{color:#ffafb1;border:1px solid #a85258;border-radius:5px;padding:2px 8px;font-size:12px;letter-spacing:.1em}.video{aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden}video{display:block;width:100%;height:100%;object-fit:contain}#status{margin-bottom:8px}.note{font-size:13px;color:#acbecb}button{background:#eaf2f7;color:#101820;border:0;border-radius:5px;padding:10px 16px;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #5cc9ff;outline-offset:3px}

.embedded,.embedded body{height:100%;overflow:hidden}.embedded main{max-width:none;height:100vh;height:100dvh;padding:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto}.embedded header,.embedded .note{display:none}.embedded .video{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}.embedded #status{margin:0;padding:4px 10px;font-size:12px;background:#101820}.embedded #retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
/* The embedded video occupies the original 16:9 frame; status is an overlay. */
.embedded main{display:block}.embedded .video{height:100%;width:100%;aspect-ratio:16/9}.embedded #status{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none;transition:opacity .3s}.embedded[data-player-state="playing"] #status{opacity:0}