:root{color:#fff;text-rendering:optimizelegibility;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}main{max-width:680px;margin:auto;padding:16px}header{align-items:center;display:flex}header h1{font-weight:400}.logo{width:80px;height:80px}a{--link-color:#0cff10;--link-hover-color:color-mix(in srgb, var(--link-color), white 35%);color:var(--link-color);text-underline-offset:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--link-color) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--link-color) 50%, transparent)}a:hover{color:var(--link-hover-color);-webkit-text-decoration-color:var(--link-hover-color);text-decoration-color:var(--link-hover-color)}ul li{margin-bottom:8px}.warning{color:#fcd330}.roster-hosts{font-size:18px}.roster-sections{gap:16px;margin-top:24px;display:grid}.roster-section{border:2px solid var(--roster-color);background:color-mix(in srgb, var(--roster-color) 12%, transparent);padding:12px 14px}.roster-section a{--link-color:var(--roster-color)}.roster-section h2{color:var(--roster-color);margin:0 0 10px;font-size:20px;font-weight:400}.roster-section ul{columns:2 220px;margin:0;padding-left:18px}.roster-status{color:#ff8f8f}.roster-section a.roster-status-unassigned{--link-color:#ff3b3b;color:#ff3b3b;font-weight:700}.results-section{margin-top:28px}.results-section h2{margin:0 0 2px;font-size:20px;font-weight:400}.results-credits{color:#ccc;margin:0 0 10px;font-size:15px}.results-tbd{color:#fff7;font-style:italic}input{color:#fff;background-color:#444;border:1px solid #999}input.big{width:100%;padding:10px}.the-gap{margin-bottom:300px}button:not(.section-row button){appearance:none;color:#fff;font:inherit;cursor:pointer;background-color:#444;border:2px solid #999;min-height:28px;padding:4px 10px}button:not(.section-row button):hover:not(:disabled){background-color:#555;border-color:#bbb}button:not(.section-row button):disabled{color:#fff8;cursor:not-allowed;opacity:.75}.section-row{box-sizing:content-box;background-color:#222;border:2px solid #999;flex-direction:column;height:24px;display:flex;position:relative}.section-row+.section-row{margin-top:-2px}.section-row .section-row-main{height:24px;display:flex}.section-row.active{z-index:10;background-color:#5b1f03;border-color:#e7d441}.section-row.active button{background-color:#b5490b;border-color:#e7d441}.section-row.active .timestamp{border-color:#e7d441}.section-row.playing{z-index:200;background:#06315f;border-color:#4a9dff}.section-row.playing button{background-color:#0d5da4;border-color:#4a9dff}.section-row.playing .timestamp{border-color:#4a9dff}.section-row.reserved{background-color:#000;border-color:#333}.section-row.reserved button{background-color:#050505;border-color:#333}.section-row.reserved button .ico{opacity:.35}.section-row.reserved .timestamp{color:#ffffff45;border-color:#333;text-decoration:line-through}.section-row.reserved .transcript{opacity:.4}.section-row.reserved .transcript .transcript-part,.section-row.reserved .transcript .transcript-divider{text-decoration:line-through}.section-row.reserved button.ctrl{color:#fff5;cursor:not-allowed;text-decoration:line-through}.section-row.tooltip-open{z-index:300}.section-row .section-row-tooltip{z-index:10;color:#000;white-space:normal;background:#fff;max-width:150px;padding:6px 8px;font-size:13px;line-height:1.2;position:absolute;top:calc(100% + 8px);left:8px}.section-row .section-row-tooltip:before{content:"";border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-6px;left:16px}.section-row.active.playing{background:#651313;border-color:#ff4d4d}.section-row.active.playing button{background-color:#a40d0d;border-color:#ff4d4d}.section-row.active.playing .timestamp{border-color:#ff4d4d}.section-row button{box-sizing:content-box;appearance:none;font-size:inherit;text-align:center;color:#fff;background-color:#444;border:none;border-right:2px solid #999;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;display:flex}.section-row button .ico{width:16px;height:16px}.section-row button .ico.fill{fill:#fff}.section-row button.number{width:30px}.section-row button.ctrl{gap:4px;width:82px;font-size:14px}.section-row .transcript{white-space:nowrap;flex-grow:1;align-items:center;min-width:0;padding:0 8px;font-size:13px;line-height:20px;display:flex;overflow:hidden}.section-row .transcript-part{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.section-row .transcript-start{flex:0 auto}.section-row .transcript-divider{color:#fff9;flex:none;margin:0 8px}.section-row .transcript-end{text-align:left;direction:rtl;flex:0 auto}.section-row .transcript-end-text{direction:ltr;unicode-bidi:isolate}.section-row .assignee{white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #999;flex-shrink:0;align-items:center;width:150px;height:100%;padding:0 8px;font-size:13px;display:flex;overflow:hidden}.section-row .assignee a,.section-row .assignee span{text-overflow:ellipsis;overflow:hidden}.section-row .timestamp{font-variant-numeric:tabular-nums;text-align:center;color:#fffe;border-left:2px solid #999;flex-shrink:0;width:95px;height:100%;font-size:14px;line-height:23px}.section-row .section-player-wrap{z-index:1;opacity:0;pointer-events:none;visibility:hidden;position:absolute;top:100%;left:-2px;right:-2px}.section-row .section-player-wrap.visible{opacity:1;visibility:visible}.section-row .section-player-frame{pointer-events:auto;background:#000;border:2px solid #4a9dff;width:70%;min-width:260px;margin-left:auto;position:relative}.section-row.active.playing .section-player-frame{border-color:#ff4d4d}.section-row .section-player-wrap:before{content:"";pointer-events:none;background:linear-gradient(#000c,#0000 55%);width:30%;position:absolute;top:2px;bottom:0;left:0}.section-row .section-player{outline-offset:-2px;background:#000;width:100%;display:block}