#ui #tape{background:#070c14;gap:1.2vh;padding:clamp(22px,4vh,52px) 3vw 2vh}#ui #tape:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 45%,#b8dcff08 45.1%,#0000 45.3%),radial-gradient(at 15% 20%,#29496955,#0000 55%);position:absolute;inset:0}#ui #tape.has-poster:before{filter:none;opacity:.18;background-position:50%;transform:none}#ui #tape .tp-head{text-align:left;border-top:2px solid #e0bf72;width:min(1180px,94vw);padding-top:12px}#ui .mp-kicker{letter-spacing:.25em;color:#e0bf72;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}#ui #tape .tp-title{letter-spacing:.12em;color:#f1f5fa;font-size:clamp(21px,3.7vmin,42px)}#ui #tape .tp-sub{color:#a9b8c9;letter-spacing:.12em;margin-top:7px;font-size:clamp(10px,1.5vmin,14px)}#ui #tape .tp-body{flex:none;gap:clamp(12px,3vw,48px);width:min(1240px,94vw);min-height:auto}#ui #tape .tp-side-h{letter-spacing:.22em;border-bottom:1px solid #93b4d52d;align-self:stretch;margin-bottom:10px;padding:7px 0;font-size:11px}#ui #tape .tp-stats{border-top:1px solid #b7cce13d;border-bottom:1px solid #b7cce13d;min-width:clamp(170px,22vw,280px);padding:12px 0}#ui #tape .tp-srow{border-bottom:1px solid #8fa9c719;gap:12px;padding:11px 8px}#ui #tape .tp-srow:last-child{border:0}#ui #tape .tp-srow b{font-variant-numeric:tabular-nums;font-size:clamp(13px,1.8vmin,19px)}#ui #tape .tp-lab{letter-spacing:.12em;color:#a9b9ca;font-size:10px}#ui #tape .tp-vs{color:#e0bf72;text-shadow:none;font-size:clamp(24px,4vmin,46px)}#ui #tape .tp-foot{border-top:1px solid #a1b6cf35;flex:none;width:min(1180px,94vw);margin:0;padding-top:12px}#ui #tape .tp-status-line{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:10px;display:flex}#ui #tape .tp-state{text-align:left;letter-spacing:.12em;color:#b5c5d5;margin:0;font-size:11px}#ui #tape .tp-state.ready{color:#e0bf72;animation:none}#ui #tape .tp-percent{letter-spacing:.06em;color:#f2f5fa;font-variant-numeric:tabular-nums;font-size:18px}#ui #tape .tp-bar{background:#9eb2c125;border-radius:0;height:3px}#ui #tape .tp-bar i{box-shadow:none;background:linear-gradient(90deg,#698fb0,#e0bf72)}#ui #tape .tp-empty{text-align:center;color:#b3c3d3;letter-spacing:.18em;place-content:center;gap:16px;width:100%;min-height:160px;font-size:12px;display:grid}#ui #tape .tp-empty:before{content:"";border:1px solid #9dbdd343;border-top-color:#e0bf72;border-radius:50%;justify-self:center;width:54px;height:54px;animation:2s linear infinite mp-scan}@keyframes mp-scan{to{transform:rotate(360deg)}}#ui .screen.pm{background:linear-gradient(110deg,#080d16fa,#101b2bef);padding:clamp(22px,4vh,48px) 3vw 2vh;overflow:hidden}#ui .pm .pm-wrap{align-items:stretch;gap:18px;width:min(1200px,94vw);height:100%;max-height:900px}#ui .pm .pm-verdict{text-align:left;border-top:2px solid #90aac0;flex:none;grid-template-columns:1fr auto;column-gap:24px;padding-top:12px;display:grid}#ui .pm[data-outcome=win] .pm-verdict{border-color:#e0bf72}#ui .pm .mp-kicker{grid-column:1/-1}#ui .pm .pm-word{letter-spacing:.08em;text-shadow:none;font-size:clamp(30px,5.8vmin,60px)}#ui .pm .pm-word.win{color:#f4dfaa}#ui .pm .pm-word.lose{color:#c3ccd7}#ui .pm .pm-margin{align-items:center;margin:0;font-size:clamp(27px,4.7vmin,46px)}#ui .pm .pm-who{color:#aebdd0;letter-spacing:.12em;grid-column:1/-1;margin-top:10px;font-size:11px}#ui .pm .pm-body{flex:auto;justify-content:space-between;align-items:flex-start;gap:30px;min-height:0;padding:0 4px 8px 0;overflow-y:auto}#ui .pm .pm-ledger{gap:9px;min-width:0;max-width:none}#ui .pm .pm-card{border-left:1px solid #a7bfd42b;padding:12px 18px}#ui .pm .pm-card:before{content:"PILOT RECORD";color:#b7c7d8;letter-spacing:.22em;margin-bottom:12px;font-size:10px;display:block}#ui .pm .pm-row{background:#101b2bba;border:1px solid #a8c1d320;gap:14px;padding:12px 15px}#ui .pm .pm-row.rating{background:linear-gradient(110deg,#2445616b,#101b2b);border-left:3px solid #86b5d8}#ui .pm .pm-row.award,#ui .pm .pm-row.earned{background:linear-gradient(110deg,#7b5b242e,#101b2b);border-left:3px solid #e0bf72}#ui .pm .pm-row.near{border-left:3px solid #58738c}#ui .pm .pm-head{letter-spacing:.08em;white-space:normal;font-size:14px}#ui .pm .pm-det{color:#b3c3d4;font-size:12px;line-height:1.45}#ui .pm .pm-row.figs,#ui .pm .pm-row.scoreboard{display:block}#ui .pm .pm-section-label{color:#9eb2c7;letter-spacing:.18em;margin-bottom:10px;font-size:10px;display:block}#ui .pm .pm-figs{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 10px;display:grid}#ui .pm .pm-fig b{font-size:24px}#ui .pm .pm-fig span{letter-spacing:.1em;color:#a8bacb;font-size:9px}#ui .pm .pm-delta.up{color:#98dbb5}#ui .pm .pm-delta.down{color:#ff9b8f}#ui .pm .pm-bd-r{border-radius:0;grid-template-columns:2em minmax(6em,1fr) repeat(5,minmax(2.3em,3.8em));padding:9px 7px;font-size:12px}#ui .pm .pm-bd-r.you{background:#7699b31c;box-shadow:inset 2px 0 #e0bf72}#ui .pm .pm-actions{border-top:1px solid #a6bcd038;flex:none;justify-content:flex-start;gap:10px;margin:0;padding:13px 0 0}#ui .pm .pm-actions .btn{justify-content:center;align-items:center;min-height:40px;display:flex}#ui .pm .pm-actions .btn.primary{color:#111923;background:#e0bf72;border-color:#e0bf72}#ui .pm .pm-actions .btn:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=900px),(height<=620px){#ui #tape{gap:8px;padding:32px 2vw 10px}#ui #tape .tp-head{padding-top:6px}#ui #tape .mp-kicker{display:none}#ui #tape .tp-title{font-size:18px}#ui #tape .tp-sub{margin-top:4px;font-size:10px}#ui #tape .tp-foot{padding-top:7px}#ui #tape .tp-status-line{margin-bottom:5px}#ui #tape .tp-body{gap:10px}#ui #tape .tp-srow{padding:6px 4px}#ui .screen.pm{padding:30px 2vw 10px}#ui .pm .pm-wrap{gap:9px}#ui .pm .pm-verdict{padding-top:7px}#ui .pm .mp-kicker{margin-bottom:5px;font-size:9px}#ui .pm .pm-word{font-size:26px}#ui .pm .pm-margin{font-size:24px}#ui .pm .pm-who{margin-top:5px;font-size:10px}#ui .pm .pm-body{flex-direction:row;gap:14px}#ui .pm .pm-card{order:0;padding:6px 10px}#ui .pm .pm-card .pcard{font-size:8px}#ui .pm .pm-row{padding:9px 10px}#ui .pm .pm-actions{gap:6px;padding-top:8px}#ui .pm .pm-actions .btn{min-width:0;min-height:36px;padding:9px 12px;font-size:10px}#ui .pm .pm-figs{gap:10px}#ui .pm .pm-fig b{font-size:19px}}@media (width<=600px){#ui .pm .pm-card{display:none!important}#ui .pm .pm-figs{grid-template-columns:repeat(3,minmax(0,1fr))}#ui .pm .pm-bd-r{grid-template-columns:1.5em minmax(5em,1fr) repeat(5,2.6em);font-size:10px}}@media (prefers-reduced-motion:reduce){#ui #tape .tp-empty:before{animation:none}#ui .pm .pm-row{transition:none}}#ui #podium{background:linear-gradient(120deg,#080e19f5,#132237ee);border-top:2px solid #e0bf72;width:min(1050px,92vw);padding:20px;bottom:8vh}#ui #podium .pd-label{color:#e0bf72}#ui #podium .pd-track{font-size:clamp(20px,3.5vmin,36px)}#ui #podium .pd-step{background:#101c2d;border-color:#8ba7c33b;border-radius:0;flex:1;min-width:0}#ui #podium .pd-step.p1{border-top:3px solid #e0bf72}#ui #podium .pd-step.you{box-shadow:inset 0 0 0 1px #e0bf7266}#ui #podium .pd-pos{color:#e0bf72}#ui #podium .pd-name{overflow-wrap:anywhere}@media (height<=620px){#ui #podium{padding:10px;bottom:4vh}#ui #podium .pd-head{margin-bottom:8px}#ui #podium .pd-step{padding:8px}#ui #podium .pd-step.p1{padding-bottom:16px}#ui #podium .pd-step.p2{padding-bottom:12px}#ui #podium .pd-step.p3{padding-bottom:8px}}#ui #tape .tp-stats .tp-vs{text-align:center;margin:0 0 12px;position:static;transform:none}#ui #racecard{-webkit-backdrop-filter:none;backdrop-filter:none;box-sizing:border-box;background:linear-gradient(120deg,#080e19f5,#132237f5);border-top:2px solid #e0bf72;width:min(600px,88vw);min-width:0;max-height:85vh;padding:22px;overflow-y:auto}#ui #racecard:before{content:"RACE DEBRIEF";color:#e0bf72;letter-spacing:.25em;margin-bottom:14px;font-size:10px;display:block}#ui #racecard .rc-time{font-size:clamp(32px,6vmin,54px)}#ui #racecard .rc-acts{flex-wrap:wrap}#ui #racecard .rc-acts .primary{color:#111923;background:#e0bf72;border-color:#e0bf72}:is(#ui:has(#tape.on) #padwarn,#ui:has(.pm.on) #padwarn){display:none}@media (width>=601px) and (height<=620px){#ui #tape .tp-body.tp-stack{flex-flow:row;gap:12px}#ui #tape .tp-body.tp-stack .tp-side{min-width:0}#ui #tape .tp-body.tp-stack .tp-cards{flex-wrap:nowrap}#ui #tape .tp-side-h{margin-bottom:3px;padding:4px 0;font-size:9px}#ui #tape .tp-body.tp-stack .tp-side,#ui #tape .tp-body.tp-stack .pcard{flex-shrink:0}}#ui #tape.has-poster:before{opacity:.5;background-image:linear-gradient(180deg,#060b16c9, #060b1638 42%,#060b16dc),var(--tp-poster,none)}#ui #tape:after{background:linear-gradient(110deg,#0a192844,#0000 50%),repeating-linear-gradient(0deg,#0000 0 79px,#a2c9eb05 80px)}#ui #tape .tp-empty{isolation:isolate;min-height:180px;position:relative}#ui #tape .tp-empty:before{background:radial-gradient(circle,#0000 35%,#9ebfdb18 36%,#0000 38% 58%,#9ebfdb18 59%,#0000 61%);border:1px solid #b8d0e633;border-top-color:#e0bf72;width:100px;height:100px;animation:7s linear infinite mp-scan;box-shadow:0 0 0 18px #7398b507,0 0 0 40px #7398b504}#ui #tape .tp-empty:after{content:"";clip-path:polygon(50% 0,58% 33%,95% 66%,95% 73%,60% 62%,58% 83%,75% 94%,75% 100%,50% 95%,25% 100%,25% 94%,42% 83%,40% 62%,5% 73%,5% 66%,42% 33%);background:linear-gradient(110deg,#dce6ef,#6c8fae);width:44px;height:65px;position:absolute;top:calc(50% - 47px);left:calc(50% - 22px)}#ui .tp-stages{color:#8b9cb0;letter-spacing:.12em;gap:16px;margin-bottom:12px;font-size:9px;display:flex}#ui .tp-stages:empty{display:none}#ui .tp-stages span{align-items:center;gap:6px;display:flex}#ui .tp-stages span:before{content:"";border:1px solid #7c92a866;border-radius:50%;flex-shrink:0;width:5px;height:5px}#ui .tp-stages .done{color:#a7c4b5}#ui .tp-stages .done:before{background:#a7c4b5;border-color:#a7c4b5}#ui .tp-stages .active{color:#efdaaa}#ui .tp-stages .active:before{border-color:#e0bf72;box-shadow:0 0 0 3px #e0bf7218}#ui #gridcard{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(120deg,#080f1bef,#132339df);border:1px solid #a4bfd326;border-top:2px solid #e0bf72;flex-wrap:wrap;min-width:0;max-width:min(660px,88vw);bottom:7vh;box-shadow:0 14px 50px #0004}#ui #gridcard .gc-strip{display:none}#ui #gridcard .gc-body{padding:18px 22px}#ui #gridcard .gc-label{color:#e0bf72;letter-spacing:.23em;font-size:10px}#ui #gridcard .gc-name{font-size:clamp(22px,3.5vmin,38px);font-weight:800}#ui #gridcard .gc-line{color:#b9c8d8;font-style:normal;line-height:1.5}#ui #gridcard .gc-times{border-top:1px solid #a3bfd32b;padding-top:12px}#ui #gridcard .gc-skip{color:#b9c8d8;border-top:1px solid #a3bfd322;flex-basis:100%;padding:9px 22px;font-size:9px}#ui #countdown span{font-variant-numeric:tabular-nums;text-shadow:0 3px 22px #0009;color:#f8e9c6}#ui #countdown span.pop{animation:.86s ease-out forwards cinema-count}@keyframes cinema-count{0%{opacity:0;transform:translateY(8px)scale(1.08)}18%,72%{opacity:1;transform:none}to{opacity:0;transform:translateY(-5px)scale(.98)}}#ui #replaybar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(120deg,#080f1bf5,#132339ef);border-color:#e0bf72 #a4bfd333 #a4bfd333;border-top-style:solid;border-top-width:2px;padding:12px 16px;box-shadow:0 10px 35px #0005}#ui #replaybar .rb-track{background:#9eb6cf26;height:4px}#ui #replaybar .rb-track i{background:#e0bf72}#ui #replaybar .rb-btn,#ui #replaybar .cam,#ui #replaybar .sp{color:#c1cfdd;border-radius:2px;justify-content:center;align-items:center;min-height:26px;display:inline-flex}#ui #replaybar .cam.on,#ui #replaybar .sp.on{color:#efdaaa;background:#e0bf7210;border-color:#e0bf72}#ui #killlist{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(120deg,#080f1bf5,#132339ef);border-top:2px solid #e0bf72}@media (height<=620px){#ui .tp-stages{gap:10px;margin-bottom:8px;font-size:8px}#ui #tape .tp-empty{min-height:130px}#ui #tape .tp-empty:before{width:65px;height:65px}#ui #tape .tp-empty:after{width:28px;height:42px;top:calc(50% - 35px);left:calc(50% - 14px)}#ui #gridcard{max-width:62vw;bottom:5vh}#ui #gridcard .gc-body{padding:10px 14px}#ui #gridcard .gc-line{font-size:11px}#ui #gridcard .gc-times{margin-top:8px;padding-top:8px}#ui #gridcard .gc-skip{padding:6px 14px}#ui #replaybar{padding:8px}}@media (width<=600px){#ui .tp-stages{flex-wrap:wrap;gap:6px 12px}#ui #gridcard{max-width:92vw}}@media (prefers-reduced-motion:reduce){#ui #tape .tp-empty:before{animation:none}#ui #countdown span.pop{animation:.86s linear forwards cinema-count-still}#ui #gridcard{animation:none}}@keyframes cinema-count-still{0%,85%{opacity:1}to{opacity:0}}#ui #raceload{background:#070c14}#ui #raceload .rl-in{width:min(700px,86vw);max-width:none;padding:0 0 7vh 7vw}#ui #raceload .rl-kicker{color:#e0bf72;border-top:2px solid #e0bf72;padding-top:16px}#ui #raceload .rl-name{letter-spacing:.06em}#ui #raceload .rl-line{color:#b7c8d8}#ui #raceload .rl-track{background:#a8bfd329;width:100%;height:3px}#ui #raceload .rl-fill{background:linear-gradient(90deg,#698fb0,#e0bf72)}#ui #raceload .rl-pct{color:#b7c8d8;justify-content:space-between;gap:20px;display:flex}#ui #raceload .rl-pct b{color:#e0bf72}#ui #gridcard button.gc-skip{pointer-events:auto;cursor:pointer;text-align:left;background:#a1bfd30a;border-bottom:0;border-left:0;border-right:0;font-family:inherit}#ui #gridcard button.gc-skip:enabled:hover,#ui #gridcard button.gc-skip:focus-visible{color:#efdaaa;outline-offset:-1px;background:#e0bf7215;outline:1px solid #e0bf72}#ui #gridcard button.gc-skip:disabled{cursor:default}#ui #racecard.cinematic{text-align:left;width:min(330px,43vw);max-height:70vh;padding:14px;inset:auto 4vw 5vh auto;transform:none}#ui #racecard.cinematic:before{content:"LAP COMPLETE";margin-bottom:8px}#ui #racecard.cinematic .rc-time{font-size:28px}#ui #racecard.cinematic .rc-targets,#ui #racecard.cinematic .rc-hint{display:none}#ui #racecard.cinematic .rc-note{font-size:11px}#ui #racecard.cinematic .rc-acts{justify-content:flex-start}#ui #racecard.cinematic .rc-acts .btn{min-width:0;padding:8px 12px;font-size:11px}#ui #podium .pd-actions{pointer-events:auto;justify-content:center;gap:10px;margin-top:12px;display:flex}#ui #podium .pd-actions .btn{min-width:110px;padding:9px 16px;font-family:inherit}#ui #podium .pd-actions .primary{color:#111923;background:#e0bf72;border-color:#e0bf72}@media (height<=620px){#ui #podium .pd-track{font-size:19px}#ui #podium .pd-step{padding:6px}#ui #podium .pd-actions{margin-top:7px}#ui #podium .pd-actions .btn{min-height:32px;padding:7px 12px;font-size:11px}}#ui #replaybar .rb-angles{scrollbar-width:thin;border-top:1px solid #a4bfd322;flex-wrap:nowrap;gap:5px;padding:5px 0 2px;display:flex;overflow-x:auto}#ui #replaybar .rb-angles[hidden]{display:none}#ui #replaybar button.cam{font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;flex-shrink:0;font-size:10px}#ui #replaybar button.cam:focus-visible{outline-offset:-2px;outline:2px solid #e0bf72}#ui #replaybar .rb-angles button.cam{min-height:30px;padding:5px 10px}@media (height<=620px){#ui #replaybar .rb-angles button.cam{min-height:28px;padding:4px 8px;font-size:9px}#ui #replaybar .rb-row{margin-bottom:4px}}#ui #replaybar .rb-angles button.cam{border:1px solid #a4bfd333}#ui #replaybar .rb-angles button.cam.on{border-color:#e0bf72}#ui #replaybar{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;display:grid}#ui #replaybar.hidden,#ui #replaybar.clean{display:none}#ui #replaybar>.rb-row{min-width:0;margin:0}#ui #replaybar>.rb-row:first-child{grid-column:1/-1}#ui #replaybar>.rb-cams{scrollbar-width:thin;flex-wrap:nowrap;grid-area:2/1;overflow-x:auto}#ui #replaybar>.rb-angles{grid-area:3/1/auto/-1}#ui #replaybar>.rb-row:last-child{grid-area:2/2}#ui #replaybar #rb-clip{cursor:pointer;white-space:nowrap;font-size:10px}@media (height<=620px){#ui #replaybar{gap:3px 8px;padding:6px 8px;bottom:8px}#ui #replaybar .cam,#ui #replaybar .sp,#ui #replaybar .rb-btn{box-sizing:border-box}#ui #replaybar .rb-angles{padding:3px 0 0}}#ui .hg-trailer.missile canvas{width:min(440px,43vw,171.4vh - 342.8px);height:auto}#ui .hg-studio-controls{z-index:60;pointer-events:auto;letter-spacing:.08em;color:#c7d2df;align-items:center;gap:8px;font:600 11px monospace;display:flex;position:absolute;top:75px;left:18px}#ui .hg-studio-controls button,#ui .hg-studio-controls select{color:#ecf4ff;font:inherit;cursor:pointer;background:#101a26eb;border:1px solid #627387;padding:9px 12px}#ui .hg-studio-controls label{background:#101a26eb;padding-left:10px}#ui .hg-inspecting>:not(.hg-studio-controls){visibility:hidden;pointer-events:none}#ui .hg-inspecting .hg-studio-controls{top:20px}@media (height<=500px){#ui .hg-studio-controls{gap:4px;font-size:9px;top:53px;left:8px}#ui .hg-studio-controls button,#ui .hg-studio-controls select{padding:7px 5px}}
