*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent!important;color:#f4f6f8;font-family:'Segoe UI',Arial,sans-serif}#canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:top left;--accent:#ed4054}.broadcast-bug{position:absolute;right:58px;top:45px;background:#111b24ee;border-top:4px solid var(--accent);padding:17px 24px;font-size:22px;font-weight:800;max-width:700px;text-align:right}.broadcast-bug small{display:block;margin-top:6px;color:#a6b7c5;font-size:12px;letter-spacing:2px}.logo{max-height:60px;max-width:190px;object-fit:contain;vertical-align:middle;margin-right:15px}.tower{position:absolute;left:58px;top:45px;width:420px;background:#101922f5;border:1px solid #425262;border-top:5px solid var(--accent);box-shadow:0 8px 24px #0007}.tower h2{margin:0;padding:19px 22px;background:#1d2b37;font-size:17px;letter-spacing:2px}.tower .lap{padding:12px 22px;font-size:15px;color:#c3d0da;border-bottom:1px solid #465564}.driver-row{display:grid;grid-template-columns:40px 52px 1fr 87px;gap:8px;padding:16px 14px;align-items:center;border-bottom:1px solid #364653;font-size:17px;min-height:60px}.driver-row:nth-child(even){background:#ffffff08}.driver-row .pos{font-size:25px;font-weight:800}.number{font-weight:900;font-style:italic;color:white}.driver-row .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.driver-row .gap{text-align:right;font:15px Consolas,monospace;color:#bbd2df}.tower footer{padding:12px 22px;color:#8a9eae;font-size:10px;letter-spacing:2px}.lowerthird{position:absolute;left:58px;bottom:115px;width:930px;display:flex;background:#111c26f5;border-left:8px solid var(--accent);box-shadow:0 8px 25px #0006}.lowerthird .num{font-size:95px;font-weight:950;font-style:italic;padding:24px 35px;background:#263642;color:white;min-width:200px;text-align:center}.lowerthird .copy{padding:26px 32px}.lowerthird h1{font-size:40px;letter-spacing:-1px;margin:6px 0}.lowerthird p{font-size:17px;letter-spacing:2px;color:#a8bdcc;margin:0}.lowerthird small{color:#e7a6ad;font-size:15px}.flagstrap{position:absolute;left:0;right:0;bottom:0;height:60px;background:#164f38;display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:3px;font-weight:800;border-top:2px solid #ffffff44}.flagstrap.yellow,.flagstrap.one{background:#c89a28;color:#10171b}.flagstrap.red{background:#a82d3a}.flagstrap.white{background:#f0f2f5;color:#14212b}.flagstrap.checkered{background:repeating-conic-gradient(#15191c 0% 25%,#ebeff0 0% 50%) 0 0/32px 32px;text-shadow:0 2px 4px black}.board{position:absolute;left:300px;right:300px;top:160px;background:#101b25f5;border-top:6px solid var(--accent);box-shadow:0 12px 45px #0008}.board header{padding:24px 35px;background:#21313f}.board header small{font-size:13px;letter-spacing:3px;color:#adbfc9}.board h1{font-size:38px;margin:8px 0 0}.board .driver-row{padding:15px 35px;grid-template-columns:70px 90px 1fr 150px;font-size:23px}.board footer{padding:18px 35px;display:flex;justify-content:space-between;font-size:13px;letter-spacing:2px;color:#a8bccb}.sponsor{position:absolute;left:320px;right:320px;top:340px;text-align:center;background:#101b25f5;border:1px solid #4a5e6e;border-top:6px solid var(--accent);padding:50px}.sponsor small{font-size:14px;letter-spacing:4px;color:#9cb1bf}.sponsor h1{font-size:57px;font-style:italic;margin:23px 0}.sponsor p{font-size:23px;letter-spacing:3px;color:#becdd7}.sponsor .logo{max-height:100px;max-width:240px}.demo-mark{position:absolute;right:58px;bottom:80px;color:#e6c280;background:#101923dd;padding:7px 12px;font-size:11px;letter-spacing:2px}.waiting{position:absolute;left:58px;top:45px;padding:20px;background:#151c24ed;border-left:5px solid #e1b45d;font-size:21px;color:#e1b45d}
html.desk,html.desk body{background:radial-gradient(ellipse at 60% 70%,#354849,#14232d 60%,#0b151e)!important}html.desk body:before{content:'CAMERA FEED PLACEHOLDER';position:absolute;top:48%;left:30%;font-size:18px;font-weight:800;letter-spacing:8px;color:#9eb9bc22}
.replay-badge{position:absolute;left:58px;top:45px;padding:12px 20px;background:#d9a242;color:#121b22;font-size:23px;font-weight:850;letter-spacing:3px;border-left:4px solid white}
.custom-widget{color:var(--widget-text)!important;background:var(--widget-bg)!important;border-color:var(--widget-accent)!important}.custom-widget h1,.custom-widget h2,.custom-widget .number,.custom-widget .num{color:var(--widget-text)!important}.custom-widget .driver-row{border-color:color-mix(in srgb,var(--widget-accent) 35%,transparent)}.custom-widget h2,.custom-widget header,.custom-widget .num{background:color-mix(in srgb,var(--widget-bg) 85%,var(--widget-accent))!important}.custom-widget .gap,.custom-widget .lap,.custom-widget p,.custom-widget small{color:var(--widget-text)!important;opacity:.75}.flagstrap.custom-widget{background:#164f38!important}.flagstrap.yellow.custom-widget,.flagstrap.one.custom-widget{background:#c89a28!important;color:#10171b!important}.flagstrap.red.custom-widget{background:#a82d3a!important}.flagstrap.white.custom-widget{background:#f0f2f5!important;color:#14212b!important}.flagstrap.checkered.custom-widget{background:repeating-conic-gradient(#15191c 0% 25%,#ebeff0 0% 50%) 0 0/32px 32px!important}.widget-series-logo{position:absolute;right:8px;top:7px;z-index:2;pointer-events:none}.widget-series-logo .logo{max-width:80px;max-height:30px;margin:0}.lowerthird .widget-series-logo{top:auto;bottom:8px}.board .widget-series-logo{top:24px;right:30px}.board .widget-series-logo .logo{max-width:160px;max-height:45px}