@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
body.overlay.compact-overlay .arena>.ticker{display:block;position:absolute;left:12px;right:12px;bottom:7px;z-index:6;padding:6px 0;border:1px solid #ffffff18;border-radius:7px;background:#07101bd9}body.overlay.compact-overlay .arena>.race-bottom{bottom:34px}@media(max-width:700px){body.overlay.compact-overlay .arena>.ticker{left:7px;right:7px;bottom:5px}body.overlay.compact-overlay .arena>.race-bottom{bottom:32px}}
body.overlay.compact-overlay .arena>.ticker span{animation-delay:-8s}
body.overlay.compact-overlay{background:transparent;overflow:hidden}body.overlay.compact-overlay main,body.overlay.compact-overlay .arena{position:relative;width:100%;height:100vh;max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:hidden}body.overlay.compact-overlay .broadcast-strip,body.overlay.compact-overlay .ticker,body.overlay.compact-overlay .overlay-card,body.overlay.compact-overlay #result,body.overlay.compact-overlay #camera-slot{display:none}body.overlay.compact-overlay .track-wrap{position:absolute;inset:0;min-height:0;background:transparent}body.overlay.compact-overlay canvas{width:100%;height:100%;min-height:0}body.overlay.compact-overlay .race-top{position:absolute;top:9px;left:12px;right:12px;z-index:5;padding:0;background:transparent;pointer-events:none}body.overlay.compact-overlay .race-top>div,body.overlay.compact-overlay .clock{padding:7px 10px;border:1px solid #ffffff18;border-radius:7px;background:#07101bd9;box-shadow:0 7px 24px #0008}body.overlay.compact-overlay .race-top h2{margin-top:3px;font-size:18px;text-shadow:0 2px 8px #000}body.overlay.compact-overlay .race-top .eyebrow{font-size:8px}body.overlay.compact-overlay .clock>span{font-size:25px}body.overlay.compact-overlay .clock small{font-size:7px}body.overlay.compact-overlay .race-bottom{position:absolute;left:12px;right:12px;bottom:9px;z-index:5;padding:7px 10px;border:1px solid #ffffff18;border-radius:7px;background:#07101bd9;color:#b8c4d4;pointer-events:none}body.overlay.compact-overlay .countdown{z-index:7;background:#060b17c7}@media(max-width:700px){body.overlay.compact-overlay .race-top{top:6px;left:7px;right:7px}body.overlay.compact-overlay .race-bottom{left:7px;right:7px;bottom:6px}}
body .countdown{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font:inherit;background:#060b17b8;text-align:center;z-index:6}body .countdown strong{font:900 clamp(80px,12vw,150px)/.8 'Barlow Condensed',sans-serif;text-shadow:0 0 35px var(--lime)}body .countdown small{font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:4px}body .countdown span{font:700 12px Inter,sans-serif;letter-spacing:2px;color:#fff}body .countdown[hidden],body.overlay .twitch-settings{display:none}
:root{color-scheme:dark;--bg:#090d15;--panel:#111824;--line:#26303f;--text:#f3f5fa;--muted:#94a1b5;--lime:#ceff60;--pink:#ff5ba7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#18233966,transparent 50%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:0 44px}header{height:94px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font:800 31px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-decoration:none;color:white;display:flex;align-items:center}.brand>span:last-child{color:var(--lime)}.brand-icon{background:var(--lime);color:#10150a;width:35px;height:35px;text-align:center;margin-right:12px;transform:skew(-9deg)}.badge{font-size:10px;letter-spacing:1.4px;color:var(--muted)}header button{margin-left:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--lime)}h1{font:800 clamp(36px,4vw,60px)/.99 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:12px 0 14px;letter-spacing:-.4px}h1 em{font-style:normal;color:#9ba9bf}.muted{color:var(--muted);margin:0}.session{font-size:11px;letter-spacing:1px}.session small{display:block;color:var(--muted);letter-spacing:0;margin-top:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.arena{border:1px solid #364054;border-radius:14px;overflow:hidden;background:#0d1420;box-shadow:0 15px 70px #0003}.race-top{display:flex;align-items:center;justify-content:space-between;padding:24px 28px}h2{font:700 26px 'Barlow Condensed',sans-serif;margin:8px 0 0;text-transform:uppercase}.clock{text-align:right}.clock>span{font:700 36px 'Barlow Condensed',monospace;font-variant-numeric:tabular-nums}.clock small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.4px}.track-wrap{position:relative;background:#0b101b}canvas{display:block;width:100%;height:360px}.race-bottom{display:flex;justify-content:space-between;padding:17px 28px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}b{color:var(--lime);margin-left:5px}.separator{margin:0 12px;color:#475269}.controls{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin-top:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}h3{font-size:14px;margin:0}.step{color:var(--lime);font-size:10px;border:1px solid #586a34;padding:5px;border-radius:5px}.tiny{font-size:8px;letter-spacing:1px;color:var(--muted);margin-left:auto}label{display:block;font-size:11px;color:var(--muted);margin:15px 0 8px}button,select,input{font:600 12px Inter,system-ui;border:1px solid #344156;border-radius:7px;background:#1a2433;color:var(--text);padding:12px;min-width:0}button{cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#29384e;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:disabled{opacity:.4;cursor:default;transform:none}.primary{background:var(--lime);color:#142000;border-color:var(--lime);flex:1}.primary:hover{background:#e0ff9d}.button-row{display:flex;gap:8px;margin-top:10px}.button-row input{width:100%;flex:1}select,.wide{width:100%}.wide{margin-top:10px}.text-button{background:transparent;border:0;color:var(--muted);padding-left:0;margin-top:7px}.hint{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 0}.event-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-buttons button{text-align:left;font-size:10px;padding:12px}.event-buttons span{color:var(--pink);margin-right:4px}.event-buttons small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:7px}.event-buttons #hype{border-color:#65508f}.lower{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin-top:18px}ol{list-style:none;padding:0;margin:0}ol li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #26303f;font-size:11px}ol li:last-child{border:0}.position{color:var(--muted);width:17px}.swatch{width:8px;height:8px;border-radius:3px}.score{margin-left:auto;color:var(--muted)}.boost-tag{font-size:9px;color:var(--lime)}#feed{height:230px;overflow:auto}.feed-item{font-size:11px;line-height:1.6;padding:10px 0;border-bottom:1px solid #26303f;color:#c0cad9}.feed-item time{font-size:9px;color:var(--muted);margin-right:12px}footer{display:flex;gap:25px;padding:30px 0;color:#77859b;font-size:10px;letter-spacing:1px}footer span:last-child{margin-left:auto}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:900 110px 'Barlow Condensed',sans-serif;color:var(--lime);background:#060b1766}.countdown[hidden]{display:none}#result{padding:20px 28px;background:#ceff6010;color:var(--lime);font-size:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#ceff60;color:#142000;border-radius:8px;opacity:0;pointer-events:none;font-size:12px;z-index:10}#toast.show{opacity:1}body.hype .arena{border-color:var(--pink);box-shadow:0 0 55px #ff5ba725}body.overlay main{max-width:none;padding:0}body.overlay header,body.overlay .intro,body.overlay .controls,body.overlay .lower,body.overlay footer{display:none}body.overlay .arena{margin:0;border-radius:0}body.overlay canvas{height:65vh}@media(max-width:900px){main{padding:0 20px}.controls{grid-template-columns:1fr 1fr}.controls>.panel:last-child{grid-column:1/-1}.badge{display:none}.session{display:none}.lower{grid-template-columns:1fr}canvas{height:330px}}@media(max-width:540px){main{padding:0 12px}.controls{grid-template-columns:1fr}.controls>.panel:last-child{grid-column:auto}.intro{padding-top:25px}.race-top{padding:18px}.race-bottom{padding:15px;font-size:9px;gap:15px}.clock small{max-width:90px}footer span:nth-child(2){display:none}h1{font-size:39px}}

#bits-amount{margin-bottom:12px}.event-buttons #cheer-label{color:var(--text);margin:0}

canvas{height:520px}body.overlay canvas{height:75vh;min-height:380px}@media(max-width:540px){canvas{height:400px}}

.broadcast-strip{display:none;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;border-bottom:1px solid var(--line)}.broadcast-strip strong{color:var(--lime);letter-spacing:2px}.broadcast-strip span{color:#c4cfdf;font-size:12px}.broadcast-strip small{color:var(--lime);font-size:8px;letter-spacing:1.2px;white-space:nowrap}.broadcast-settings{margin-top:18px}.broadcast-fields{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:16px 20px}.broadcast-fields input{width:100%}.broadcast-fields .field-wide{grid-column:1/-1}.overlay-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;padding:0 0 18px;border-bottom:1px solid var(--line)}.overlay-link-row label{margin-top:0}.overlay-link-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lime);font-size:11px}.overlay-card{position:absolute;bottom:18px;z-index:3;max-width:270px;padding:10px 13px;border:1px solid #ffffff20;border-left:3px solid var(--lime);border-radius:7px;background:#090f19de;box-shadow:0 10px 28px #0007;pointer-events:none}.overlay-card-left{left:18px}.overlay-card-right{right:18px;text-align:right;border-left:1px solid #ffffff20;border-right:3px solid var(--lime)}.overlay-card small{display:block;color:var(--muted);font-size:8px;letter-spacing:1.4px;margin-bottom:5px}.overlay-card strong{display:block;color:var(--text);font-size:11px;letter-spacing:.4px}.ticker{overflow:hidden;border-top:1px solid var(--line);background:#0a111c;padding:9px 0;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:1.3px;white-space:nowrap}.ticker span{display:inline-block;min-width:100%;padding-left:100%;animation:ticker-scroll 28s linear infinite}@keyframes ticker-scroll{to{transform:translateX(-100%)}}#accent-color{height:42px;padding:5px;cursor:pointer}#camera-slot{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #91a2b877;border-radius:8px;align-items:center;justify-content:center;flex-direction:column;color:#899aac;pointer-events:none;text-align:center;background:transparent}#camera-slot span{font-size:11px;letter-spacing:2px}#camera-slot small{font-size:9px;margin:10px 20px}.camera-enabled #camera-slot{display:flex}.camera-enabled .track-wrap{background:transparent}body.overlay{background:transparent;overflow:hidden}body.overlay main{width:100%;height:100vh}body.overlay .arena{height:100vh;display:flex;flex-direction:column;background:transparent;border:0}body.overlay .broadcast-strip{display:flex;background:#0d1420}body.overlay .race-top,body.overlay .race-bottom,body.overlay #result{background:#0d1420}body.overlay .ticker{flex:0 0 auto;background:#0a111c}body.overlay .track-wrap{flex:1;min-height:0}body.overlay canvas{height:100%;min-height:0}body.overlay .broadcast-settings{display:none}body.overlay #camera-slot span,body.overlay #camera-slot small{visibility:hidden}body.dedicated-overlay #toast{display:none}@media(max-width:700px){.broadcast-fields{grid-template-columns:1fr}.broadcast-fields .field-wide{grid-column:auto}.overlay-link-row{grid-template-columns:1fr 1fr}.overlay-link-row>div{grid-column:1/-1}.broadcast-strip{padding:12px;gap:12px}.broadcast-strip span{font-size:10px}.broadcast-strip small{display:none}.overlay-card{max-width:42%;bottom:10px}.overlay-card strong{font-size:9px}}

.twitch-settings{margin-top:18px;border-color:#5d3e88;background:linear-gradient(135deg,#18132a,#111824 55%)}.twitch-connect-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.twitch-connect-grid input{width:100%}.twitch-connect-grid small{display:block;color:var(--muted);font-size:9px;margin:10px 0 6px}.twitch-connect-grid code{display:block;color:#c7a7ff;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twitch-actions{display:flex;gap:8px}.twitch-actions .primary{background:#9147ff;border-color:#9147ff;color:white}.twitch-actions .primary:hover{background:#a970ff}.twitch-settings a{color:#c7a7ff}.session.twitch-live .live-dot{background:#9147ff;box-shadow:0 0 12px #9147ff}.session.twitch-error .live-dot{background:#ff7979}@media(max-width:700px){.twitch-connect-grid{grid-template-columns:1fr}.twitch-actions button{flex:1}}
.billing-actions{display:flex;align-items:center;gap:16px;margin-top:18px;padding:15px;border:1px solid #7050a5;border-radius:9px;background:#0d1320}.billing-actions>div{flex:1}.billing-actions strong{display:block;font-size:12px}.billing-actions small{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}.billing-actions button{white-space:nowrap}.billing-actions .primary{background:var(--lime);border-color:var(--lime);color:#142000}@media(max-width:700px){.billing-actions{align-items:stretch;flex-direction:column}.billing-actions button{width:100%}}

/* Compact OBS readability and selectable backing panel. */
body.overlay.overlay-dark,body.overlay.overlay-dark main,body.overlay.overlay-dark .arena,body.overlay.overlay-dark .track-wrap{background:transparent}
body.overlay.compact-overlay .arena>.ticker{display:block;left:12px;right:12px;bottom:7px;padding:9px 0;border-color:#ffffff2b;background:#030913f2;color:var(--lime);font-size:15px;font-weight:900;letter-spacing:1.45px;text-shadow:0 2px 7px #000}
body.overlay.compact-overlay .arena>.race-bottom{top:10px;bottom:auto;left:50%;right:auto;width:max-content;max-width:54%;transform:translateX(-50%);padding:8px 12px;gap:16px;background:#030913ed;box-shadow:0 7px 24px #0008;white-space:nowrap}
@media(max-width:700px){body.overlay.compact-overlay .arena>.ticker{display:block;left:7px;right:7px;bottom:5px;font-size:13px;padding:8px 0}body.overlay.compact-overlay .arena>.race-bottom{top:59px;bottom:auto;left:7px;right:7px;width:auto;max-width:none;transform:none;padding:6px 9px}}

.track-votes{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;padding:9px;border:1px solid #3a475b;border-radius:8px;background:#0b1420}.track-votes>span{font-size:8px;letter-spacing:1.3px;color:var(--lime);margin-bottom:2px}.track-votes button{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;text-align:left;font-size:9px;background:#121e2c}.track-votes button strong{min-width:23px;margin:0;padding:3px 6px;border-radius:10px;background:#26354a;color:var(--lime);text-align:center}.track-votes.disabled{opacity:.48}.track-votes.disabled button{pointer-events:none}