html,body,#root{--brand-green:#01433f;--brand-green-deep:#012e2b;--brand-panel:#032623db;--brand-panel-strong:#021c19f0;--brand-red:#e15047;--brand-red-press:#c8453d;--brand-teal:#006c5d;--brand-mint:#8fe6d2;--brand-warning:#ffc172;--ink:#333;--paper:#fff;--text-1:#eaf4f0;--text-2:#bfdcd3;--text-3:#9fc4b8;--font-display:"Poppins","Segoe UI",Arial,sans-serif;--font-body:"Source Sans 3","Source Sans Pro","Segoe UI",Arial,sans-serif;background:#01433f;width:100%;height:100%;margin:0;overflow:hidden}.game-shell{width:100%;height:100dvh;position:relative;overflow:hidden}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.app-notice{box-sizing:border-box;background:var(--brand-green);color:var(--text-1);text-align:center;place-items:center;padding:16px;font-family:Thrifty,Poppins,Segoe UI,Arial,sans-serif;display:grid;position:fixed;inset:0}.app-notice *{box-sizing:border-box}.app-notice-card{background:var(--brand-panel-strong);border:1px solid #8fe6d247;border-radius:18px;width:min(440px,100%);padding:22px 24px 24px;box-shadow:0 16px 50px #00000073}.app-notice-eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:var(--brand-mint);font-size:11px;font-weight:900;display:block}.app-notice h1{text-transform:uppercase;letter-spacing:.4px;color:#fff;margin:6px 0 8px;font-size:clamp(22px,3.4vh,30px);font-weight:900;line-height:1.1}.app-notice p{font:400 15px/1.45 var(--font-body);color:var(--text-2);margin:0}.app-notice-button{background:var(--brand-red);color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;min-width:160px;min-height:44px;margin-top:18px;padding:10px 26px;font:900 15px/1 inherit;display:inline-block;box-shadow:0 4px #00000059}.app-notice-button:hover{background:var(--brand-red-press)}.app-notice-button:focus-visible{outline:3px solid var(--brand-mint);outline-offset:3px}.app-notice--loading .app-notice-card{box-shadow:none;border-color:#8fe6d229}.app-notice--loading p{animation:1.6s ease-in-out infinite race-blink}.race-ui{--u:max(min(calc(100dvh / 2048),calc(100vw / 2752)),.26px);--hud:"Thrifty","Poppins","Segoe UI",Arial,sans-serif;--sans:"Liberation Sans",Arial,Helvetica,sans-serif;z-index:2;pointer-events:none;color:#fff;font-family:var(--hud);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-weight:900;position:absolute;inset:0;overflow:hidden}.race-ui *{box-sizing:border-box}.race-ui :where(button){font:inherit;color:inherit;cursor:pointer;pointer-events:auto;touch-action:none;background:0 0;border:0;padding:0}.race-ui :where(button:disabled){cursor:default}.race-ui button:focus-visible{outline:calc(4*var(--u)) solid #8fe6d2;outline-offset:calc(4*var(--u))}.race-ui img{-webkit-user-drag:none;display:block}.race-data{top:calc(50*var(--u));left:calc(800*var(--u));right:calc(800*var(--u));height:calc(150*var(--u));grid-template-columns:1fr 1fr 1fr;align-items:stretch;display:grid;position:absolute}.data-group{justify-content:center;gap:calc(6*var(--u));display:flex}.data-tile{min-width:calc(170*var(--u));padding:0 calc(14*var(--u));border-radius:calc(22*var(--u));box-shadow:0 calc(8*var(--u)) 0 #000000d4;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.data-tile--green{background:#16a849e6}.data-tile--orange{background:#e17b21e6}.data-tile--purple{background:#b52cc5e6}.data-tile-name{font-size:calc(40*var(--u));letter-spacing:.02em}.data-tile-value{align-items:baseline;gap:calc(4*var(--u));margin-top:calc(10*var(--u));display:flex}.data-tile-value b{font-size:calc(52*var(--u));font-weight:900}.data-tile-value small{font-size:calc(21.6*var(--u));font-weight:900}.data-tile-value small.data-tile-deg{font-size:calc(48*var(--u));align-self:flex-start;line-height:1}.data-center{min-width:calc(150*var(--u));justify-content:center;align-items:center;display:flex}.race-timer{width:calc(150*var(--u));height:calc(100*var(--u));border-radius:calc(30*var(--u));font-size:calc(65*var(--u));font-variant-numeric:tabular-nums;background:#0000008c;place-items:center;display:grid}.race-line{top:calc(225*var(--u));z-index:3;align-items:center;gap:calc(12*var(--u));white-space:nowrap;pointer-events:none;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.race-ui[data-notices] .race-line,.race-prep~.race-line{top:calc(480*var(--u))}.race-line-chip{min-height:22px;height:calc(84*var(--u));padding:0 calc(36*var(--u));border-radius:calc(30*var(--u));font-size:max(12px,calc(48*var(--u)));letter-spacing:.02em;font-variant-numeric:tabular-nums;background:#0000008c;align-items:center;font-weight:800;display:inline-flex}.race-line-chip--astern{color:#ffd36b;box-shadow:inset 0 0 0 max(1.5px,calc(5*var(--u))) #ffd36b}.race-line-chip--link{color:#ffc172;animation:1.6s ease-in-out infinite race-blink}.race-prep{top:calc(225*var(--u));justify-content:center;align-items:center;gap:calc(40*var(--u));height:calc(250*var(--u));white-space:nowrap;text-shadow:0 calc(4*var(--u)) calc(12*var(--u)) #00000073;display:flex;position:absolute;left:50%;transform:translate(-50%)}.race-prep-timer{font-size:calc(100*var(--u));color:red;font-variant-numeric:tabular-nums;min-width:calc(250*var(--u));text-align:right}.race-prep-timer--final{font-size:calc(300*var(--u))}.race-prep-text{font-size:calc(120*var(--u))}.race-go{font-size:calc(360*var(--u));color:red}.leaderboard{top:calc(50*var(--u));left:calc(180*var(--u));width:calc(600*var(--u));max-height:calc(1000*var(--u));align-items:flex-start;transition:transform .35s;display:flex;position:absolute}.leaderboard--closed{transform:translateX(calc(-730*var(--u)))}.leaderboard-container{width:calc(600*var(--u));max-height:calc(1000*var(--u));font-family:var(--sans);font-weight:400;overflow:hidden}.leaderboard-header{grid-template-columns:calc(75*var(--u)) 1fr calc(120*var(--u));height:calc(65*var(--u));padding:0 calc(14*var(--u)) 0 calc(10*var(--u));border-radius:calc(14*var(--u));box-shadow:0 calc(4*var(--u)) 0 #0006;font-family:var(--hud);font-weight:900;font-size:calc(26*var(--u));letter-spacing:.04em;background:#333;align-items:center;display:grid}.leaderboard-header span:last-child{text-align:right}.leaderboard-rows{margin:0;padding:0;list-style:none}.leaderboard-row{grid-template-columns:calc(55*var(--u)) calc(8*var(--u)) 1fr calc(120*var(--u));height:calc(60*var(--u));align-items:center;column-gap:calc(10*var(--u));padding:0 calc(14*var(--u)) 0 0;text-shadow:0 calc(2*var(--u)) calc(6*var(--u)) #0009;white-space:nowrap;display:grid}.leaderboard-row--you{font-weight:700}.leaderboard-pos{font-size:calc(45*var(--u));text-align:center}.leaderboard-stripe{height:calc(52*var(--u));border-radius:calc(2*var(--u))}.leaderboard-name{font-size:calc(32*var(--u));text-overflow:ellipsis;overflow:hidden}.leaderboard-status{font-size:calc(32*var(--u));text-align:right;font-variant-numeric:tabular-nums}.drawer-tab{width:calc(50*var(--u));height:calc(150*var(--u));background:#fff;flex:none;place-items:center;display:grid}.drawer-tab img{width:calc(30*var(--u));filter:brightness(0);height:auto}.drawer-tab--left{border-radius:0 calc(16*var(--u)) calc(16*var(--u)) 0;margin-top:calc(425*var(--u))}.drawer-tab--right{width:calc(75*var(--u));border-radius:calc(16*var(--u)) 0 0 calc(16*var(--u));flex:1;height:auto}.drawer-tab:active{background:#c8c8c8}.menu-btn{top:calc(25*var(--u));right:calc(25*var(--u));width:calc(150*var(--u));height:calc(150*var(--u));border-radius:calc(28*var(--u));box-shadow:0 calc(6*var(--u)) 0 #00000073;background:#fff9;place-items:center;display:grid;position:absolute}.menu-btn img{width:calc(100*var(--u));filter:brightness(0);height:auto}.menu-btn:active{background:#c8c8c899}.minimap-panel{top:calc(50*var(--u));right:calc(200*var(--u));width:calc(500*var(--u));transition:transform .35s;position:absolute}.minimap-panel--closed{transform:translateX(calc(500*var(--u)))}.minimap-panel--closed .minimap-frame,.minimap-panel--closed .minimap-zoom{visibility:hidden}.minimap-frame{width:calc(500*var(--u));height:calc(500*var(--u));border-radius:calc(60*var(--u));background:#68689c99;overflow:hidden}.minimap{width:100%;height:100%;display:block}.minimap-side{top:calc(25*var(--u));margin-right:calc(-5*var(--u));gap:calc(5*var(--u));width:calc(75*var(--u));height:calc(450*var(--u));flex-direction:column;display:flex;position:absolute;right:100%}.minimap-zoom{position:relative}.minimap-zoom b{bottom:calc(14*var(--u));right:calc(10*var(--u));font-family:var(--sans);font-weight:700;font-size:calc(24*var(--u));color:#000;position:absolute}.minimap-zoom img{width:calc(48*var(--u))}.minimap-perspective{position:relative}.minimap-perspective img{width:calc(52*var(--u))}.minimap-perspective-inner{transform:translateX(calc(-5*var(--u)));position:absolute;width:calc(22*var(--u))!important;filter:none!important}.minimap-leg{margin-top:calc(10*var(--u));height:calc(75*var(--u));line-height:calc(75*var(--u));text-align:center;font-size:calc(70*var(--u));text-shadow:0 calc(3*var(--u)) calc(10*var(--u)) #00000080;display:block}.race-flags{top:calc(650*var(--u));right:calc(200*var(--u));width:calc(200*var(--u));min-height:calc(500*var(--u));flex-direction:column;justify-content:center;display:flex;position:absolute}.race-flags img{width:100%;height:calc(166*var(--u));object-fit:contain;opacity:0;transition:opacity 1s linear}.race-flags img.is-up{opacity:1}.race-flags i{width:100%;height:calc(166*var(--u));flex:none}.race-flag-x{background-color:#fff;background-image:linear-gradient(#1a5fbf 0 0),linear-gradient(#1a5fbf 0 0);background-position:50%;background-repeat:no-repeat;background-size:100% 28%,28% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.race-flag-sub{clip-path:polygon(0 0,100% 50%,0 100%);background:linear-gradient(#f2c230 0 50%,#1a5fbf 50%)}.race-message{bottom:calc(560*var(--u));text-align:center;white-space:nowrap;text-shadow:0 calc(3*var(--u)) calc(10*var(--u)) #00000080;position:absolute;left:50%;transform:translate(-50%)}.race-message b{font-size:calc(90*var(--u));color:#f12222;display:block}.race-message span{font-size:calc(40*var(--u));display:block}.race-turn{width:calc(600*var(--u));height:calc(16*var(--u));margin:calc(12*var(--u)) auto calc(6*var(--u));border-radius:calc(8*var(--u));background:#00000073;overflow:hidden}.race-turn i{background:#f12222;height:100%;transition:width .2s linear;display:block}.race-waiting{width:calc(1150*var(--u));text-align:center;pointer-events:auto;text-shadow:0 calc(3*var(--u)) calc(12*var(--u)) #00000080;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.race-waiting h1{font-size:calc(120*var(--u));margin:0;font-weight:900;line-height:1.1}.race-waiting p{margin:calc(10*var(--u)) 0 0;font-size:calc(50*var(--u))}.race-waiting-room{width:max-content;max-width:calc(100vw - 1640*var(--u));padding:max(3px,calc(10*var(--u))) max(10px,calc(28*var(--u)));border-radius:max(10px,calc(26*var(--u)));font-family:var(--sans);text-wrap:balance;background:#00000080;font-weight:700;line-height:1.35;font-size:max(11px,calc(34*var(--u)))!important}.race-waiting-room button,.race-menu-room button{color:#8fe6d2;text-decoration:underline}.race-waiting-room button{margin:-10px -4px;padding:10px 4px}.start-btn{width:calc(550*var(--u));height:calc(150*var(--u));margin-top:calc(70*var(--u));border-radius:calc(28*var(--u));box-shadow:0 calc(12*var(--u)) 0 #7d660a;font-size:calc(60*var(--u));color:#fff;text-shadow:0 calc(3*var(--u)) calc(4*var(--u)) #00000059;background:linear-gradient(#fde997,#facc14 22%,#facc14)}.start-btn:active{transform:translateY(calc(6*var(--u)));box-shadow:0 calc(6*var(--u)) 0 #7d660a}.race-results{left:0;right:0;bottom:calc(707*var(--u));height:calc(1080*var(--u));grid-template-columns:calc(500*var(--u)) 1fr calc(500*var(--u));padding:0 calc(65*var(--u));pointer-events:auto;font-variant-numeric:tabular-nums;background:#01433fdb;align-items:center;display:grid;position:absolute}.race-results-place{align-items:baseline;gap:calc(10*var(--u));font-weight:800;display:flex}.race-results-place b{font-size:calc(212*var(--u));line-height:1}.race-results-place span{font-size:calc(64*var(--u))}.race-results-time{text-align:center;font-size:calc(200*var(--u));font-weight:800;line-height:1}.race-results-place--none b{opacity:.55}.race-results-time--dnf{align-items:center;gap:calc(14*var(--u));flex-direction:column;line-height:1;display:flex}.race-results-time--dnf b{font-size:max(16px,calc(110*var(--u)));white-space:nowrap}.race-results-time--dnf small{font-family:var(--sans);font-size:max(11px,calc(30*var(--u)));opacity:.85;white-space:nowrap;font-weight:700}.race-results-continue{left:50%;bottom:calc(150*var(--u));font-size:calc(86*var(--u));font-weight:800;animation:1.6s ease-in-out infinite race-blink;position:absolute;transform:translate(-50%)scaleY(1.5)}@keyframes race-blink{50%{opacity:.35}}.race-results-rewards{left:50%;top:calc(50% + 112*var(--u));align-items:center;gap:calc(8*var(--u));white-space:nowrap;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.race-results-rewards ul{gap:calc(22*var(--u));margin:0;padding:0;list-style:none;display:flex}.race-results-rewards li{align-items:center;gap:calc(10*var(--u));padding:calc(6*var(--u)) calc(22*var(--u));font-size:max(12px,calc(50*var(--u)));background:#00000047;border-radius:999px;font-weight:900;line-height:1.1;display:flex}.race-results-rewards li.is-xp{color:var(--brand-mint,#8fe6d2)}.race-results-rewards img{width:max(14px,calc(52*var(--u)));height:max(14px,calc(52*var(--u)));object-fit:contain}.race-results-rewards p{font-family:var(--sans);font-size:max(10px,calc(30*var(--u)));opacity:.85;margin:0;font-weight:700}.race-results-replay{justify-self:end;align-items:center;gap:calc(16*var(--u));min-height:44px;height:calc(150*var(--u));padding:0 calc(44*var(--u));border-radius:calc(28*var(--u));box-shadow:0 calc(12*var(--u)) 0 #7d660a;font-size:max(14px,calc(54*var(--u)));color:#fff;text-shadow:0 calc(3*var(--u)) calc(4*var(--u)) #00000059;white-space:nowrap;background:linear-gradient(#fde997,#facc14 22%,#facc14);display:flex}.race-results-replay svg{width:max(14px,calc(54*var(--u)));fill:currentColor;height:auto;filter:drop-shadow(0 calc(3*var(--u)) calc(4*var(--u)) #00000059)}.race-results-replay:active{transform:translateY(calc(6*var(--u)));box-shadow:0 calc(6*var(--u)) 0 #7d660a}.replay-badge{min-width:calc(250*var(--u));max-width:100%;padding:0 calc(24*var(--u));border-radius:calc(22*var(--u));box-shadow:0 calc(8*var(--u)) 0 #000000d4;background:#e15047eb;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.replay-badge b{font-size:calc(52*var(--u));letter-spacing:.06em}.replay-badge small{margin-top:calc(10*var(--u));text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 calc(30*var(--u)) var(--sans);overflow:hidden}.replay-bar{left:50%;bottom:max(10px,calc(50*var(--u)));background:var(--brand-panel-strong);pointer-events:auto;width:min(100% - 32px,1080px);font:700 15px var(--sans);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #00000073}.replay-play{background:var(--brand-red);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 3px #00000073}.replay-play:active{background:var(--brand-red-press)}.replay-play svg{fill:#fff;width:22px;height:22px}.replay-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;min-width:88px}.replay-scrub{min-width:140px;height:44px;accent-color:var(--brand-red);cursor:pointer;flex:200px;margin:0}.replay-speeds{flex:none;gap:4px;display:flex}.replay-speeds button{min-width:44px;height:44px;font:900 15px var(--hud);background:#ffffff24;border-radius:10px;padding:0 6px}.replay-speeds button[aria-pressed=true]{color:var(--brand-green);background:#fff}.replay-follow{font:900 12px var(--hud);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-mint);flex:none;align-items:center;gap:8px;display:flex}.replay-follow select{max-width:180px;height:44px;color:var(--ink);font:700 15px var(--sans);text-transform:none;letter-spacing:0;cursor:pointer;background:#fff;border:0;border-radius:10px;padding:0 10px}.replay-exit{height:44px;color:var(--brand-green);font:900 14px var(--hud);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:10px;flex:none;align-items:center;gap:8px;margin-left:auto;padding:0 16px;display:flex}.replay-exit kbd{font:700 11px var(--sans);background:#01433f1f;border-radius:4px;padding:2px 5px}.replay-exit:active,.replay-speeds button:active{transform:translateY(2px)}@media (height<=500px){.replay-bar{gap:6px 8px;padding:6px 10px;bottom:8px}.replay-play{width:44px;height:44px}.replay-time{min-width:80px;font-size:14px}.replay-scrub{flex-basis:110px;min-width:110px}.replay-exit{padding:0 12px}.replay-exit kbd{display:none}}.race-controls{left:calc(50*var(--u));right:calc(50*var(--u));bottom:calc(25*var(--u));height:calc(500*var(--u));justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.race-controls-group{gap:calc(30*var(--u));padding-bottom:calc(50*var(--u));flex-direction:column;display:flex}.race-controls-group--left{padding-left:calc(50*var(--u));align-items:flex-start}.race-controls-group--right{padding-right:calc(50*var(--u));align-items:flex-end}.race-controls-row{gap:calc(40*var(--u));display:flex}.race-controls-row--small{gap:calc(40*var(--u))}.race-btn{border-radius:calc(30*var(--u));box-shadow:0 calc(8*var(--u)) 0 #000000a6;color:#000;text-align:center;background:#fff9;place-items:center;line-height:1;display:grid}.race-btn--big{width:calc(425*var(--u));height:calc(240*var(--u))}.race-btn--turn img{width:calc(150*var(--u));filter:brightness(0);height:auto}.race-btn--turn{row-gap:calc(6*var(--u));padding-top:calc(14*var(--u));touch-action:none;grid-template-rows:1fr auto}.race-btn--ease{font-size:calc(65*var(--u));letter-spacing:.02em;touch-action:none}.race-btn small{font-size:calc(24*var(--u));letter-spacing:.06em;margin-top:calc(8*var(--u));opacity:.75;display:block}.race-btn--special{width:calc(425*var(--u));height:calc(150*var(--u));font-size:calc(46*var(--u));border-radius:calc(24*var(--u));padding:0 calc(10*var(--u))}.race-btn--alt-active{box-shadow:0 calc(8*var(--u)) 0 #000000a6,inset 0 0 0 calc(5*var(--u)) #fff;color:#fff;background:#006c5d99}.race-btn:active,.race-btn[aria-pressed=true],.race-btn--held{transform:translateY(calc(4*var(--u)));box-shadow:0 calc(4*var(--u)) 0 #000000a6;background:#c8c8c899}.race-btn--alt-active:active{background:#00504699}.race-btn:disabled{opacity:.5}.race-btn--alt{position:relative;overflow:hidden}.race-btn--changing:disabled{opacity:1}.race-btn--changing small{font-size:max(11px,calc(24*var(--u)));margin-top:max(2px,calc(6*var(--u)));opacity:1}.race-btn-drain{left:12%;right:12%;bottom:max(4px,calc(14*var(--u)));height:max(3px,calc(10*var(--u)));background:#0000002e;border-radius:99px;position:absolute}.race-btn--alt-active .race-btn-drain{background:#ffffff40}.race-btn-drain i{border-radius:inherit;background:currentColor;height:100%;transition:width .1s linear;display:block}.rotate-gate{display:none}@media (width<=715px){.rotate-gate{z-index:9;text-align:center;pointer-events:auto;background:var(--brand-green);color:var(--text-1);place-content:center;justify-items:center;gap:14px;padding:32px;display:grid;position:absolute;inset:0}.rotate-gate svg{width:54px;height:54px;stroke:var(--brand-mint)}.rotate-gate strong{font-family:var(--font-display);letter-spacing:-.2px;font-size:21px;font-weight:800}.rotate-gate p{max-width:26ch;font-family:var(--font-body);color:var(--text-2);margin:0;font-size:14px;font-weight:400;line-height:1.5}}.race-menu{z-index:5;pointer-events:auto;background:#000000c7;place-items:center;display:grid;position:absolute;inset:0}.race-menu-box{width:calc(1000*var(--u));max-width:96vw;max-height:calc(1000*var(--u));border-radius:calc(40*var(--u));box-shadow:0 calc(20*var(--u)) calc(60*var(--u)) #00000080;background:#012725eb;flex-direction:column;display:flex;position:relative}.race-menu-box h2{height:calc(150*var(--u));font-size:calc(120*var(--u));place-items:center;margin:0;font-weight:900;display:grid}.race-menu-close{top:calc(10*var(--u));right:calc(20*var(--u));width:calc(50*var(--u));height:calc(50*var(--u));position:absolute}.race-menu-close img{width:100%;height:100%}.race-menu-body{gap:calc(20*var(--u));padding:0 calc(100*var(--u)) calc(100*var(--u));display:grid;overflow:auto}.race-menu-btn{height:calc(100*var(--u));border-radius:calc(20*var(--u));box-shadow:0 calc(6*var(--u)) 0 #00000080;font-size:calc(50*var(--u));color:#323232;background:linear-gradient(#e6e6e6,#ccc);font-weight:700}.race-menu-btn:active{transform:translateY(calc(3*var(--u)))}.race-menu-room{text-align:center;font:700 calc(32*var(--u)) var(--sans);color:#fff;margin:0}.race-exit-confirm{width:calc(600*var(--u));height:calc(300*var(--u));padding:calc(20*var(--u));border-radius:calc(20*var(--u));box-shadow:0 calc(16*var(--u)) calc(50*var(--u)) #00000080;background:#e15047;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.race-exit-confirm h3{text-align:center;font:700 calc(56*var(--u))/1.15 var(--sans);margin:0}.race-exit-confirm div{gap:calc(100*var(--u));display:flex}.race-exit-confirm button{width:calc(200*var(--u));height:calc(75*var(--u));border-radius:calc(14*var(--u));color:#fff;font-size:calc(50*var(--u));background:#333;font-weight:700}.race-error{width:min(calc(900*var(--u)),calc(100% - 40px));padding:calc(40*var(--u));border-radius:calc(30*var(--u));pointer-events:auto;font:400 calc(30*var(--u)) var(--sans);z-index:6;background:#021c19ed;border:1px solid #ffc17270;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.race-error h2{margin:0 0 calc(16*var(--u));font-family:var(--hud);font-size:calc(56*var(--u))}.race-error a{color:#8fe6d2}.race-password form{align-items:flex-end;gap:calc(20*var(--u));margin-top:calc(24*var(--u));flex-wrap:wrap;display:flex}.race-password label{gap:calc(8*var(--u));flex:1 1 calc(420*var(--u));font:700 calc(24*var(--u)) var(--hud);letter-spacing:.08em;text-transform:uppercase;color:#8fe6d2;display:grid}.race-password input{min-height:44px;padding:0 calc(20*var(--u));border-radius:calc(14*var(--u));color:#fff;font:400 calc(30*var(--u)) var(--sans);text-transform:none;letter-spacing:0;background:#ffffff14;border:1px solid #8fe6d280}.race-password button{min-height:44px;padding:0 calc(36*var(--u));border-radius:calc(14*var(--u));color:#1d1d1d;font:900 calc(26*var(--u)) var(--hud);cursor:pointer;background:#f3c22d;border:0}.race-password button:disabled{opacity:.5;cursor:not-allowed}.leaderboard--reports .leaderboard-header{grid-template-columns:calc(75*var(--u)) 1fr calc(120*var(--u)) max(22px,calc(42*var(--u)))}.leaderboard--reports .leaderboard-header span:nth-child(3){text-align:right}.leaderboard--reports .leaderboard-row{grid-template-columns:calc(55*var(--u)) calc(8*var(--u)) 1fr calc(120*var(--u)) max(22px,calc(42*var(--u)))}.leaderboard-report{width:max(22px,calc(42*var(--u)));height:max(22px,calc(42*var(--u)));border-radius:calc(10*var(--u));color:#fff;opacity:.55;place-items:center;display:grid}.leaderboard-report:hover,.leaderboard-report:focus-visible{opacity:1;background:#00000059}.leaderboard-report svg{width:70%;height:70%}.race-report label{flex-basis:100%}.race-report select,.race-report textarea{min-height:44px;padding:calc(10*var(--u)) calc(20*var(--u));border-radius:calc(14*var(--u));color:#fff;font:400 max(14px,calc(30*var(--u))) var(--sans);text-transform:none;letter-spacing:0;-webkit-user-select:text;user-select:text;background:#ffffff14;border:1px solid #8fe6d280}.race-report select option{color:#1d1d1d}.race-report textarea{resize:vertical;min-height:calc(160*var(--u))}.race-report small{font:400 max(11px,calc(22*var(--u))) var(--sans);text-transform:none;letter-spacing:0;color:#bfdcd3}.race-report-error{color:#ffc172;font:700 max(12px,calc(26*var(--u))) var(--sans);flex-basis:100%;margin:0}.race-report-actions{gap:calc(20*var(--u));flex-wrap:wrap;display:flex}.race-password .race-report-cancel{color:#fff;background:0 0;border:1px solid #8fe6d280}.race-flag-ap{clip-path:polygon(0 0,100% 30%,100% 70%,0 100%);background:repeating-linear-gradient(90deg,#d8262b 0 20%,#fff 20% 40%)}.race-banners{top:calc(215*var(--u));z-index:4;width:min(max(300px,calc(1100*var(--u))),calc(100% - 32px));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.race-ui[data-phase=countdown] .race-banners{top:calc(480*var(--u))}.race-hold{white-space:nowrap;background:#d8262bf0;border-radius:10px;align-items:baseline;gap:10px;padding:6px 14px;display:flex;box-shadow:0 4px #0006}.race-hold b{font:900 max(13px,calc(34*var(--u))) var(--hud);letter-spacing:.06em}.race-hold span{font:700 max(12px,calc(26*var(--u))) var(--sans)}.race-hold--paused{color:var(--brand-green);background:#fffffff0}.race-notices{flex-direction:column;align-self:stretch;gap:6px;display:flex}.race-notice{border-left:5px solid var(--brand-mint);background:var(--brand-panel-strong);pointer-events:auto;border-radius:12px;grid-template-columns:1fr auto;align-items:start;column-gap:6px;padding:7px 4px 8px 14px;animation:.25s ease-out race-notice-in;display:grid;box-shadow:0 4px #0006}.race-notice--server{border-left-color:var(--brand-warning);background:#342208f0}.race-notice-from{font:900 max(10px,calc(22*var(--u))) var(--hud);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-mint);grid-column:1}.race-notice--server .race-notice-from{color:var(--brand-warning)}.race-notice p{font:700 max(14px,calc(34*var(--u)))/1.3 var(--sans);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;grid-column:1;margin:2px 0 0}.race-notice-close{opacity:.7;border-radius:10px;grid-area:1/2/span 2;place-items:center;width:40px;height:40px;display:grid}.race-notice-close:hover,.race-notice-close:focus-visible{opacity:1;background:#ffffff1a}.race-notice-close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}@keyframes race-notice-in{0%{opacity:0;transform:translateY(-6px)}}.spectate-badge{background:#006c5df0}.spectate-prep{color:#ff4a4a}.spectate-leave img{width:calc(70*var(--u))}.spectate-fleet .leaderboard-rows{max-height:calc(935*var(--u));overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;overflow-y:auto}.spectate-row{text-align:left;border-radius:calc(10*var(--u));width:100%}.spectate-row:hover{background:#ffffff1a}.spectate-row[aria-pressed=true]{background:#ffffff38}.spectate-mark{font:900 12px var(--hud);letter-spacing:.04em;color:#fff;text-shadow:none;vertical-align:1px;border-radius:5px;margin-left:6px;padding:1px 6px;display:inline-block}.spectate-mark--alert{background:#d8262b}.spectate-mark--warn{background:var(--brand-warning);color:#2a1a00}.spectate-mark--done{background:var(--brand-teal)}.leaderboard-status.spectate-mark{font-size:max(10px,calc(26*var(--u)));justify-self:end;margin:0}.spectate-waiting{pointer-events:none}.spectate-bar{left:50%;bottom:max(10px,calc(50*var(--u)));background:var(--brand-panel-strong);pointer-events:auto;border-radius:16px;align-items:center;gap:10px;width:min(100% - 32px,640px);padding:8px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px #00000073}.spectate-step{width:48px;height:48px;color:var(--brand-green);background:#fff;border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 3px #00000073}.spectate-step svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.spectate-step:active{transform:translateY(2px);box-shadow:0 1px #00000073}.spectate-step:disabled{opacity:.4}.spectate-who{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.spectate-who b{max-width:100%;font:900 18px var(--hud);white-space:nowrap;align-items:center;gap:8px;display:flex}.spectate-who b i{border-radius:2px;flex:none;width:6px;height:18px}.spectate-who small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:700 13px var(--sans);color:var(--text-2);overflow:hidden}.spectate-camera{height:48px;font:900 13px var(--hud);letter-spacing:.06em;text-transform:uppercase;background:#ffffff24;border-radius:12px;flex:none;padding:0 14px}.spectate-camera:active{transform:translateY(2px)}.spectate-bar{flex-wrap:wrap}.watch-tools{flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:8px;display:flex}.watch-views{gap:6px;display:flex}.watch-view,.watch-tool{min-width:40px;height:40px;font:900 14px var(--hud);letter-spacing:.06em;background:#ffffff24;border-radius:10px;place-items:center;padding:0 10px;display:grid}.watch-tool{font-size:12px}.watch-view[aria-pressed=true],.watch-tool[aria-pressed=true]{color:var(--brand-green);background:#fff}.watch-tool--danger{background:#d8262b8c}.watch-tool:disabled{opacity:.4}.watch-view:active,.watch-tool:active,.draw-swatch:active{transform:translateY(2px)}.draw-swatches{gap:6px;display:flex}.draw-swatch{border-radius:10px;width:40px;height:40px;box-shadow:inset 0 0 0 2px #ffffff4d}.draw-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--brand-green)}.draw-swatch--red{background:#ff3b30}.draw-swatch--yellow{background:#ffd60a}.draw-swatch--green{background:#30d158}.draw-swatch--blue{background:#2f8cff}.draw-swatch--white{background:#fff}.draw-swatch--black{background:#121212}.draw-layer{z-index:-1;pointer-events:auto;touch-action:none;cursor:crosshair;position:absolute;inset:0}.view-label{top:calc(var(--view-top) + 225*var(--u));white-space:nowrap;background:#0000008c;border-radius:10px;align-items:center;gap:6px;height:32px;padding:0 10px 0 6px;display:flex;position:absolute}.view-label--left{left:calc(var(--view-x) + 830*var(--u))}.view-label--right{right:calc(var(--view-x) + 775*var(--u) + 16px)}.view-label b{width:22px;height:22px;font:900 13px var(--hud);background:#fff3;border-radius:6px;place-items:center;display:grid}.view-label[aria-pressed=true] b{color:var(--brand-green);background:#fff}.view-label[aria-pressed=true]{box-shadow:0 0 0 2px #fff}.view-label i{border-radius:2px;width:4px;height:18px}.view-label span{text-overflow:ellipsis;max-width:140px;font:900 14px var(--hud);overflow:hidden}.view-label small{font:700 11px var(--sans);color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.race-error--spectate{width:min(max(360px,calc(900*var(--u))),calc(100% - 32px));font-size:max(14px,calc(30*var(--u)));line-height:1.45}.race-error--spectate h2{font-size:max(20px,calc(56*var(--u)))}.race-error--spectate>a{margin-top:12px;font-weight:700;display:inline-block}.race-error--spectate.race-password label{font-size:max(11px,calc(24*var(--u)))}.race-error--spectate.race-password input{font-size:max(16px,calc(30*var(--u)))}.race-error--spectate.race-password button{font-size:max(13px,calc(26*var(--u)))}.race-error--spectate small{font:400 max(12px,calc(22*var(--u))) var(--sans);text-transform:none;letter-spacing:0;color:var(--text-2);flex-basis:100%;display:block}.race-error--spectate p.race-report-error{color:var(--brand-warning);font-weight:700}@media (height<=500px){.race-banners{gap:4px;width:min(400px,100% - 32px)}.race-notices{gap:4px}.race-notice{border-left-width:4px;padding:5px 2px 6px 12px}.race-notice p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.race-ui[data-notices] .race-waiting{top:auto;bottom:12px;transform:translate(-50%)}.race-ui--spectate[data-notices] .race-waiting{bottom:120px}.race-error{border-radius:14px;width:min(420px,100% - 32px);padding:14px 18px;font-size:14px;line-height:1.4}.race-error h2{margin-bottom:6px;font-size:20px}.race-error>a{padding:10px 0 4px;font-weight:700;display:inline-block}.race-password label{font-size:11px}.race-password input{font-size:16px}.race-password button{font-size:13px}.spectate-row{height:auto;min-height:30px}.spectate-row .leaderboard-name,.spectate-row .leaderboard-pos{font-size:12px}.spectate-bar{gap:6px 8px;padding:6px 8px;bottom:8px}.spectate-step,.spectate-camera{height:44px}.spectate-step{width:44px}.spectate-who b{font-size:15px}.watch-tools{gap:6px}.watch-tool{padding:0 8px;font-size:11px}.view-label{gap:4px;height:28px}.view-label span{max-width:90px;font-size:12px}.view-label small{font-size:10px}}.race-ui--coach{--dock:0px;--desk:380px}.race-ui--coach[data-dock]{--dock:calc(var(--desk) + 40px)}.race-ui--coach[data-dock] :is(.race-waiting,.race-banners){left:calc((780*var(--u) + 100% - var(--dock)) / 2)}.race-ui--coach[data-dock] .race-waiting{width:min(calc(1150*var(--u)),calc(100% - var(--dock) - 780*var(--u) - 8px))}.race-ui--coach .race-waiting-room,.race-waiting-sails{font-size:max(11px,calc(34*var(--u)))!important}.race-ui--coach[data-dock] .race-waiting-room{max-width:100%}.race-ui--coach[data-dock] .race-banners{width:min(calc(1100*var(--u)),calc(100% - var(--dock) - 780*var(--u) - 16px))}@media (height>=501px){.race-ui--coach[data-dock] .race-banners{width:min(max(300px,calc(1100*var(--u))),calc(100% - var(--dock) - 780*var(--u) - 16px))}}.race-ui--coach[data-dock] .spectate-bar{left:calc((100% - var(--dock)) / 2);width:min(calc(100% - var(--dock) - 32px),640px)}.race-ui--coach[data-dock] .race-flags{right:calc(200*var(--u) + var(--dock))}.race-ui--coach .spectate-waiting .coach-start{pointer-events:auto;min-height:44px}.race-ui--coach .spectate-waiting .coach-start:disabled{opacity:.55}.race-ui--coach .race-waiting-room+.race-waiting-room{margin-top:calc(4*var(--u))}.coach-end-actions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px;display:flex}.coach-end-actions button{color:#1d1d1d;min-height:44px;font:900 max(13px,calc(26*var(--u))) var(--hud);letter-spacing:.04em;text-transform:uppercase;background:#f3c22d;border-radius:12px;padding:0 20px}.coach-end-actions a{font-weight:700}.coach-desk{right:0;top:max(52px,calc(650*var(--u)));bottom:max(8px,calc(50*var(--u)));z-index:5;width:var(--desk);pointer-events:none;transition:transform .3s;display:flex;position:absolute}.coach-desk--closed{transform:translate(100%)}.coach-desk-tab{width:40px;min-height:132px;color:var(--brand-green);pointer-events:auto;background:#fff;border-radius:14px 0 0 14px;place-items:center;padding:10px 0;display:grid;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:-3px 4px #00000059}.coach-desk-tab span{writing-mode:vertical-rl;font:900 12px var(--hud);letter-spacing:.14em;transform:rotate(180deg)}.coach-desk-tab:active{background:#c8c8c8}.coach-desk-panel{overscroll-behavior:contain;scrollbar-width:thin;background:var(--brand-panel-strong);min-width:0;color:var(--text-1);font:400 14px/1.4 var(--sans);text-shadow:none;pointer-events:auto;-webkit-user-select:text;user-select:text;border-radius:16px 0 0 16px;flex:1;align-content:start;gap:10px;padding:12px 12px 14px;display:grid;overflow-y:auto;box-shadow:0 6px #00000073}.coach-desk-panel[hidden]{display:none}.coach-desk-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.coach-desk-head b{font:900 16px var(--hud);letter-spacing:.06em;text-transform:uppercase}.coach-phase{font:900 11px var(--hud);letter-spacing:.1em;background:#ffffff2e;border-radius:8px;padding:4px 9px}.coach-phase--lobby{background:var(--brand-teal)}.coach-phase--postponed{background:#d8262b}.coach-phase--countdown{background:var(--brand-warning);color:#2a1a00}.coach-phase--racing,.coach-phase--finishing{background:#16a849}.coach-phases{gap:4px;display:flex}.coach-phase--paused{color:var(--brand-green);background:#fff}.coach-pace{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;display:grid}.coach-pace .coach-btn{min-width:84px}.coach-tabs{background:#00000059;border-radius:12px;gap:4px;padding:4px;display:flex}.coach-tabs button{min-height:40px;font:900 12px var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border-radius:9px;flex:1}.coach-tabs button[aria-selected=true]{color:var(--brand-green);background:#fff}.coach-desk-body{gap:10px;display:grid}.coach-line{border-left:4px solid var(--brand-mint);overflow-wrap:anywhere;background:#8fe6d21f;border-radius:10px;margin:0;padding:8px 10px;font-size:13px;font-weight:700}.coach-line--error{border-left-color:var(--brand-warning);color:#ffe2b8;background:#783a0c8c}.coach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.coach-row{gap:6px;min-width:0;display:flex}.coach-row>:first-child{flex:1;min-width:0}.coach-row>.coach-btn{flex:none}.coach-btn{color:#fff;min-height:44px;font:900 12px/1.15 var(--hud);letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:10px;padding:6px 10px;box-shadow:0 3px #0006}.coach-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0006}.coach-btn:disabled{opacity:.35;box-shadow:none}.coach-btn--main{color:#1d1d1d;background:#f3c22d}.coach-btn--danger{background:#d8262be6}.coach-desk-panel :is(select,input){color:#fff;width:100%;min-height:44px;font:400 14px var(--sans);pointer-events:auto;background:#ffffff14;border:1px solid #8fe6d280;border-radius:10px;padding:0 10px}.coach-desk-panel select:disabled,.coach-desk-panel fieldset:disabled select{opacity:.5}.coach-desk-panel option,.coach-desk-panel optgroup{color:#1d1d1d}.coach-desk-panel label,.coach-field>span{font:900 11px var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-mint)}.coach-hints{color:var(--text-2);margin:0;padding-left:16px;font-size:12px;line-height:1.35}.coach-send{gap:5px;display:grid}.coach-door{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:8px;padding-top:8px;display:flex}.coach-door span{color:var(--text-2);font-size:13px}.coach-door .coach-btn{flex:none}.coach-boat{gap:2px;display:grid}.coach-boat b{font:900 16px var(--hud);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coach-boat small{font:700 13px var(--sans);color:var(--text-2)}.coach-note{color:var(--text-2);margin:0;font-size:13px}.coach-note--lock{color:#ffe2b8;background:#d8262b38;border-radius:10px;padding:8px 10px;font-weight:700}.coach-now{margin:0;font-size:13px}.coach-now b{font:900 11px var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-mint);display:block}.coach-settings{gap:10px;display:grid}.coach-settings fieldset{border:0;min-width:0;margin:0;padding:0}.coach-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.coach-field{gap:4px;min-width:0;display:grid}.coach-field--fixed b{align-items:center;min-height:44px;font-size:14px;display:flex}.coach-confirm{background:#e150472e;border:1px solid #e15047b3;border-radius:12px;gap:8px;padding:10px;display:grid}.coach-confirm p{margin:0;font-size:14px;font-weight:700}.race-results-next{white-space:nowrap;font-size:calc(60*var(--u));margin:0;animation:none}.race-error a.race-error-also{margin-left:1.4em}@media (height<=500px){.race-ui--coach{--desk:min(340px,44vw)}.coach-desk{top:52px}.race-ui--coach[data-dock] .race-flags{right:calc(200*var(--u))}.coach-desk-panel{gap:8px;padding:10px 10px 12px}.coach-grid{gap:5px}.coach-btn{padding:4px 6px;font-size:11px}.race-error a.race-error-also{margin-left:18px}}.race-ui--replay{--dock:0px;--desk:380px}.race-ui--replay[data-dock]{--dock:calc(var(--desk) + 40px)}.race-ui--replay[data-dock] .replay-bar{left:calc((100% - var(--dock)) / 2);width:min(calc(100% - var(--dock) - 32px),1080px)}.race-ui--replay[data-dock] :is(.race-flags,.minimap-panel){right:calc(200*var(--u) + var(--dock))}.race-ui--replay[data-dock] .race-data{right:min(calc(800*var(--u) + var(--dock)),calc(100% - 1900*var(--u)))}.race-ui--replay[data-dock] .menu-btn{right:calc(25*var(--u) + var(--dock))}.replay-track{flex:200px;align-items:center;min-width:140px;display:flex;position:relative}.replay-track .replay-scrub{flex:1;min-width:0}.replay-marks{pointer-events:none;height:14px;position:absolute;top:calc(50% + 10px);left:8px;right:8px}.replay-mark{pointer-events:auto;cursor:pointer;border:2px solid #0009;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:0}.replay-mark--gun{background:#3ddc3d}.replay-mark--mark{background:#ffe400}.replay-mark--finish{background:#19e6e6}.replay-mark--incident{background:#ff1a1a}.replay-mark--cut{background:#8a2be2;border-radius:2px;width:6px;margin-left:-3px}.replay-inst{top:calc(215*var(--u));right:calc(800*var(--u));gap:calc(28*var(--u));padding:calc(10*var(--u)) calc(24*var(--u));border-radius:calc(18*var(--u));background:var(--brand-panel);box-shadow:0 calc(4*var(--u)) 0 #0006;font-family:var(--hud);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:900;display:flex;position:absolute}.race-ui--replay[data-dock] .replay-inst{right:calc(800*var(--u) + var(--dock))}.replay-inst div{justify-items:end;display:grid}.replay-inst dt{font-size:calc(22*var(--u));letter-spacing:.08em;color:var(--text-2)}.replay-inst dd{font-size:calc(40*var(--u));margin:0}.replay-inst small{font-size:calc(20*var(--u));color:var(--text-2)}.replay-inst--distance dd{color:var(--brand-warning)}.replay-row{align-items:stretch;gap:calc(6*var(--u));display:flex}.replay-row .spectate-row{flex:1;min-width:0}.replay-pick{width:calc(60*var(--u));border-radius:calc(10*var(--u));color:#fff;min-width:28px;font:900 calc(26*var(--u)) var(--hud);pointer-events:auto;background:#ffffff24;flex:none}.replay-pick[aria-pressed=true]{background:var(--brand-warning);color:#2a1a00}.replay-line{left:calc(180*var(--u));bottom:max(10px,calc(50*var(--u)));max-width:calc(600*var(--u));font:700 13px var(--sans);color:var(--text-2);text-shadow:0 1px 3px #000000b3;margin:0;position:absolute}.replay-views{right:calc(200*var(--u));bottom:max(10px,calc(190*var(--u)));pointer-events:auto;gap:6px;display:flex;position:absolute}.race-ui--replay[data-dock] .replay-views{right:calc(200*var(--u) + var(--dock))}.replay-views .spectate-camera,.replay-views .watch-view{box-shadow:0 3px #00000073}.replay-step{left:calc((100% - var(--dock)) / 2);bottom:max(76px,calc(190*var(--u)));pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.replay-step b{background:var(--brand-panel-strong);max-width:min(260px,40vw);height:48px;font:900 16px var(--hud);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 14px;display:flex;overflow:hidden;box-shadow:0 3px #00000073}.replay-step i{border-radius:3px;flex:none;width:10px;height:22px}.replay-picks{gap:4px;margin:0;padding:0;list-style:none;display:grid}.replay-picks li{background:#ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 0 0 10px;font-weight:700;display:flex}.replay-picks .coach-btn{min-height:36px}.replay-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:0;display:grid}.replay-stats div{background:#ffffff14;border-radius:8px;gap:1px;padding:6px 8px;display:grid}.replay-stats dt{font:900 10px var(--hud);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-mint)}.replay-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:14px;font-weight:700}.replay-table-scroll{background:#00000040;border-radius:10px;max-width:100%;overflow:auto}.replay-table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.replay-table th{text-align:left;padding:0}.replay-table th button{text-align:left;width:100%;min-height:36px;font:900 10px var(--hud);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-mint);padding:4px 8px}.replay-table td{border-top:1px solid #ffffff14;padding:5px 8px}.replay-table tbody tr{cursor:pointer}.replay-table tr.is-mine td{background:#ffc1722e;font-weight:700}.replay-clips{gap:8px;margin:0;padding:0;list-style:none;display:grid}.replay-clips li{background:#ffffff14;border-radius:10px;gap:6px;padding:8px 10px;display:grid}.replay-clips li.is-playing{box-shadow:inset 0 0 0 2px var(--brand-warning)}.replay-clips li>div:first-child{gap:2px;min-width:0;display:grid}.replay-clips b{font:900 14px var(--hud);overflow-wrap:anywhere}.replay-clips small{color:var(--text-2);font-size:12px}.replay-clips p{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:13px}.replay-clips .coach-row{flex-wrap:wrap;justify-content:flex-end}.replay-clips .coach-row>:first-child{flex:none}.replay-clip-form{border-top:1px solid #ffffff1f;gap:8px;padding-top:8px;display:grid}.replay-clip-form textarea{color:#fff;width:100%;min-height:56px;font:400 14px/1.4 var(--sans);resize:vertical;pointer-events:auto;background:#ffffff14;border:1px solid #8fe6d280;border-radius:10px;padding:8px 10px}.replay-clip-edges .coach-btn small{font:700 12px var(--sans);text-transform:none;letter-spacing:0;color:var(--text-2);display:block}@media (height<=500px){.race-ui--replay{--desk:min(340px,44vw)}.replay-desk{top:52px}.race-ui--replay[data-dock] :is(.race-flags,.minimap-panel){right:calc(200*var(--u))}.race-ui--replay[data-dock] .race-data{right:calc(800*var(--u))}.race-ui--replay[data-dock] .menu-btn{right:calc(25*var(--u))}.race-ui--replay[data-dock] .replay-inst{right:calc(800*var(--u))}.replay-inst{gap:14px;padding:4px 10px}.replay-inst dt{font-size:9px}.replay-inst dd{font-size:14px}.replay-inst small{font-size:9px}.replay-pick{width:30px;font-size:12px}.replay-line{display:none}.replay-views{bottom:112px;right:12px}.race-ui--replay[data-dock] .replay-views{bottom:164px}.replay-step{bottom:112px}.replay-step b{height:44px;font-size:14px}.replay-marks{height:12px;top:calc(50% + 8px)}.replay-mark{width:12px;height:12px;margin-left:-6px}}