@font-face{font-family:Barlow;src:url(/fonts/BarlowCondensed-Bold.woff2) format("woff2");font-weight:700 900;font-display:swap}:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#f2f6fc;font-synthesis:none;font-smoothing:antialiased;--blue:#36a4ff;--orange:#ffab49;--muted:#9aaabd}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1728}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #7dcaff;outline-offset:5px}button:active{transform:scale(.97)}#game-canvas{display:block;width:100%;height:100%;outline:none}#hud{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}button{pointer-events:auto}button svg{width:19px;height:19px}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,10,21,.6),transparent 20%,transparent 66%,rgba(2,8,17,.76)),radial-gradient(ellipse at center,transparent 55%,rgba(3,10,19,.18));pointer-events:none}.identity{position:absolute;top:31px;left:33px;display:flex;align-items:center;gap:10px}.rocket-league-logo{display:block;flex:none;width:132px;filter:drop-shadow(0 2px 6px #0005)}.rocket-league-logo img{display:block;width:100%;height:auto}.identity-divider{height:33px;background:#a2bac32f;width:1px;margin:0 10px}.eyebrow{font-size:8px;font-weight:700;letter-spacing:2px;color:#8ca9c2}.venue{display:flex;flex-direction:column;gap:4px}.venue strong{font-size:12px;letter-spacing:1.6px;font-weight:700}.venue-sub{font-size:8px;letter-spacing:1.4px;color:#9aafc0;display:flex;gap:6px;align-items:center}.venue-sub i{width:4px;height:4px;background:#65b7f8;border-radius:50%;box-shadow:0 0 6px #43acfa}.top-actions{position:absolute;right:30px;top:33px;display:flex;gap:8px;align-items:center}.top-actions button{border:1px solid #d3e4f329;background:#11213766;display:grid;place-items:center;width:34px;height:34px;border-radius:5px;color:#b9c9d8;transition:.2s}.top-actions button:hover{background:#3e638d88;color:#fff;border-color:#a3c9ff80}.live-label{font-size:8px;letter-spacing:1.5px;color:#a9c0ce;margin-right:9px;display:flex;align-items:center;gap:7px}.live-label i{width:5px;height:5px;border-radius:50%;background:#82ccaf;box-shadow:0 0 10px #82ccaf55}.center-message{position:absolute;z-index:3;top:23%;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap;text-shadow:0 3px 15px #02101aaa;transition:opacity .2s}.center-message>span{font-size:10px;letter-spacing:4px;color:#cbe5ef;font-weight:600}.center-message h1{font-family:Barlow,DIN Condensed,Arial Narrow,sans-serif;font-size:52px;letter-spacing:2px;font-style:italic;font-weight:800;margin:6px 0 9px;line-height:1}.center-message p{font-size:9px;letter-spacing:2px;font-weight:600;color:#d0dce4;display:flex;gap:9px;align-items:center;justify-content:center;margin:10px 0}.center-message.countdown{top:31%}.center-message.countdown h1{font-size:110px;color:#ffd699}.center-message.goal{top:16%}.center-message.goal h1{font-size:64px;color:#ffe2aa;text-shadow:0 0 35px #e4943f70}.center-message.ready{animation:reveal .9s both}.event-toast{position:absolute;top:17%;left:50%;transform:translate(-50%,-10px);font-size:11px;letter-spacing:2.5px;font-weight:700;color:#ffe2a0;opacity:0;transition:.25s;text-shadow:0 1px 12px #000}.event-toast.visible{opacity:1;transform:translate(-50%)}#goal-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent,#369dff44)}#goal-flash.flash{animation:flash 1s ease-out}.player-label{position:absolute;z-index:1;top:40%;left:50%;display:flex;align-items:center;gap:3.5px;height:14px;padding:1px 6px 1px 1px;border-radius:999px;background:#d88741df;box-shadow:0 1px 3px #0003;color:#fff8f1;font:500 10px/1 Avenir Next,Segoe UI,sans-serif;letter-spacing:-.175px;transform:translate(-50%,-100%);white-space:nowrap}.nameplate-name{display:flex;align-items:center;height:100%;line-height:1}.nameplate-boost{display:block;flex:none;width:12px;height:12px}.nameplate-boost svg{display:block;width:100%;height:100%;fill:currentColor}.nameplate-boost-outline{fill:none;stroke:currentColor;stroke-width:1.7}.bottom-left{position:absolute;left:33px;bottom:60px}.camera-button{background:none;border:0;display:flex;align-items:center;gap:10px;padding:0}.camera-button strong{font-family:Barlow,DIN Condensed,sans-serif;font-size:21px;letter-spacing:1px}.camera-button>span:not(.camera-indicator){color:#8b9cae;font-size:9px;font-weight:700;margin-right:10px}.camera-indicator{width:6px;height:6px;border:1px solid #8597a9;border-radius:50%}.camera-indicator.active{background:#ffb749;border-color:#ffb749;box-shadow:0 0 8px #ffb74988}.camera-hint{display:block;font-size:7px;letter-spacing:1.2px;color:#8fa1b4;padding-left:16px;margin-top:7px}kbd{font-family:inherit;font-weight:600;display:inline-flex;justify-content:center;align-items:center;font-size:9px;min-width:22px;height:22px;padding:0 6px;color:#d5e0e7;background:#cbe0f010;border:1px solid #cbe0f030;border-bottom:2px solid #cbe0f050;border-radius:4px;letter-spacing:.6px}.session-footer{position:absolute;bottom:14px;left:33px;right:33px;display:flex;gap:15px;font-size:6px;color:#6a7d8e;font-weight:700;letter-spacing:1.3px}.session-footer>span+span:before{content:" / ";margin-right:15px;opacity:.5}.session-footer>span:last-child{margin-left:auto}.overlay{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#040d1c9c;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);z-index:10}.overlay[hidden],[hidden]{display:none!important}.menu{width:420px;padding:40px;background:linear-gradient(155deg,#17344bef,#081526f5);border:1px solid #7594b036;border-top:2px solid #4db2fc;border-radius:8px;box-shadow:0 25px 100px #0005}.menu h2{font-family:Barlow,DIN Condensed,sans-serif;font-size:49px;font-style:italic;font-weight:800;margin:18px 0 7px;letter-spacing:1px}.menu p{font-size:11px;line-height:1.8;color:#aebfce;margin:0 0 26px}.primary-button{border:1px solid #8cceff66;background:linear-gradient(105deg,#1587df,#0765ae);padding:14px 17px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;letter-spacing:1px;font-weight:700;border-radius:4px;box-shadow:0 4px 20px #00549633}.primary-button:hover{filter:brightness(1.15)}.menu-options{margin:20px 0}.menu-options button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 0;border:0;border-bottom:1px solid #91b2d11c;background:none;font-size:9px;letter-spacing:1px;text-align:left}.menu-options button span{font-size:8px;color:#c4a877}.menu-options button:hover{color:#6bbfff}.text-button{background:none;border:0;padding:5px 0;font-size:9px;letter-spacing:1px;color:#9db5c9;display:flex;align-items:center;gap:15px}.menu-footnote{border-top:1px solid #96b2c922;margin-top:25px;padding-top:20px;font-size:7px;letter-spacing:1.4px;color:#66849d}.help-menu{width:480px;padding:30px 37px;max-height:94%;overflow:auto}.help-menu h2{margin:12px 0 20px}.control-list>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;font-size:10px;color:#b7c9d8}.control-list kbd{font-size:8px}.help-menu .tip{font-size:10px;border-left:2px solid #e6ac56;padding-left:12px;margin:22px 0;color:#acb8c1}#loading{position:absolute;inset:0;background:#091522;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;z-index:50}.loading-mark>img{display:block;width:60px;height:auto}#loading strong{font-size:12px;letter-spacing:3px;margin-top:15px}#loading>span{font-size:10px;letter-spacing:1px;color:#7994ab}.loading-line{height:2px;width:160px;background:#1d344c;overflow:hidden}.loading-line:after{content:"";display:block;width:60px;height:2px;background:#4bb0ff;animation:loading 1s infinite linear}@keyframes loading{0%{transform:translate(-60px)}to{transform:translate(160px)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes reveal{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:1250px){.venue,.identity-divider,.live-label{display:none}.bottom-left,.identity{left:25px}.top-actions{right:25px}}@media(max-width:900px){.identity{top:23px}.rocket-league-logo{width:105px}.top-actions{top:24px;gap:5px}.top-actions button{width:29px;height:29px}.bottom-left{bottom:62px}.camera-hint{display:none}.center-message h1{font-size:44px}.center-message>span{font-size:8px}.center-message{top:22%}}@media(max-width:650px){.rocket-league-logo{width:32px}.top-actions button:first-of-type{display:none}.identity{left:17px;top:16px}.top-actions{right:14px;top:20px}.session-footer{display:none}.bottom-left{left:17px;bottom:70px}.camera-button strong{font-size:17px}.center-message h1{font-size:36px}.center-message>span{font-size:7px;letter-spacing:3px}.center-message p{font-size:7px}.menu{width:calc(100% - 34px);padding:27px;max-height:94%;overflow:auto}.center-message.goal h1{font-size:40px}}@media(max-height:600px){.identity,.top-actions{top:20px}.bottom-left{bottom:43px}.menu{max-height:94%;overflow:auto;padding:25px}.center-message{top:23%}.center-message h1{font-size:37px}.center-message.countdown h1{font-size:75px}.session-footer{bottom:8px}}.bindings-menu{position:relative;width:min(1020px,calc(100% - 48px));max-height:calc(100% - 48px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(140deg,#18344cfb,#091726fc 65%);border:1px solid #64869e55;border-top:3px solid #53b8ff;border-radius:9px;box-shadow:0 30px 120px #0009;pointer-events:auto}.bindings-header{display:flex;justify-content:space-between;align-items:center;padding:27px 32px 20px;gap:20px}.bindings-header h2{font:italic 700 44px/1 Barlow,sans-serif;letter-spacing:1px;margin:10px 0}.bindings-header p{font-size:11px;color:#a5bdce;margin:0}.bindings-close{flex:none;background:#24516e;border:1px solid #719cba66;border-radius:4px;padding:13px 20px;font-size:11px;letter-spacing:1px;font-weight:700}.bindings-close span{margin-left:20px;color:#7cccff}.bindings-close:hover{background:#296b94}.controller-status{margin:0 32px;padding:13px 16px;display:flex;align-items:center;gap:12px;border:1px solid #7895a72c;background:#08192888;border-radius:5px}.connection-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#c59959}.controller-status.connected .connection-dot{background:#72dcad;box-shadow:0 0 12px #57c19166}.controller-status>div{min-width:0;flex:1}.controller-status strong{display:block;font-size:12px;color:#e4f2fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controller-status p{font-size:10px;color:#9ab4c8;margin:5px 0 0;line-height:1.5}.controller-badge{flex:none;font-size:8px;letter-spacing:1px;color:#b7c8d1;border:1px solid #6c889c44;padding:6px 8px;border-radius:3px}.controller-status.connected .controller-badge{color:#81d5b3}.controller-status select{max-width:150px;background:#18354a;color:#fff;padding:5px;border:1px solid #7091a5;font-size:10px}.binding-tabs{display:flex;gap:27px;margin:14px 32px 0;border-bottom:1px solid #69869c35}.binding-tabs button{padding:13px 0;border:0;border-bottom:2px solid transparent;background:none;color:#718fa5;font-size:10px;letter-spacing:1px}.binding-tabs button span{margin-left:8px}.binding-tabs [aria-pressed=true]{color:#8ed4ff;border-color:#5ab9ff}.binding-tabs button:hover{color:#fff}.binding-scroll{min-height:0;overflow:auto;padding:0 32px;scrollbar-color:#45687e #102539}.binding-columns,.binding-row{display:grid;grid-template-columns:1.1fr 1.45fr 1.25fr;gap:16px;align-items:center}.binding-columns{padding:14px 0 8px;font-size:8px;letter-spacing:1.4px;color:#829fb4}.binding-row{min-height:53px;border-bottom:1px solid #728fa21f;padding:10px 0}.binding-name{font-size:12px;font-weight:600;color:#d6e6f0}.binding-cell{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.binding-chip{display:inline-flex;align-items:stretch;background:#223e54;border:1px solid #5d809744;border-radius:4px;overflow:hidden}.binding-chip button{background:none;border:0;padding:7px 9px;font-size:10px;min-height:30px}.binding-chip button:hover{background:#325d7a}.binding-chip .remove-binding{padding:4px 6px;color:#91b0c4;border-left:1px solid #63829630;font-size:13px}.add-binding{background:transparent;border:1px dashed #58788d88;color:#83bada;border-radius:4px;min-width:28px;min-height:31px;font-size:11px}.add-binding:hover{background:#24618a55}.mobile-device{display:none}.controller-tuning{padding:22px 0 18px}.tuning-title{display:flex;align-items:center;gap:15px;margin-bottom:16px}.tuning-title h3{margin:0;font-size:9px;letter-spacing:1.5px;color:#d3b381}.tuning-title>span{font-size:10px;color:#819caf}.tuning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.tuning-grid label{display:block;min-width:0;font-size:10px;color:#b4cad9}.tuning-grid label>span{display:flex;justify-content:space-between;gap:8px}.tuning-grid output{color:#d6edfc;font-variant-numeric:tabular-nums}.tuning-grid input{width:100%;height:20px;margin:10px 0 0;accent-color:#64bfff;cursor:pointer;pointer-events:auto}.input-monitor{display:flex;align-items:center;gap:14px;padding:10px 32px;border-top:1px solid #69869c35;border-bottom:1px solid #69869c35;background:#06152266;min-height:57px}.input-monitor>span{font-size:8px;letter-spacing:1px;color:#d1b17b;flex:none}.stick-monitor{width:31px;height:31px;border:1px solid #67849966;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(90deg,transparent 48%,#65859b33 50%,transparent 52%),linear-gradient(transparent 48%,#65859b33 50%,transparent 52%)}.stick-monitor i{width:6px;height:6px;border-radius:50%;background:#72c6ff}#live-input{font-size:10px;line-height:1.4;color:#9bb6c9;font-variant-numeric:tabular-nums;max-height:40px;overflow:auto}.bindings-footer{padding:17px 32px 8px;display:flex;align-items:center;justify-content:space-between;gap:15px}.bindings-footer>div>span{font-size:8px;letter-spacing:1.2px;color:#82cbb1}.bindings-footer p{font-size:9px;color:#819cae;margin:7px 0;line-height:1.5}.reset-bindings{display:flex;gap:15px;flex:none}.reset-bindings button{font-size:9px;background:none;color:#9eb6c7;border:0;border-bottom:1px solid #7390a044;padding:5px 0}.reset-bindings button:hover{color:#fff}.binding-notice{margin:0;padding:0 32px 12px;min-height:25px;font-size:10px;color:#d8b985;line-height:1.4}.capture-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:#030d20dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capture-card{width:min(410px,90%);padding:30px;background:#173249;border:1px solid #6ac1ff66;border-top:3px solid #6ac1ff;border-radius:6px;box-shadow:0 20px 60px #0008}.capture-card h3{font:italic 700 33px/1.1 Barlow,sans-serif;margin:17px 0}.capture-card p{color:#abc4d6;font-size:12px;line-height:1.7;min-height:45px}.capture-pulse{display:flex;gap:7px;margin:25px 0}.capture-pulse span{width:6px;height:6px;background:#5dbcff;border-radius:50%;animation:input-pulse 1.1s infinite alternate}.capture-pulse span:nth-child(2){animation-delay:.2s}.capture-pulse span:nth-child(3){animation-delay:.4s}@keyframes input-pulse{to{opacity:.25;transform:translateY(-3px)}}@media(max-width:760px){.bindings-menu{width:calc(100% - 20px);max-height:calc(100% - 20px)}.bindings-header{padding:20px}.bindings-header h2{font-size:35px}.controller-status{margin:0 20px}.controller-badge{display:none}.binding-tabs{margin:10px 20px 0;gap:20px}.binding-scroll{padding:0 20px}.binding-columns,.binding-row{grid-template-columns:1fr 1.4fr 1.25fr;gap:10px}.binding-name{font-size:11px}.binding-chip button{padding:6px}.tuning-grid{grid-template-columns:repeat(2,1fr);gap:18px}.input-monitor{padding:10px 20px}.bindings-footer{padding:12px 20px 5px;align-items:start;flex-direction:column;gap:4px}.binding-notice{padding:6px 20px 10px}.reset-bindings{gap:22px}}@media(max-width:480px){.bindings-header p{font-size:10px}.bindings-close{padding:11px}.bindings-close span{display:none}.controller-status{padding:10px}.binding-tabs{gap:16px}.binding-tabs button{font-size:9px}.binding-columns{display:none}.binding-row{grid-template-columns:1fr 1fr;gap:8px;padding:13px 0}.binding-name{grid-column:1/-1}.mobile-device{display:block;width:100%;font-size:7px;letter-spacing:1px;color:#688ea9;margin:2px 0}.tuning-title{align-items:start;flex-direction:column;gap:7px}}@media(max-height:640px){.bindings-header{padding-top:15px;padding-bottom:12px}.bindings-header h2{font-size:32px}.controller-status{padding:8px 12px}.bindings-footer{padding-top:10px}.input-monitor{min-height:43px;padding-top:5px;padding-bottom:5px}.binding-tabs{margin-top:6px}.binding-tabs button{padding:10px 0}}@media(prefers-reduced-motion:reduce){.capture-pulse span{animation:none}}.center-message{max-width:calc(100% - 42px);text-shadow:none}.center-message h1,.event-toast{position:relative;isolation:isolate;font-family:Arial Black,Barlow,sans-serif;font-weight:900;font-style:italic;letter-spacing:.015em;background:none;color:transparent;text-shadow:none;transform:rotate(-3deg);paint-order:stroke fill}.center-message h1:before,.center-message h1:after,.event-toast:before,.event-toast:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;white-space:inherit;background:none;paint-order:stroke fill}.center-message h1:before,.event-toast:before{z-index:-2;color:#000;-webkit-text-stroke:.09em #000;transform:translate(.015em,.065em)}.center-message h1:after,.event-toast:after{z-index:-1;color:#000;-webkit-text-stroke:.035em #000}.center-message h1{font-size:clamp(38px,6.4vw,92px);line-height:1.08;margin:12px 0 22px}.center-message>span{font-size:clamp(9px,1vw,13px);font-weight:800;color:#ffe5b1;letter-spacing:3px;text-shadow:0 2px 2px #17151e,0 0 8px #17151e}.center-message p{font-size:clamp(10px,1.1vw,15px);color:#fff0d1;text-shadow:0 2px 3px #121822;letter-spacing:1.5px}.center-message.countdown h1{font-size:clamp(110px,15vw,180px);color:transparent}.center-message.goal h1{font-size:clamp(34px,6.8vw,100px);color:transparent;text-shadow:none}.center-message.goal{top:18%}.event-toast{position:absolute;z-index:3;top:13%;font-size:clamp(15px,2vw,25px);letter-spacing:.04em;transform:translate(-50%,-8px) rotate(-3deg);white-space:nowrap}.event-toast.visible{transform:translate(-50%) rotate(-3deg)}@media(max-width:650px){.center-message h1{font-size:clamp(31px,7.5vw,48px)}.center-message.countdown h1{font-size:120px}.center-message.goal h1{font-size:clamp(29px,7.5vw,48px)}.event-toast{top:16%;font-size:16px}.center-message>span{letter-spacing:2px}}@media(max-height:600px){.center-message h1{font-size:44px}.center-message.countdown h1{font-size:100px}.center-message.goal h1{font-size:48px}.event-toast{top:23%;font-size:17px}.center-message.goal{top:30%}}.center-message h1 .comic-face,.event-toast .comic-face{position:relative;z-index:1;display:block;background:linear-gradient(#fffce8 8%,#ffdb80 46%,#ef7032 98%);background-clip:text;-webkit-background-clip:text;color:transparent}.event-toast{width:max-content;max-width:calc(100% - 40px);white-space:normal;text-align:center;line-height:1.4}.center-message.countdown h1:is([data-text="1"],[data-text="2"],[data-text="3"]){font-size:clamp(120px,16.5vw,198px)}@media(max-width:650px){.center-message.countdown h1:is([data-text="1"],[data-text="2"],[data-text="3"]){font-size:132px}}@media(max-height:600px){.center-message.countdown h1:is([data-text="1"],[data-text="2"],[data-text="3"]){font-size:110px}}.scoreboard{position:absolute;top:0;z-index:2;left:50%;transform:translate(-50%) scale(1.5);transform-origin:center top;width:284px;font-variant-numeric:tabular-nums}.scoreboard-main{display:grid;grid-template-columns:72px 140px 72px;align-items:stretch;height:58px;gap:0}.team{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;isolation:isolate;border:1px solid transparent;color:#fff;backface-visibility:hidden}.team-blue{--team-top:#477effe3;--team-bottom:#365dddce;--team-glow:#528aff80;transform-origin:right center;transform:perspective(125px) rotateY(-24deg)}.team-orange{--team-top:#ff9d55eb;--team-bottom:#e97835c7;--team-glow:#ffa35c80;transform-origin:left center;transform:perspective(125px) rotateY(24deg)}.team:before{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid #edf6ff40;background:linear-gradient(90deg,#ffffff18,transparent 30%,transparent 65%,#ffffff20),linear-gradient(160deg,var(--team-top),var(--team-bottom));box-shadow:inset 0 0 12px #ffffff26,0 0 8px var(--team-glow);filter:blur(2.75px);pointer-events:none}.team strong{display:flex;justify-content:center;align-items:center;font-size:37px;line-height:1;font-weight:400;max-width:calc(100% - 16px);text-align:center}.team-label,.clock>span{display:none}.score-number-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.team strong svg,.clock>strong svg{display:block;height:1em;max-width:100%;fill:none;stroke:currentColor;stroke-width:2.25;stroke-opacity:1;opacity:1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #ffffff80)}.score-sheen-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none}.score-sheen{position:absolute;inset:-30% -90%;background:linear-gradient(110deg,transparent 40%,#fff9 50%,transparent 60%);transform:translate(-65%);opacity:0;pointer-events:none}.clock{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(#070a10de,#0e1119ca);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-top:1px solid #d5e6f314;border-bottom:1px solid #c5daeb1f}.clock>strong{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;font-weight:400;max-width:calc(100% - 16px);color:#fff;white-space:nowrap}#overtime{display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);padding:5px 13px;background:#101a27dd;border-bottom:1px solid #ffc26b88;color:#ffd28f;font-size:8px;font-style:normal;font-weight:800;letter-spacing:2.4px;white-space:nowrap}.scoreboard.is-overtime .clock{border-bottom-color:#ffbf54}.scoreboard.is-overtime #timer{color:#ffe0a5}.scoreboard.is-urgent #timer{color:#ffd193}.scoreboard.is-final-seconds #timer{color:#ff8367}.scoreboard.is-final-seconds .clock{border-bottom-color:#ff7656}.practice-label{display:none;font:700 27px/1 Barlow,sans-serif;letter-spacing:1px;color:#e7f4ff}.scoreboard.is-practice .practice-label{display:block}.scoreboard.is-practice #timer{display:none}.boost-hud{position:absolute;right:26px;bottom:35px;width:214px;--fuel:#ffbd50;--hot:#fff0bb;--fuel-glow:#ffad3059;--sonic:#6bdcff}.boost-ring{position:relative;width:100%;aspect-ratio:1;isolation:isolate}.boost-well{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse at 49% 48%,#dc352ae8 0%,#b82025e6 22%,#641020cc 45%,#260e1bde 65%,#130f1999 74%,transparent 78%);box-shadow:inset 0 0 24px #e9312522;z-index:-2}.boost-heat{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse at 45% 50%,#ff59394d 15%,#ff302a55 44%,transparent 72%);opacity:0;z-index:-1;pointer-events:none}.boost-dial{display:block;width:100%;height:100%;overflow:visible}.boost-rail{fill:none;stroke:#ffd7924d;stroke-width:.8}.boost-rail.outer{stroke:#ffe4a52c;stroke-width:.6;stroke-dasharray:1 4}.boost-segments.track{fill:#ffd796;opacity:.1}.boost-segments.lag{fill:#ffe1a1;opacity:.36}.boost-segments.fuel{fill:url(#boost-gold)}.boost-flow{fill:none;stroke:#fff8d1;stroke-width:3;stroke-dasharray:1.1 9;stroke-linecap:round;opacity:0}.boost-hot-rail{fill:none;stroke:var(--fuel);stroke-width:1.1;opacity:.4}.boost-tip{fill:var(--hot);filter:drop-shadow(0 0 3px var(--fuel-glow))}.tip-flare{fill:none;stroke:var(--hot);stroke-width:1;opacity:.65}.boost-value{position:absolute;inset:32% 7% 25%;display:flex;flex-direction:column;align-items:center;justify-content:center}.boost-value strong{font:400 48px/1 sans-serif;letter-spacing:0;color:#fff9eb;font-variant-numeric:tabular-nums;transform-origin:50% 65%;text-shadow:0 2px 3px #0007}.boost-value svg{display:block;height:1em;max-width:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ff936988)}.boost-number-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boost-value>span{margin-top:6px;font-size:12px;font-weight:400;letter-spacing:.5px;padding-left:.5px;color:#eab978}.boost-pickup{position:absolute;right:8%;bottom:20%;font:700 18px/1 Barlow,sans-serif;letter-spacing:1px;color:#ffe9b4;text-shadow:0 1px 4px #17121a;opacity:0}.boost-recharge-ring{fill:none;stroke:#ffe0a0;stroke-width:2;opacity:0;transform-origin:110px 110px}.boost-sonic-ring{fill:none;stroke:var(--sonic);stroke-width:1;stroke-dasharray:5 2;opacity:0;transition:opacity .15s}.boost-sonic{position:absolute;left:45%;bottom:19%;display:flex;gap:3px;opacity:0;transition:opacity .15s}.boost-sonic i{display:block;width:9px;height:7px;transform:skew(-28deg);background:var(--sonic);box-shadow:0 0 8px #62d8ff60}.boost-sonic i:first-child{opacity:.4}.boost-sonic i:nth-child(2){opacity:.7}.speed{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:-8px;font-size:7px;letter-spacing:1px;color:#b1bac0;white-space:nowrap}#speed{font:700 16px/1 Barlow,sans-serif;color:#edf2f6;min-width:17px;text-align:right}.speed-unit{font-size:6px;color:#95a8b4}.speed i{height:7px;width:1px;background:#6b84925c;margin:0 4px}#drive-state{font-size:6px;letter-spacing:1.2px}.boost-hud.is-boosting .boost-flow{opacity:.85;animation:boost-flow .48s linear infinite}.boost-hud.is-boosting .boost-hot-rail{opacity:1;filter:drop-shadow(0 0 3px var(--fuel-glow))}.boost-hud.is-boosting .boost-heat{opacity:.8;animation:boost-breathe .24s ease-in-out infinite alternate}.boost-hud.is-boosting .boost-value strong{text-shadow:0 0 12px #ffb74842,0 2px 3px #0007}.boost-hud.is-low{--fuel:#ff7941;--hot:#ffc48c;--fuel-glow:#ff642a55}.boost-hud.is-low .boost-segments.fuel{fill:#ff914c}.boost-hud.is-low .boost-value>span{color:#ff9c69}.boost-hud.is-empty .boost-value strong{color:#b7bbc1}.boost-hud.is-empty .boost-value>span{color:#a99b89}.boost-hud.is-empty .boost-hot-rail{opacity:0}.boost-hud.is-supersonic .boost-sonic-ring{opacity:.7}.boost-hud.is-supersonic .boost-sonic{opacity:1}.boost-hud.is-supersonic #speed{color:var(--sonic)}.boost-hud.is-paused *{animation-play-state:paused!important}@keyframes boost-flow{to{stroke-dashoffset:-20.2}}@keyframes boost-breathe{to{opacity:.5;transform:scale(.98)}}@media(min-width:1700px){.scoreboard{width:320px}.scoreboard-main{grid-template-columns:80px 160px 80px;height:64px}.team strong{font-size:41px}.clock>strong{font-size:27px}.boost-hud{width:240px;right:34px;bottom:39px}.boost-value strong{font-size:54px}}@media(max-width:1000px){.scoreboard{width:264px}.scoreboard-main{grid-template-columns:67px 130px 67px;height:54px}.team strong{font-size:34px}.clock>strong{font-size:23px}.boost-hud{width:182px;right:16px;bottom:37px}.boost-value strong{font-size:42px}}@media(max-width:650px){.scoreboard{width:228px}.scoreboard-main{grid-template-columns:61px 106px 61px;height:48px}.team strong{font-size:30px}.clock>strong{font-size:20px}.boost-hud{width:150px;right:8px;bottom:56px}.boost-value strong{font-size:34px}.boost-value>span{font-size:7px;letter-spacing:2px;margin-top:4px}.boost-pickup{font-size:14px}.boost-sonic i{width:6px;height:5px}.speed{gap:3px}.speed i{margin:0 2px}#speed{font-size:13px}#drive-state{font-size:5px;letter-spacing:.8px}}@media(max-width:390px){.scoreboard{width:210px}.scoreboard-main{grid-template-columns:56px 98px 56px}.boost-hud{width:134px;right:5px}.boost-value strong{font-size:31px}}@media(max-width:650px){.bottom-left{bottom:78px}}@media(max-width:430px){.top-actions [data-action=fullscreen]{display:none}}@media(max-width:500px){.identity,.top-actions{top:88px}}@media(max-height:600px)and (min-width:651px){.scoreboard-main{height:47px}.team strong{font-size:30px}.clock>strong{font-size:21px}.boost-hud{width:153px;bottom:22px;right:16px}.boost-value strong{font-size:35px}.boost-value>span{font-size:7px}.boost-sonic i{width:6px;height:5px}}@media(prefers-reduced-motion:reduce){.boost-hud *{animation:none!important;transition:none!important}.boost-flow{display:none}}@media(max-width:650px){.practice-label{font-size:20px}}.ball-cam-active .camera-button,.ball-cam-active .camera-hint{display:none}.ball-cam-corner{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;background:none;padding:0;color:#f9eee9;text-align:left;isolation:isolate}.ball-cam-corner:before{content:"";position:absolute;z-index:-1;inset:-25px -16px -14px -23px;background:radial-gradient(ellipse at 25% 42%,#f24b403d,transparent 66%);pointer-events:none}.ball-cam-title{display:flex;align-items:center;gap:8px;font:400 18px/1.2 Avenir Next,Segoe UI,sans-serif;letter-spacing:.35px;color:#ff8c72;text-shadow:0 0 6px #f65737,0 0 17px #ea483d8c}.ball-cam-title i{width:7px;height:7px;border-radius:50%;background:#ffb394;box-shadow:0 0 5px #ff725c,0 0 13px #ff4c42}.ball-cam-corner small{display:flex;align-items:center;gap:4px;padding-left:15px;font:400 8px/1.2 Avenir Next,Segoe UI,sans-serif;text-shadow:0 1px 2px #000;letter-spacing:.25px}.ball-cam-corner kbd{min-width:13px;height:13px;padding:0 2px;font-size:9px;border:1px solid #d9e4e699;border-radius:2px;background:#07192166;letter-spacing:0}.ball-cam-corner kbd.is-playstation{color:#a2d6ba;border-color:#a2d6ba;border-radius:50%;font-size:11px;line-height:1;padding:0;width:13px}@media(max-width:650px){.ball-cam-title{font-size:16px}.ball-cam-corner small{font-size:7px}}.original-face,.goal-award{display:none}.arena-lettering{display:block;height:1em;max-width:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}#hud[data-text-style=original] .comic-face{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#hud[data-text-style=original] :is(.center-message h1,.event-toast):before,#hud[data-text-style=original] :is(.center-message h1,.event-toast):after{content:none}#hud[data-text-style=original] .original-face{display:flex;justify-content:center;max-width:100%}#hud[data-text-style=original] .center-message{top:28%;width:max-content;max-width:90%;text-shadow:none}#hud[data-text-style=original] .center-message h1{font-family:inherit;font-size:clamp(25px,4.5vw,68px);font-weight:400;font-style:normal;letter-spacing:0;color:#ffdb72;transform:none;line-height:1;margin:16px 0 20px;filter:drop-shadow(0 0 5px #f5b62955)}#hud[data-text-style=original] .center-message>span{font-weight:400;letter-spacing:2px;color:#f5e4c0;text-shadow:0 1px 3px #0007}#hud[data-text-style=original] .center-message p{font-weight:400;font-size:11px;color:#f8eed9;text-shadow:0 1px 3px #0007}#hud[data-text-style=original] .center-message.countdown{top:32%}#hud[data-text-style=original] .center-message.countdown h1{font-size:clamp(64px,10vh,104px);margin:0;color:#ffe398}#hud[data-text-style=original] .center-message.countdown>:is(#message-kicker,#message-sub){display:none}#hud[data-text-style=original] .center-message.goal{top:0;left:0;width:100%;height:100%;max-width:none;transform:none}#hud[data-text-style=original] .center-message.goal h1{position:absolute;top:52%;left:50%;transform:translate(-50%);width:max-content;max-width:78%;font-size:clamp(24px,7.7vw,104px);margin:0;color:#ffdb68;filter:drop-shadow(0 0 4px #efb93a55)}#hud[data-text-style=original] .center-message.goal .arena-lettering{stroke-width:.95}#hud[data-text-style=original] .center-message.goal>:is(#message-kicker,#message-sub){display:none}#hud[data-text-style=original] .center-message.goal[data-goal-award=true] .goal-award{display:flex;position:absolute;top:30.5%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:.15em;font-size:clamp(12px,3.05vw,40px);line-height:1;color:#ffebaf;filter:drop-shadow(0 0 3px #d99125b3)}.goal-starburst{position:absolute;top:50%;left:50%;width:8.3em;height:8.3em;transform:translate(-50%,-50%);z-index:-1;pointer-events:none;filter:blur(.07em);opacity:.64}.goal-award-label,.goal-award-points{position:relative;display:block}#hud[data-text-style=original] .center-message.goal .goal-award-label .arena-lettering{stroke-width:2.7}.goal-award-points{font-size:.78em}#hud[data-text-style=original] .center-message.goal .goal-award-points .arena-lettering{stroke-width:1.9}#hud[data-text-style=original] .event-toast{top:17%;width:max-content;max-width:86%;font-size:clamp(14px,2.05vw,26px);font-weight:400;font-style:normal;color:#ffdb72;letter-spacing:0;line-height:1;transform:translate(-50%,-8px);filter:drop-shadow(0 0 4px #d8982755)}#hud[data-text-style=original] .event-toast.visible{transform:translate(-50%)}.online-panel{position:absolute;left:24px;top:108px;z-index:30;pointer-events:auto;font:600 14px Barlow Condensed,sans-serif;color:#eef6ff;max-width:min(340px,calc(100vw - 48px))}.online-panel button{font:inherit;color:inherit;background:#12253bed;border:1px solid #53768f;padding:10px 14px;cursor:pointer}.online-panel button:focus-visible,.online-panel input:focus-visible{outline:2px solid #ffcb71;outline-offset:3px}.online-panel button:disabled{opacity:.5}.online-panel #online-menu{background:#0a1728f5;border:1px solid #53768f;padding:16px;box-shadow:0 10px 40px #0008}.online-panel p{margin:0 0 12px}.online-panel label{display:block}.online-panel input{display:block;box-sizing:border-box;width:100%;margin:6px 0 12px;background:#07111f;color:#fff;border:1px solid #68879d;padding:10px}.online-panel .online-note{font-weight:400;line-height:1.4;opacity:.7;margin:14px 0 0}.online-panel #online-session button{margin:0 6px 8px 0}.online-panel [hidden]{display:none!important}#net-summary{display:block;max-width:280px;background:#0a1728dd;color:#ffcf85;font-size:13px;padding:5px 9px}#net-summary:empty{display:none}.visual-overlay{position:absolute;inset:0;z-index:12;display:flex;justify-content:flex-end;align-items:center;padding:22px;background:linear-gradient(90deg,transparent 30%,#03121d55);pointer-events:auto}.visual-menu{display:flex;flex-direction:column;width:385px;max-height:100%;background:linear-gradient(155deg,#122f42f5,#071521fa);border:1px solid #7da3bb55;border-top:3px solid #75d9ef;box-shadow:0 20px 80px #0007;border-radius:8px;overflow:hidden}.visual-menu header{padding:25px 27px 15px}.visual-menu h2{font:italic 800 38px/1 Barlow,sans-serif;margin:14px 0 10px}.visual-menu header p{font-size:11px;color:#a6bdcc;line-height:1.7;margin:0}.visual-scroll{padding:0 27px 18px;overflow:auto;scrollbar-color:#456b7b #0e2635;min-height:0}.visual-section-title{display:flex;align-items:center;justify-content:space-between;padding-top:15px;margin-bottom:20px;border-top:1px solid #85aac52a}.visual-section-title h3{font-size:9px;letter-spacing:2px;color:#79d4ec;margin:0}.visual-section-title button{background:none;border:0;font-size:8px;letter-spacing:.5px;color:#acc9db;padding:0}.visual-section-title button:hover{color:#fff}.camera-setting{display:block;margin:0 0 17px;color:#dae6ed;font-size:12px}.camera-setting>span{display:flex;justify-content:space-between;align-items:center}.camera-setting output{font-size:12px;color:#9bddf0;font-variant-numeric:tabular-nums}.camera-setting input{width:100%;accent-color:#71cde9;cursor:pointer;height:23px;margin:7px 0 1px}.camera-setting small{display:flex;justify-content:space-between;color:#6f91a5;font-size:9px}.visual-reset{background:none;border:0;border-bottom:1px solid #749aac44;color:#9cb6c7;font-size:10px;padding:0 0 3px;margin:0 0 24px}.visual-reset:hover{color:#fff}.visual-select{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#d9e6ed}.visual-select select{width:100%;font:inherit;background:#16364a;color:#e2f0f5;border:1px solid #638fa655;border-radius:4px;padding:11px 10px;cursor:pointer}.visual-description{font-size:10px;color:#88a6b9;line-height:1.7;margin:9px 0 19px}.visual-description:last-child{margin-bottom:0}.visual-menu footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 27px;border-top:1px solid #83a7bd33;background:#0d2536}.visual-menu footer>span{font-size:7px;letter-spacing:1px;color:#93cdb5}.visual-menu footer button{border:1px solid #71bde075;background:#24678c;border-radius:4px;padding:10px 16px;font-size:10px;letter-spacing:1px}.visual-menu footer button span{margin-left:18px}.visual-menu :focus-visible{outline:2px solid #88dfff;outline-offset:4px}.paint-title{border:0;padding-top:0;margin-bottom:12px}.paint-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.paint-swatch{height:34px;border:1px solid #7e9aaa66;border-radius:4px;padding:3px;background:#07121e}.paint-swatch span{display:block;width:100%;height:100%;border-radius:2px;background:linear-gradient(120deg,transparent 36%,var(--accent) 37% 44%,transparent 45% 55%,var(--accent) 56% 63%,transparent 64%),var(--paint)}.paint-ultraviolet span{background:repeating-linear-gradient(130deg,var(--paint) 0 3px,var(--accent) 4px 5px)}.paint-midnight span{background:repeating-conic-gradient(from 32deg,#070b25 0% 25%,var(--paint) 0% 50%) 0 0/13px 15px;border:1px solid var(--accent)}.paint-glacier span{background:repeating-radial-gradient(ellipse at 20% 80%,var(--paint) 0 5px,var(--accent) 6px 9px)}.paint-swatch[aria-pressed=true]{border-color:#b5eaff;box-shadow:0 0 0 1px #b5eaff}.paint-swatch:hover{filter:brightness(1.3)}.paint-angles{display:flex;gap:8px;margin:-7px 0 18px}.paint-angles button{flex:1;padding:8px 0;background:#16364a;border:1px solid #638fa655;border-radius:3px;color:#94adbf;font-size:9px;letter-spacing:1px}.paint-angles button[aria-pressed=true]{border-color:#a5e6fa;color:#e6f7ff}.paint-angles[hidden]{display:none}@media(max-height:760px){.visual-menu header{padding-top:18px}.visual-menu h2{font-size:31px;margin:9px 0}.camera-setting{margin-bottom:10px}.visual-section-title{margin-bottom:15px}.visual-menu footer{padding-top:12px;padding-bottom:12px}}@media(max-width:600px){.visual-overlay{padding:12px;align-items:flex-end;background:#03121d66}.visual-menu{width:100%;max-height:82%}.visual-menu header{padding:18px 22px 12px}.visual-scroll{padding:0 22px 15px}.visual-menu h2{font-size:31px}.visual-menu footer{padding:12px 22px}}@media(max-width:650px){.visual-overlay[data-paint-preview=true]{align-items:flex-end;background:linear-gradient(transparent 20%,#03121d55 50%)}.visual-overlay[data-paint-preview=true] .visual-menu{max-height:59%}}