/* Stage playback extension only: does not alter existing site or offline presentation. */
.oy-stage-live[hidden], .oy-stage-section .oy-player[hidden] { display: none !important; }
.oy-stage-live { margin: 0; background:#111f24; color:#f6f7ef; }
.oy-stage-live-meta { display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 20px;background:#dce2dd;color:#24302e; }
.oy-stage-live-meta [data-oy-stage-heading] {font-weight:800;font-size:17px;}
.oy-stage-live-meta small {margin-left:auto;font-size:12px;}
.oy-stage-live-screen { aspect-ratio:16/9;min-height:300px;max-height:680px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#314c53,#10181c 70%);text-align:center; }
.oy-stage-live-launch { padding:24px;max-width:620px;margin:auto; }
.oy-stage-live-launch p {font-size:15px;line-height:1.8;}
.oy-stage-play-button {background:#f3a67a;color:#13212a;border:0;border-radius:3px;padding:15px 23px;margin:12px auto;font-weight:800;cursor:pointer;font-size:16px;}
.oy-stage-play-button:focus-visible {outline:3px solid #fff;outline-offset:3px;}
.oy-stage-live-note {font-size:12px!important;color:#c5d1ca;}
.oy-stage-live-iframe {border:0;position:absolute;inset:0;width:100%;height:100%;}
@media(max-width:600px){.oy-stage-live-meta {padding:12px 15px;}.oy-stage-live-meta small{margin-left:0;}.oy-stage-live-screen{min-height:235px;}}

/* Five-second cards replace the player; never cover embedded video. */
.oy-intro-card{position:relative;min-height:320px;width:100%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#173e39,#172e3e);color:#fff;padding:28px;text-align:center;box-sizing:border-box}.oy-intro-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.oy-intro-content{position:relative;z-index:1;max-width:90%;overflow-wrap:anywhere}.oy-intro-content h3{color:#fff!important;margin:.3em 0;font-size:clamp(24px,3vw,42px)}.oy-intro-content p{color:#fff!important;margin:.6em 0}.oy-intro-badge{font-size:12px;letter-spacing:.12em}.oy-intro-title{font-size:clamp(18px,2vw,28px)}.oy-intro-portrait{max-width:220px;max-height:200px;width:auto;object-fit:contain}.oy-intro-content small{color:#e4eded}.oy-intro-content p:not(.oy-intro-badge){white-space:pre-line}

.oy-live-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;color:#fff;background:#172b35}.oy-live-controls[hidden]{display:none}.oy-live-controls label{display:flex;align-items:center;gap:8px}.oy-live-controls input{width:140px}.oy-live-controls p:empty{display:none}.oy-stage-live:fullscreen{width:100vw;height:100vh;overflow:auto;background:#102029;padding:16px;box-sizing:border-box}.oy-stage-live:fullscreen .oy-stage-live-screen{max-height:65vh}.oy-stage-live:fullscreen .oy-stage-lyrics{max-height:20vh}

#otoyard-app .oy-live-controls label,.oy-live-controls label{color:#fff}