:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080808;color:#eee}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;font-size:13px}header{border-bottom:1px solid #242424;letter-spacing:.04em}#badge{font-size:10px;letter-spacing:.18em;color:#aaa}#badge.live{color:#ff00f3}main{flex:1;display:grid;place-items:center;padding:24px 4vw}#stage{position:relative;width:100%;max-width:1440px;aspect-ratio:16/9;background:#000;overflow:hidden}#screen,iframe,#standby{position:absolute;inset:0;width:100%;height:100%;border:0}#standby{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#000}#standby[hidden]{display:none}img{width:clamp(170px,32vw,440px);height:auto}.label{font-size:11px;letter-spacing:.65em;margin:24px 0 40px;padding-left:.65em;color:#b3b3b3}h1{font-size:clamp(15px,1.6vw,23px);font-weight:400;margin:0 0 12px}#detail{font-size:12px;color:#888;margin:0;line-height:1.6}footer{color:#666;font-size:11px}button{font:inherit;color:#bbb;border:1px solid #333;border-radius:4px;background:#111;padding:9px 14px;cursor:pointer}button:hover{border-color:#ff00f3;color:#fff}#start{margin-top:20px}button[hidden]{display:none}@media(max-width:600px){main{padding:0}#stage{aspect-ratio:auto;min-height:65svh}.label{margin-bottom:32px}#detail{max-width:240px}header,footer{padding:20px}}