:root{font-family:Arial,Helvetica,sans-serif;color:#f3f8fb;background:#071522;--achtergrond:#071522;--paneel:#102638;--tekst:#f3f8fb;--zacht:#a4becd;--accent:#79bdf2;--ijsblauw:#7de6f5;--tegenstander:#8fe7ad;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button:focus-visible{outline:3px solid var(--ijsblauw);outline-offset:5px}button:active{transform:translateY(2px)}[hidden]{display:none!important}#app{height:100vh;height:100svh;min-height:480px;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 65% 42%,#285369 0,var(--achtergrond) 68%)}#wereld{position:absolute;inset:0;z-index:-3;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(7,21,34,.5),transparent 42%,rgba(7,21,34,.9))}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(18px + env(safe-area-inset-top)) 22px 10px;display:flex;justify-content:space-between;align-items:center;z-index:5}#logo{width:136px;height:auto;object-fit:contain}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:48px;height:48px;border:1px solid #ffffff28;background:#081b2b99;border-radius:50%;font-size:21px}.icon-button[aria-pressed=true]{opacity:.55}.location{display:none;color:var(--zacht);letter-spacing:2px;font-size:10px}.screen{position:absolute;inset:0}.start-screen{display:flex;flex-direction:column;justify-content:space-between;padding:104px 24px 16px}.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2.7px;font-weight:700;color:var(--ijsblauw)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ijsblauw);box-shadow:0 0 14px var(--ijsblauw)}h1{font-size:clamp(50px,14.8vw,80px);letter-spacing:-3px;line-height:.91;margin:19px 0 15px;font-weight:900;font-style:italic}h1 span,h1 strong{display:block}h1 strong{color:var(--accent)}.intro{max-width:285px;font-size:13px;line-height:1.6;color:var(--zacht)}.race-tag{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:1.4px;margin-top:18px}.track-symbol{display:inline-block;width:29px;height:14px;border:2px solid var(--ijsblauw);border-radius:100%/180%}.tag-dot{color:var(--accent)}.start-bottom{max-width:400px;width:100%}.instructions{display:flex;align-items:center;gap:14px;margin-bottom:15px}.instructions p{font-size:11px;line-height:1.6;max-width:280px;color:var(--zacht);margin:0}.key-pair{display:flex;gap:5px}.key-pair b{display:grid;place-items:center;width:32px;height:35px;font-size:14px;border:1px solid #ffffff35;border-bottom:3px solid #ffffff55;border-radius:5px}.primary{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border:0;background:var(--accent);color:var(--opAccent,#061a2c);font-size:16px;font-weight:800;border-radius:4px;box-shadow:0 8px 36px #79bdf222}.primary>span:last-child:not(:first-child){font-size:24px;font-weight:400}.micro{font-size:10px;line-height:1.6;color:var(--zacht);text-align:center;margin:13px 0 0}.load-label{display:flex;justify-content:space-between;font-size:10px;color:var(--zacht);padding-top:12px}progress{appearance:none;height:3px;display:block;border:0;width:100%;margin:7px 0;background:#ffffff20}progress::-webkit-progress-bar{background:#ffffff20}progress::-webkit-progress-value{background:var(--ijsblauw)}progress::-moz-progress-bar{background:var(--ijsblauw)}.arena-label{display:none}.game-screen{pointer-events:none;padding-top:95px}.hud{display:flex;justify-content:space-between;align-items:flex-start;margin:0 22px}.speed{display:flex;align-items:baseline;gap:8px}.speed strong{font-style:italic;font-size:48px;line-height:1;font-weight:900;letter-spacing:-3px}.speed span,.race-numbers>span{font-size:9px;letter-spacing:1px;color:var(--zacht)}.race-numbers{display:flex;flex-direction:column;gap:5px;text-align:right}.race-numbers>b{font-variant-numeric:tabular-nums;font-size:21px}.race-numbers span b{color:var(--tekst)}.progress-track{position:relative;margin:22px 24px 0;height:3px;background:#ffffff25}.progress-track i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);transition:left .1s}.progress-track i+i{background:var(--tegenstander);top:5px;width:6px;height:6px}.countdown{position:absolute;top:40%;width:100%;text-align:center;font-size:75px;font-style:italic;font-weight:900;text-shadow:0 4px 30px #071522;letter-spacing:-3px}.countdown.long{font-size:19px;letter-spacing:2px}.game-bottom{position:absolute;left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}.notice{width:max-content;max-width:100%;margin:0 auto 18px;padding:8px 12px;font-size:11px;border-radius:30px;background:#071522bb;color:var(--ijsblauw);min-height:29px;text-align:center}.notice:empty{visibility:hidden}.notice.warning{color:var(--accent)}.rhythm{display:flex;align-items:center;gap:10px;max-width:270px;margin:0 auto 12px;font-size:9px;letter-spacing:1px;color:var(--zacht)}.rhythm>div{height:3px;background:#ffffff30;flex:1}.rhythm i{display:block;width:0;height:3px;background:var(--ijsblauw);transition:width .12s}.rhythm>b{width:30px;font-variant-numeric:tabular-nums}.touch-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;pointer-events:auto}.stroke{height:96px;flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#102638d9;border:1px solid #ffffff40;border-radius:14px;font-size:10px;letter-spacing:2px;user-select:none;touch-action:none}.stroke small{opacity:.6;font-size:9px;letter-spacing:0}.modal{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#071522dc;padding:24px;backdrop-filter:blur(8px)}.modal-card{max-width:390px;width:100%}.modal h2,.end-screen h2{font-size:38px;line-height:1.02;font-style:italic;letter-spacing:-1.5px;margin:16px 0}.modal p,.end-screen p{color:var(--zacht);font-size:13px;line-height:1.7}.modal .primary{margin-top:26px}.end-screen{overflow-y:auto;padding:100px 22px 30px;background:linear-gradient(180deg,#071522aa,#071522f7);scrollbar-width:thin}.result-card,.form-card{max-width:460px;margin:0 auto}.results{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:22px 0;gap:18px;margin:25px 0 12px}.results>div{display:flex;flex-direction:column;gap:9px}.results span{font-size:10px;letter-spacing:2px;color:var(--zacht)}.results strong{font-size:36px;letter-spacing:-1px;font-style:italic;font-variant-numeric:tabular-nums}.results>div+div{border-left:1px solid #ffffff25;padding-left:22px}.results>div+div strong{color:var(--ijsblauw)}.result-card>.primary{margin-top:22px}.form-card{margin-top:25px;padding:20px;border:1px solid #ffffff20;border-radius:8px;background:#10263855}.form-card h3{font-size:16px;margin:0}.form-card p{margin-bottom:0}#formulier:empty{min-height:12px}#formulier{margin-top:14px}#formulier input,#formulier button{max-width:100%;min-height:48px}#formulier iframe{max-width:100%}#app[data-mode=game] .vignette{background:linear-gradient(180deg,#07152299,transparent 28%,transparent 65%,#071522c0)}.no-script{position:absolute;bottom:20px;padding:24px}@media(min-width:760px){.topbar{padding:28px 44px}.location{display:block;margin-right:25px}#logo{width:165px}.start-screen{padding:150px 6vw 35px;justify-content:flex-start}.hero-copy{max-width:470px}h1{font-size:clamp(78px,9vw,132px);letter-spacing:-6px;margin-top:27px}.intro{font-size:15px;max-width:350px}.race-tag{margin-top:25px}.start-bottom{margin-top:38px;width:350px}.instructions{margin-bottom:20px}.arena-label{display:flex;position:absolute;bottom:46px;right:45px;flex-direction:column;gap:10px;text-align:right}.arena-label span{font-size:9px;letter-spacing:2px;color:var(--zacht)}.arena-label strong{font-size:17px;letter-spacing:4px}.start-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071522dd,transparent 75%)}.game-screen{padding-top:115px}.hud{margin:0 45px}.speed strong{font-size:64px}.progress-track{max-width:300px;margin-left:45px}.game-bottom{max-width:470px;left:50%;right:auto;width:calc(100% - 48px);transform:translate(-50%)}.stroke{height:74px;max-width:120px}.end-screen{padding-top:125px}.result-card,.form-card{max-width:480px}}@media(max-height:700px)and (orientation:portrait){.start-screen{padding-top:88px}h1{font-size:54px;margin:14px 0 10px}.intro{font-size:12px;margin:8px 0}.race-tag{margin-top:10px}.instructions{margin-bottom:10px}.micro{margin-top:9px;font-size:9px}.primary{min-height:52px}.load-label{padding-top:8px}}@media(max-height:560px)and (orientation:landscape){#app{min-height:320px}.topbar{padding:12px 24px}.start-screen{padding:78px 26px 18px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}h1{font-size:58px;margin:15px 0 10px}.intro{font-size:12px;max-width:300px}.start-bottom{margin:0;max-width:330px}.arena-label{display:none}.game-screen{padding-top:72px}.game-bottom{bottom:12px}.touch-controls .stroke{height:58px}.notice{margin-bottom:8px}.hud{margin:0 24px}.speed strong{font-size:38px}.progress-track{margin-top:12px}.end-screen{padding-top:82px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:760px)and (min-height:561px){.start-screen{padding-top:110px;padding-bottom:24px;justify-content:space-between}.hero-copy{max-width:560px}h1{font-size:clamp(64px,10vh,104px);letter-spacing:-4px;margin:18px 0 14px}h1 span{white-space:nowrap}.start-bottom{margin-top:20px}.intro{margin:8px 0}.race-tag{margin-top:15px}}.race-status{display:flex;justify-content:space-between;align-items:center;max-width:270px;margin:0 auto 8px;font-size:9px;letter-spacing:1px;color:var(--zacht)}.race-status b{color:var(--ijsblauw);font-size:15px;font-variant-numeric:tabular-nums;margin-left:5px}.countdown{left:50%;top:38%;transform:translate(-50%,-50%);width:min(46vw,224px,36svh);display:grid;place-items:center;pointer-events:none;z-index:2;line-height:1}.countdown img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 2px 8px #07152255);animation:aftel-in .16s ease-out}.countdown.long{width:calc(100% - 32px);font-size:clamp(20px,5vw,32px);letter-spacing:2px}@keyframes aftel-in{0%{opacity:.82}to{opacity:1}}@media(prefers-reduced-motion:reduce){.countdown img{animation:none}}.start-rule{font-size:10px}#eindtitel{overflow-wrap:anywhere}@media(max-height:560px)and (orientation:landscape){.race-status{margin-bottom:3px}.rhythm{margin-bottom:5px}}#eindscherm.dsq #eindtitel{font-size:clamp(24px,6.8vw,32px);letter-spacing:-1px;overflow-wrap:normal}#eindtitel:focus{outline:none}.touch-controls{align-items:center;gap:20px;pointer-events:none;user-select:none;-webkit-user-select:none}.stick-group{display:flex;flex-direction:column;align-items:center;gap:7px}.thumbstick{position:relative;width:clamp(96px,28vw,116px);aspect-ratio:1;border:1px solid #a4becd70;border-radius:50%;background:radial-gradient(circle,#102638c9 40%,#07152299 70%);box-shadow:inset 0 0 0 10px #ffffff05;pointer-events:auto;touch-action:none;cursor:grab;outline-offset:5px}.thumbstick:focus-visible{outline:3px solid var(--ijsblauw)}.stick-track{position:absolute;inset:0;display:grid;place-items:center;color:#a4becd80;font-size:60px}.stick-knob{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border:1px solid #c7f7ffb3;border-radius:50%;background:radial-gradient(circle at 35% 25%,#6b9dae,#1c4156 75%);box-shadow:0 4px 12px #0008;pointer-events:none}.thumbstick.engaged{border-color:var(--ijsblauw);cursor:grabbing}.thumbstick.engaged .stick-knob{border-color:var(--ijsblauw);box-shadow:0 0 16px #7de6f52b}#stuur-hint{font-size:9px;letter-spacing:2px;color:var(--zacht)}.stroke-group{display:flex;gap:10px;pointer-events:auto;padding-bottom:16px}.touch-controls .stroke{flex:none;width:clamp(68px,20vw,86px);height:88px;max-width:none;border-radius:18px;letter-spacing:0;background:#102638e8;border:1px solid #a4becd80;box-shadow:inset 0 -4px #0003;touch-action:none}.stroke strong{font-size:32px;font-style:italic;line-height:1}.stroke.pulse{background:var(--accent);border-color:var(--accent)}.keyboard-hint{display:none}@media(hover:hover)and (pointer:fine){.keyboard-hint{display:block}.game-bottom{max-width:620px}}@media(pointer:coarse)and (min-width:760px){.game-bottom{max-width:none;width:auto;left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));transform:none}}.exchange-cue{position:absolute;top:max(32%,216px);left:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:10px 14px;border-left:3px solid var(--ijsblauw);border-radius:4px;background:linear-gradient(100deg,#071522ed,#102638c9);box-shadow:0 6px 28px #07152255;text-shadow:0 2px 5px #0008;pointer-events:none;color:var(--tekst)}.exchange-arrow{font-size:44px;line-height:1;font-weight:900;color:var(--ijsblauw)}.exchange-cue>div{display:flex;flex-direction:column;gap:4px}.exchange-label{font-size:clamp(17px,4.4vw,24px);font-style:italic;font-weight:900;letter-spacing:.8px}#wissel-richting{font-size:11px;letter-spacing:1.1px}#wissel-detail{font-size:11px;font-weight:700;color:var(--ijsblauw);max-width:220px;line-height:1.4}#wissel-detail:empty,#wissel-richting:empty{display:none}.exchange-cue[data-state=soon]{border-left-color:var(--zacht)}.exchange-cue[data-state=soon] .exchange-arrow{opacity:.7}.exchange-cue[data-state=now]{animation:exchange-arrive .25s ease-out}.exchange-cue.priority #wissel-detail{color:var(--accent)}.exchange-cue[data-state=done] .exchange-arrow{font-size:30px;color:var(--tegenstander)}.exchange-cue[data-state=done] .exchange-label{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes exchange-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-height:560px)and (orientation:landscape){.game-bottom{left:calc(22px + env(safe-area-inset-left));right:calc(22px + env(safe-area-inset-right));width:auto;max-width:none;transform:none;bottom:calc(10px + env(safe-area-inset-bottom))}.thumbstick{width:92px}.touch-controls .stroke{height:72px;width:76px}.exchange-cue{top:38%;padding:8px 12px}.exchange-arrow{font-size:34px}.exchange-label{font-size:18px}.game-bottom .rhythm,.game-bottom .race-status{position:absolute;left:50%;transform:translate(-50%);width:230px;bottom:12px}.game-bottom .race-status{bottom:34px}.notice{max-width:300px}}@media(prefers-reduced-motion:reduce){.exchange-cue{animation:none}}.finish-moment{position:absolute;top:25%;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:10px 22px;border-bottom:2px solid var(--ijsblauw);background:linear-gradient(90deg,transparent,#071522b0,transparent);color:var(--tekst);font-size:clamp(24px,6vw,38px);font-weight:900;font-style:italic;letter-spacing:2px;text-shadow:0 2px 8px #071522;pointer-events:none;white-space:nowrap}#app[data-celebrating=true] .game-bottom,#app[data-celebrating=true] .progress-track{display:none}@media(max-height:560px)and (orientation:landscape){.finish-moment{top:22%;font-size:24px}}.start-backdrop{position:absolute;inset:0;z-index:-2;background:#08182b;overflow:hidden;pointer-events:none}#startbeeld{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 50%}#app:not([data-mode=start]) .start-backdrop{display:none}#app[data-mode=start] .vignette{background:linear-gradient(180deg,#06132333,transparent 38%,transparent 55%,#061323e8 92%)}.brand{flex:0 1 auto;min-width:0;padding-right:12px}#merk-belofte{display:block;max-width:178px;border-left:2px solid var(--accent);padding-left:10px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:1.35px;text-transform:uppercase;color:var(--tekst)}.header-actions{flex-shrink:0}.start-screen{padding-top:106px}.start-screen h1{font-size:clamp(38px,12vw,58px);line-height:.96;letter-spacing:-2px;margin:16px 0 14px;text-shadow:0 3px 30px #06132399}.start-screen h1 span,.start-screen h1 strong{white-space:nowrap}.start-screen .intro{font-size:12px;max-width:280px;color:var(--tekst);text-shadow:0 2px 12px #061323}.start-screen .race-tag{margin-top:14px}.start-bottom{position:relative}.start-bottom .instructions p{color:var(--tekst)}.primary{box-shadow:0 8px 36px #79bdf222;border:1px solid #ffffff3b}.stroke.pulse{color:var(--opAccent,#061a2c)}@media(min-width:760px)and (min-height:561px){#startbeeld{left:34%;top:-17%;width:66%;height:140%;object-fit:contain;object-position:50% 50%}#app[data-mode=start] .vignette{background:linear-gradient(90deg,#08182b 12%,#08182bcc 38%,transparent 67%),linear-gradient(0deg,#08182b 0%,transparent 20%)}.start-screen:before{display:none}#merk-belofte{max-width:245px;font-size:13px;padding-left:14px;letter-spacing:1.8px}.start-screen{padding:125px 6vw 32px}.start-screen h1{font-size:clamp(58px,9vh,100px);letter-spacing:-3.5px;margin:22px 0 18px}.start-screen .intro{font-size:14px;max-width:340px;line-height:1.7}.start-screen .race-tag{margin-top:22px}.start-bottom{margin-top:24px;width:350px}}@media(max-width:759px)and (max-height:700px)and (orientation:portrait){.start-screen{padding-top:91px;padding-bottom:12px}.start-screen h1{font-size:clamp(36px,11.4vw,48px);margin:12px 0 10px}.start-screen .intro{font-size:11px;max-width:260px;line-height:1.5}.start-screen .race-tag{font-size:9px;margin-top:10px}#merk-belofte{max-width:157px;font-size:10px}.start-bottom .instructions{margin-bottom:10px}}@media(max-height:560px)and (orientation:landscape){#startbeeld{left:27%;top:-55%;width:52%;height:205%;object-fit:contain}#app[data-mode=start] .vignette{background:linear-gradient(90deg,#08182bcc,transparent 50%,#08182bd9)}.start-screen{padding:79px 26px 18px;gap:30px;align-items:center}.start-screen:before{display:none}.start-screen h1{font-size:clamp(34px,5.3vw,52px);margin:10px 0}.start-screen .intro{font-size:11px}.start-screen .race-tag{margin-top:10px}.start-bottom{margin-top:0;justify-self:end}.location{display:none}}@media(max-width:759px)and (orientation:portrait){.start-screen{display:grid;grid-template-rows:auto minmax(110px,1fr) auto auto auto;gap:0;padding:calc(90px + env(safe-area-inset-top)) 24px calc(14px + env(safe-area-inset-bottom));overflow-y:auto;background:#08182b}.start-screen .hero-copy{display:contents}.start-screen .hero-copy>.eyebrow{display:none}.start-screen h1{grid-row:1;font-size:clamp(36px,10.8vw,48px);line-height:.95;margin:0 0 12px;letter-spacing:-1.8px}.start-screen .start-backdrop{grid-row:2;position:relative;inset:auto;z-index:0;width:calc(100% + 48px);height:100%;min-height:110px;margin-left:-24px}.start-screen #startbeeld{inset:0;width:100%;height:100%;object-fit:cover;object-position:54% 29%}.start-screen .start-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08182b,transparent 12%,transparent 85%,#08182b)}.start-screen .intro{grid-row:3;max-width:none;margin:12px 0 8px;font-size:12px;line-height:1.5;text-shadow:none;color:var(--zacht)}.start-screen .race-tag{grid-row:4;margin:0 0 12px;font-size:9px}.start-screen .start-bottom{grid-row:5;width:100%;max-width:none;margin:0}.start-screen .instructions{margin-bottom:10px}.start-screen .instructions p{max-width:none;font-size:10px;line-height:1.5}}@media(max-width:759px)and (max-height:700px)and (orientation:portrait){.start-screen{padding-top:calc(82px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom))}.start-screen h1{font-size:clamp(32px,9.8vw,40px);margin-bottom:8px}.start-screen .intro{font-size:11px;margin-top:8px;margin-bottom:6px}.start-screen .race-tag{margin-bottom:8px}.start-screen .start-rule{margin-top:8px;font-size:9px}}@font-face{font-family:Sportize;src:url(../assets/fonts/sportize-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Sportize;src:url(../assets/fonts/sportize-bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(../assets/fonts/hanken-grotesk-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(../assets/fonts/hanken-grotesk-bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--journey-bg:var(--reis-achtergrond,#091b2d);--journey-panel:var(--reis-paneel,#192e48);--journey-border:var(--reis-rand,#607e9d);--journey-ice:var(--reis-licht,#bbdef7);--journey-muted:#bdcfe1;--ju:calc(100vw / 1080)}body[data-scherm]{font-family:Hanken Grotesk,Arial,sans-serif}body[data-scherm] #app{background:var(--journey-bg)}.journey-background{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:var(--journey-bg)}.journey-background #startbeeld{inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:none}.journey-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#091b2d44,#091b2d0d 42%,#091b2d66 70%,#091b2df5)}body[data-scherm=game] .journey-background{display:none}body[data-scherm]:not([data-scherm=game]) .vignette{display:none}body[data-scherm=start] .journey-background #startbeeld,body[data-scherm=delen] .journey-background #startbeeld{top:calc(110 * var(--ju));height:calc(100% - 40 * var(--ju))}body[data-scherm=loading] .journey-background #startbeeld{top:calc(50 * var(--ju))}body[data-scherm=gegevens] .journey-background:after,body[data-scherm=uitleg] .journey-background:after,body[data-scherm=oefenklaar] .journey-background:after{background:#091b2dd9}body[data-scherm=end] .journey-background #startbeeld{top:calc(-185 * var(--ju));height:100%;object-position:center top}body[data-scherm=end] .journey-background:after{background:linear-gradient(180deg,#091b2d99,#091b2d99 47%,#091b2deb 80%)}body[data-scherm]:not([data-scherm=game]) .topbar{height:calc(155 * var(--ju));min-height:76px;padding:calc(70 * var(--ju) + env(safe-area-inset-top)) calc(80 * var(--ju)) 0;align-items:flex-start;gap:10px;pointer-events:none}body[data-scherm]:not([data-scherm=game]) .brand{display:flex;align-items:center;gap:calc(28 * var(--ju));height:calc(70 * var(--ju));min-height:48px;max-width:calc(100% - 60px);padding:0}.brand-oval{width:calc(70 * var(--ju));min-width:24px;height:auto;fill:none;stroke:var(--journey-ice);stroke-width:2.2;flex-shrink:0;filter:drop-shadow(0 0 1px #8ccaff)}body[data-scherm]:not([data-scherm=game]) #merk-belofte{max-width:none;border:0;padding:0;font:700 clamp(13px,4.35vw,47px)/1 Sportize,sans-serif;white-space:nowrap;letter-spacing:0;color:var(--reis-wit,#fff)}body[data-scherm]:not([data-scherm=game]) .header-actions{pointer-events:auto;gap:0}body[data-scherm]:not([data-scherm=game]) .topbar{isolation:isolate}body[data-scherm]:not([data-scherm=game]) .topbar:before{content:"";position:absolute;inset:0 0 -24px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#091a2c,#091a2cfc 70%,#091a2ce0 82%,#091a2c00)}body[data-scherm=start] .topbar .header-actions{gap:8px}body[data-scherm=start] .topbar .brand{max-width:calc(100% - 116px)}.language-control{position:relative;pointer-events:auto}body[data-scherm]:not([data-scherm=game]) #taal-knop{width:calc(72 * var(--ju));height:calc(72 * var(--ju));min-width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;border:1px solid var(--journey-border);background:#07192c66;line-height:1}.language-button{pointer-events:none}.language-button img{width:24px;height:16px;object-fit:cover;border-radius:2px;flex:none}.language-control:focus-within .language-button{outline:2px solid var(--journey-ice);outline-offset:3px}#taal-code{font:700 10px/1 Hanken Grotesk,sans-serif;letter-spacing:1px;color:var(--journey-ice)}#taal-select{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-width:48px;min-height:48px;opacity:0;border:0;border-radius:50%;font-size:16px;cursor:pointer;pointer-events:auto;touch-action:manipulation}@media(max-width:600px){body[data-scherm=start] .topbar #merk-belofte{white-space:normal;font-size:clamp(13px,3.6vw,21px);line-height:1.08}}body[data-scherm]:not([data-scherm=game]) .header-actions .location,body[data-scherm]:not([data-scherm=game]) #kwaliteit{display:none}body[data-scherm]:not([data-scherm=game]) #geluid{width:calc(72 * var(--ju));height:calc(72 * var(--ju));min-width:48px;min-height:48px;border:1px solid var(--journey-border);background:#07192c33;display:grid;place-items:center;padding:clamp(12px,calc(16 * var(--ju)),16px);color:var(--journey-ice)}#geluid svg{width:100%;height:100%;max-width:38px;max-height:38px;fill:none;stroke:currentColor;stroke-width:1.5;overflow:visible}#geluid .speaker-body{fill:currentColor;stroke:none}#geluid[aria-pressed=true] .speaker-waves{opacity:.2}body[data-scherm=game] .brand-oval{display:none}body[data-scherm=game] #geluid{padding:12px}.journey-screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#51718e transparent;color:var(--reis-wit,#fff)}.journey-inner{position:relative;min-height:100%;padding:calc(215 * var(--ju) + env(safe-area-inset-top)) calc(80 * var(--ju)) calc(42 * var(--ju) + env(safe-area-inset-bottom));display:flex;flex-direction:column}.journey-heading h1,.journey-heading h2{font-family:Sportize,Impact,sans-serif;font-weight:700;font-style:normal;font-size:calc(160 * var(--ju));line-height:.84;letter-spacing:0;white-space:pre-line;margin:0;color:var(--reis-wit,#fff);text-shadow:none;overflow-wrap:normal}.journey-heading h3{font:400 calc(53 * var(--ju))/1.08 Sportize,sans-serif;margin:calc(27 * var(--ju)) 0 0;color:#acd3ff;white-space:pre-line}.journey-kicker{font:400 clamp(11px,2.6vw,28px)/1.35 "Hanken Grotesk",sans-serif;letter-spacing:.13em;color:var(--journey-ice);margin:calc(15 * var(--ju)) 0 0;white-space:pre-line}.journey-subtitle{font:400 clamp(16px,3.55vw,38px)/1.4 "Hanken Grotesk",sans-serif;margin:calc(33 * var(--ju)) 0 0;color:var(--journey-ice);white-space:pre-line}.journey-pitch{font-size:clamp(17px,3.7vw,40px);line-height:1.38;text-align:center;white-space:pre-line;margin:0}.journey-small{font-size:clamp(12px,2.8vw,30px);line-height:1.4;text-align:center;color:var(--journey-muted);margin:calc(24 * var(--ju)) 0 0;white-space:pre-line}.journey-small:empty{display:none}.journey-button{position:relative;display:grid;place-items:center;width:calc(100% - 28 * var(--ju));margin-inline:auto;min-height:48px;height:calc(122 * var(--ju));padding:8px 20px;border:0;border-radius:0;clip-path:polygon(0 0,100% 0,94.7% 100%,5.3% 100%);background:var(--reis-wit,#fff);color:#162b46;box-shadow:none;font:700 clamp(23px,6.3vw,68px)/1 Sportize,sans-serif;letter-spacing:0;text-align:center;text-transform:uppercase;isolation:isolate}.journey-button:hover{background:#e5f3ff}.journey-button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #69bafb}.journey-button:active{transform:translateY(1px)}.journey-button-outline{background:var(--journey-ice);color:var(--reis-wit,#fff)}.journey-button-outline:before{content:"";position:absolute;inset:2px;clip-path:polygon(0 0,100% 0,94.7% 100%,5.3% 100%);background:var(--journey-panel);z-index:-1}.journey-button-outline:hover:before{background:#254562}.journey-link{border:0;background:none;display:block;min-height:48px;padding:10px 4px;margin:calc(36 * var(--ju)) auto 0;font:400 clamp(13px,2.9vw,32px)/1.3 "Hanken Grotesk",sans-serif;color:var(--journey-muted);text-decoration:underline;text-underline-offset:.35em;max-width:100%}.journey-test{font-size:clamp(11px,2vw,22px);margin:4px 0 0;line-height:1.2}body[data-scherm]:not([data-scherm=game]) .topbar{background:linear-gradient(180deg,var(--journey-bg) 55%,transparent)}.journey-footer{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:14px 16px calc(4px + env(safe-area-inset-bottom));background:linear-gradient(0deg,var(--journey-bg) 60%,transparent)}body[data-scherm=game] .journey-footer{display:none}body[data-scherm]:not([data-scherm=game]) .journey-screen{padding-bottom:60px}.journey-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:32px}nav.journey-legal .journey-link{margin:0;display:inline-flex;align-items:center;min-height:44px;padding:6px 4px;font-size:14px;line-height:1.3;text-decoration:underline;text-underline-offset:.3em;color:#ffffffb3}.journey-error{background:#091b2df2;backdrop-filter:blur(10px)}.journey-error .modal-card{max-width:520px;color:var(--reis-wit,#fff)}.journey-error h2{font-family:Sportize,Impact,sans-serif;font-weight:700;font-style:normal;letter-spacing:0;font-size:clamp(44px,12vw,96px);line-height:.88;margin:0 0 18px}.journey-error p{font:400 clamp(16px,3.6vw,20px)/1.45 "Hanken Grotesk",sans-serif;color:var(--journey-ice);margin:0 0 28px}.journey-error .journey-button{width:100%;max-width:440px;margin:0}.journey-challenge{display:inline-block;margin:0 0 calc(30 * var(--ju));padding:10px 16px;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff40;font:600 clamp(15px,3.4vw,22px)/1.3 "Hanken Grotesk",sans-serif;color:var(--reis-wit,#fff)}.journey-record{margin:calc(24 * var(--ju)) 0 0;font:600 clamp(14px,3.2vw,20px)/1.3 "Hanken Grotesk",sans-serif;color:var(--journey-ice);letter-spacing:.02em}.journey-record.is-nieuw{display:inline-block;padding:6px 12px;border-radius:6px;background:var(--journey-ice);color:var(--journey-bg);font-family:Sportize,Impact,sans-serif;font-weight:700;letter-spacing:.04em}#vriend-verschil{color:var(--reis-wit,#fff)}.journey-intro .journey-inner{min-height:max(100%,calc(1920 * var(--ju)));padding-top:calc(215 * var(--ju) + env(safe-area-inset-top))}.journey-intro-bottom{margin-top:auto;padding-top:calc(790 * var(--ju))}.journey-intro .journey-pitch{margin-bottom:calc(92 * var(--ju))}.journey-intro .journey-link{margin-top:calc(30 * var(--ju))}.journey-loading .journey-inner{min-height:max(100%,calc(1920 * var(--ju)))}.journey-load-bottom{margin-top:auto;padding-top:calc(890 * var(--ju));margin-bottom:calc(160 * var(--ju))}.journey-load-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(16px,3.35vw,36px)}.journey-load-label #laadpercentage{font-weight:700;color:var(--journey-ice);font-variant-numeric:tabular-nums}.journey-loading progress{height:calc(8 * var(--ju));min-height:3px;margin:calc(20 * var(--ju)) 0 calc(44 * var(--ju));border-radius:4px;overflow:hidden;background:#4a6580}.journey-loading progress::-webkit-progress-bar{background:#4a6580;border-radius:4px}.journey-loading progress::-webkit-progress-value{background:#d7f9ff;border-radius:4px}.journey-loading progress::-moz-progress-bar{background:#d7f9ff;border-radius:4px}.journey-load-bottom>p{font-size:clamp(16px,3.4vw,37px);line-height:1.4;color:var(--journey-ice);text-align:center;margin:0}.journey-location{font-size:clamp(11px,2.4vw,26px);letter-spacing:.13em;color:var(--journey-ice);text-align:center;margin:0 0 calc(25 * var(--ju))}.journey-form .journey-inner{min-height:max(100%,calc(1920 * var(--ju)))}.journey-form .journey-heading h2{font-size:calc(150 * var(--ju))}.journey-form .journey-subtitle{margin-top:calc(36 * var(--ju))}.journey-form #formulier{margin:0}.journey-fields{display:grid;gap:calc(6 * var(--ju));margin-top:calc(36 * var(--ju))}.journey-field{display:flex;flex-direction:column;gap:calc(8 * var(--ju));font-size:clamp(16px,3.25vw,35px);line-height:1.25}.journey-field>span:first-child{padding-left:calc(5 * var(--ju))}.journey-input-wrap{position:relative;display:block}.journey-input-wrap svg{position:absolute;left:calc(30 * var(--ju));top:50%;transform:translateY(-50%);width:calc(38 * var(--ju));height:calc(38 * var(--ju));min-width:18px;min-height:18px;stroke:#d5faff;fill:none;stroke-width:1.3;pointer-events:none}.journey-field input{display:block;width:100%;min-height:48px;height:calc(112 * var(--ju));border:1px solid var(--journey-border);border-radius:calc(8 * var(--ju));padding:10px calc(28 * var(--ju)) 10px max(42px,calc(90 * var(--ju)));background:var(--journey-panel);color:var(--reis-wit,#fff);font:400 clamp(16px,3.5vw,38px)/1.3 "Hanken Grotesk",sans-serif;outline-offset:3px}.journey-field input::placeholder{color:#c4d9ef;opacity:1}.journey-field input:focus{outline:2px solid #c4eaff}.journey-field input[aria-invalid=true]{border-color:#f3cba5;box-shadow:0 0 0 1px #f3cba5}.journey-consents{display:grid;gap:calc(38 * var(--ju));margin:calc(90 * var(--ju)) 0 calc(30 * var(--ju));padding-left:calc(8 * var(--ju))}.journey-consents label{display:flex;align-items:flex-start;gap:calc(27 * var(--ju));min-height:48px;font-size:clamp(14px,3.25vw,35px);line-height:1.3;cursor:pointer;white-space:pre-line}.journey-form #formulier .journey-consents input{appearance:none;flex:none;width:calc(42 * var(--ju));height:calc(42 * var(--ju));min-width:22px;min-height:22px;border:1px solid #caf5ff;border-radius:3px;background:#0b2333;margin:3px 0 0;cursor:pointer;position:relative}.journey-consents input:checked{background:#d4efff!important}.journey-consents input:checked:after{content:"";position:absolute;left:27%;top:8%;width:28%;height:56%;border:solid #112b45;border-width:0 2px 2px 0;transform:rotate(45deg)}.journey-consents input:focus-visible{outline:2px solid white;outline-offset:4px}.journey-form-status{color:#ffd9af;font-size:clamp(13px,2.7vw,29px);line-height:1.35;margin:0 0 12px}.journey-form-status:empty{display:none}#formulier-demo{font-size:clamp(11px,2vw,22px);margin:0 0 calc(26 * var(--ju));line-height:1.35}.journey-form .journey-button{margin-top:calc(80 * var(--ju))}.journey-form .journey-link{margin-top:calc(25 * var(--ju));text-decoration:none}.journey-tutorial .journey-inner{min-height:max(100%,calc(1920 * var(--ju)))}.journey-tutorial .journey-heading h2{font-size:calc(145 * var(--ju))}.journey-tutorial .journey-subtitle{margin-top:calc(30 * var(--ju))}.journey-lessons{margin-top:calc(45 * var(--ju))}.journey-lesson{display:grid;grid-template-columns:calc(250 * var(--ju)) 1fr;gap:calc(55 * var(--ju));align-items:center;min-height:calc(284 * var(--ju));padding:calc(28 * var(--ju)) 0;border-bottom:1px solid #617f97}.journey-lesson:last-child{border-bottom:0}.journey-lesson h3{font:400 calc(53 * var(--ju))/1.1 Sportize,sans-serif;margin:0 0 calc(14 * var(--ju));color:var(--reis-wit,#fff);letter-spacing:0}.journey-lesson p{font-size:clamp(14px,3.15vw,34px);line-height:1.42;white-space:pre-line;margin:0}.lesson-art{width:calc(220 * var(--ju));height:calc(220 * var(--ju));justify-self:center;fill:none;stroke:#bce8ff;stroke-width:3}.lesson-stick{border:1px solid #86a4b7;border-radius:50%;position:relative;background:#244e6455;box-shadow:inset 0 0 0 calc(12 * var(--ju)) #102736,inset 0 0 0 calc(24 * var(--ju)) #42687d80}.lesson-stick span{position:absolute;inset:0;display:grid;place-items:center;color:#bce8ff80;font:400 calc(200 * var(--ju))/1 Arial,sans-serif}.lesson-stick i{position:absolute;width:46%;height:46%;top:27%;left:27%;border:1px solid #d1f2ff;border-radius:50%;background:radial-gradient(circle,#5a9bb4,#1f485b 75%);box-shadow:0 0 12px #4989a566}.lesson-keys{display:flex;gap:calc(16 * var(--ju));height:auto;stroke:none}.lesson-keys span{position:relative;display:grid;place-items:center;width:50%;aspect-ratio:.92;border:1px solid #9bbbd1;border-radius:calc(20 * var(--ju));font:400 calc(64 * var(--ju))/1 "Hanken Grotesk",sans-serif;color:var(--reis-wit,#fff);background:#18374a}.lesson-keys span:after{content:"";position:absolute;bottom:7%;left:22%;right:22%;height:2px;background:#0b2031}.lesson-keys span+span{background:#c2e8ff;color:#18314c}.lesson-clock{width:calc(180 * var(--ju));height:calc(180 * var(--ju))}.lesson-exchange{width:calc(180 * var(--ju));height:calc(205 * var(--ju))}.journey-tutorial-actions{margin-top:auto;padding-top:calc(58 * var(--ju))}.journey-tutorial-actions .journey-link{margin-top:calc(18 * var(--ju));font-size:clamp(12px,2.4vw,26px)}.journey-tutorial-actions .journey-small{margin-top:0}.journey-practice-end .journey-inner{min-height:100%}.journey-practice-end .journey-kicker{margin:0 0 22px}.journey-practice-actions{margin-top:auto;padding-top:calc(640 * var(--ju));padding-bottom:calc(130 * var(--ju))}.journey-practice-actions #oefen-startstatus{min-height:2.8em;margin:0 0 16px}.journey-practice-actions .journey-button[aria-disabled=true]{opacity:.55;cursor:default;transform:none;background:var(--reis-wit,#fff)}.journey-result .journey-inner{min-height:max(100%,calc(1920 * var(--ju)))}.journey-result .journey-heading>.journey-kicker{margin:0 0 calc(42 * var(--ju))}.journey-result .journey-heading h2{font-size:calc(200 * var(--ju));line-height:.84;white-space:nowrap}.journey-result .journey-heading h3{font-size:calc(53 * var(--ju));margin-top:calc(27 * var(--ju))}.journey-result-bottom{margin-top:auto;padding-top:calc(346 * var(--ju))}.journey-result .journey-pitch{margin-bottom:calc(80 * var(--ju))}.journey-time-card{padding:calc(28 * var(--ju)) calc(34 * var(--ju));background:#15263be8;border:1px solid #577692;border-radius:calc(10 * var(--ju))}.journey-time-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(6 * var(--ju)) 0 calc(25 * var(--ju));font-size:clamp(17px,3.6vw,39px);border-bottom:1px solid #63768c88}.journey-time-card>div+div{padding:calc(22 * var(--ju)) 0 calc(25 * var(--ju))}.journey-time-card strong{font-size:clamp(25px,5.9vw,64px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.rival-time{color:#b5c7db}.rival-time strong{color:#add3ff}.journey-time-card>p{font-size:clamp(17px,3.7vw,40px);font-weight:700;line-height:1.3;text-align:center;color:#b2d8ff;margin:calc(20 * var(--ju)) 0 calc(10 * var(--ju))}.journey-result-actions{display:grid;gap:calc(34 * var(--ju));margin-top:calc(56 * var(--ju))}#uitslag-prijs{margin-top:calc(37 * var(--ju))}#resultaat-detail{font-size:clamp(11px,2vw,22px);margin-top:calc(14 * var(--ju))}#uitslag-voet{margin-top:calc(25 * var(--ju))}.journey-result.dsq .journey-heading h2{font-size:calc(90 * var(--ju));white-space:normal;overflow-wrap:normal}#eindscherm.journey-result.dsq #eindtitel{font-size:calc(90 * var(--ju));font-style:normal;letter-spacing:0;white-space:normal;overflow-wrap:normal}.journey-heading :is(h1,h2):focus{outline:none}.journey-share .journey-inner{min-height:max(100%,calc(1920 * var(--ju)))}.journey-share .journey-heading h2{font-size:calc(166 * var(--ju))}.journey-share-bottom{margin-top:auto;padding-top:calc(480 * var(--ju));padding-bottom:calc(35 * var(--ju))}.journey-share-card{background:var(--journey-panel);border:1px solid var(--journey-border);border-radius:calc(10 * var(--ju));padding:calc(34 * var(--ju)) calc(34 * var(--ju)) calc(20 * var(--ju))}.journey-share-card .journey-kicker{margin:0 0 calc(20 * var(--ju))}.journey-share-card>strong{font-size:calc(90 * var(--ju));font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.journey-share-card>p:not(.journey-kicker){font-size:clamp(16px,3.4vw,37px);line-height:1.4;margin:calc(15 * var(--ju)) 0 0;color:var(--journey-ice)}.journey-share-card>p.share-challenge{color:var(--reis-wit,#fff);border-top:1px solid #6c829988;padding-top:calc(28 * var(--ju));margin-top:calc(30 * var(--ju))}.journey-share-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(52 * var(--ju));margin:calc(70 * var(--ju)) calc(10 * var(--ju)) calc(32 * var(--ju))}.journey-share-buttons>button{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:calc(18 * var(--ju));font-size:clamp(11px,2.65vw,29px);white-space:nowrap;line-height:1.3;color:var(--reis-wit,#fff);min-height:48px}.share-icon{width:100%;height:calc(124 * var(--ju));min-height:48px;display:grid;place-items:center;border:1px solid #7194b1;background:var(--journey-panel);border-radius:calc(15 * var(--ju))}.share-icon svg{width:calc(56 * var(--ju));height:calc(56 * var(--ju));min-width:24px;min-height:24px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.share-icon .fill{fill:#fff;stroke:none}.share-icon img{display:block;width:calc(62 * var(--ju));height:calc(62 * var(--ju));min-width:27px;min-height:27px;object-fit:contain}.journey-share-buttons>button:hover .share-icon{background:#284665}.journey-share-bottom>.journey-button{margin-top:calc(70 * var(--ju))}#deel-status{font-size:clamp(12px,2.5vw,27px);margin:0}.journey-dialog{width:min(620px,calc(100% - 32px));max-height:85svh;overflow:auto;border:1px solid var(--journey-border);border-radius:8px;background:#13273f;color:var(--reis-wit,#fff);padding:28px;font-family:Hanken Grotesk,sans-serif;line-height:1.5}.journey-dialog::backdrop{background:#020e1de6}.journey-dialog h2{font:700 38px/1 Sportize,sans-serif;letter-spacing:0;margin:0 0 20px}.journey-dialog .journey-button{font-size:25px;height:52px;margin-top:25px}#oefen-status{position:absolute;top:calc(165px + env(safe-area-inset-top));left:22px;display:flex;align-items:center;gap:10px;pointer-events:auto;font-size:10px;letter-spacing:1px;color:#c4e7ff}#oefen-status button{min-height:48px;padding:5px 12px;border:1px solid #799ab577;background:#102638dd;border-radius:8px;font-size:12px;letter-spacing:0}@media(max-height:560px)and (orientation:landscape){#oefen-status{top:120px;left:24px}}@media(max-width:520px){.journey-inner{padding-top:max(90px,calc(215 * var(--ju) + env(safe-area-inset-top)))}.journey-intro .journey-inner{padding-top:max(88px,calc(215 * var(--ju) + env(safe-area-inset-top)))}.journey-intro-bottom{padding-top:calc(745 * var(--ju))}.journey-intro .journey-pitch{margin-bottom:calc(70 * var(--ju))}.journey-button{width:100%}.journey-form .journey-fields{gap:9px}.journey-form .journey-heading h2{font-size:calc(130 * var(--ju))}.journey-form .journey-subtitle{margin-top:18px}.journey-form .journey-button{margin-top:24px}.journey-consents{gap:18px;margin-top:28px;margin-bottom:18px}.journey-consents label{gap:10px}.journey-tutorial .journey-heading h2{font-size:calc(122 * var(--ju))}.journey-lesson{grid-template-columns:25% 1fr;gap:7%;min-height:112px;padding:14px 0}.journey-lesson h3{font-size:clamp(22px,5.1vw,28px);margin-bottom:7px}.lesson-art{max-width:100%}.journey-tutorial-actions{padding-top:22px}.journey-result-bottom{padding-top:calc(290 * var(--ju))}.journey-result .journey-pitch{margin-bottom:calc(65 * var(--ju))}.journey-share-buttons{gap:14px;margin-inline:0}.journey-link{margin-top:10px}}@media(min-width:760px)and (orientation:landscape){:root{--ju:clamp(.45px,.08vw,.7px)}body[data-scherm]:not([data-scherm=game]) .topbar{min-height:84px;height:auto;padding:28px 5vw 0;align-items:center}body[data-scherm]:not([data-scherm=game]) .brand{height:48px;gap:18px}body[data-scherm]:not([data-scherm=game]) #merk-belofte{font-size:clamp(20px,2vw,28px)}.brand-oval{width:44px}body[data-scherm]:not([data-scherm=game]) #geluid{width:48px;height:48px;padding:12px}body[data-scherm]:not([data-scherm=game]) #taal-knop{width:48px;height:48px}.journey-background #startbeeld,body[data-scherm=start] .journey-background #startbeeld,body[data-scherm=loading] .journey-background #startbeeld,body[data-scherm=end] .journey-background #startbeeld,body[data-scherm=delen] .journey-background #startbeeld{left:35%;top:0;width:65%;height:100%;object-fit:cover;object-position:center 36%}.journey-background:after{background:linear-gradient(90deg,#091b2d 15%,#091b2df0 35%,#091b2d1a 70%),linear-gradient(0deg,#091b2dbb,transparent 30%)}body[data-scherm=gegevens] .journey-background:after,body[data-scherm=uitleg] .journey-background:after,body[data-scherm=oefenklaar] .journey-background:after,body[data-scherm=end] .journey-background:after{background:linear-gradient(90deg,#091b2d 15%,#091b2de8 44%,#091b2d77 85%)}.journey-inner,.journey-screen .journey-inner{padding:125px 5vw 28px;min-height:100%;max-width:1500px;margin-inline:auto}.journey-heading{max-width:54%}.journey-heading h1,.journey-heading h2{font-size:clamp(65px,7.6vw,116px)}.journey-kicker{font-size:15px}.journey-subtitle{font-size:20px;margin-top:20px}.journey-pitch{font-size:21px;line-height:1.4}.journey-small{font-size:14px}.journey-button{height:60px;min-height:60px;font-size:30px;width:100%}.journey-link{font-size:15px;margin-top:15px}.journey-intro-bottom{margin-top:auto;padding-top:60px;width:440px;max-width:48%}.journey-intro .journey-pitch{text-align:left;margin-bottom:32px}.journey-test{font-size:11px}.journey-loading .journey-inner{min-height:100%}.journey-load-bottom{width:440px;max-width:48%;padding-top:120px;margin-bottom:45px}.journey-load-label{font-size:18px}.journey-load-bottom>p{font-size:18px}.journey-location{width:440px;max-width:48%;font-size:12px}.journey-form .journey-inner{display:grid;grid-template-columns:1fr 1.1fr;column-gap:7%;align-content:start}.journey-form .journey-heading{max-width:none}.journey-form .journey-heading h2{font-size:clamp(60px,6.9vw,98px)}.journey-form #formulier-blok{grid-column:2;grid-row:1/span 2;max-width:560px}.journey-form .journey-fields{margin-top:0;gap:10px}.journey-form .journey-link,.journey-form .journey-legal{grid-column:2}.journey-field{font-size:16px;gap:6px}.journey-field input{font-size:18px;height:54px;padding-left:52px}.journey-input-wrap svg{left:18px;width:21px;height:21px}.journey-consents{margin:22px 0 12px;gap:12px;padding:0}.journey-consents label{font-size:15px;gap:12px;min-height:28px}.journey-form #formulier .journey-consents input{width:22px;height:22px}#formulier-demo{font-size:12px;margin-bottom:12px}.journey-form-status{font-size:14px}.journey-form .journey-button{margin-top:18px}.journey-tutorial .journey-inner{display:grid;grid-template-columns:.85fr 1.3fr;gap:0 7%;align-content:start}.journey-tutorial .journey-heading{max-width:none}.journey-tutorial .journey-heading h2{font-size:clamp(55px,5.5vw,86px)}.journey-lessons{grid-column:2;grid-row:1/span 2;margin-top:0;max-width:700px}.journey-lesson{grid-template-columns:90px 1fr;gap:22px;padding:16px 0;min-height:125px}.journey-lesson h3{font-size:29px;margin-bottom:8px}.journey-lesson p{font-size:17px;line-height:1.4}.lesson-art{width:90px;height:90px}.lesson-stick span{font-size:80px}.lesson-keys{height:auto}.lesson-keys span{font-size:28px}.lesson-clock{width:80px;height:80px}.lesson-exchange{width:80px;height:92px}.journey-tutorial-actions{grid-column:1;grid-row:2;margin-top:42px;padding:0;max-width:430px}.journey-tutorial-actions .journey-link{font-size:13px}.journey-practice-end .journey-heading{max-width:50%}.journey-practice-actions{padding:60px 0 40px;width:440px;max-width:48%}.journey-result .journey-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-content:start}.journey-result .journey-heading{max-width:none}.journey-result .journey-heading h2{font-size:clamp(72px,8vw,112px)}.journey-result .journey-heading h3{font-size:34px;margin-top:20px}.journey-result .journey-heading>.journey-kicker{margin-bottom:25px}.journey-result-bottom{margin:0;padding:8px 0 0;max-width:520px}.journey-result .journey-pitch{margin:0 0 28px;font-size:21px}.journey-time-card{padding:18px 24px;border-radius:8px}.journey-time-card>div,.journey-time-card>div+div{font-size:20px;padding:10px 0 16px}.journey-time-card strong{font-size:34px}.journey-time-card>p{font-size:22px;margin:16px 0 4px}.journey-result-actions{gap:15px;margin-top:28px}#uitslag-prijs,#uitslag-voet{margin-top:16px}#resultaat-detail{font-size:12px;margin-top:10px}.journey-result.dsq .journey-heading h2,#eindscherm.journey-result.dsq #eindtitel{font-size:clamp(45px,5vw,72px)}.journey-share .journey-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-content:start}.journey-share .journey-heading{max-width:none}.journey-share .journey-heading h2{font-size:clamp(68px,7.5vw,104px)}.journey-share-bottom{margin:0;padding:0;max-width:540px}.journey-share-card{padding:24px;border-radius:8px}.journey-share-card>strong{font-size:54px}.journey-share-card .journey-kicker{margin-bottom:14px}.journey-share-card>p:not(.journey-kicker){font-size:20px;margin-top:10px}.journey-share-card>p.share-challenge{padding-top:18px;margin-top:18px}.journey-share-buttons{gap:20px;margin:28px 0 20px}.journey-share-buttons>button{font-size:13px;gap:10px}.share-icon{height:62px;border-radius:8px}.share-icon svg{width:30px;height:30px}.share-icon img{width:34px;height:34px}#deel-status{font-size:14px}.journey-share-bottom>.journey-button{margin-top:28px}.journey-form .journey-inner,.journey-tutorial .journey-inner,.journey-result .journey-inner,.journey-share .journey-inner{display:flex;flex-direction:column;justify-content:safe center;align-items:flex-start;gap:0;padding-bottom:40px}.journey-form .journey-inner>:not(.journey-heading),.journey-tutorial .journey-inner>:not(.journey-heading),.journey-result .journey-inner>:not(.journey-heading),.journey-share .journey-inner>:not(.journey-heading){width:min(520px,42vw);max-width:none;grid-column:auto;grid-row:auto}.journey-form #formulier-blok,.journey-lessons{margin-top:28px;padding:24px 26px;border-radius:10px;background:#091b2dd9;border:1px solid #607e9c55}.journey-lessons{padding-block:8px}.journey-lesson{grid-template-columns:64px 1fr;min-height:0;padding:14px 0}.lesson-art{width:64px;height:64px}.lesson-stick span{font-size:56px}.lesson-clock{width:58px;height:58px}.lesson-exchange{width:56px;height:66px}.journey-lesson h3{font-size:24px;margin-bottom:4px}.journey-lesson p{font-size:16px}.journey-tutorial-actions{margin-top:24px}.journey-result-bottom,.journey-share-bottom{margin-top:28px}.journey-result .journey-pitch{text-align:left}.journey-result .journey-inner,.journey-share .journey-inner{padding-top:105px}.journey-result .journey-heading h2{font-size:clamp(60px,6vw,88px)}.journey-result .journey-heading h3{font-size:26px;margin-top:10px}.journey-result .journey-heading>.journey-kicker{margin-bottom:12px}.journey-result-bottom{margin-top:18px}.journey-result .journey-pitch{margin:0 0 14px;font-size:18px}.journey-time-card{padding:10px 20px}.journey-time-card>div,.journey-time-card>div+div{padding:6px 0 8px;font-size:18px}.journey-time-card strong{font-size:28px}.journey-time-card>p{font-size:18px;margin:8px 0 2px}.journey-result-actions{gap:10px;margin-top:16px}.journey-result .journey-button{height:54px;min-height:54px;font-size:27px}#uitslag-prijs,#uitslag-voet{margin-top:10px}}@media(max-height:560px)and (orientation:landscape){body[data-scherm]:not([data-scherm=game]) .topbar{padding-top:12px;min-height:60px}.journey-inner,.journey-intro .journey-inner{padding-top:85px}.journey-heading h1,.journey-heading h2{font-size:60px}.journey-intro .journey-inner{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.journey-intro .journey-heading{max-width:none}.journey-intro-bottom{max-width:none;width:100%;padding:0;margin:0}.journey-intro .journey-pitch{font-size:17px;margin-bottom:20px}.journey-test{font-size:10px}.journey-form .journey-heading h2,.journey-tutorial .journey-heading h2{font-size:55px}}@media(min-width:760px)and (orientation:landscape)and (max-height:880px)and (min-height:561px){.journey-form .journey-inner,.journey-tutorial .journey-inner,.journey-result .journey-inner,.journey-share .journey-inner{padding-top:88px;padding-bottom:20px}.journey-form .journey-heading h2,.journey-tutorial .journey-heading h2,.journey-share .journey-heading h2,.journey-result .journey-heading h2{font-size:clamp(46px,4.6vw,66px)}.journey-subtitle{font-size:17px;margin-top:10px}.journey-form #formulier-blok,.journey-lessons{margin-top:16px;padding:14px 18px}.journey-field input{height:46px}.journey-form .journey-fields{gap:6px}.journey-consents{margin:12px 0 8px;gap:8px}.journey-form .journey-button,.journey-tutorial .journey-button,.journey-share .journey-button,.journey-result .journey-button{height:50px;min-height:50px;font-size:25px}.journey-form .journey-button{margin-top:10px}.journey-lesson{padding:8px 0}.journey-lesson h3{font-size:20px}.journey-lesson p{font-size:15px}.lesson-art{width:48px;height:48px}.lesson-stick span{font-size:42px}.lesson-clock{width:44px;height:44px}.lesson-exchange{width:42px;height:50px}.journey-tutorial-actions{margin-top:14px}.journey-result .journey-heading h3{font-size:22px;margin-top:6px}.journey-result-bottom,.journey-share-bottom{margin-top:12px}.journey-result .journey-pitch{font-size:16px;margin-bottom:10px}.journey-time-card>div,.journey-time-card>div+div{padding:4px 0 6px;font-size:16px}.journey-time-card strong{font-size:24px}.journey-time-card>p{font-size:16px;margin:6px 0 0}.journey-result-actions{margin-top:10px;gap:8px}.journey-share-card{padding:16px}.journey-share-card>strong{font-size:40px}.journey-share-buttons{margin:16px 0 10px}.share-icon{height:50px}.journey-share-bottom>.journey-button{margin-top:14px}.journey-record{margin-top:8px}}.journey-pitch,.journey-small,.journey-free,#oefen-startstatus,.journey-result .journey-pitch,#uitslag-voet,#uitslag-prijs{text-align:left}.journey-tutorial-actions .journey-link{margin-left:0}.journey-kicker,.journey-small,.journey-test,#formulier-demo,#resultaat-detail{font-size:clamp(13px,3.4vw,15px)}.journey-screen :is(h1,h2,h3,.journey-kicker,.journey-subtitle,.journey-pitch,.journey-small,.journey-free,.journey-test),#merk-belofte{text-shadow:0 2px 10px rgba(4,12,22,.8),0 1px 2px rgba(4,12,22,.7)}.journey-time-card *,.journey-share-card *,.journey-button,.journey-prize{text-shadow:none}.journey-share .journey-subtitle{display:inline-block;padding:6px 12px;border-radius:6px;background:#091b2dcc}.journey-inline-link{display:inline;min-height:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.journey-inline-link:active{transform:none}.journey-field-error{margin:6px 0 0;font:600 14px/1.35 Hanken Grotesk,sans-serif;color:#ff8a80;text-shadow:none}.journey-field input[aria-invalid=true],.journey-consents input[aria-invalid=true]{border-color:#ff5c5c!important;box-shadow:0 0 0 2px #ff5c5c66}.journey-form #formulier .journey-consents input{width:28px;height:28px;min-width:28px;min-height:28px}.journey-free{margin:12px 0 0;font:400 clamp(14px,3.1vw,18px)/1.35 "Hanken Grotesk",sans-serif;color:#fffc}.journey-prize{display:inline-block;margin:0 0 14px;padding:5px 12px;border-radius:4px;background:var(--journey-ice);color:var(--journey-bg);font:700 clamp(15px,3.6vw,22px)/1.1 Sportize,Impact,sans-serif;letter-spacing:.04em}#oefen-status{left:50%;transform:translate(-50%);top:calc(196px + env(safe-area-inset-top));gap:12px;padding:6px 6px 6px 16px;border-radius:999px;background:#f2b33d;color:#091b2d;font:700 clamp(16px,4vw,22px)/1 Sportize,Impact,sans-serif;letter-spacing:.05em;white-space:nowrap;box-shadow:0 6px 24px #0008}#oefen-status button{background:#091b2d;color:#fff;border-color:#091b2d;font:600 13px Hanken Grotesk,sans-serif;min-height:40px}body[data-scherm]:not([data-scherm=start]) #merk-belofte{display:none}.journey-link{color:#ffffffb3;font-size:clamp(15px,3.9vw,17px)}.journey-loading progress{height:8px;min-height:8px}.journey-optional{font-size:.9em;color:#fff9}@media(orientation:portrait){.journey-lesson{padding-block:calc(34 * var(--ju))}}.journey-practice-actions #oefen-startstatus{font-size:15px;color:#fffc}.journey-share-buttons>button{font-size:14px}@media(min-width:760px)and (orientation:landscape){.journey-intro .journey-inner,.journey-loading .journey-inner,.journey-practice-end .journey-inner{display:flex;flex-direction:column;justify-content:safe center;padding-bottom:70px}.journey-intro-bottom,.journey-load-bottom,.journey-practice-actions{margin-top:36px;padding-top:0}.journey-location{margin-top:18px}#oefen-status{top:calc(120px + env(safe-area-inset-top))}}.stroke.ritme-volgende{border-color:rgb(242 179 61 / calc(.35 + var(--gloed,0) * .65));box-shadow:0 0 0 calc(var(--gloed,0) * 5px) #f2b33d8c,0 0 calc(var(--gloed,0) * 26px) #f2b33de6}.stroke.ritme-volgende strong{color:rgb(255 255 255 / calc(.75 + var(--gloed,0) * .25))}@media(prefers-reduced-motion:reduce){.stroke.ritme-volgende{box-shadow:none;border-color:#f2b33d}}