/* Track LIVE telemetry (track-live-20261103). Active only under html[data-craft-theme=track]. Transform-only motion. */
.tl-board{--tr:#ff1a1a;--trd:rgba(255,26,26,.38);--trf:rgba(255,26,26,.10);--tg:#19e57a;
  position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:8px;margin:0 0 10px;
  background:#000;border:1px solid var(--tr);color:var(--tr);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;contain:layout paint}
.tl-board *{box-sizing:border-box;border-radius:0!important}
.tl-p{position:relative;min-width:0;background:rgba(10,0,0,.72);border:1px solid var(--trd);padding:8px 10px;overflow:hidden}
.tl-k{font:600 10px/1.2 Saira,"Saira Condensed",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tr);display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-k .tl-ex{margin-left:auto;font-size:8px;letter-spacing:.12em;padding:1px 4px;border:1px solid var(--trd);color:var(--tr);flex:none}
.tl-hd{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--tr);color:#000;border:1px solid var(--tr)}
.tl-hd .tl-k{color:#000}.tl-hd .tl-ex{border-color:#000;color:#000}
.tl-dot{width:7px;height:7px;background:#000;flex:none;animation:tlBlink 1s steps(2,end) infinite}
.tl-m,.tl-board .tl-n{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.tl-n{display:block;font-weight:700;font-size:26px;line-height:1.1;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tr)}
.tl-n.g{color:var(--tg)}
.tl-s{font:500 10px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace;color:var(--trd);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.tl-clk .tl-n{font-size:34px;letter-spacing:.02em}
.tl-clk .tl-n i{font-style:normal;color:#000;background:var(--tr);padding:0 3px;margin-left:2px}
.tl-c3{grid-column:span 3}.tl-c4{grid-column:span 4}.tl-c5{grid-column:span 5}.tl-c6{grid-column:span 6}.tl-c8{grid-column:span 8}.tl-c12{grid-column:1/-1}
.tl-cv{display:block;width:100%;height:120px;margin-top:6px}
.tl-mtr .tl-cv{height:150px}
.tl-map .tl-cv{height:190px}
.tl-crew{list-style:none;margin:6px 0 0;padding:0}
.tl-crew li{display:grid;grid-template-columns:minmax(0,1.6fr) 74px 72px;gap:6px;align-items:center;padding:4px 0;border-top:1px solid var(--trf);font:500 11px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace}
.tl-crew li b{font:600 11px/1.25 Saira,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.tl-crew li small{display:block;font-size:9px;color:var(--trd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-crew li span{text-align:right;white-space:nowrap}
.tl-crew li span.t{color:#000;background:var(--tr);padding:1px 3px;text-align:center}
.tl-bars{margin-top:6px;display:grid;gap:7px}
.tl-bar{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:6px;align-items:center;font:500 10px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace}
.tl-bar em{grid-column:1/-1;font:600 10px/1.2 Saira,system-ui,sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-tr{position:relative;height:8px;border:1px solid var(--trd);overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--trf) 9px 10px)}
.tl-fl{position:absolute;inset:0;background:var(--tr);transform-origin:0 50%;transform:scaleX(0);transition:transform .9s linear;will-change:transform}
.tl-bar span{text-align:right}
.tl-feedw{position:relative;height:190px;overflow:hidden;margin-top:6px}
.tl-feed{list-style:none;margin:0;padding:0;will-change:transform}
.tl-feed li{height:27px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:6px;align-items:center;border-top:1px solid var(--trf);font:500 10px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace;white-space:nowrap}
.tl-feed li b{font:600 10px/1.2 Saira,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}
.tl-feed li span{color:var(--tr)}.tl-feed li span.g{color:var(--tg)}
.tl-feed li i{font-style:normal;color:var(--trd)}
/* scanline + sweep (transform only) */
.tl-board:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--tr),transparent);opacity:.55;transform:translateY(0);animation:tlScan 4.5s linear infinite;pointer-events:none}
@keyframes tlScan{from{transform:translateY(0)}to{transform:translateY(1400px)}}
@keyframes tlBlink{0%{transform:scale(1)}50%{transform:scale(.25)}}
.tl-gl{display:inline-block;animation:tlGlitch 7s steps(1,end) infinite}
@keyframes tlGlitch{0%,93%,100%{transform:none}94%{transform:translate(2px,0) skewX(-8deg)}95%{transform:translate(-3px,0)}96%{transform:translate(1px,-1px) skewX(6deg)}97%{transform:none}}
/* shutter wipe */
.tl-wipe{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden}
.tl-wipe b{position:absolute;left:0;right:0;height:50%;background:#000;border-color:#ff1a1a;border-style:solid;border-width:0;will-change:transform}
.tl-wipe b:first-child{top:0;border-bottom-width:2px;transform-origin:50% 0;animation:tlShut .46s cubic-bezier(.7,0,.3,1) both}
.tl-wipe b:last-child{bottom:0;border-top-width:2px;transform-origin:50% 100%;animation:tlShut .46s cubic-bezier(.7,0,.3,1) both}
.tl-wipe i{position:absolute;left:0;top:50%;height:2px;width:100%;background:#ff1a1a;transform-origin:0 50%;animation:tlLine .46s linear both;box-shadow:0 0 12px #ff1a1a}
@keyframes tlShut{0%{transform:scaleY(0)}40%,55%{transform:scaleY(1) translateX(0)}47%{transform:scaleY(1) translateX(6px)}100%{transform:scaleY(0)}}
@keyframes tlLine{0%{transform:scaleX(0)}45%{transform:scaleX(1)}100%{transform:scaleX(1) translateX(100%)}}
/* office LIVE tiles in Track: cockpit panels */
html[data-craft-theme=track] #cfMain>.lv{position:relative;background:#000!important;color:#ff1a1a}
html[data-craft-theme=track] #cfMain>.lv .lv-t{background:rgba(10,0,0,.72)!important;border:1px solid rgba(255,26,26,.38)!important;border-radius:0!important;box-shadow:none!important;color:#ff1a1a!important}
html[data-craft-theme=track] #cfMain>.lv .lv-t .cf-k{color:#ff1a1a!important;letter-spacing:.14em}
html[data-craft-theme=track] #cfMain>.lv .lv-n{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace!important;color:#ff1a1a!important;font-variant-numeric:tabular-nums}
html[data-craft-theme=track] #cfMain>.lv .lv-s,html[data-craft-theme=track] #cfMain>.lv .lv-l{color:rgba(255,26,26,.62)!important}
html[data-craft-theme=track] #cfMain>.lv .lv-clk{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace!important;color:#ff1a1a!important}
html[data-craft-theme=track] #cfMain>.lv .lv-modes .cf-b{background:#000!important;color:#ff1a1a!important;border:1px solid #ff1a1a!important;border-radius:0!important}
html[data-craft-theme=track] #cfMain>.lv .lv-modes .cf-b.pri{background:#ff1a1a!important;color:#000!important}
html[data-craft-theme=track] #cfMain>.lv .lv-crew{background:rgba(10,0,0,.72)!important}
@media (max-width:900px){.tl-c3{grid-column:span 6}.tl-c4,.tl-c5,.tl-c8,.tl-c6{grid-column:1/-1}}
@media (max-width:520px){.tl-board{gap:5px;padding:5px}.tl-clk{grid-column:1/-1}.tl-hd{flex-wrap:wrap;row-gap:2px}.tl-hd .tl-k{font-size:9px;letter-spacing:.1em}.tl-k .tl-ex{font-size:7px;padding:0 3px}.tl-n{font-size:20px}.tl-clk .tl-n{font-size:26px}.tl-crew li{grid-template-columns:minmax(0,1fr) 64px 62px}.tl-map .tl-cv{height:170px}}
@media (prefers-reduced-motion:reduce){.tl-board:after,.tl-gl,.tl-dot{animation:none}.tl-fl{transition:none}.tl-wipe{display:none}}
/* Track + LIVE overlay: drop the generic invert() dark filter (it washed the reds out) and paint real black/red instead */
html[data-craft-theme=track] .cf-ov.cfw-lv{filter:none!important;background:#000!important;color:#ff1a1a}
html[data-craft-theme=track] .cf-ov.cfw-lv img,html[data-craft-theme=track] .cf-ov.cfw-lv canvas,html[data-craft-theme=track] .cf-ov.cfw-lv video{filter:none!important}
html[data-craft-theme=track] .cf-ov.cfw-lv .cf-top,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-tabs,html[data-craft-theme=track] .cf-ov.cfw-lv .cfw-row,html[data-craft-theme=track] .cf-ov.cfw-lv .cfw-rail,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-body,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-wrap,html[data-craft-theme=track] .cf-ov.cfw-lv .wf-start,html[data-craft-theme=track] .cf-ov.cfw-lv .lv-top{background:#000!important;color:#ff1a1a!important;border-color:rgba(255,26,26,.38)!important;box-shadow:none!important}
html[data-craft-theme=track] .cf-ov.cfw-lv .cf-k,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-tt,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-hd,html[data-craft-theme=track] .cf-ov.cfw-lv .cf-ht,html[data-craft-theme=track] .cf-ov.cfw-lv .lv-top b,html[data-craft-theme=track] .cf-ov.cfw-lv .lv-ref,html[data-craft-theme=track] .cf-ov.cfw-lv .cfw-who b{color:#ff1a1a!important}
html[data-craft-theme=track] .cf-ov.cfw-lv .lv-ref{color:rgba(255,26,26,.62)!important}
html[data-craft-theme=track] .cf-ov.cfw-lv button{background:rgba(10,0,0,.8)!important;color:#ff1a1a!important;border:1px solid rgba(255,26,26,.5)!important;border-radius:0!important;box-shadow:none!important}
html[data-craft-theme=track] .cf-ov.cfw-lv button *{color:inherit!important}
html[data-craft-theme=track] .cf-ov.cfw-lv button.pri,html[data-craft-theme=track] .cf-ov.cfw-lv button.on,html[data-craft-theme=track] .cf-ov.cfw-lv .cfw-ws.lv{background:#ff1a1a!important;color:#000!important;border-color:#ff1a1a!important}
html[data-craft-theme=track] .cf-ov.cfw-lv .cf-chip.ok{background:#000!important;color:#19e57a!important;border:1px solid #19e57a!important}
@media (max-width:520px){.tl-board>.tl-p:nth-child(5){grid-column:1/-1}}

/* public compact ticker strip (no money) */
.tl-strip{--tr:#ff1a1a;position:relative!important;display:flex!important;align-items:stretch;height:30px!important;min-height:0!important;padding:0!important;margin:0 0 8px;background:#000!important;border:1px solid var(--tr)!important;box-shadow:none!important;color:var(--tr);overflow:hidden;box-sizing:border-box;max-width:100%;font:600 11px/28px Saira,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;contain:layout paint}
.tl-strip .tl-m{font-family:"JetBrains Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.tl-sl{flex:none;display:flex;align-items:center;gap:6px;padding:0 8px;background:var(--tr);color:#000}
.tl-sl .tl-dot{width:6px;height:6px;background:#000;animation:tlBlink 1s steps(2,end) infinite}
.tl-sl .tl-ex{font-size:8px;border:1px solid #000;padding:0 3px;line-height:12px}
.tl-sc{flex:none;padding:0 8px;border-right:1px solid rgba(255,26,26,.38);white-space:nowrap}
.tl-tape{flex:1;min-width:0;overflow:hidden;position:relative}
.tl-strip .tl-trk{display:inline-flex;white-space:nowrap;will-change:transform;animation:tlTape 38s linear infinite}
.tl-ti{padding:0 14px;border-right:1px solid rgba(255,26,26,.2)}
.tl-ti b{font-weight:600;color:rgba(255,26,26,.7)}.tl-ti i{font-style:normal}
@keyframes tlTape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:520px){.tl-strip{font-size:10px}.tl-sc[data-c=sh]{display:none}}
@media (prefers-reduced-motion:reduce){.tl-strip .tl-trk,.tl-sl .tl-dot{animation:none}}
.tl-strip *{margin:0;box-sizing:border-box}.tl-strip>span,.tl-strip .tl-tape,.tl-strip .tl-trk{height:28px;line-height:28px}
