/* TV-safe layout: flex and explicit heights, with no grid, gap, aspect-ratio or CSS variables. */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#100f18;color:#eeeaf6;font-family:Arial,sans-serif}body{padding:4vh 4vw;background:radial-gradient(ellipse at 22% 0%,#29203d,transparent 60%),#100f18}header{height:8vh;display:flex;align-items:center;justify-content:space-between}.brand{font-size:2.1vw;font-weight:600;letter-spacing:.06em;display:flex;align-items:center}.logo{background:#c4abff;color:#231934;border-radius:8px;padding:3px 10px;font-size:2.2vw;margin-right:12px}.brand span{font-size:.8vw;color:#918a9f;letter-spacing:.14em;margin-left:20px}.connection{font-size:1vw;color:#beb7cb;max-width:35%;text-align:right}.connection i{display:inline-block;background:#a4e5bb;border-radius:50%;width:7px;height:7px;margin-right:7px}main{height:77vh;display:flex;align-items:stretch;padding-top:1vh}.stage{width:71%;min-width:0;margin-right:2.5%;position:relative}.video{height:54vh;width:100%;background:#09080e;position:relative;border:1px solid #493953;border-radius:14px;overflow:hidden}#player,#player iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}#welcome{position:absolute;top:0;left:0;width:100%;height:100%;padding:3vh 3vw;background:radial-gradient(ellipse at 85% 95%,#523576,transparent 65%),linear-gradient(125deg,#231c32,#14111e)}.eyebrow{font-size:.8vw;letter-spacing:.12em;color:#c7afd9;font-weight:700}h1{font-size:3.2vw;line-height:1.13;font-weight:500;margin:2vh 0}#welcome p{color:#c3b8d1;font-size:1.05vw;margin:1.5vh 0}.pair-card{display:flex;align-items:center;background:#31263f;border:1px solid #5b446c;padding:1.5vh 1.4vw;border-radius:10px;margin-top:2.5vh;width:100%}.pair-card>span{font-size:.8vw;letter-spacing:.07em;width:6vw;line-height:1.6;margin-right:1.3vw}.pair-card strong{font-size:3.1vw;letter-spacing:.14em;margin-right:1.5vw;white-space:nowrap}.pair-card small{font-size:1vw;color:#c4b6d2;line-height:1.45;flex:1;min-width:0}.now{display:flex;align-items:center;justify-content:space-between;padding:1.7vh .2vw}.now>div{max-width:82%;min-width:0}.now h2{font-size:1.85vw;font-weight:500;line-height:1.2;margin:.7vh 0;max-height:4.5vw;overflow:hidden}.now p{font-size:1.1vw;color:#a89fb8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:.75vw;border:1px solid #58466d;border-radius:30px;background:#292030;color:#d4baff;padding:8px 12px;letter-spacing:.08em;margin-left:12px}#notice{font-size:.95vw;color:#e0c8ac;margin:0;max-height:4vh;overflow:hidden}aside{width:26.5%;background:#1b1823;border:1px solid #332a3b;border-radius:14px;padding:1.5vw;display:flex;flex-direction:column;min-height:0;overflow:hidden}.queue-heading{display:flex;align-items:center;justify-content:space-between}.queue-heading h2{font-size:1.65vw;font-weight:500;margin:0}.queue-heading span{font-size:.8vw;color:#aaa0b8}.next{background:linear-gradient(125deg,#382a49,#282034);border:1px solid #634674;border-radius:10px;padding:1.2vw;margin-top:2vh}.next h3{font-size:1.4vw;font-weight:500;margin:1vh 0 .8vh;max-height:3.4vw;overflow:hidden}.next p{font-size:1vw;color:#bfb1cc;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-label{margin-top:2.5vh;color:#a396b1}ol{padding:0;list-style:none;overflow:auto;flex:1;margin-top:1vh}li{display:flex;padding:1.3vh 0;border-bottom:1px solid #332a3b}li>span{color:#a28bae;font-size:.95vw;min-width:2.2vw;padding-top:3px}li>div{min-width:0}li strong{display:block;font-size:1.05vw;font-weight:500}li small{font-size:.9vw;color:#a498b1;display:block;margin-top:.5vh}#empty{font-size:1vw;line-height:1.7;color:#a799b6}.aside-footer{border-top:1px solid #332a3b;padding-top:1.5vh;color:#a193af;font-size:.85vw}footer{position:absolute;bottom:3vh;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:.75vw;letter-spacing:.1em;color:#95899f}button{background:#c4abff;border:0;border-radius:8px;padding:12px;color:#241832;cursor:pointer}button:focus{outline:3px solid white}#start{position:absolute;bottom:1vh;left:25%;z-index:3}.startup-error{position:absolute;bottom:6vh;left:4vw;color:#ffceae}#start[hidden]{display:none}
@media(max-aspect-ratio:4/3){.brand span{display:none}.brand{font-size:2.8vw}.connection{font-size:1.5vw}.stage{width:64%;margin-right:2%}aside{width:34%}.video{height:50vh}#welcome{padding:3vh 2vw}h1{font-size:3.8vw}.eyebrow{font-size:1.1vw}.pair-card{flex-wrap:wrap}.pair-card>span{width:10vw;font-size:1.1vw}.pair-card strong{font-size:4vw}.pair-card small{flex-basis:100%;font-size:1.3vw;margin-top:1vh}.now h2{font-size:2.4vw;max-height:6vw}.now p,#notice{font-size:1.4vw}.queue-heading h2{font-size:2.2vw}.next h3{font-size:1.8vw;max-height:4.4vw}.next p,#empty,li strong,li small{font-size:1.3vw}.queue-heading span,.aside-footer{font-size:1.2vw}footer{font-size:1vw}}