:root{--cyan: #2ce6ff;--magenta: #ff2ea6;--amber: #ffa33c;--rood: #ff3a1f;--dim: rgba(160, 200, 255, .55);--tik: .62s;--pad: clamp(10px, 2.2vw, 30px);--skew: skewX(-11deg)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#04030c;color:#eaf4ff;font-family:Eurostile,Bahnschrift,DIN Alternate,Arial Narrow,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;inset:0;pointer-events:none;text-transform:uppercase;letter-spacing:.08em}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(120,200,255,.045) 0px,rgba(120,200,255,.045) 1px,transparent 2px,transparent 4px);mix-blend-mode:screen}.hud:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 52%,rgba(3,2,12,.72) 100%)}.hud-corner{position:absolute;top:calc(var(--pad) + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:clamp(3px,.5vw,7px)}.hud-tl{left:calc(var(--pad) + env(safe-area-inset-left,0px));align-items:flex-start}.hud-tr{right:calc(var(--pad) + env(safe-area-inset-right,0px));align-items:flex-end}.block{position:relative;transform:var(--skew);background:linear-gradient(101deg,#040a1a9e,#040a1a00 84%);border-left:2px solid var(--cyan);padding:clamp(1px,.3vw,3px) clamp(16px,3vw,34px) clamp(2px,.4vw,4px) clamp(7px,1.1vw,11px);display:flex;flex-direction:column;line-height:1.02}.block[hidden]{display:none}.block:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--cyan),rgba(44,230,255,0) 72%);opacity:.5}.block.right{border-left:none;border-right:2px solid var(--magenta);align-items:flex-end;background:linear-gradient(281deg,#1606209e,#16062000 84%);padding:clamp(1px,.3vw,3px) clamp(7px,1.1vw,11px) clamp(2px,.4vw,4px) clamp(16px,3vw,34px)}.block.right:before{background:linear-gradient(270deg,var(--magenta),rgba(255,46,166,0) 72%)}.label{font-size:clamp(6px,.8vw,10px);color:var(--dim);letter-spacing:.3em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.value{font-size:clamp(15px,2.1vw,29px);font-weight:600;color:#f2f9ff;text-shadow:0 1px 5px rgba(0,0,0,.85),0 0 12px rgba(44,230,255,.6)}.value i{font-style:normal;font-size:.46em;font-weight:400;color:var(--dim);margin-left:.14em}.value.mono{font-variant-numeric:tabular-nums;font-size:clamp(13px,1.7vw,24px);text-shadow:0 1px 5px rgba(0,0,0,.85),0 0 12px rgba(255,46,166,.55)}.value.small{font-size:clamp(10px,1.3vw,17px);color:#ffcfe9}.value.best{color:var(--amber);text-shadow:0 1px 5px rgba(0,0,0,.85),0 0 12px rgba(255,163,60,.5)}.hud-instrument{position:absolute;right:calc(var(--pad) + env(safe-area-inset-right,0px));bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 2 * var(--pad) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:flex-end;gap:clamp(3px,.5vw,7px);transform:var(--skew);transform-origin:100% 0}.hud-speed{text-align:right}.hud-wapen{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:clamp(4px,.7vw,9px);height:clamp(21px,2.7vw,33px);padding:0 clamp(6px,.9vw,10px);border-right:2px solid transparent;opacity:0;visibility:hidden;transition:opacity .14s ease-out}.hud-wapen.aan{opacity:1;visibility:visible;background:linear-gradient(281deg,#040a1ae8,#040a1ae0 91%,#040a1a2e);border-right-color:var(--cyan)}.hud-wapen.raak{opacity:1;visibility:visible}.hud-wapen.raak:not(.aan)>:not(.wapen-treffer){visibility:hidden}.hud-wapen.ruil{opacity:1;visibility:visible}.hud-wapen.ruil:not(.aan)>:not(.wapen-ruil){visibility:hidden}.wapen-treffer{position:absolute;right:calc(100% + clamp(5px,.9vw,11px));top:0;bottom:0;display:flex;align-items:center;font-size:clamp(7px,.85vw,11px);font-weight:800;letter-spacing:.3em;white-space:nowrap;color:#eaf4ff;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(44,230,255,.7);pointer-events:none;animation:wapen-treffer .62s ease-out forwards;z-index:2}.wapen-treffer[hidden]{display:none}.wapen-ruil{position:absolute;right:calc(100% + clamp(5px,.9vw,11px));top:0;bottom:0;display:flex;align-items:center;gap:.42em;margin:0;padding:0 0 0 clamp(5px,.8vw,9px);border:0;border-left:1px solid rgba(56,255,194,.35);background:none;font:inherit;font-size:clamp(8px,1vw,12px);font-weight:700;letter-spacing:.14em;white-space:nowrap;color:#9fe8d4;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(56,255,194,.35);pointer-events:auto;cursor:pointer;-webkit-appearance:none;appearance:none;z-index:1}.wapen-ruil b{color:#ecfff8;font-weight:800}.wapen-ruil.korts{letter-spacing:.05em;gap:.3em}.wapen-ruil.korts.knijp{font-size:clamp(6.88px,.86vw,10.32px);letter-spacing:.02em;gap:.24em}.wapen-ruil.adres{color:#d9fff2;background:#38ffc22e;text-shadow:0 1px 3px rgba(0,0,0,.9);box-shadow:0 0 10px #38ffc238,0 1px 3px #000000e6}.wapen-ruil.adres b{color:#f2fffa}.wapen-ruil.gestolen{color:#e9c8b29e;background:none;text-shadow:none;animation:none;box-shadow:none}.wapen-ruil.gestolen b{color:#e9c8b29e}.wapen-ruil.koel{color:#ffb35ca8;background:none;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:none;box-shadow:none}.wapen-ruil.koel b{color:#ffb35ca8}.wapen-ruil.gereed{color:#05130d;background:linear-gradient(180deg,#7dffd8,#2fe0ac);border-left-color:#2fe0ac;padding-right:clamp(5px,.8vw,9px);text-shadow:none;box-shadow:0 0 16px #38ffc28c,0 1px 3px #000000e6;animation:wapen-ruil-gereed 1.15s ease-in-out infinite}.wapen-ruil.gereed b{color:#05130d}@keyframes wapen-ruil-gereed{0%,to{box-shadow:0 0 12px #38ffc273,0 1px 3px #000000e6}50%{box-shadow:0 0 26px #38ffc2f2,0 1px 3px #000000e6}}.wapen-ruil[hidden]{display:none}@keyframes wapen-treffer{0%{opacity:0;transform:translate(10px)}16%{opacity:1;transform:none}62%{opacity:1;letter-spacing:.3em}to{opacity:0;letter-spacing:.46em}}.wapen-mark{display:block;width:clamp(11px,1.4vw,18px);height:clamp(11px,1.4vw,18px);background:var(--cyan);box-shadow:0 0 8px #2ce6ff80}.wapen-mark.stoot{clip-path:polygon(50% 0,84% 100%,50% 56%,16% 100%)}.wapen-mark.klem{clip-path:polygon(50% 100%,84% 0,50% 44%,16% 0)}.wapen-mark.beving{clip-path:polygon(50% 0,100% 84%,100% 100%,50% 30%,0 100%,0 84%)}.hud-wapen.achter .wapen-mark.stoot{clip-path:polygon(50% 100%,84% 0,50% 44%,16% 0)}.wapen-naam{color:#eaf4ff;font-size:clamp(9px,1.15vw,15px);font-weight:800;letter-spacing:.22em;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 12px rgba(44,230,255,.55)}.wapen-knop{display:flex;align-items:baseline;gap:.42em;margin:0;padding:0 0 0 clamp(5px,.8vw,9px);border:0;border-left:1px solid rgba(120,190,255,.28);background:none;font:inherit;font-size:clamp(8px,1vw,12px);font-weight:700;letter-spacing:.14em;color:#d2e8fce0;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:auto;cursor:pointer;-webkit-appearance:none;appearance:none}.wapen-knop b{color:#eaf4ff;font-weight:800}.wapen-knop .cijfer{font-style:normal;font-weight:800;letter-spacing:.06em}.wapen-knop.schiet .cijfer{color:#cfe6ff}.wapen-knop.eet,.wapen-knop.eet b{color:#8fffcd}.wapen-knop.eet .cijfer{color:#46ffb0;text-shadow:0 0 10px rgba(70,255,176,.55),0 1px 3px rgba(0,0,0,.9)}.hud-wapen.verspild .wapen-knop.eet{opacity:.62}.hud-wapen.vol .wapen-knop.eet{opacity:.3}.hud-wapen.verspild .wapen-knop.eet .cijfer{text-shadow:0 1px 3px rgba(0,0,0,.9)}.hud-wapen.achter .wapen-knop.schiet{color:#dcecff}.hud-wapen.merk .wapen-mark.stoot{background:#46ffb0;box-shadow:0 0 10px #46ffb099}.hud-wapen.merk .wapen-knop.schiet,.hud-wapen.merk .wapen-knop.schiet b{color:#b8ffdd}.hud-wapen.vers{animation:wapen-vers .42s ease-out}@keyframes wapen-vers{0%{transform:translate(9px)}to{transform:none}}.hud-shield{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,.8vw,10px);padding:clamp(2px,.35vw,4px) clamp(6px,.9vw,10px);background:linear-gradient(281deg,#040a1ae8,#040a1ae0 91%,#040a1a2e);border-right:2px solid var(--cyan)}.schild-puls{position:absolute;right:calc(100% + clamp(5px,.9vw,11px));top:0;bottom:0;display:flex;align-items:center;font-size:clamp(7px,.85vw,11px);font-weight:800;letter-spacing:.16em;white-space:nowrap;color:#9dffd8;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 14px rgba(70,255,176,.65);pointer-events:none;animation:schild-puls .72s ease-out forwards}.schild-puls[hidden]{display:none}@keyframes schild-puls{0%{opacity:0;transform:translate(-8px)}18%{opacity:1;transform:none}58%{opacity:1;transform:none}to{opacity:0;transform:translate(10px)}}.hud-shield .lbl{color:var(--cyan);font-size:clamp(7px,.9vw,12px);font-weight:700;letter-spacing:.3em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.shield-bar{position:relative;height:clamp(7px,.85vw,11px);width:clamp(96px,15vw,200px);background:#030916db;border-right:1px solid rgba(44,230,255,.55);box-shadow:0 0 0 1px #020610b3,0 2px 12px #020610cc;overflow:hidden}.shield-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(3,9,22,.9) calc(12.5% - 1px) 12.5%)}.shield-bar i{display:block;height:100%;background:linear-gradient(90deg,rgba(44,230,255,.55),var(--cyan) 78%,#d3f6ff);box-shadow:0 0 10px #2ce6ff80;transition:width .12s linear}.shield-bar .spoor{position:absolute;left:0;top:0;z-index:0;background:linear-gradient(90deg,rgba(255,163,60,.35),var(--amber));box-shadow:0 0 12px #ffa33c8c;transition:none}.shield-bar>i:not(.spoor){position:relative;z-index:1}.shield-bar .winst{position:absolute;top:0;z-index:0;height:100%;background:repeating-linear-gradient(118deg,#46ffb0b8 0 2px,#46ffb01f 2px 5px);border-right:1px solid #c9ffe8;box-shadow:0 0 9px #46ffb073;opacity:0;transition:opacity .13s ease-out}.hud-shield.winst .winst{opacity:1}.shield-bar .oogst{position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#46ffb000,#9dffd8f2 55%,#46ffb000);animation:schild-oogst .42s ease-out forwards;pointer-events:none}.shield-bar .oogst[hidden]{display:none}.shield-bar .vloer{position:absolute;top:0;bottom:0;left:6%;z-index:4;width:2px;margin-left:-1px;background:#ff2ea6e6;box-shadow:0 0 6px #ff2ea6a6;pointer-events:none}.shield-bar .lekveeg{position:absolute;inset:0;z-index:3;opacity:0;background:linear-gradient(270deg,#ff3a1f00,#ff603ae6 46%,#ff3a1f00);pointer-events:none}.hud-shield.lek .shield-bar .lekveeg{opacity:1;animation:schild-weglek var(--tik) linear infinite}@keyframes schild-weglek{0%{transform:translate(75%)}to{transform:translate(-100%)}}@keyframes schild-oogst{0%{opacity:.95;transform:translate(-40%)}to{opacity:0;transform:translate(35%)}}.hud-shield.laag .lbl{color:var(--amber)}.hud-shield.laag .shield-bar{border-right-color:#ffa33ccc}.hud-shield.laag .shield-bar>i:not(.spoor){background:linear-gradient(90deg,rgba(255,163,60,.6),var(--amber) 80%,#ffe0b0);box-shadow:0 0 12px #ffa33c99}.hud-shield.kritiek .lbl{color:var(--magenta)}.hud-shield.kritiek .shield-bar{border-right-color:#ff2ea6e6}.hud-shield.kritiek .shield-bar>i:not(.spoor){background:linear-gradient(90deg,var(--magenta),#ff9ad4);box-shadow:0 0 16px #ff2ea6d9;animation:schild-laag .45s ease-in-out infinite}.hud-shield.leeg .lbl{color:var(--magenta);animation:schild-laag .45s ease-in-out infinite}.hud-shield.leeg .shield-bar{border-right-color:#ff2ea6e6;background:repeating-linear-gradient(-45deg,#ff2ea629 0 3px,#030916d9 3px 6px)}.hud-shield.brandt .shield-bar>i:not(.spoor){filter:brightness(1.25);box-shadow:0 0 18px #ffe2b4bf}.hud-shield.brandt .shield-bar:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,transparent 0 40%,rgba(255,226,180,.85) 50%,transparent 60% 100%);animation:tank-leeg .45s linear infinite}@keyframes tank-leeg{0%{transform:translate(60%)}to{transform:translate(-100%)}}.hud-shield.door{animation:schild-door .22s steps(2) infinite}.hud-shield.lek .lbl{color:var(--rood);animation:schild-lek var(--tik) ease-in-out infinite}.hud-shield.lek .shield-bar{border-right-color:var(--rood);box-shadow:0 0 0 1px #02061080,0 0 16px #ff3a1f99}@keyframes schild-lek{0%,to{opacity:.4}46%{opacity:1}}@keyframes schild-laag{50%{opacity:.45}}@keyframes schild-door{50%{opacity:.2}}.hud-zog{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:clamp(4px,.6vw,8px);padding:clamp(2px,.35vw,4px) clamp(6px,.9vw,10px);background:linear-gradient(281deg,#040a1ae8,#040a1ae0 91%,#040a1a2e);border-right:2px solid rgba(70,255,176,.75);opacity:0;transition:opacity .14s ease-out}.hud-zog .lbl{color:#46ffb0;font-size:clamp(7px,.85vw,11px);font-weight:700;letter-spacing:.24em;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.9)}.zog-cijfer{min-width:3.4em;text-transform:none;font-variant-numeric:tabular-nums;font-size:clamp(8px,1vw,13px);font-weight:700;letter-spacing:.02em;text-align:right;color:#d6ffee;text-shadow:0 1px 3px rgba(0,0,0,.95)}.zog-cijfer:empty{display:none}.zog-pijl{width:0;height:0;border-top:clamp(4px,.45vw,6px) solid transparent;border-bottom:clamp(4px,.45vw,6px) solid transparent;filter:drop-shadow(0 0 4px rgba(70,255,176,.8))}.zog-pijl[hidden]{display:none}.zog-pijl.links{border-right:clamp(6px,.7vw,9px) solid #46ffb0}.zog-pijl.rechts{border-left:clamp(6px,.7vw,9px) solid #46ffb0}.zog-bar{position:relative;height:clamp(6px,.7vw,9px);width:clamp(96px,15vw,200px);background:#030916db;border-left:1px solid rgba(70,255,176,.55);box-shadow:0 0 0 1px #020610b3,0 2px 12px #020610cc;overflow:hidden}.zog-bar i{position:absolute;top:0;right:0;bottom:0;background:linear-gradient(270deg,#9dffd8,#21e89a 45%,#21e89a80);box-shadow:0 0 10px #46ffb080;transition:width .1s linear}.zog-bar .keep{position:absolute;top:0;bottom:0;right:25%;width:2px;background:#eafff6;box-shadow:0 0 0 1px #020610d9}.hud-zog.aan{opacity:1}.hud-zog.sterk .zog-bar i{box-shadow:0 0 18px #46ffb0e6}.hud-zog.vol .lbl{color:#8fffcd;text-shadow:0 0 16px #46ffb0,0 1px 3px rgba(0,0,0,.9)}.hud-zog.vol .zog-bar{border-left-color:#d6ffee;box-shadow:0 0 16px #46ffb08c}.hud-zog.tow{border-right-width:4px;border-right-color:#d6ffee}.hud-zog.tow .lbl{color:#eafff6;text-shadow:0 0 14px rgba(70,255,176,.95),0 1px 3px rgba(0,0,0,.9);animation:zog-tow 1.15s ease-in-out infinite alternate}.hud-zog.tow .zog-bar i{background:linear-gradient(270deg,#fff,#9dffd8 40%,#46ffb099);box-shadow:0 0 20px #46ffb0f2}@keyframes zog-tow{0%{opacity:.62}to{opacity:1}}.hud-zog.zoek{border-right-color:#46ffb066}.hud-zog.zoek .lbl,.hud-zog.zoek .zog-cijfer{color:#9dffd8b8}.hud-zog.achter{border-right-color:#ff6ec4d9}.hud-zog.achter .lbl,.hud-zog.achter .zog-cijfer{color:#ff9ad4;text-shadow:0 0 10px rgba(255,46,166,.55),0 1px 3px rgba(0,0,0,.9)}.hud-zog.achter .zog-bar{border-left-color:#ff6ec48c}.hud-zog.leeg{opacity:.5;border-right-color:#46ffb047}.hud-zog.leeg .lbl,.hud-zog.leeg .zog-cijfer{color:#9dffd899}.zogaim{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:clamp(90px,16vw,230px);color:#46ffb0;opacity:.78;transition:opacity .16s ease-out;pointer-events:none}.zogaim[hidden]{display:none}.zogaim .zij{display:flex;align-items:center;gap:clamp(5px,.9vw,13px)}.zogaim .l{flex-direction:row-reverse}.zogaim.links .r,.zogaim.rechts .l{opacity:0}.zogaim i{width:clamp(13px,1.7vw,26px);height:clamp(13px,1.7vw,26px);border-top:clamp(2px,.26vw,4px) solid currentColor;border-right:clamp(2px,.26vw,4px) solid currentColor;visibility:hidden;filter:drop-shadow(0 0 3px rgba(0,0,0,.95)) drop-shadow(0 0 9px rgba(70,255,176,.9));animation:zog-mars .85s ease-in-out infinite}.zogaim .zij i:nth-child(1){transform:scale(.72)}.zogaim .zij i:nth-child(3){transform:scale(1.18)}.zogaim .r i{rotate:45deg}.zogaim .l i{rotate:-135deg}.zogaim.t1 .zij i:nth-child(1),.zogaim.t2 .zij i:nth-child(-n+2),.zogaim.t3 .zij i{visibility:visible}.zogaim .zij i:nth-child(2){animation-delay:.11s}.zogaim .zij i:nth-child(3){animation-delay:.22s}@keyframes zog-mars{0%,to{opacity:.5}40%{opacity:1}}.zogaim.ver{opacity:.42}.zogaim.pak{opacity:1}.zogaim.pak i{filter:drop-shadow(0 0 11px #46ffb0) drop-shadow(0 0 26px rgba(70,255,176,.55)) drop-shadow(0 1px 3px rgba(0,0,0,.9))}.spiegel{position:absolute;inset:0;z-index:1;pointer-events:none}.spiegel[hidden]{display:none}.spiegel .veeg{position:absolute;display:none;mix-blend-mode:screen;top:calc(var(--vmid, 70%) - var(--vlen, 20%) / 2);height:var(--vlen, 20%);width:calc(.4vw + var(--vk, 0) * 2.1vw);min-width:2px;opacity:calc(.1 + var(--vk, 0) * .78);transition:opacity .16s linear,width .16s linear,top .22s ease-out,height .22s ease-out}.spiegel.links .veeg.l,.spiegel.rechts .veeg.r,.spiegel.pal .veeg{display:block}.spiegel.pal .veeg{opacity:calc((.1 + var(--vk, 0) * .78) * .55)}.spiegel .veeg.l{left:0;background:linear-gradient(90deg,rgba(255,110,196,.95),rgba(255,46,166,.3) 58%,transparent);box-shadow:inset 2px 0 rgba(255,190,230,calc(.34 + var(--vk, 0) * .62))}.spiegel .veeg.r{right:0;background:linear-gradient(270deg,rgba(255,110,196,.95),rgba(255,46,166,.3) 58%,transparent);box-shadow:inset -2px 0 rgba(255,190,230,calc(.34 + var(--vk, 0) * .62))}.spiegel-naam{position:absolute;top:var(--vmid, 70%);transform:translateY(-50%);display:none;flex-direction:column;align-items:flex-start;gap:1px;padding:clamp(2px,.3vw,4px) clamp(5px,.7vw,9px);background:linear-gradient(101deg,#06030edb,#06030e6b 96%);border-left:2px solid var(--wie, #ff6ec4);transition:top .22s ease-out}.spiegel.benoemd .spiegel-naam{display:flex}.spiegel.links .spiegel-naam{left:12%}.spiegel.rechts .spiegel-naam{right:12%;align-items:flex-end;border-left:none;border-right:2px solid var(--wie, #ff6ec4)}.spiegel.pal .spiegel-naam{left:12%}.spiegel-naam b{color:var(--wie, #ff6ec4);font-size:clamp(9px,1.15vw,15px);font-weight:800;letter-spacing:.16em;line-height:1.05;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 12px rgba(0,0,0,.8)}.spiegel-naam em{color:#ffd9ee;font-style:normal;text-transform:none;font-size:clamp(7px,.8vw,10px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.95)}.wall{position:absolute;inset:0;z-index:2;pointer-events:none}.wall[hidden]{display:none}.wall .wand{position:absolute;top:0;bottom:0;display:none;flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;gap:clamp(2px,.45vh,4px);width:calc(1.1vw + var(--diep, 0) * 3.4vw);padding:12vh clamp(2px,.3vw,4px);animation:wand-tik var(--tik) ease-in-out infinite}.wall.links .wand.l,.wall.rechts .wand.r,.wall.beide .wand{display:flex}.wall .wand.l{left:0;background:linear-gradient(90deg,rgba(214,22,0,.92),rgba(255,58,31,.2) 72%,transparent);box-shadow:inset 2px 0 #ff5a34}.wall .wand.r{right:0;background:linear-gradient(270deg,rgba(214,22,0,.92),rgba(255,58,31,.2) 72%,transparent);box-shadow:inset -2px 0 #ff5a34}.wall .wand i{flex:1 1 0;min-height:1px;background:#ffd1c41a;box-shadow:inset 0 0 0 1px #ff3a1f38}.wall.s1 .wand i:nth-child(-n+1),.wall.s2 .wand i:nth-child(-n+2),.wall.s3 .wand i:nth-child(-n+3),.wall.s4 .wand i:nth-child(-n+4),.wall.s5 .wand i:nth-child(-n+5),.wall.s6 .wand i:nth-child(-n+6),.wall.s7 .wand i:nth-child(-n+7),.wall.s8 .wand i:nth-child(-n+8),.wall.s9 .wand i:nth-child(-n+9),.wall.s10 .wand i{background:var(--rood);box-shadow:0 0 12px #ff3a1fbf}.wall.s10 .wand i{background:#ff7a4a}@keyframes wand-tik{0%,to{opacity:.42}46%{opacity:1}}.wall-lees{position:absolute;top:42%;right:clamp(30px,6.5vw,120px);display:flex;flex-direction:column;align-items:flex-end;padding:.3em .7em .4em;line-height:1;background:linear-gradient(101deg,#180300e0,#18030080 96%);border-right:2px solid var(--rood);transform:var(--skew);text-shadow:0 2px 6px rgba(0,0,0,.95)}.wall-kop{font-size:clamp(7px,.95vw,12px);font-weight:700;letter-spacing:.34em;color:#ffd8cc}.wall-factor{font-size:clamp(20px,3.1vw,46px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--rood);text-shadow:0 0 22px rgba(255,58,31,.8),0 2px 6px rgba(0,0,0,.95);animation:wand-tik var(--tik) ease-in-out infinite}.wall-uitleg{margin-top:.35em;font-size:clamp(6px,.75vw,10px);font-weight:600;letter-spacing:.22em;color:#ffb9a4}.wall-klap{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(120% 78% at 50% 50%,transparent 38%,rgba(255,58,31,.9) 100%);animation:wall-klap .34s ease-out forwards}.wall-klap[hidden]{display:none}@keyframes wall-klap{0%{opacity:calc(var(--klap, .4) * .95);filter:brightness(2.2)}22%{opacity:calc(var(--klap, .4) * .7)}to{opacity:0}}.wapen-klap{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 clamp(3px,.5vw,7px) #ff3a1ff2,inset 0 0 clamp(46px,7vw,110px) #ff3a1fcc;animation:wapen-klap .24s steps(2,end) forwards}.wapen-klap[hidden]{display:none}@keyframes wapen-klap{0%{opacity:calc(.45 + var(--raak, .2) * 1.6)}to{opacity:0}}.klap{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;animation:schip-klap var(--klapduur, .32s) ease-out forwards}.klap[hidden]{display:none}.klap.links{background:linear-gradient(90deg,rgba(255,58,31,.95),rgba(255,58,31,.24) calc(var(--klapbreed, 1) * 20%),transparent calc(var(--klapbreed, 1) * 44%))}.klap.rechts{background:linear-gradient(270deg,rgba(255,58,31,.95),rgba(255,58,31,.24) calc(var(--klapbreed, 1) * 20%),transparent calc(var(--klapbreed, 1) * 44%))}.klap.beide{background:linear-gradient(90deg,rgba(255,58,31,.9),transparent calc(var(--klapbreed, 1) * 32%)),linear-gradient(270deg,rgba(255,58,31,.9),transparent calc(var(--klapbreed, 1) * 32%))}@keyframes schip-klap{0%{opacity:calc(.34 + var(--kracht, .3) * .62)}34%{opacity:calc(.16 + var(--kracht, .3) * .3)}to{opacity:0}}.klap.tweede{animation-delay:.04s}.schuur{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:calc(.3 + var(--schuur, .3) * .5);animation:schuur-adem .9s ease-in-out infinite alternate}.schuur[hidden]{display:none}.schuur.links{background:linear-gradient(90deg,rgba(255,168,46,.85),rgba(255,168,46,.2) 6%,transparent 16%)}.schuur.rechts{background:linear-gradient(270deg,rgba(255,168,46,.85),rgba(255,168,46,.2) 6%,transparent 16%)}.schuur.beide{background:linear-gradient(90deg,rgba(255,168,46,.78),transparent 12%),linear-gradient(270deg,rgba(255,168,46,.78),transparent 12%)}@keyframes schuur-adem{0%{filter:brightness(.72)}to{filter:brightness(1.18)}}@media (prefers-reduced-motion: reduce){.schuur{animation:none}.klap.tweede{animation-delay:.06s}}.jager{position:absolute;left:50%;top:30%;z-index:7;display:flex;align-items:baseline;gap:12px;padding:clamp(4px,.8vh,9px) clamp(12px,2.2vw,28px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#7a2a00d1,#220c02c7);border-top:2px solid #ff7a1f;border-bottom:2px solid #ff7a1f;box-shadow:0 0 30px #ff7a1f6b;color:#ffe2c4;font-size:clamp(15px,2.4vh,24px);font-weight:700;letter-spacing:.14em;pointer-events:none;animation:jager-knip var(--jtik, .44s) steps(1,end) infinite}.jager[hidden]{display:none}.jager.lock{border-color:#ffb35c;box-shadow:0 0 22px #ffa03c4d}.jager.vlucht{border-color:#ff5316;box-shadow:0 0 44px #ff5a1499}.jager.commit{border-color:#ff3822;box-shadow:0 0 54px #ff2e14cc;color:#fff1ec}.jager.commit .kop{color:#fff;text-shadow:0 0 16px rgba(255,62,30,1),0 0 34px rgba(255,40,12,.7)}.jager.commit .pijl.aan{color:#fff;text-shadow:0 0 18px rgba(255,62,30,1),0 0 38px rgba(255,40,12,.8)}.jager .pijl{font-size:.8em;opacity:.1;transition:opacity .15s}.jager .pijl.aan{opacity:1;color:#ffd9ae;text-shadow:0 0 14px rgba(255,160,60,.95),0 0 30px rgba(255,110,30,.55)}.jager .ver{color:#ffa254;font-variant-numeric:tabular-nums;min-width:3.2em;text-align:right}@keyframes jager-knip{0%,54%{opacity:1}55%,to{opacity:.42}}.kritiek{position:absolute;left:50%;top:41%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(4px,.8vh,9px) clamp(12px,2.2vw,28px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#840600e0,#280200d1);border-top:2px solid var(--rood);border-bottom:2px solid var(--rood);box-shadow:0 0 40px #ff3a1f99;color:#fff3ee;font-weight:700;letter-spacing:.18em;pointer-events:none;animation:jager-knip var(--ktik, .16s) steps(1,end) infinite}.kritiek[hidden]{display:none}.kritiek .kop{font-size:clamp(14px,2.2vh,22px);text-shadow:0 0 16px rgba(255,58,31,.95)}.kritiek .rest{font-size:clamp(7px,.9vw,11px);letter-spacing:.3em;color:#ffb9a4;font-variant-numeric:tabular-nums}.worstel{position:absolute;left:50%;top:33%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(4px,.8vh,9px) clamp(12px,2.2vw,28px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#7a4a00d9,#241402cc);border-top:2px solid #ffb020;border-bottom:2px solid #ffb020;box-shadow:0 0 34px #ffb02080;color:#fff6e4;font-weight:700;letter-spacing:.18em;pointer-events:none;animation:jager-knip var(--wtik, .3s) steps(1,end) infinite}.worstel[hidden]{display:none}.worstel .kop{font-size:clamp(14px,2.2vh,22px);font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(255,176,32,.95)}.worstel .rest{font-size:clamp(7px,.9vw,11px);letter-spacing:.3em;color:#ffd894;font-variant-numeric:tabular-nums}.jachtband{position:absolute;left:50%;top:27%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(4px,.8vh,9px) clamp(12px,2.2vw,28px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#0a4228d9,#021e14cc);border-top:2px solid #38ffc2;border-bottom:2px solid #38ffc2;box-shadow:0 0 34px #38ffc280;color:#ecfff8;font-weight:700;letter-spacing:.18em;pointer-events:none;animation:jager-knip .42s steps(1,end) infinite}.jachtband[hidden]{display:none}.jachtband .kop{font-size:clamp(14px,2.2vh,22px);font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(56,255,194,.95)}.jachtband .jacht-rij{display:flex;align-items:baseline;gap:14px}.jachtband .pijl{font-size:.72em;color:#b9ffe6;opacity:.14;transition:opacity .15s,text-shadow .15s}.jachtband .pijl.aan{opacity:1;text-shadow:0 0 14px rgba(56,255,194,.95),0 0 30px rgba(56,255,194,.5)}.jachtband .pijl.aan.sterk{font-size:.84em;text-shadow:0 0 16px rgba(56,255,194,1),0 0 34px rgba(56,255,194,.85),0 0 60px rgba(56,255,194,.55)}.jachtband .rest{font-size:clamp(7px,.9vw,11px);letter-spacing:.3em;color:#9fe8d4;font-variant-numeric:tabular-nums}.doorslag{position:absolute;left:50%;top:58%;z-index:7;display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(4px,.9vh,10px) clamp(14px,2.6vw,34px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#7a0c00db,#260402bd);border-top:2px solid var(--rood);border-bottom:2px solid var(--rood);box-shadow:0 0 34px #ff3a1f80;pointer-events:none;animation:doorslag .62s ease-out forwards}.doorslag[hidden]{display:none}.doorslag .kop{font-size:clamp(14px,2.3vw,33px);font-weight:700;letter-spacing:.2em;color:#fff3ee;text-shadow:0 0 18px rgba(255,58,31,.9)}.doorslag .rest{font-size:clamp(7px,.88vw,11px);letter-spacing:.3em;color:#ffb9a4}@keyframes doorslag{0%{opacity:0;transform:translate(-50%,-50%) var(--skew) scale(1.2)}14%{opacity:1;transform:translate(-50%,-50%) var(--skew) scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) var(--skew) scale(.99)}}.eliminatie{position:absolute;left:50%;top:71%;z-index:6;display:flex;align-items:baseline;gap:14px;padding:clamp(4px,.9vh,10px) clamp(14px,2.6vw,34px);transform:translate(-50%,-50%) var(--skew);background:linear-gradient(180deg,#7a2a00d6,#1e0b02c7);border-top:2px solid #ff7a1f;border-bottom:2px solid #ff7a1f;box-shadow:0 0 36px #ff7a1f73;pointer-events:none;animation:eliminatie 2.5s ease-out forwards}.eliminatie[hidden]{display:none}.eliminatie .kop{font-size:clamp(10px,1.1vw,14px);font-weight:700;letter-spacing:.32em;color:#ffb35c}.eliminatie .naam{font-size:clamp(15px,2.4vh,26px);font-weight:700;letter-spacing:.14em;color:#fff3e8;text-shadow:0 0 18px rgba(255,122,31,.9)}@keyframes eliminatie{0%{opacity:0;transform:translate(-50%,-50%) var(--skew) scale(1.06)}8%{opacity:1;transform:translate(-50%,-50%) var(--skew) scale(1)}84%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) var(--skew) scale(.99)}}@media (prefers-reduced-motion: reduce){.wapen-klap{animation-duration:.12s}.hud-wapen.vers{animation:none}.shield-bar .oogst{animation-duration:.2s}}@media (prefers-reduced-motion: reduce){.wall .wand,.wall-factor{animation:none;opacity:1}.wall-klap{animation-duration:.5s}.shield-bar .lekveeg{animation:none}.doorslag{animation:doorslag-stil .62s ease-out forwards}.eliminatie{animation:eliminatie-stil 2.5s ease-out forwards}.gap.puls:after{animation:none}}@keyframes doorslag-stil{0%,86%{opacity:1}to{opacity:0}}@keyframes eliminatie-stil{0%,96%{opacity:1}to{opacity:0}}.speed-bar{height:clamp(3px,.45vw,6px);width:clamp(96px,15vw,200px);background:#030916b8;border-right:1px solid rgba(44,230,255,.55);box-shadow:0 0 0 1px #02061080;overflow:hidden;margin-top:clamp(2px,.35vw,5px)}.speed-bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,rgba(13,108,156,.7),var(--cyan) 68%,#fff);box-shadow:0 0 12px #2ce6ffb3;transition:width 60ms linear}.speed-row{display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(3px,.6vw,9px)}.speed-num{font-size:clamp(26px,5vw,70px);font-weight:700;line-height:.84;font-variant-numeric:tabular-nums;background:linear-gradient(178deg,#ffffff 30%,#b9f2ff 60%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8)) drop-shadow(0 0 14px rgba(44,230,255,.65))}.speed-unit{font-size:clamp(9px,1.35vw,17px);font-weight:700;line-height:1;color:#eaf7ff;letter-spacing:.06em;padding-bottom:.22em;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(44,230,255,.45)}.boost{font-size:clamp(8px,1.05vw,14px);font-weight:600;letter-spacing:.42em;color:var(--amber);text-shadow:0 0 16px var(--amber),0 1px 3px rgba(0,0,0,.9);opacity:0;transition:opacity 90ms linear}.boost.on{opacity:1}.boost.gratis{color:var(--cyan);text-shadow:0 0 16px var(--cyan),0 1px 3px rgba(0,0,0,.9)}.boost.betaald{color:var(--amber);letter-spacing:.22em;animation:boost-betaald .32s steps(2) infinite}@keyframes boost-betaald{50%{opacity:.55}}.boost.dood{color:var(--rood);letter-spacing:.14em;text-shadow:0 0 16px var(--rood),0 1px 3px rgba(0,0,0,.9);animation:boost-dood 1.1s steps(2) infinite}@keyframes boost-dood{50%{opacity:.45}}.pos-rij{display:flex;align-items:stretch;gap:clamp(4px,.7vw,9px)}.pos-rij .value{font-size:clamp(20px,2.9vw,40px);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.95),0 0 16px rgba(44,230,255,.75)}.gaps{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px}.gaps[hidden]{display:none}.gap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:0 clamp(3px,.5vw,6px);width:clamp(96px,14vw,200px);padding:1px clamp(6px,1vw,10px) 2px clamp(5px,.8vw,8px);transform:var(--skew);background:linear-gradient(101deg,#040a1adb,#040a1a3d 96%);border-left:2px solid var(--dim);font-size:clamp(8px,1vw,13px);letter-spacing:.16em;color:var(--dim);text-shadow:0 1px 3px rgba(0,0,0,.95);overflow:hidden}.gap[hidden]{display:none}.gap.voor{border-left-color:var(--cyan)}.gap.achter{border-left-color:var(--magenta)}.gap .wijs{font-size:.72em;line-height:1}.gap.voor .wijs{color:var(--cyan)}.gap.achter .wijs{color:var(--magenta)}.gap .wie{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;color:#cfe2ff}.gap .tijd{font-variant-numeric:tabular-nums;font-size:1.7em;font-weight:700;letter-spacing:.02em;color:#f2f9ff;text-shadow:0 1px 4px rgba(0,0,0,.95)}.gap .tijd:after{content:"S";font-size:.48em;font-weight:400;color:var(--dim);margin-left:.12em}.gap .baak{grid-column:1 / -1;align-self:center;height:2px;margin-top:2px;background:#78aadc29;overflow:hidden}.gap .baak b{display:block;height:100%;width:calc(var(--dicht, 0) * 100%);transition:width .12s linear}.gap.voor .baak b{background:var(--cyan);box-shadow:0 0 8px #2ce6ffb3}.gap.achter .baak b{background:var(--magenta);box-shadow:0 0 8px #ff2ea6b3}.gap.sluit .baak b,.gap.dicht .baak b{background:var(--amber);box-shadow:0 0 10px #ffa33ccc}.gap.dicht{border-left-color:var(--amber);border-left-width:4px;color:#ffd9a8}.gap.dicht .tijd{color:var(--amber);text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 14px rgba(255,163,60,.75)}.gap.achter.aanval{border-left-width:4px;border-left-color:var(--magenta);background:linear-gradient(101deg,#260416e6,#040a1a42 96%);color:#ffc7e6}.gap.achter.aanval .tijd{color:#ff7cc6;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 14px rgba(255,46,166,.8)}.gap-alarm{position:absolute;left:calc(100% + clamp(3px,.5vw,7px));bottom:0;padding:1px clamp(4px,.6vw,7px) 2px;transform:var(--skew);background:#260416e0;border-left:2px solid var(--magenta);font-size:clamp(7px,.85vw,11px);font-weight:800;letter-spacing:.18em;white-space:nowrap;color:#ffd0ea;text-shadow:0 1px 3px rgba(0,0,0,.95);animation:gap-alarm .62s ease-in-out infinite alternate;pointer-events:none}.gap-alarm[hidden]{display:none}@keyframes gap-alarm{0%{opacity:.55}to{opacity:1}}.gap:after{content:"";position:absolute;inset:0;background:var(--amber);opacity:0;pointer-events:none}.gap.puls:after{animation:gap-puls .55s ease-out}@keyframes gap-puls{0%{opacity:.5}to{opacity:0}}.gap.leider{border-left-color:var(--amber)}.gap.leider .wijs,.gap.leider .tijd,.gap.leider .baak{display:none}.gap.leider .wie{color:var(--amber);font-weight:700;letter-spacing:.26em}.standings{display:flex;flex-direction:column;gap:1px;margin-top:clamp(3px,.5vw,7px);font-size:clamp(8px,.92vw,12px)}.standings div{display:flex;gap:clamp(5px,.9vw,12px);padding:1px clamp(10px,1.8vw,22px) 1px clamp(6px,.9vw,9px);background:linear-gradient(101deg,#040a1aad,#040a1a0f 96%);border-left:2px solid currentColor;color:var(--dim);transform:var(--skew);text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.8)}.standings div.me{color:var(--cyan);background:linear-gradient(101deg,#124468c7,#1244681a 96%);border-left-width:3px;font-weight:700}.standings b{min-width:1.2em;color:#dceaff;font-weight:400}.heatband{margin-top:clamp(3px,.6vw,8px);padding:1px clamp(10px,1.8vw,22px) 2px clamp(6px,.9vw,9px);border-left:2px solid var(--amber);background:linear-gradient(101deg,#1e1204b8,#1e12040f 96%);transform:var(--skew);font-size:clamp(7px,.85vw,11px);letter-spacing:.22em;color:#ffbe78d9;text-shadow:0 1px 3px rgba(0,0,0,.95);max-width:min(38vw,360px);line-height:1.35}.heatband[hidden]{display:none}@media (max-width: 560px){.standings span{display:none}}.centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:28vh;gap:.2em;font-size:clamp(34px,9vw,120px);font-weight:900;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px var(--cyan),0 0 80px rgba(255,46,166,.6);transform:var(--skew);text-align:center}.centre small{font-size:.26em;letter-spacing:.3em;color:var(--cyan)}.centre.aftellen{padding-bottom:6vh;padding-top:0}.centre .cd{position:relative;display:inline-block;font-weight:900;font-stretch:condensed;transform:scaleX(.78) skew(-5deg);letter-spacing:0;padding:0 .34em;background:linear-gradient(184deg,#ffffff 40%,#cdf4ff 66%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(44,230,255,.9)) drop-shadow(0 0 70px rgba(255,46,166,.55));animation:cd-pop .42s cubic-bezier(.2,.9,.25,1)}.centre .cd:before,.centre .cd:after{content:"";position:absolute;top:42%;width:.62em;height:.07em;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 18px var(--cyan)}.centre .cd:before{right:100%}.centre .cd:after{left:100%;background:linear-gradient(270deg,transparent,var(--magenta));box-shadow:0 0 18px var(--magenta)}.centre .cd.go{background:linear-gradient(184deg,#ffffff 30%,#ffd9ef 60%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;transform:scaleX(.9) skew(-5deg);letter-spacing:.04em}@keyframes cd-pop{0%{transform:scaleX(.78) skew(-5deg) scale(1.35);opacity:.15}}.hud-lade{position:absolute;top:calc(var(--pad) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:4;opacity:.24;transition:opacity .25s ease}.hud.aftellen .hud-lade,.hud.klaar .hud-lade,.hud-lade.open,.hud-lade:hover,.hud-lade:focus-within,.hud-lade:has(.hud-sound.waiting){opacity:1}.lade-greep{display:flex;align-items:center;gap:6px}.hud:not(.aftellen):not(.klaar) .hud-lade:not(.open):not(:hover):not(:focus-within) .lade-greep .lbl{display:none}.hud-sound,.lade-knop{transform:var(--skew);display:flex;align-items:center;gap:7px;padding:4px clamp(8px,1.2vw,13px);border:none;border-left:2px solid var(--cyan);background:linear-gradient(101deg,#040a1aa8,#040a1a1f 92%);color:var(--cyan);font:inherit;font-size:clamp(7px,1.05vw,12px);font-weight:800;letter-spacing:.26em;text-transform:uppercase;pointer-events:auto;cursor:pointer}.lade-knop{border-left-color:var(--magenta);color:var(--magenta)}.lade-knop .pijl{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease}.hud-lade.open .lade-knop .pijl{transform:rotate(180deg)}.hud-sound .wave{width:14px;height:12px;background:linear-gradient(var(--cyan),var(--cyan)) 0 50% / 3px 40% no-repeat,linear-gradient(var(--cyan),var(--cyan)) 5px 50% / 3px 80% no-repeat,linear-gradient(var(--cyan),var(--cyan)) 10px 50% / 3px 55% no-repeat;box-shadow:0 0 12px #2ce6ff99}.hud-sound.off{border-left-color:#a0c8ff59;color:var(--dim)}.hud-sound.off .wave{background:linear-gradient(var(--dim),var(--dim)) 0 50% / 3px 26% no-repeat,linear-gradient(var(--dim),var(--dim)) 5px 50% / 3px 26% no-repeat,linear-gradient(var(--dim),var(--dim)) 10px 50% / 3px 26% no-repeat;box-shadow:none}.hud-sound.waiting{animation:sound-wait 1.6s ease-in-out infinite}@keyframes sound-wait{50%{color:var(--cyan);border-left-color:var(--cyan)}}.lade-blad{position:absolute;top:100%;margin-top:6px;left:50%;transform:translate(-50%);width:max-content;max-width:min(86vw,320px);display:flex;flex-direction:column;gap:5px;padding:clamp(7px,1.2vh,12px) clamp(9px,1.4vw,15px);background:linear-gradient(163deg,#060d1ef2,#0e051aed);-webkit-backdrop-filter:blur(14px) saturate(.6) brightness(.5);backdrop-filter:blur(14px) saturate(.6) brightness(.5);box-shadow:0 0 0 1px #78beff29,0 18px 50px #000000b3;pointer-events:auto}.lade-blad[hidden]{display:none}.lade-rij{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--magenta);font-size:clamp(7px,1.05vw,12px);font-weight:800;letter-spacing:.26em}.lade-rij.naam{color:var(--cyan);padding-bottom:5px;margin-bottom:2px;border-bottom:1px solid rgba(120,190,255,.18)}.lade-rij input[type=text]{width:clamp(96px,12vw,158px);border:none;border-bottom:1px solid rgba(44,230,255,.4);background:transparent;color:#eaf6ff;font:inherit;letter-spacing:.18em;text-transform:uppercase;outline:none}.lade-rij input[type=text]:focus{border-bottom-color:var(--cyan)}.lade-rij.klassen{flex-wrap:wrap}.lade-rij.klassen .lbl{width:100%}.klas-chips{display:flex;flex-wrap:wrap;gap:4px;width:100%}.klas-chip{--klas: var(--cyan);flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 6px 3px;border:1px solid rgba(120,190,255,.22);border-left:2px solid var(--klas);background:#0a10228c;color:var(--klas);font:inherit;font-size:clamp(7px,.85vw,10px);font-weight:800;letter-spacing:.12em;cursor:pointer}.klas-chip small{font-size:.8em;font-weight:700;letter-spacing:.08em;color:#bad8f4b8;white-space:nowrap}.klas-chip.aan{background:color-mix(in srgb,var(--klas) 16%,rgba(10,16,34,.6));box-shadow:0 0 12px color-mix(in srgb,var(--klas) 35%,transparent)}.klas-chip:not(.aan):not(:disabled):hover{border-color:var(--klas)}.klas-chip.dicht,.klas-chip:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.klas-chip.dicht small{color:#bad8f480}.lade-rij input[type=range]{-webkit-appearance:none;appearance:none;width:clamp(56px,8vw,96px);height:3px;background:#ff2ea659;cursor:pointer}.lade-rij input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:15px;background:var(--magenta);box-shadow:0 0 10px #ff2ea6b3}.lade-rij input[type=range]::-moz-range-thumb{width:9px;height:15px;border:none;background:var(--magenta)}.lade-les{margin-top:4px;padding-top:6px;border-top:1px solid rgba(120,190,255,.18);text-transform:none;font-size:clamp(8px,min(.78vw,1.7vh),12px);line-height:1.6;letter-spacing:.06em;color:#bad8f4cc}.lade-les .lbl{display:block;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.3em;font-weight:800;font-size:.86em;color:var(--amber)}.lade-les p{margin:0}.lade-les b{color:#eaf4ff;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.lade-les .gas,.lade-les .gas b{color:var(--amber)}.lade-les .zogles b{color:#46ffb0}.lade-les .wapenles b{color:#cfe6ff}.lade-les .wapenles.eet b{color:#8fffcd}body.touch .hud-lade{left:auto;right:calc(50% + clamp(24px,4vw,34px));transform:none;align-items:flex-end}@media (min-width: 641px){body.touch .lade-blad{left:auto;right:0;transform:none}}@media (max-width: 640px){.hud-lade .lade-greep .lbl{display:none}.hud-lade,body.touch .hud-lade{left:auto;right:calc(var(--pad) + env(safe-area-inset-right,0px) + 27vw);transform:none;align-items:flex-end}}@media (max-width: 400px){.lade-greep{gap:3px}.hud-lade .hud-sound,.hud-lade .lade-knop{padding:4px 5px}.lade-blad{position:fixed;top:calc(var(--pad) + env(safe-area-inset-top,0px) + clamp(30px,5vh,40px));left:calc(var(--pad) + env(safe-area-inset-left,0px));right:calc(var(--pad) + env(safe-area-inset-right,0px));width:auto;max-width:none;margin-top:0;transform:none}}.start-hint{display:none;margin-top:clamp(3px,.9vh,9px);max-width:min(46vw,300px);padding:clamp(2px,.35vh,4px) clamp(7px,1vw,11px) clamp(3px,.45vh,5px);transform:var(--skew);border-left:2px solid rgba(255,163,60,.75);background:linear-gradient(101deg,#040a1adb,#040a1a6b 94%);text-align:left;text-transform:none;font-size:clamp(8px,min(.74vw,1.6vh),11px);line-height:1.55;letter-spacing:.06em;color:#bad8f4c7;text-shadow:0 1px 4px rgba(0,0,0,.95)}.start-hint.aan,body.debug:not(.touch) .start-hint{display:block}.start-hint p{margin:0;white-space:nowrap}.start-hint b{color:#eaf4ff;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.start-hint .gas,.start-hint .gas b{color:var(--amber);font-weight:600}.start-hint .rest{font-size:.92em;color:#bad8f49e}body:not(.touch) .start-hint .veeg,body:not(.touch) .lade-les .veeg,body.touch .start-hint .toets,body.touch .lade-les .toets{display:none}body.touch .start-hint{font-size:clamp(8px,1.9vh,11px)}@media (max-height: 520px){.speed-num{font-size:clamp(24px,11vh,52px)}.speed-unit{font-size:clamp(8px,2.4vh,12px);padding-bottom:.2em}.speed-bar,.shield-bar{width:clamp(90px,26vh,150px)}.speed-bar{height:clamp(3px,1vh,5px)}.shield-bar{height:clamp(5px,1.7vh,8px)}.boost{font-size:clamp(8px,2.4vh,11px)}.value{font-size:clamp(14px,5.6vh,26px)}.value.mono{font-size:clamp(12px,4.4vh,20px)}.value.small{font-size:clamp(9px,3vh,14px)}.label,.hud-shield .lbl{font-size:clamp(6px,1.8vh,9px)}.standings{font-size:clamp(7px,2.4vh,11px);gap:1px}.centre{font-size:clamp(26px,15vh,72px);padding-bottom:22vh}.zogaim{gap:clamp(64px,13vw,150px)}.zogaim i{width:clamp(10px,4vh,19px);height:clamp(10px,4vh,19px);border-top-width:clamp(2px,.8vh,3px);border-right-width:clamp(2px,.8vh,3px)}.centre.aftellen{padding-bottom:4vh;padding-top:0}#bestbox{display:none}}.touch-steer{position:absolute;inset:0;pointer-events:none;touch-action:none}.touch-hint{display:none;position:absolute;top:46%;color:#bee1ff61;font-size:clamp(10px,1.8vw,14px);font-weight:800;letter-spacing:.3em;pointer-events:none;user-select:none}.stuur-pad,.gas-pad{display:none;position:absolute;bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));height:clamp(52px,11vw,84px);align-items:center;justify-content:center;border:2px solid rgba(120,200,255,.7);background:#0a183480;color:#bee1fff2;font-size:clamp(18px,3.4vw,30px);font-weight:800;opacity:.32;pointer-events:none;user-select:none;transition:opacity 90ms linear,box-shadow 90ms linear,border-color 90ms linear}.stuur-pad{width:min(16vw,124px);border-radius:14px;transform:translate(-50%)}.stuur-pad.links{left:12.5%}.stuur-pad.rechts{left:37.5%}.gas-pad{right:calc(var(--pad) + env(safe-area-inset-right,0px));width:clamp(52px,11vw,84px);border-radius:50%;border-color:#ffa33cbf;color:var(--amber);font-size:clamp(11px,2vw,16px);letter-spacing:.12em}.stuur-pad.aan,.gas-pad.aan{opacity:.85;border-color:var(--cyan);box-shadow:0 0 22px #2ce6ff8c}.gas-pad.aan{border-color:var(--amber);box-shadow:0 0 22px #ffa33c99}.rand-lamp{display:none;position:absolute;bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));height:clamp(52px,11vw,84px);width:3.5%;border-radius:6px;background:linear-gradient(0deg,#ffa33c59,#ffa33c00);opacity:.35;pointer-events:none;transition:opacity 90ms linear,box-shadow 90ms linear}.rand-lamp.links{left:0}.rand-lamp.rechts{left:45.5%}.rand-lamp.aan{opacity:1;background:#ffa33cb3;box-shadow:0 0 18px #ffa33cb3}body.touch .stuur-pad,body.touch .gas-pad{display:flex}body.touch .rand-lamp{display:block}body.touch.portrait .stuur-pad,body.touch.portrait .rand-lamp{bottom:calc(var(--pad) + 150px + env(safe-area-inset-bottom,0px))}.hud.klaar .stuur-pad,.hud.klaar .gas-pad,.hud.klaar .rand-lamp{display:none}.touch-hint.gas{left:calc(50% + clamp(6px,1.2vw,12px));color:#ffa33c70}body.touch .touch-hint{display:block}.touch-btn{position:absolute;bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));width:clamp(52px,11vw,84px);height:clamp(52px,11vw,84px);border-radius:50%;border:2px solid rgba(120,200,255,.35);background:#0a183447;color:#bee1ff99;font:inherit;font-size:clamp(14px,2.4vw,22px);font-weight:800;display:none;pointer-events:auto;touch-action:none;backdrop-filter:blur(2px)}.touch-btn.active{border-color:var(--amber);color:var(--amber);box-shadow:0 0 26px #ffa33c99}.touch-btn.restart{top:calc(var(--pad) + env(safe-area-inset-top,0px));bottom:auto;left:50%;transform:translate(-50%);width:clamp(34px,6vw,46px);height:clamp(34px,6vw,46px)}.touch-btn.boostknop{right:calc(var(--pad) + env(safe-area-inset-right,0px));bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px) + clamp(52px,11vw,84px) + 10px)}body.touch .touch-steer{pointer-events:auto}body.touch .touch-btn{display:block}body.touch .hud-instrument{right:calc(var(--pad) + clamp(58px,12vw,92px) + env(safe-area-inset-right,0px))}@media (max-width: 560px){body.touch .wapen-ruil{letter-spacing:.06em;padding-left:3px}}body.touch .hud-instrument{z-index:5}body.touch .hud-wapen{height:clamp(42px,9vh,54px);gap:clamp(4px,1vw,10px)}body.touch .wapen-ruil{position:fixed;top:auto;right:0;bottom:calc(100% + clamp(4px,1.2vh,8px));min-height:clamp(26px,7vh,34px)}body.touch .wapen-knop{flex-direction:column;align-items:center;justify-content:center;gap:.15em;align-self:stretch;min-width:clamp(66px,13vw,96px);padding:0 clamp(5px,1vw,10px);border:2px solid rgba(120,200,255,.34);background:#060e229e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:clamp(8px,1.8vh,11px)}body.touch .wapen-naam{font-size:clamp(9px,2.2vh,13px)}body.touch .wapen-mark{width:clamp(10px,2.4vh,15px);height:clamp(10px,2.4vh,15px)}body.touch .wapen-knop.eet{border-color:#46ffb06b}body.touch .wapen-knop .cijfer{font-size:1.25em}body.touch .wapen-knop.active{border-color:#eaf4ff;box-shadow:0 0 22px #c8e8ff80}body.touch .wapen-knop.eet.active{border-color:#9dffd8;box-shadow:0 0 22px #46ffb099}body.touch .hud-wapen .toets{display:none}body:not(.touch) .hud-wapen .doen{letter-spacing:.1em}.hud.klaar .hud-wapen{opacity:0;visibility:hidden}.rotate-hint{position:fixed;top:0;left:0;right:0;display:none;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:calc(5px + env(safe-area-inset-top,0px)) 10px 5px;background:linear-gradient(180deg,#04030ce0,#04030c8c 72%,#04030c00);z-index:20;text-align:center;letter-spacing:.22em;font-weight:800;pointer-events:none}.rotate-hint p{margin:0;font-size:clamp(10px,2.8vw,13px);color:#fff;text-shadow:0 0 22px var(--cyan)}.rotate-hint small{color:var(--dim);font-size:clamp(8px,2.2vw,11px);letter-spacing:.2em}.rotate-hint .phone{width:13px;height:22px;border:2px solid var(--cyan);border-radius:3px;box-shadow:0 0 14px #2ce6ff73;animation:tilt 1.9s ease-in-out infinite;flex:none}@keyframes tilt{0%,40%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}body.touch.portrait .rotate-hint{display:flex}body.touch.portrait .hud-corner,body.touch.portrait .hud-lade{top:calc(28px + var(--pad) + env(safe-area-inset-top,0px))}body.touch.portrait .touch-btn.restart{top:calc(30px + var(--pad) + env(safe-area-inset-top,0px))}body.touch.portrait #bestbox,body.touch.portrait .split,body.touch.portrait .heatband{display:none}body.touch.portrait .standings{font-size:clamp(7px,1.9vw,9px);gap:0;max-height:13vh;overflow:hidden}body.touch.portrait .standings div{padding:0 clamp(6px,1.6vw,10px) 0 4px}body.touch.portrait .jachtband{top:28%;max-width:96vw;padding:3px 10px}body.touch.portrait .jachtband .kop{font-size:clamp(10px,2.6vh,14px);letter-spacing:.12em}body.touch.portrait .jachtband .rest{font-size:clamp(8px,1.9vh,11px);letter-spacing:.07em;line-height:1.5;max-width:94vw}body.touch.portrait .start-hint{max-width:72vw;font-size:clamp(7px,1.7vw,9px)}.export-btn{transform:var(--skew);padding:.62em 1.5em;border:2px solid var(--cyan);background:#040c18b8;color:var(--cyan);font:inherit;font-size:clamp(11px,1.5vw,16px);font-weight:700;letter-spacing:.32em;text-shadow:0 0 14px var(--cyan);box-shadow:0 0 22px #2ce6ff59,inset 0 0 18px #2ce6ff1f;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.export-btn[hidden]{display:none}.export-btn:hover,.export-btn:active{background:#2ce6ff2e;color:#eaf9ff}.export-btn.done{border-color:var(--amber);color:var(--amber);text-shadow:0 0 14px var(--amber)}.split{display:flex;margin-top:clamp(2px,.8vh,10px);flex-direction:column;align-items:flex-end;line-height:1;transform:var(--skew);animation:split-flits 2.4s cubic-bezier(.15,.9,.2,1) forwards;pointer-events:none}.split[hidden],.record-flash[hidden]{display:none}.split-sector{font-size:clamp(7px,.85vw,11px);letter-spacing:.3em;color:var(--dim);text-shadow:0 1px 3px rgba(0,0,0,.9)}.split-delta{font-size:clamp(20px,2.8vw,42px);font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.9)}.split.voor .split-delta{color:#46ffb0;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 26px rgba(70,255,176,.75)}.split.achter .split-delta{color:#ff4066;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 26px rgba(255,64,102,.7)}.split.kaal .split-delta{color:var(--cyan);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 22px rgba(44,230,255,.6)}.split.blijft{animation:none;opacity:1}.split.blijft.puls{animation:split-puls .7s cubic-bezier(.2,.9,.25,1)}@keyframes split-puls{0%{transform:var(--skew) scale(1)}22%{transform:var(--skew) scale(1.16)}to{transform:var(--skew) scale(1)}}.split.record .split-delta{color:var(--amber);text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 34px rgba(255,163,60,.95)}.split.record .split-sector:after{content:" RECORD";color:var(--amber)}.split.record{animation-name:split-record}@keyframes split-flits{0%{opacity:0;transform:var(--skew) translate(26px)}9%{opacity:1;transform:var(--skew) translate(0)}74%{opacity:1}to{opacity:0;transform:var(--skew) translate(0)}}@keyframes split-record{0%{opacity:0;transform:var(--skew) scale(1.5)}8%{opacity:1;transform:var(--skew) scale(1)}16%{transform:var(--skew) scale(1.14)}26%{transform:var(--skew) scale(1)}78%{opacity:1}to{opacity:0}}.uitslag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;gap:clamp(3px,.7vh,9px);width:min(840px,calc(100vw - 2 * var(--pad)));max-height:calc(100vh - 2 * var(--pad) - env(safe-area-inset-bottom,0px));padding:clamp(10px,1.8vh,22px) clamp(12px,2vw,28px) clamp(10px,1.6vh,20px);background:linear-gradient(163deg,#060d1ef0,#0b0519eb 62%,#10041af0);-webkit-backdrop-filter:blur(16px) saturate(.55) brightness(.42);backdrop-filter:blur(16px) saturate(.55) brightness(.42);box-shadow:0 0 0 1px #78beff29,0 30px 90px #000000b8,inset 0 1px #a0e1ff38;clip-path:polygon(clamp(14px,2.2vw,30px) 0,100% 0,100% calc(100% - clamp(14px,2.2vw,30px)),calc(100% - clamp(14px,2.2vw,30px)) 100%,0 100%,0 clamp(14px,2.2vw,30px));pointer-events:none;animation:uitslag-op .34s cubic-bezier(.16,.9,.24,1)}body.touch .uitslag{margin-top:clamp(16px,5vh,30px);max-height:calc(100vh - 2 * var(--pad) - clamp(50px,11vw,76px))}.touch-btn.restart{z-index:4}.uitslag[hidden]{display:none}@keyframes uitslag-op{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px))}}.uitslag:before{content:"";position:absolute;left:0;top:clamp(14px,2.2vw,30px);bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan),rgba(255,46,166,.75));box-shadow:0 0 16px #2ce6ff8c}.uitslag-kop{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,26px);padding-bottom:clamp(4px,.8vh,10px);border-bottom:1px solid rgba(120,190,255,.2)}.uitslag-plaats{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.uitslag-titel{margin-top:.2em;padding:.2em .7em;transform:var(--skew);font-size:clamp(9px,min(1.15vw,2.1vh),16px);font-weight:900;letter-spacing:.42em;color:#05030f;background:linear-gradient(101deg,#fffdf4,var(--amber));box-shadow:0 0 26px #ffa33ccc;animation:jij-pols 1.1s ease-out 3}.uitslag-titel[hidden]{display:none}.uitslag-unlock{--klas: var(--cyan);margin-top:.35em;font-size:clamp(8px,min(1vw,1.8vh),13px);font-weight:900;letter-spacing:.3em;color:var(--klas);text-shadow:0 0 14px color-mix(in srgb,var(--klas) 60%,transparent);animation:unlock-puls 1.1s ease-out 3}.uitslag-unlock[hidden]{display:none}@keyframes unlock-puls{0%,to{opacity:.55}50%{opacity:1}}.uitslag-plek{font-size:clamp(30px,min(6.4vw,11vh),86px);font-weight:900;line-height:.9;letter-spacing:.02em;transform:scaleX(.84) skew(-9deg);transform-origin:left center;background:linear-gradient(182deg,#ffffff 34%,#cdf4ff 68%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(44,230,255,.75))}.uitslag-plek.p1{background-image:linear-gradient(182deg,#fffdf4 30%,#ffe6ac 62%,var(--amber) 100%);filter:drop-shadow(0 0 24px rgba(255,163,60,.85))}.uitslag-plek.p4{background-image:linear-gradient(182deg,#dfeaf6 34%,#9fb8d2);filter:none}.uitslag-cijfers{display:flex;gap:clamp(10px,2vw,28px)}.uitslag-cel{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}.uitslag-cel[hidden]{display:none}.uitslag-cel .lbl{font-size:clamp(6px,.72vw,10px);letter-spacing:.3em;color:var(--dim)}.uitslag-cel .val{font-size:clamp(15px,min(2.4vw,4vh),34px);font-weight:700;font-variant-numeric:tabular-nums;color:#f2f9ff;text-shadow:0 0 18px rgba(44,230,255,.45)}.uitslag-buit,.uitslag-eis,.uitslag-record{margin:0;padding:.34em .7em;transform:var(--skew);align-self:flex-start;max-width:100%;font-size:clamp(8px,min(1.02vw,1.9vh),14px);letter-spacing:.2em;line-height:1.35}.uitslag-buit{border-left:2px solid var(--cyan);background:linear-gradient(101deg,#061e2ed9,#061e2e57 96%);color:#dff4ff;font-weight:700}.uitslag-buit b{margin-left:.2em;padding:.06em .5em;font-weight:900;white-space:nowrap}.uitslag-buit.tekort{border-left-color:var(--rood)}.uitslag-buit.tekort b{background:var(--rood);color:#fff2ee}.uitslag-buit.over b{background:#60f0ffeb;color:#04141c}.uitslag-eis{border-left:2px solid rgba(255,46,166,.8);background:linear-gradient(101deg,#26061ccc,#26061c4d 96%);color:#ffbee0e6}.uitslag-eis:empty{display:none}.uitslag.herkansing .uitslag-eis{border-left-color:#ffd9a8;background:linear-gradient(101deg,var(--rood),var(--amber) 88%);color:#1a0700;font-weight:900;text-shadow:none;animation:jij-pols 1.1s ease-out 3}.uitslag.voorbij .uitslag-buit{border-left-color:#ff6078e6;background:linear-gradient(101deg,#2c0810d9,#2c081057 96%);color:#ffd2d9}.uitslag-record{border-left:2px solid var(--amber);background:linear-gradient(101deg,#563006e6,#56300661 96%);color:var(--amber);font-weight:800;text-shadow:0 0 16px rgba(255,163,60,.6);animation:jij-pols 1.1s ease-out 3}.uitslag-record[hidden]{display:none}.uitslag-acties{display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,2vw,20px);margin-top:clamp(2px,.6vh,8px);padding-top:clamp(5px,1vh,12px);border-top:1px solid rgba(120,190,255,.2)}.uitslag-toets{font-size:clamp(9px,min(1.05vw,2vh),15px);font-weight:800;letter-spacing:.28em;color:var(--cyan);text-shadow:0 0 16px rgba(44,230,255,.5);transform:var(--skew)}.uitslag.voorbij .uitslag-toets{color:var(--amber);text-shadow:0 0 16px rgba(255,163,60,.55)}.records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(12px,2.4vw,36px);min-height:0;overflow:hidden;font-size:clamp(8px,min(.95vw,1.45vh),13px);letter-spacing:.12em}.records[hidden]{display:none}.records-kop{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:space-between;gap:clamp(8px,1.6vw,20px);margin-bottom:clamp(3px,.7vh,8px)}.records-landing{margin:0;font-weight:700;letter-spacing:.18em;color:var(--amber);text-shadow:0 0 14px rgba(255,163,60,.45)}.records-legenda{margin:0;display:flex;align-items:center;gap:.45em;white-space:nowrap;font-size:.88em;color:var(--dim)}.records-legenda i{width:.85em;height:.85em;transform:var(--skew)}.records-legenda i.jij{background:var(--amber);box-shadow:0 0 10px #ffa33cb3}.records-legenda i.rivaal{background:#8cbef099}.records-legenda i+span{margin-right:.6em}.records h3{margin:0 0 .5em;padding-left:.5em;border-left:2px solid var(--cyan);font-size:1em;font-weight:700;letter-spacing:.34em;color:var(--cyan);text-shadow:0 0 14px rgba(44,230,255,.55);transform:var(--skew)}.records-col:last-of-type h3{border-left-color:var(--magenta);color:var(--magenta);text-shadow:0 0 14px rgba(255,46,166,.55)}.records ol{margin:0;padding:0;list-style:none}.records li{display:grid;grid-template-columns:1.9em minmax(0,1fr) auto 3.4em;align-items:baseline;gap:.6em;padding:.12em .5em;color:var(--dim);background:linear-gradient(101deg,#040a1ab3,#040a1a14 96%);border-left:2px solid rgba(120,190,255,.18);text-shadow:0 1px 3px rgba(0,0,0,.95);transform:var(--skew)}.records li+li{margin-top:1px}.records b{font-weight:400;color:#c8e2ffb3}.records span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfe4ff}.records em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:#f2f9ff}.records i{font-style:normal;font-size:.82em;text-align:right;color:#96bee66b}.records li.leeg{display:block;color:#96bee666}.records li.open{background:none;border-left-color:#78beff12;color:#96bee642}.records li.open b,.records li.open span,.records li.open em{color:inherit;font-weight:400}.records li.rivaal{color:#a0cdffb8;border-left-color:#78beff80}.records li.rivaal span{color:#9fc6f0}.records li.rivaal em{color:#cfe4ff}.records li.jij{color:var(--amber);border-left-color:var(--amber);background:linear-gradient(101deg,#563006d9,#5630061f 96%);box-shadow:0 0 20px #ffa33c47;animation:jij-pols 1.1s ease-out 3}.records li.jij b,.records li.jij span,.records li.jij em,.records li.jij i{color:var(--amber)}@keyframes jij-pols{0%,to{box-shadow:0 0 20px #ffa33c47}50%{box-shadow:0 0 34px #ffa33cbf}}.records-foot{grid-column:1 / -1;display:flex;justify-content:space-between;gap:clamp(8px,1.6vw,20px);margin:clamp(5px,.9vh,11px) 0 0;padding-top:clamp(4px,.7vh,8px);border-top:1px solid rgba(120,190,255,.14);font-size:.88em;letter-spacing:.16em;color:#b0d4fab8}.records-foot span:last-child{color:#ffa33cb8;text-align:right;white-space:nowrap}.record-flash{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding-bottom:62vh;background:radial-gradient(ellipse at center,rgba(255,200,110,.5),rgba(255,120,40,.12) 45%,transparent 72%);mix-blend-mode:screen;pointer-events:none;animation:record-knal 2.2s cubic-bezier(.1,.85,.2,1) forwards}.record-flash span{font-size:clamp(13px,1.9vw,26px);font-weight:800;letter-spacing:.42em;color:#fff3dd;transform:var(--skew);text-shadow:0 0 18px var(--amber),0 0 60px rgba(255,163,60,.8);max-width:calc(100vw - 4 * var(--pad));text-align:center;line-height:1.5}.record-flash span:before{content:"NIEUW RECORD — "}@keyframes record-knal{0%{opacity:0}6%{opacity:1}20%{opacity:.55}30%{opacity:1}80%{opacity:.9}to{opacity:0}}.hud-tr{transition:opacity .3s ease}.hud.aftellen .hud-tr{opacity:0}.hud.klaar .hud-tr,.hud.klaar .start-hint,.hud.klaar .hud-instrument,.hud.klaar .zogaim,.hud.klaar .wall,.hud.klaar .wall-klap,.hud.klaar .klap,.hud.klaar .doorslag,.hud.klaar .hud-naam,.hud.klaar .hud-trim{display:none}.hud.klaar .hud-tl{opacity:.85}@media (max-height: 560px){.uitslag{width:min(560px,calc(100vw - 2 * var(--pad)));gap:2px;padding:clamp(7px,1.6vh,12px) clamp(10px,2vw,18px)}.uitslag-kop{padding-bottom:3px}.records{grid-template-columns:minmax(0,1fr);font-size:clamp(7px,2.05vh,11px)}.records-col:last-of-type,.records-foot,.records i{display:none}.records li:nth-child(n+6){display:none}.records li.open{display:none}.split-delta{font-size:clamp(17px,6vh,30px)}.record-flash{padding-bottom:0;padding-top:13vh}}@media (max-height: 430px){.records li:nth-child(n+5),.records-legenda,.uitslag-record{display:none}}@media (max-width: 560px){.uitslag{gap:3px}.uitslag-kop{flex-wrap:wrap;gap:4px clamp(10px,3vw,20px)}.records li{grid-template-columns:1.9em minmax(0,1fr) auto}.records i,.records li.open{display:none}.records-kop{flex-direction:column;align-items:flex-start;gap:2px}.records-foot{flex-direction:column;gap:1px;letter-spacing:.1em}.records-foot span:last-child{text-align:left}.uitslag-acties{flex-direction:column;align-items:stretch;gap:6px}.export-btn{width:100%}}@media (max-width: 560px) and (min-height: 561px){.records{grid-template-columns:minmax(0,1fr);row-gap:clamp(4px,1vh,10px)}}@media (max-width: 560px) and (max-height: 700px){.records li:nth-child(n+6),.records-col:last-of-type{display:none}}body.titel .hud>:not(.titel-scherm):not(.hud-lade):not(.scanlines):not(.besturing),body.vlucht .hud>:not(.gas-hint):not(.hud-lade):not(.scanlines){display:none!important}.titel-scherm{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vmin,16px);padding:0 16px 6vh;pointer-events:auto;cursor:pointer;text-align:center;background:radial-gradient(ellipse 70% 46% at 50% 44%,#04030c9e,#04030c00),linear-gradient(180deg,#04030c59,#04030c00 30% 70%,#04030c80);animation:titel-in .9s ease-out}.titel-scherm[hidden]{display:none}@keyframes titel-in{0%{opacity:0}}.titel-presents{margin:0;font-size:clamp(10px,min(1.5vw,2.4vh),16px);font-weight:800;letter-spacing:.5em;padding-left:.5em;color:#ffffffd1;text-shadow:0 0 12px rgba(255,46,166,.6);animation:titel-in 1.2s ease-out both}.titel-logo{display:flex;max-width:100%;font-size:clamp(28px,min(10vw,19vh),170px);animation:titel-in 1s ease-out .7s both;font-weight:900;font-style:italic;font-stretch:condensed;line-height:.95;letter-spacing:.02em;transform:var(--skew) scaleX(.86);filter:drop-shadow(0 0 22px rgba(44,230,255,.55)) drop-shadow(0 0 70px rgba(255,46,166,.4))}.titel-logo span{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.titel-logo .speed{background-image:linear-gradient(184deg,#ffffff 38%,#cdf4ff 64%,var(--cyan) 100%)}.titel-logo .junky{padding-right:.16em;margin-right:-.16em;background-image:linear-gradient(184deg,#ffffff 30%,#ffd9ef 58%,var(--magenta) 100%)}.titel-sub{margin:0;position:relative;font-size:clamp(10px,min(1.6vw,2.6vh),17px);font-weight:800;letter-spacing:.62em;color:var(--cyan);text-shadow:0 0 14px rgba(44,230,255,.7)}.titel-sub:before,.titel-sub:after{content:"";position:absolute;top:50%;width:clamp(28px,7vw,110px);height:2px}.titel-sub:before{right:calc(100% + 12px);background:linear-gradient(90deg,transparent,var(--cyan))}.titel-sub:after{left:calc(100% + 6px);background:linear-gradient(270deg,transparent,var(--magenta))}.titel-stand,.titel-beste{margin:0;transform:var(--skew);font-size:clamp(10px,min(1.25vw,2.3vh),15px);font-weight:800;letter-spacing:.24em}.titel-stand{margin-top:clamp(8px,3vh,34px);padding:5px 14px;border-left:3px solid var(--klas, var(--cyan));background:linear-gradient(101deg,#040a1acc,#040a1a33 92%);color:#eaf4ff}.titel-stand b{color:var(--klas, var(--cyan))}.titel-beste{color:var(--dim)}.titel-beste b{color:var(--amber)}.titel-oproep{margin:clamp(10px,4vh,44px) 0 0;font-size:clamp(15px,min(2.4vw,4.2vh),30px);font-weight:900;letter-spacing:.36em;color:#fff;padding:.45em .9em .45em 1.26em;background:#04030ca8;border-top:2px solid var(--cyan);border-bottom:2px solid var(--magenta);text-shadow:0 0 18px var(--cyan),0 0 44px rgba(255,46,166,.7);transform:var(--skew);animation:titel-puls 1.5s ease-in-out infinite}@keyframes titel-puls{50%{opacity:.72}}body:not(.touch) .titel-scherm .veeg,body.touch .titel-scherm .toets,body:not(.touch) .besturing .veeg,body.touch .besturing .toets{display:none}body.touch.portrait .titel-scherm{padding-top:48px}.titel-melding{margin:0;padding:4px 12px;transform:var(--skew);font-size:clamp(10px,min(1.25vw,2.3vh),15px);font-weight:900;letter-spacing:.24em;color:#fff;background:#ff2ea647;border-left:3px solid var(--magenta);text-shadow:0 0 10px rgba(255,46,166,.8)}.titel-melding[hidden]{display:none}.gas-hint{position:absolute;left:50%;top:72%;z-index:3;margin:0;max-width:calc(100% - 32px);padding:.4em .9em .4em 1.2em;translate:-50% 0;transform:var(--skew);pointer-events:none;white-space:nowrap;font-size:clamp(15px,min(2.6vw,5vh),32px);font-weight:900;letter-spacing:.26em;color:#fff;background:#04030ca8;border-top:2px solid var(--cyan);border-bottom:2px solid var(--magenta);text-shadow:0 0 16px var(--cyan);animation:titel-in .35s ease-out}body.touch .gas-hint{display:none}.gas-hint b{color:var(--cyan)}.gas-hint[hidden]{display:none}.gas-vlak{display:none;position:absolute;inset:0 0 0 50%;pointer-events:none;border-left:2px solid rgba(44,230,255,.7);background:linear-gradient(90deg,#2ce6ff29,#ff2ea614);box-shadow:inset 0 0 40px #2ce6ff2e;animation:gas-vlak-puls 1.4s ease-in-out infinite}body.touch .gas-vlak:not([hidden]){display:block}.gas-vlak span{position:absolute;left:44%;top:calc(var(--pad) + env(safe-area-inset-top,0px));translate:-50% 0;transform:var(--skew);padding:.2em .8em;white-space:nowrap;text-align:center;font-size:clamp(13px,min(2.4vw,4.6vh),26px);font-weight:900;line-height:1.1;letter-spacing:.22em;color:#fff;background:#04030c99;border-top:2px solid var(--cyan);border-bottom:2px solid var(--magenta);text-shadow:0 0 14px var(--cyan)}.gas-vlak b{color:var(--cyan)}@keyframes gas-vlak-puls{50%{background-color:#2ce6ff14}}@media (prefers-reduced-motion: reduce){.gas-vlak{animation:none}}body.hud-in .hud>:not(.gas-hint):not(.hud-lade):not(.scanlines){animation:hud-in .45s ease-out}@keyframes hud-in{0%{opacity:0}}.pauze{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:var(--pad);pointer-events:auto;background:radial-gradient(ellipse 60% 55% at 50% 50%,#04030ec7,#04030e8c)}.pauze[hidden]{display:none}body.gepauzeerd .hud-lade{z-index:9}.pauze.lade .pauze-paneel{display:none}.pauze-paneel{display:flex;flex-direction:column;align-items:stretch;gap:clamp(4px,1vh,10px);width:min(540px,calc(100vw - 2 * var(--pad)));padding:clamp(12px,2.4vh,26px) clamp(16px,2.6vw,30px);background:linear-gradient(163deg,#060d1ef2,#10041af2);box-shadow:0 0 0 1px #78beff33,0 30px 90px #000000b3;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px);animation:uitslag-op .24s cubic-bezier(.16,.9,.24,1)}.pauze-kop{margin:0;font-size:clamp(30px,min(6vw,9vh),64px);font-weight:900;font-style:italic;letter-spacing:.12em;color:#eaf9ff;text-shadow:0 0 22px rgba(44,230,255,.75),0 0 2px #fff;line-height:1}.pauze-heat,.pauze-hint{margin:0;font-size:clamp(8px,min(1vw,1.8vh),12px);letter-spacing:.22em;color:var(--dim)}.pauze-heat{color:var(--amber);margin-bottom:clamp(2px,.8vh,8px)}.pauze-knoppen{display:flex;flex-direction:column;gap:clamp(4px,.9vh,9px)}.pauze-knop{transform:var(--skew);padding:clamp(6px,1.3vh,12px) 1.2em;border:2px solid rgba(44,230,255,.35);background:#040c18b3;color:#c8f0ffd9;font:inherit;font-size:clamp(10px,min(1.3vw,2.3vh),15px);font-weight:800;letter-spacing:.22em;text-align:left;cursor:pointer;outline:none}.pauze-knop.gekozen{border-color:var(--cyan);background:#2ce6ff2e;color:#fff;text-shadow:0 0 12px var(--cyan);box-shadow:0 0 20px #2ce6ff59}.pauze-knop[data-pauze=stop].gekozen{border-color:var(--magenta);background:#ff2ea62e;text-shadow:0 0 12px var(--magenta);box-shadow:0 0 20px #ff2ea659}body.touch .pauze-hint{display:none}body.touch .pauze-knop{min-height:44px}.besturing{z-index:10}body.besturing-open .pauze:not(.besturing) .pauze-paneel,body.besturing-open .titel-scherm{visibility:hidden}.titel-controls{margin-top:clamp(4px,1.6vh,16px);padding-left:1.5em;padding-right:1.2em;text-align:center;animation:titel-in 1.2s ease-out both}body.touch .titel-controls,body.touch .besturing-terug{padding-top:13px;padding-bottom:13px}.titel-controls:hover,.titel-controls:focus-visible{border-color:var(--cyan);color:#fff;text-shadow:0 0 12px var(--cyan)}.besturing-paneel{width:min(1040px,calc(100vw - 2 * var(--pad)));max-height:calc(100% - 8px);gap:clamp(6px,1.8vh,18px)}.besturing-toetsen{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(18px,3vw,44px)}.besturing-groep{display:grid;grid-template-columns:auto 1fr;align-content:start;align-items:center;gap:clamp(4px,1vh,9px) clamp(10px,1.2vw,16px)}.besturing-groepkop{grid-column:1 / -1;margin:clamp(2px,.8vh,8px) 0 0;font-size:clamp(9px,min(1.05vw,1.9vh),13px);font-weight:800;letter-spacing:.3em;color:var(--amber)}.besturing .kap{display:flex;justify-content:flex-end;gap:4px}.besturing kbd{min-width:2em;padding:.2em .5em;transform:var(--skew);border:2px solid rgba(44,230,255,.35);background:#040c18b3;color:#fff;font:inherit;font-size:clamp(9px,min(1.1vw,2vh),13px);font-weight:800;letter-spacing:.08em;text-align:center}.besturing-regel,.besturing-lijst{margin:0;font-size:clamp(10px,min(1.25vw,2.2vh),15px);letter-spacing:.04em;color:#c8f0ffd9}body.touch .besturing-lijst{font-size:clamp(13px,3.4vh,15px)}.besturing-regel b,.besturing-lijst b{color:#fff;letter-spacing:.16em;margin-right:.35em}.besturing-terug{align-self:center;min-width:12em;text-align:center}.besturing-touch{display:flex;align-items:center;gap:clamp(10px,2.4vw,24px)}.besturing-scherm{position:relative;flex:0 0 auto;width:min(46vw,calc((100vh - 140px)*2.16));aspect-ratio:2.16;border:2px solid rgba(44,230,255,.35);background:#040c18b3;font-size:clamp(8px,min(1.5vw,3vh),13px);font-weight:800;letter-spacing:.18em}.besturing-scherm .zone{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#c8f0ffd9}.besturing-scherm .stuur.links{left:4.5%;width:20.5%;border-right:1px dashed rgba(44,230,255,.45)}.besturing-scherm .stuur.rechts{left:25%;width:20.5%}.besturing-scherm .rand{width:4.5%;background:#ff2ea64d}.besturing-scherm .rand.links{left:0}.besturing-scherm .rand.rechts{left:45.5%}.besturing-scherm .gas{left:50%;right:0;border-left:2px solid rgba(44,230,255,.6);background:#2ce6ff1a;color:var(--cyan);font-size:1.4em;align-items:flex-start;padding-top:6%}.besturing-scherm .knop{position:absolute;display:flex;align-items:center;justify-content:center;width:11%;aspect-ratio:1;border:2px solid rgba(120,200,255,.5);border-radius:50%;background:#0a1834cc;color:#fff;font-style:normal}.besturing-scherm .knop.pauzeknop{top:4%;left:50%;width:6%;translate:-50% 0;font-size:.8em;letter-spacing:0}.besturing-scherm .knop.b{right:2%;bottom:32%;border-color:var(--amber);color:var(--amber)}.besturing-scherm .knop.wapen{right:16%;bottom:4%;width:auto;aspect-ratio:auto;padding:.35em .6em;border-radius:0;transform:var(--skew);white-space:nowrap}.besturing-scherm .knop.swap{right:14%;bottom:45%;width:auto;aspect-ratio:auto;padding:.2em .5em;border:0;border-left:1px solid rgba(56,255,194,.6);border-radius:0;background:none;color:#9fe8d4;transform:var(--skew);font-size:.85em}.besturing-lijst{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:clamp(3px,.9vh,8px);padding:0;list-style:none}.besturing-lijst b.rand{color:var(--magenta)}.touch-btn.pauzeknop{top:calc(var(--pad) + env(safe-area-inset-top,0px));bottom:auto;left:50%;transform:translate(-50%);width:clamp(34px,6vw,46px);height:clamp(34px,6vw,46px);z-index:4;padding:0}.touch-btn.pauzeknop i{display:inline-block;width:18%;height:40%;margin:0 8%;background:currentColor;vertical-align:middle}body.touch.portrait .touch-btn.pauzeknop{top:calc(30px + var(--pad) + env(safe-area-inset-top,0px))}body.touch .hud:not(.klaar) .touch-btn.restart,body.touch .hud.klaar .touch-btn.pauzeknop,body.gepauzeerd .touch-btn.pauzeknop{display:none}.hud.klaar .kritiek,.hud.klaar .worstel,.hud.klaar .jachtband,.hud.klaar .jager,.hud.klaar .schuur,.hud.klaar .eliminatie,.hud.klaar .wapen-klap,.hud.klaar .split,.hud.klaar .boost{display:none!important}.uitslag-verder{display:flex;align-items:center;gap:clamp(8px,1.4vw,16px);pointer-events:auto}button.uitslag-toets{padding:.55em 1.3em;border:2px solid var(--cyan);background:#2ce6ff24;font-family:inherit;cursor:pointer;outline:none;box-shadow:0 0 18px #2ce6ff4d}button.uitslag-toets:hover{background:#2ce6ff47;color:#fff}.uitslag.voorbij button.uitslag-toets{border-color:var(--amber);background:#ffa33c24}.uitslag-toetsen{font-size:clamp(7px,min(.8vw,1.5vh),11px);letter-spacing:.22em;color:var(--dim)}body.touch .uitslag-toetsen{display:none}.uitslag-acties .export-btn{padding:.45em 1em;border-width:1px;border-color:#2ce6ff4d;background:transparent;color:var(--dim);font-size:clamp(8px,min(.8vw,1.5vh),11px);letter-spacing:.22em;text-shadow:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width: 560px){.uitslag-acties .export-btn{width:auto;align-self:flex-end}}.uitslag-stand{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px clamp(6px,1.2vw,14px);font-size:clamp(8px,min(.95vw,1.8vh),13px);letter-spacing:.14em;color:#c8e1ffcc}.uitslag-stand[hidden]{display:none}.stand-kop{color:var(--magenta);font-weight:800;letter-spacing:.24em}.stand-rij i{font-style:normal;color:var(--dim);margin-right:.4em}.stand-rij b{margin-left:.4em;color:#fff}.stand-rij.ik{color:var(--cyan);text-shadow:0 0 10px rgba(44,230,255,.5)}