:root{--panel:rgba(10,15,22,.91);--panel-2:#101720;--line:rgba(217,232,248,.12);--mute:#9aa8b8;--faint:#7c8a99;--body:Barlow,Arial,sans-serif}
.glass{background:linear-gradient(145deg,rgba(22,30,40,.94),rgba(7,12,18,.9));border:1px solid var(--line);box-shadow:0 8px 28px #0003,inset 0 1px #ffffff05;backdrop-filter:blur(12px)}
.topbar{padding:16px 18px 0;gap:10px;align-items:center;z-index:20}
.brand{padding:14px 14px 11px;height:64px;box-sizing:border-box;border-radius:10px}
.brand .logo{font-size:26px}.brand .sub{font-size:8px;letter-spacing:3.4px;margin-top:7px;color:#a5b1bf}
.event{height:64px;box-sizing:border-box;padding:10px 16px;gap:14px;flex-shrink:1;min-width:265px;border-radius:10px}
.gp{font-size:17px;letter-spacing:.06em}.gp small{font-size:8px;letter-spacing:1.3px;margin-top:5px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lap{font-size:13px;border-left:1px solid var(--line);padding-left:14px;letter-spacing:0}.lap b{font-size:22px}.live{font-size:11px;padding:5px 7px;letter-spacing:.08em}.live i{width:5px;height:5px}
.topbar>.spacer{min-width:0}.track-actions{display:flex;align-items:center;gap:6px;pointer-events:auto}
.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 11px;box-sizing:border-box;background:#111b27e8;border:1px solid var(--line);color:#e4eaf1;text-decoration:none;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap;transition:background .18s,border-color .18s}
.action-button:hover{background:#263345;border-color:#60758c}.action-button svg{width:17px;height:17px}.icon-button{width:38px;padding:0}.action-button[aria-pressed=true]{background:#dbe7ef;color:#0b1119}
#singaporeGarage{position:static!important;transform:none!important;left:auto!important;top:auto!important;font:600 11px var(--body)!important;padding:0 11px!important;border:1px solid var(--line)}
.gear{width:38px;height:38px;border-radius:7px;flex-shrink:0}.gear svg{width:18px;height:18px}.qpop{top:88px;z-index:40}
.wx{display:grid;grid-template-columns:repeat(4,1fr);gap:5px 13px;padding:7px 11px;min-width:250px;box-sizing:border-box;border-radius:10px;height:64px}
.wx>.panel-head{grid-column:1/-1;padding:0;height:15px;border:0}.wx>.panel-head .panel-title{font-size:8px;letter-spacing:1.6px}.wx>.panel-head .panel-title>svg{display:none}.wx .panel-tools{gap:2px}.wx .panel-tools button{height:18px;width:18px}.wx .panel-tools button svg{width:11px;height:11px}.wx .panel-density{display:none}
.wx>div:not(.panel-head){gap:5px}.wx>div>svg{width:15px;height:15px;color:#a8b7c7}.wx b{font-size:13px;color:#e4e9ef}.wx small{font-size:7px;letter-spacing:1px;margin-top:2px}
.wx.is-minimized{height:38px;min-width:112px;display:flex;align-items:center}.wx.is-minimized>.panel-head{width:100%;height:auto}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;box-sizing:border-box;padding:8px 11px;border-bottom:1px solid #ffffff0d;flex-shrink:0}
.panel-title{display:flex;align-items:center;gap:7px;color:#c7d2de;font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;white-space:nowrap}.panel-title>svg{height:14px;width:14px;color:#8b9cac}.panel-tools{display:flex;align-items:center;gap:3px}
.panel-tools button{display:grid;place-items:center;width:24px;height:22px;border-radius:4px;color:#8e9dad;border:1px solid transparent;padding:0}
.panel-tools button:hover{background:#ffffff0b;color:white;border-color:#ffffff1c}.panel-tools svg{width:13px;height:13px}
.hud-panel.is-minimized>:not(.panel-head){display:none!important}.hud-panel.is-minimized .panel-head{border-bottom:0}.hud-panel.is-minimized{min-height:0!important;max-height:none!important}
.board{top:96px;left:18px;width:245px;border-radius:10px;padding:0 0 5px;max-height:calc(100% - 330px);overflow:hidden}
.board .bhead{padding:10px 11px 6px;grid-template-columns:23px 1fr 55px 18px;letter-spacing:1px;font-size:8px}.board .bscroll{scrollbar-width:thin;scrollbar-color:#3a4a5c transparent}
.row{height:31px!important;padding:0 11px;grid-template-columns:23px minmax(0,1fr) 52px 16px;gap:0;border-top:1px solid #ffffff04;box-sizing:border-box}
.row .pos{font-size:13px;font-weight:600;color:#a7b4c1}.row .bar{position:absolute;left:0;top:10px;height:11px;width:2px;border-radius:0}.row .code{display:flex;align-items:center;gap:8px;padding-left:0;min-width:0;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:0}
.driver-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pilot-code{display:none}.team-logo{object-fit:contain;display:inline-block;width:22px;height:22px;flex:0 0 22px}.row .team-logo{padding:3px;box-sizing:border-box;width:22px;height:22px;background:#ffffff06;border-radius:4px}
.row .gap{font-size:12px;color:#bac7d4;font-weight:500}.row .tyre{width:13px;height:13px;border-width:2px;font-size:7px}.row .pit{font-size:8px;padding:2px}
.board.is-compact .bscroll{max-height:155px}.board.is-compact .pilot-code{display:none}.row.sel{background:#1f3442;box-shadow:inset 2px 0 #6dcac6}
.side{top:96px;right:18px;width:308px;gap:10px;max-height:calc(100% - 230px);overflow:auto;scrollbar-width:thin;scrollbar-color:#3a4a5c transparent;border-radius:10px}
.fantasy-shell{border-radius:10px;overflow:hidden;flex-shrink:0}.fantasy-shell>.card{border:0;box-shadow:none;background:none;backdrop-filter:none;border-radius:0}
.fantasy-shell .panel-head{background:#ffffff03}.fantasy-identity{display:flex;align-items:center;gap:10px;padding:12px 13px;border-bottom:1px solid #ffffff0b}
.user-avatar{height:34px;width:34px;flex:0 0 34px;display:grid;place-items:center;background:linear-gradient(135deg,#374659,#142432);border:1px solid #5b708333;border-radius:50%;font:600 12px var(--body);overflow:hidden;color:#d4e5ee}
.user-avatar svg{width:19px;height:19px}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-copy{min-width:0;flex:1}.user-copy strong{display:block;font-size:12px;color:#edf2f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy>span{display:block;margin-top:4px;font-size:9px;color:#91a0b1}
#sessionLogin{font-size:10px;border:1px solid #64788e59;border-radius:5px;padding:6px 9px;color:#d6e1ec;background:#ffffff04}
.mhead{padding:12px 13px 0}.mtag{font-size:10px;letter-spacing:1.4px;color:#e69aaa}.mtag svg{width:11px;height:11px;fill:#e67a8c}.closes{font-size:8px;letter-spacing:.6px}.closes b{font-size:14px}
.mbody{padding:9px 13px 13px}.duo{gap:6px;margin-bottom:8px}.chip{font-size:10px;padding:2px 6px}.chip .team-logo{height:13px;width:18px;margin-right:3px;vertical-align:middle}.mreal{font-size:8px!important;letter-spacing:.7px}.mtitle{font-size:21px;letter-spacing:.03em;font-weight:700}.mdesc{font-size:11px;line-height:1.5;margin:7px 0 10px;color:#acbbc9}
.opts{gap:7px}.opt{padding:9px;border-radius:7px;border-width:1px}.opt .who{font-size:11px;letter-spacing:.6px}.opt .mult{font-size:23px}.opt[disabled]{opacity:.55}.opt.picked{box-shadow:inset 0 0 0 1px #e7f2fb}
.stakes{font-size:9px;margin-top:9px;letter-spacing:.7px}.stakes button{font-size:11px;padding:4px 10px}.mstate{font-size:10px;line-height:1.45;color:#9bacbd;margin-top:8px}.prog{margin-top:9px;height:2px!important;background:#ffffff0c}.prog i{background:#66b9b1!important}
.wallet{display:flex;gap:10px;padding:12px 13px;border-top:1px solid #ffffff0b!important;border-bottom:1px solid #ffffff0b!important}.wallet small{font:500 8px var(--body);letter-spacing:1px;color:#94a4b5}.wallet b{font:600 19px var(--display)}.wallet .rec b{font-size:17px}.wallet #loginBtn{font-size:10px}
.bet-summary{padding:12px 13px 13px;background:#ffffff02}.summary-label{font-size:8px;letter-spacing:1.5px;color:#8597aa;margin-bottom:7px}.bet-summary>strong{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:600;color:#cfdae6}.bet-summary>strong .team-logo{width:20px;height:16px}.bet-summary p{font-size:10px;color:#8f9fb0;line-height:1.5;margin:5px 0 0}.bet-stats{display:flex;gap:25px;margin-top:9px}.bet-stats small{font-size:8px;color:#8fa1b3;display:block}.bet-stats b{font-size:12px;display:block;margin-top:4px;color:#dce9ef}
.fantasy-shell.is-compact .mdesc,.fantasy-shell.is-compact .mstate,.fantasy-shell.is-compact .bet-summary>p{display:none}.fantasy-shell.is-compact .fantasy-identity{padding:8px 13px}.fantasy-shell.is-compact .user-avatar{height:27px;width:27px;flex-basis:27px}.fantasy-shell.is-compact .mbody{padding-bottom:9px}
.ins{padding:0}.ins ul{padding:11px 13px;margin:0;display:grid;gap:8px}.ins li{font-size:10px;line-height:1.45}.ins.is-compact li:nth-child(n+3){display:none}
.feed{bottom:18px;left:18px;width:285px;padding:0;border-radius:10px}.feed ol{padding:10px 12px;margin:0;display:grid;gap:7px;max-height:125px;overflow:auto;scrollbar-width:thin}.feed li{font-size:10px;line-height:1.4;align-items:start}.feed li b{font-size:9px;color:#95a9bb}.feed.is-compact ol{max-height:38px}.feed.is-minimized{width:245px}
.camctl{bottom:18px;left:50%;transform:translateX(-50%);border-radius:10px;padding:6px;gap:6px;max-width:calc(100% - 650px);z-index:12}.camctl>.panel-head{padding:0 2px;min-height:30px;border:0;order:3}.camctl>.panel-head .panel-title>span:not(.camera-current),.camctl>.panel-head .panel-title>svg{display:none}.camctl .panel-density{display:none}.camera-current{display:none;font-size:10px;color:#d7e2ed;letter-spacing:1px}.camctl.is-minimized .camera-current{display:inline}.camctl.is-minimized{width:auto;max-width:none}.camctl.is-minimized .panel-title>svg{display:block}.camctl .seg{gap:3px}.camctl .seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border-radius:6px;font-size:9px;letter-spacing:.5px;line-height:1.15;white-space:nowrap}.camctl .seg button svg{height:17px;width:17px}.camctl .seg button.on{background:#dbe5ed;color:#09121d;box-shadow:0 1px 5px #0004}.camctl .zoom{border-left:1px solid var(--line);padding-left:5px}.camctl #spdSeg{border-left:1px solid var(--line);padding-left:5px}.camctl #spdSeg button{padding:8px 6px;font-size:10px}.camctl .src{display:none}.camctl .zoom button{padding:7px 6px}.camctl .zoom svg{width:13px!important;height:13px!important}
#mini{right:18px;bottom:18px;width:162px;height:110px;border-radius:10px;padding:3px;pointer-events:none}
#raceAudioPanel{position:relative!important;top:auto!important;left:auto!important;display:flex;gap:5px;background:none!important;border:0!important;padding:0!important;z-index:30;font:10px var(--body)!important;border-radius:7px}
#raceSound{height:38px;background:#111b27!important;border:1px solid var(--line)!important;border-radius:7px!important;padding:0 9px!important;font:600 10px var(--body)!important}#raceSound[aria-pressed=true]{color:#8ad2ba;background:#153029!important}
#raceAudioPanel label{display:none!important;position:absolute;top:44px;right:0;white-space:nowrap;padding:12px;border-radius:7px;background:#0e1825;border:1px solid var(--line)}#raceAudioPanel:hover label,#raceAudioPanel:focus-within label{display:flex!important;font-size:10px!important}#raceVolume{accent-color:#7bbac4!important;width:80px}
body.cockpit .side{display:flex}.hud-cinema .board,.hud-cinema .side,.hud-cinema .feed,.hud-cinema .camctl,.hud-cinema #mini,.hud-cinema #tags,.hud-cinema #cockpitPanel{display:none!important}.hud-cinema .topbar>:not(.track-actions){display:none!important}.hud-cinema .topbar{justify-content:flex-end}.hud-cinema .track-actions{opacity:.45}.hud-cinema .track-actions:hover,.hud-cinema .track-actions:focus-within{opacity:1}
.tag{border:1px solid #ffffff1c;border-radius:5px;box-shadow:0 4px 12px #0003;background:#0b111aeb}.tag .n{display:flex;align-items:center;gap:4px}.tag .team-logo{height:15px;width:18px;flex-basis:18px}.tag .s{font-size:9px;color:#a2b4c5}.tag .p{font-size:11px;border-radius:4px 0 0 4px}.tag.hot{outline:1px solid #e58b9d}
#cockpitPanel{top:96px!important;right:340px!important;max-width:calc(100% - 620px);gap:12px;padding:9px 12px!important}#cockpitPanel label{font-size:8px}#cockpitPanel select{font-size:12px}#cockpitSpeed{font-size:12px}
button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #a5d8ea;outline-offset:3px}
@media(max-width:1450px){.track-actions .action-button>span{display:none}.track-actions .action-button{width:38px;padding:0!important}.gp small{max-width:175px}.event{gap:10px}.wx{min-width:220px;gap:4px 9px}.camctl{max-width:calc(100% - 610px)}.camctl .seg button{padding:7px}.camctl #spdSeg button:not(.on){display:none}.camctl #spdSeg{min-width:30px}}
@media(max-width:1100px){.wx{min-width:112px;display:none}.topbar .event{min-width:250px}.brand .sub{display:none}.brand{height:50px;display:flex;align-items:center}.event{height:50px}.gp small{font-size:7px}.board{width:215px;top:86px;max-height:calc(100% - 265px)}.side{width:278px;top:86px}.camctl{max-width:calc(100% - 520px)}.camctl .seg button>span{display:none}.camctl .seg button{padding:8px}.feed{width:215px}.feed ol{max-height:90px}#mini{width:140px;height:100px}#cockpitPanel{right:310px!important;max-width:calc(100% - 540px)}#cockpitPanel label:last-child{display:none}}
@media(max-width:760px){.topbar{padding:10px;gap:7px}.brand{display:none}.event{min-width:0!important;flex:1;padding:9px 10px;gap:8px}.gp{font-size:13px}.gp small{display:none}.lap{font-size:10px;padding-left:8px}.lap b{font-size:17px}.live{font-size:9px}.topbar>.gear{width:32px;height:32px}.track-actions{gap:4px}.track-actions .action-button{height:32px;width:32px!important}#raceSound{height:32px;padding:0 6px!important;font-size:9px!important}.board{left:10px;top:72px;width:188px;max-height:calc(100% - 190px)}.board .bhead{grid-template-columns:20px 1fr 43px 14px}.row{padding:0 8px;grid-template-columns:20px minmax(0,1fr) 43px 14px}.row .code{font-size:10px;gap:4px}.row .team-logo{width:19px;height:19px;flex-basis:19px}.row .gap{font-size:10px}.panel-head{padding:6px 8px;min-height:31px}.panel-title{font-size:8px;letter-spacing:1px}.panel-tools button{height:22px;width:22px}.side{width:250px;right:10px;top:72px;max-height:calc(100% - 150px)}.side #insights{display:none}.feed{display:none}.camctl{bottom:10px;max-width:calc(100% - 180px);left:10px;transform:none}.camctl #spdSeg,.camctl .zoom{display:none}.camctl .seg button>span{display:none}.camctl .seg button{padding:8px}.camctl .seg button svg{width:16px;height:16px}.camctl>.panel-head{padding:0;min-height:26px}#mini{right:10px;bottom:10px;width:138px;height:86px}#cockpitPanel{right:270px!important;top:72px!important;max-width:calc(100% - 475px);padding:7px!important}#cockpitPanel label{display:none}#cockpitPanel b{white-space:nowrap}.fantasy-shell .mdesc{font-size:10px}.fantasy-shell .mtitle{font-size:18px}}
@media(max-width:520px){.side{width:calc(100vw - 200px)!important}.side .panel-title>svg{display:none}.side .panel-head{gap:3px}.side .panel-title{font-size:7px;letter-spacing:.8px}.side .panel-tools button{width:20px}.side .fantasy-identity{gap:6px;padding:9px}.side .user-avatar{width:25px;height:25px;flex-basis:25px}.side .user-copy strong{font-size:10px}.side .user-copy>span{font-size:8px}.side #sessionLogin{font-size:8px;padding:5px}.side .wallet{gap:4px;padding:9px}.side .wallet small{font-size:7px;letter-spacing:0}.side .wallet b{font-size:15px}.side .mhead,.side .mbody{padding-left:9px;padding-right:9px}.side .mtag{font-size:8px}.side .closes{font-size:7px}.side .closes b{font-size:10px}.side .opt{padding:7px 5px}.side .opt .who{font-size:9px}.side .bet-summary{padding:9px}.side .bet-summary>strong{font-size:10px}.side .bet-summary p{font-size:9px}.lap{display:none}.topbar .gp{font-size:11px}.topbar>.gear{display:none}.side{width:230px}.board{width:170px}.row .code{font-size:9px}.board .panel-density{display:none}.side .panel-density{display:none}.board:not(.is-minimized){max-height:calc(100% - 190px)}body.cockpit .board{display:flex;width:170px;max-height:200px}#cockpitPanel{right:10px!important;top:auto!important;bottom:60px!important;max-width:none}.camctl{max-width:calc(100% - 160px)}.camctl .seg button{padding:7px 6px}.side{top:72px;max-height:calc(100% - 220px)}.fantasy-shell .panel-title{font-size:8px}}
@media(prefers-reduced-motion:reduce){.action-button,.row{transition:none}}

/* Override the legacy mobile anchors as well as dimensions. */
.side{left:auto;bottom:auto}#mini{top:auto}.camctl{right:auto}
@media(max-width:760px){.gp{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.side{left:auto;bottom:auto}.board{max-height:220px}#cockpitPanel{height:auto;width:auto}#mini{top:auto;bottom:64px}.camctl{right:auto;max-width:calc(100% - 20px)}}
@media(max-width:520px){.event{max-width:calc(100vw - 192px)}.event .live{display:none}.gp{max-width:145px}.side{width:calc(100vw - 200px)!important}.camctl{max-width:calc(100% - 20px)}#cockpitPanel{top:auto!important;bottom:64px!important;right:10px!important;max-width:150px;height:auto}.board{max-height:220px}body.cockpit .board{display:flex;max-height:200px}#mini{width:106px;height:74px;bottom:118px}}

@media(min-width:761px){body.cockpit .board{width:245px}}
@media(max-width:520px){.panel-tools button{height:26px;min-width:26px}.side .panel-tools button{width:26px}}