:root{--red:#e30a17;--gold:#f2b705;--navy:#0b1d3a;--emerald:#0e6e5c;--orange:#c8642a;--white:#f5f7f8;--fd:"Avenir Next Condensed","Avenir Next","Arial Narrow","Roboto Condensed","DejaVu Sans Condensed","Segoe UI",system-ui,sans-serif;--fb:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,"DejaVu Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--white);font-family:var(--fb);-webkit-user-select:none;user-select:none;touch-action:none;background:#000;overflow:hidden}#c{outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.screen{z-index:5;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.screen.show{animation:.35s fin;display:block}@keyframes fin{0%{opacity:0}to{opacity:1}}#fade{opacity:0;pointer-events:none;z-index:50;background:#000;transition:opacity .45s;position:fixed;top:0;bottom:0;left:0;right:0}#fade.on{opacity:1}.flag{vertical-align:middle;border-radius:2px;width:30px;height:20px;margin-right:10px;box-shadow:0 2px 8px #0006}.flag.big{width:84px;height:56px;margin:0}#loading{z-index:40;background:radial-gradient(at 50% 30%,#123a5a 0%,#0b1d3a 55%,#050b16 100%)}.load-inner{text-align:center;width:min(680px,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-xl{font-family:var(--fd);font-style:italic;font-weight:900;line-height:.9;transform:skew(-6deg)}.brand-xl .b1{letter-spacing:2px;background:linear-gradient(180deg,#fff 0%,#ffe9a8 60%,var(--gold) 100%);color:#0000;filter:drop-shadow(0 6px #0007);-webkit-background-clip:text;background-clip:text;padding-top:.14em;font-size:clamp(48px,9vw,104px);display:block}.brand-xl .b2{background:var(--red);letter-spacing:6px;margin-top:8px;padding:6px 22px;font-size:clamp(22px,3.6vw,40px);display:inline-block;box-shadow:0 8px 30px #e30a1766}.badge{font-family:var(--fd);letter-spacing:3px;border:2px solid var(--gold);color:var(--gold);border-radius:40px;align-items:center;margin:26px auto 30px;padding:8px 18px;font-size:18px;font-weight:800;display:inline-flex}.bar{background:#ffffff1a;border-radius:8px;height:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2}.bar i{background:linear-gradient(90deg,var(--red),var(--gold));width:0;height:100%;box-shadow:0 0 18px var(--gold);transition:width .25s;display:block}#load-text{letter-spacing:1px;opacity:.85;margin-top:12px;font-size:14px}.fact{opacity:.9;border-left:4px solid var(--gold);text-align:left;background:#ffffff0d;border-radius:4px;min-height:50px;margin-top:34px;padding:14px 18px;font-size:16px;line-height:1.5}#menu{background:linear-gradient(90deg,#0b1d3acc 0%,#0b1d3a66 32%,#0000 55%)}.menu-left{position:absolute;top:50%;left:6vw;transform:translateY(-50%)}.logo{font-family:var(--fd);text-shadow:0 6px 24px #0009;margin-bottom:34px;font-style:italic;font-weight:900;transform:skew(-7deg)}.logo-top{letter-spacing:7px;color:var(--gold);font-size:16px;font-weight:800}.logo-main{background:linear-gradient(180deg,#fff 0%,#fff3cf 55%,var(--gold) 100%);color:#0000;filter:drop-shadow(0 5px #7a0610);-webkit-background-clip:text;background-clip:text;padding-top:.12em;font-size:clamp(54px,7.4vw,112px);line-height:.92}.logo-sub{letter-spacing:8px;background:linear-gradient(90deg,var(--red),#ff3b2f);margin-top:6px;padding:4px 20px 4px 14px;font-size:clamp(24px,2.9vw,42px);display:inline-block;box-shadow:0 10px 30px #e30a1755}.menu-nav{flex-direction:column;gap:10px;width:min(380px,80vw);display:flex}.menu-nav.center{margin:30px auto 0}.mbtn{text-align:left;cursor:pointer;color:#fff;font-family:var(--fd);border:0;border-left:5px solid var(--gold);background:linear-gradient(90deg,#0b1d3ae6,#0b1d3a99);padding:12px 26px;transition:all .15s;display:block;position:relative;overflow:hidden;transform:skew(-10deg);box-shadow:0 6px 20px #0005}.mbtn>*{display:block;transform:skew(10deg)}.mbtn b{letter-spacing:2px;font-size:26px;font-style:italic;font-weight:900}.mbtn small{opacity:.75;font-size:13px;font-family:var(--fb);letter-spacing:.5px}.mbtn:hover,.mbtn.focus{background:linear-gradient(90deg,var(--red),#f43);border-left-color:#fff;transform:skew(-10deg)translate(10px)}.mbtn.primary{background:linear-gradient(90deg,var(--red),#ff3b2f)}.mbtn.primary b{font-size:34px}.mbtn.primary:hover,.mbtn.primary.focus{background:linear-gradient(90deg,var(--gold),#ffd34d);color:var(--navy)}.mbtn:after{content:"";background:linear-gradient(90deg,#0000,#fff5,#0000);width:40%;height:100%;transition:left .45s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.mbtn:hover:after,.mbtn.focus:after{left:120%}.campaign{font-family:var(--fd);text-shadow:0 4px 20px #000a;align-items:center;gap:16px;font-style:italic;font-weight:900;animation:3s ease-in-out infinite pulse;display:flex;position:absolute;bottom:7vh;right:4vw;transform:skew(-6deg)}.campaign .c1{letter-spacing:4px;font-size:30px}.campaign .c2{color:var(--gold);font-size:58px;line-height:.9}@keyframes pulse{50%{transform:skew(-6deg)scale(1.04)}}.menu-foot{opacity:.7;letter-spacing:1px;font-size:12px;position:absolute;bottom:3vh;left:6vw}.panel-screen{background:linear-gradient(#0b1d3add,#0b1d3aaa 60%,#0b1d3add);padding:6vh 6vw;overflow:auto}.panel-screen.dim{background:radial-gradient(#0b1d3acc,#050b16f0)}.ptitle{font-family:var(--fd);letter-spacing:3px;text-shadow:0 4px #e30a17;margin-bottom:24px;font-size:clamp(34px,4.4vw,60px);font-style:italic;font-weight:900;transform:skew(-7deg)}.cards{gap:22px;display:grid}.cards.two{grid-template-columns:repeat(2,minmax(0,420px))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{text-align:left;color:#fff;cursor:pointer;font-family:var(--fb);background:linear-gradient(160deg,#16325c,#0b1d3a);border:2px solid #fff2;border-radius:14px;padding:24px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.card:hover,.card.sel{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 40px #f2b70533}.card.sel{background:linear-gradient(160deg,#7a0a14,#2a0a10)}.card b{font-family:var(--fd);letter-spacing:1px;margin:6px 0;font-size:30px;font-style:italic;font-weight:900;display:block}.card p{opacity:.85;font-size:15px;line-height:1.45}.card .ci{font-size:46px}.card.mode{min-height:230px;padding:30px}.card.mode b{font-size:40px}.card.mode p{font-size:17px}.card canvas{aspect-ratio:1.3;background:#06223a;border-radius:8px;width:100%;height:auto;margin-bottom:12px;display:block}.card .meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{letter-spacing:.5px;background:#ffffff18;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.chip.k{background:#0e6e5c}.chip.o{background:#b86b00}.chip.z{background:#e30a17}.rec{color:var(--gold);margin-top:10px;font-size:13px;font-weight:700}.pfoot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.pfoot.inl{margin-top:22px}.sbtn{font-family:var(--fd);letter-spacing:1px;color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:8px;padding:10px 22px;font-size:20px;font-style:italic;font-weight:900;transition:all .15s}.sbtn:hover{border-color:var(--gold);background:#ffffff24}.sbtn.go{background:linear-gradient(90deg,var(--red),#ff3b2f);border-color:#0000;margin-left:auto}.sbtn.go:hover{background:linear-gradient(90deg,var(--gold),#ffd34d);color:var(--navy)}.sbtn.sm{padding:4px 14px;font-size:18px}.laps{font-family:var(--fd);letter-spacing:2px;align-items:center;gap:10px;font-weight:800;display:flex}#lap-val{text-align:center;min-width:30px;color:var(--gold);font-size:26px}#boats{background:linear-gradient(90deg,#0000 45%,#0b1d3a99 62%,#0b1d3aee 100%)}.garage-panel{width:min(460px,90vw);position:absolute;top:50%;right:5vw;transform:translateY(-50%)}.boat-name{font-family:var(--fd);color:var(--gold);font-size:64px;font-style:italic;font-weight:900;line-height:1;transform:skew(-6deg)}.boat-class{background:var(--red);letter-spacing:3px;margin:8px 0 12px;padding:3px 14px;font-size:14px;font-weight:800;display:inline-block}.boat-desc{opacity:.9;margin-bottom:18px;line-height:1.5}.stats .st{letter-spacing:1px;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin:8px 0;font-size:14px;font-weight:700;display:grid}.stats .sb{background:#ffffff1c;border-radius:6px;height:10px;overflow:hidden}.stats .sb i{background:linear-gradient(90deg,var(--gold),var(--red));height:100%;transition:width .35s;display:block}.boat-nav{font-family:var(--fd);align-items:center;gap:16px;margin-top:18px;font-size:20px;font-weight:800;display:flex}.setlist{max-width:760px}.set{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-size:18px;display:flex}.seg{border:2px solid #fff3;border-radius:8px;display:flex;overflow:hidden}.seg button{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px 16px;font-size:15px;font-weight:700}.seg button.on{background:var(--red)}input[type=range]{width:240px;accent-color:var(--gold)}.ctable{border-collapse:collapse;width:100%;max-width:900px;font-size:17px}.ctable th{text-align:left;color:var(--gold);font-family:var(--fd);letter-spacing:2px;border-bottom:2px solid var(--gold);padding:10px 14px}.ctable td{border-bottom:1px solid #ffffff1a;padding:11px 14px}kbd{text-align:center;min-width:28px;color:var(--navy);background:#fff;border-radius:6px;padding:3px 8px;font-size:14px;font-weight:800;display:inline-block;box-shadow:0 3px #999}.tip{opacity:.85;border-left:4px solid var(--gold);max-width:900px;margin-top:20px;padding-left:14px;line-height:1.5}#hud{pointer-events:none;font-family:var(--fd)}.hud-tl{text-shadow:0 3px 12px #000c;position:absolute;top:22px;left:28px}.pos{color:#fff;font-size:92px;font-style:italic;font-weight:900;line-height:.85}.pos small{opacity:.85;font-size:36px}.lap{letter-spacing:2px;color:var(--gold);margin-top:4px;font-size:28px;font-style:italic;font-weight:900}.board{font-family:var(--fb);min-width:210px;margin-top:12px;font-size:14px;font-weight:600}.board div{border-left:4px solid var(--c,#fff);background:#0b1d3aaa;align-items:center;gap:8px;margin:3px 0;padding:4px 10px;display:flex;transform:skew(-8deg)}.board div.me{background:#e30a17cc}.board b{width:18px}.hud-tc{text-align:center;text-shadow:0 3px 12px #000c;position:absolute;top:18px;left:50%;transform:translate(-50%)}.time{letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:44px;font-style:italic;font-weight:900}.sub{font-family:var(--fb);opacity:.95;font-variant-numeric:tabular-nums;min-height:22px;font-size:16px;font-weight:700}.sub .g{color:#3dff8c}.sub .r{color:#ff4d4d}.hud-tr{position:absolute;top:20px;right:24px}#minimap{background:#0b1d3acc;border-radius:50%;width:220px;height:220px;box-shadow:0 0 0 3px #fffa,0 0 0 6px #e30a17,0 10px 30px #0008}.hud-br{width:250px;height:250px;position:absolute;bottom:16px;right:20px}.gauge{filter:drop-shadow(0 6px 18px #000a);width:100%;height:100%}.g-bg{fill:#0b1d3acc;stroke:#fff2;stroke-width:2px}.g-track{fill:none;stroke:#fff2;stroke-width:14px;stroke-linecap:round}.g-val{fill:none;stroke:url(#gg);stroke-width:14px;stroke-linecap:round}.n-track{fill:none;stroke:#ffffff18;stroke-width:8px;stroke-linecap:round}.n-val{fill:none;stroke:url(#ng);stroke-width:8px;stroke-linecap:round}.g-num{fill:#fff;text-anchor:middle;font-size:58px;font-style:italic;font-weight:900;font-family:var(--fd)}.g-unit{fill:var(--gold);letter-spacing:3px;text-anchor:middle;font-size:15px;font-weight:800;font-family:var(--fd)}.g-nitro{fill:#8fe9ff;letter-spacing:3px;text-anchor:middle;font-size:14px;font-weight:900;font-family:var(--fd)}.g-nitro.full{fill:#fff;animation:.5s infinite blink}@keyframes blink{50%{opacity:.4}}.center-msg{letter-spacing:2px;text-align:center;text-shadow:0 4px #e30a17,0 10px 30px #000;opacity:0;white-space:nowrap;font-size:54px;font-style:italic;font-weight:900;transition:opacity .25s;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)skew(-8deg)}.center-msg.on{opacity:1}.center-msg small{text-shadow:0 3px 10px #000;color:var(--gold);letter-spacing:4px;font-size:22px;display:block}.countdown{color:#fff;text-shadow:0 8px #e30a17,0 20px 60px #000;font-size:200px;font-style:italic;font-weight:900;display:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.countdown.go{color:var(--gold);font-size:150px}.countdown.pop{animation:.9s ease-out forwards pop;display:block}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(2.2)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.wrongway{color:#ff3b2f;text-shadow:0 0 20px #000;font-size:64px;font-style:italic;font-weight:900;animation:.6s infinite blink;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-brand{letter-spacing:3px;text-shadow:0 2px 10px #000;opacity:.9;font-size:18px;font-style:italic;font-weight:900;position:absolute;bottom:22px;left:28px}.fps{opacity:.7;font-family:monospace;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pausebtn{pointer-events:auto;color:#fff;cursor:pointer;background:#0b1d3aaa;border:2px solid #fff4;border-radius:8px;width:44px;height:40px;font-size:18px;display:none;position:absolute;top:24px;right:270px}#touch{display:none}body.touch #touch,body.touch .pausebtn{display:block}#touch button{pointer-events:auto;color:#fff;font-weight:900;font-family:var(--fd);background:#0b1d3a88;border:2px solid #fff5;border-radius:50%;width:84px;height:84px;font-size:28px}#touch button.on{background:#e30a17cc}#touch .tl{gap:18px;display:flex;position:absolute;bottom:90px;left:24px}#touch .tr{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:40px;right:260px}#touch .sm{width:70px;height:70px;font-size:15px}#touch .nit{background:#5a2bbf99;width:100px;height:100px;font-size:18px}#intro{pointer-events:none;background:linear-gradient(#0000 65%,#000a 100%)}.intro-card{font-family:var(--fd);text-shadow:0 6px 30px #000;font-style:italic;font-weight:900;position:absolute;bottom:12vh;left:6vw;transform:skew(-7deg)}.i1{background:var(--red);letter-spacing:5px;padding:4px 16px;font-size:20px;display:inline-block}.i2{margin-top:8px;font-size:clamp(48px,7vw,96px);line-height:1}.i3{color:var(--gold);letter-spacing:3px;margin-top:6px;font-size:20px}.skip{opacity:.7;font-size:14px;position:absolute;bottom:5vh;right:4vw}.newrec{font-family:var(--fd);color:var(--gold);letter-spacing:3px;margin:-10px 0 10px;font-size:30px;font-style:italic;font-weight:900;animation:.7s infinite blink;display:none}.podium{justify-content:center;align-items:flex-end;gap:16px;height:215px;margin:0 0 12px;display:flex}.pod{text-align:center;width:200px;font-family:var(--fd)}.pod .nm{margin-bottom:6px;font-size:22px;font-style:italic;font-weight:900}.pod .tm{opacity:.9;font-size:16px;font-family:var(--fb);margin-bottom:8px;font-weight:700}.pod .blk{border-top:6px solid var(--c);border-radius:10px 10px 0 0;justify-content:center;align-items:flex-start;padding-top:6px;font-size:52px;font-style:italic;font-weight:900;display:flex;box-shadow:0 14px 40px #0008}.pod.p1 .blk{color:#3a2a00;background:linear-gradient(#f2b705,#a87a00);height:130px}.pod.p2 .blk{color:#2a2f36;background:linear-gradient(#d9dde3,#8b939e);height:95px}.pod.p3 .blk{color:#2e1606;background:linear-gradient(#d98a4a,#8a4a1c);height:70px}.pod.me .nm{color:var(--gold)}.rtable{border-collapse:collapse;width:100%;max-width:900px;margin:0 auto;font-size:16px}.rtable th{color:var(--gold);text-align:left;border-bottom:2px solid var(--gold);font-family:var(--fd);letter-spacing:2px;padding:8px 12px}.rtable td{font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff18;padding:5px 12px}.rtable tr.me td{background:#e30a1755;font-weight:800}.rtable .sw{vertical-align:middle;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}#results .pfoot{justify-content:center}#results .sbtn.go{margin-left:0}#results{text-align:center}.r-brand{font-family:var(--fd);letter-spacing:4px;margin-top:10px;font-size:26px;font-style:italic;font-weight:900}#fx-speed{pointer-events:none;z-index:4;opacity:0;background:repeating-conic-gradient(at 50% 55%,#0000 0deg 3deg,#ffffff16 3.4deg,#0000 4deg 9deg);transition:opacity .3s;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle at 50% 55%,#0000 32%,#000 75%);mask:radial-gradient(circle at 50% 55%,#0000 32%,#000 75%)}#fx-speed.on{opacity:1;animation:.25s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(3deg)}}@media (max-width:900px){.cards.three,.cards.two{grid-template-columns:1fr}.hud-br{width:170px;height:170px}#minimap{width:140px;height:140px}.pos{font-size:60px}.board{display:none}.pausebtn,#touch .tr{right:180px}}#results{padding:3vh 6vw}#results .ptitle{margin-bottom:8px}#results .pfoot{margin-top:14px}