*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#101a20;color:#f7faf5;font:20px/1.4 "Segoe UI",Arial,sans-serif}header{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid #415056}#status{font-size:16px;color:#d6ec54}h1,h2,p{margin:0 0 12px}h1{font-size:32px}h2{font-size:24px}main{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;padding:20px 24px}.now{position:relative;padding-right:110px;min-height:92px}.now p{font-size:19px;color:#c3ceca}#remaining{position:absolute;right:0;top:5px;font-size:30px;font-variant-numeric:tabular-nums}#stage{position:relative;aspect-ratio:16/9;background:#000;min-height:230px}video,#youtubeHost,#youtubeHost iframe{width:100%;height:100%;border:0}video{position:absolute;inset:0;object-fit:contain}#youtubeHost{position:absolute;inset:0}#call{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#15262e;padding:24px}#callLabel{font-size:28px}#countdown{font-size:clamp(48px,8vw,110px);color:#d6ec54;font-variant-numeric:tabular-nums}#callHelp{max-width:700px;color:#c3ceca}aside ol{padding-left:30px}aside li{padding:12px 0;border-bottom:1px solid #415056}aside small{display:block;color:#c3ceca}footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid #415056}footer p{font-size:14px;color:#a7b8b5;width:100%}label{display:block;font-size:17px}input,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #768882}button{background:#d6ec54;color:#142318;cursor:pointer;min-height:48px}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus{outline:4px solid #fff;outline-offset:3px}input{color:#111;background:#fff}#interval{width:90px}.login{max-width:620px;padding:32px;margin:30px auto}.login p{color:#c3ceca}.login input{display:block;width:100%;margin:8px 0 18px}#loginError{color:#ffbcb1;margin-top:12px}@media(max-width:900px){main{grid-template-columns:1fr}aside ol{display:flex;gap:35px;flex-wrap:wrap}.now h1{font-size:26px}header{font-size:17px}body{font-size:17px}}
@media(min-width:901px){body{height:100vh;display:flex;flex-direction:column;overflow:hidden}header,footer{flex:none}main{flex:1;min-height:0}.presentation{display:flex;flex-direction:column;min-height:0;min-width:0}.now{flex:none}#stage{flex:1;aspect-ratio:auto;min-height:180px}aside{overflow-y:auto}.login{overflow-y:auto}}

/* Paired TV presentation. Remote operations live in the operator panel. */
.presentation-only>header,.presentation-only>#controls{display:none!important}
.presentation-only main{height:100vh;grid-template-columns:minmax(0,1fr) minmax(220px,22vw);padding:16px;gap:20px}
.presentation-only .now{min-height:76px}.presentation-only .now h1{font-size:28px}.presentation-only #stage{min-height:0}
.activation{position:fixed;z-index:10;left:24px;bottom:24px;max-width:600px;padding:16px;background:#172b35;border:1px solid #66777b;border-radius:10px;font-size:17px}
@media(max-width:900px){.presentation-only main{display:grid;grid-template-columns:minmax(0,1fr) 210px}.presentation-only aside ol{display:block}.presentation-only .presentation{display:flex;flex-direction:column}.presentation-only #stage{flex:1;aspect-ratio:auto}.presentation-only .now{padding-right:85px}.presentation-only .now h1{font-size:23px}.presentation-only .now p{font-size:16px}}