:root{--nachtblauw: #102231;--paneel: #212a31;--paneel-rand: #2e3a44;--staalblauw: #4e7ca0;--teal: #296780;--aal-groen: #a1c036;--koraal: #f85b5b;--water-licht: #5ccef9;--tekst: #f2f1e8;--tekst-gedempt: #b9c3c9;--font-kop: "Fredoka", sans-serif;--font-body: "Inter", sans-serif;--radius: 14px;--radius-pill: 999px}*{box-sizing:border-box}body{margin:0;background:var(--nachtblauw);color:var(--tekst);font-family:var(--font-body);font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-kop);letter-spacing:.35px;line-height:1.2;margin:0}.teaser{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px 140px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#16374d 0%,var(--nachtblauw) 65%)}.teaser-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600;color:var(--water-licht)}.teaser-title{font-size:clamp(3rem,10vw,6rem);font-weight:700;color:var(--tekst);margin:8px 0 0}.teaser-sub{max-width:34rem;margin:0 auto 32px;color:var(--tekst-gedempt)}.countdown{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.countdown-cel{background:#212a31d9;border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:14px 10px;min-width:82px}.countdown-getal{display:block;font-family:var(--font-kop);font-weight:700;font-size:clamp(2rem,6vw,3rem);color:var(--aal-groen);font-variant-numeric:tabular-nums}.countdown-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--tekst-gedempt)}.countdown-done,.teaser-countdown-done{font-family:var(--font-kop);font-size:1.6rem;color:var(--aal-groen)}.teaser-start{margin-top:28px;font-size:14px;color:var(--tekst-gedempt)}.golf{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;display:block}.paneel{max-width:720px;margin:0 auto;padding:24px 20px 60px}.paneel-kop{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.paneel-kop h1{font-size:2rem;color:var(--tekst)}.paneel-account{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tekst-gedempt)}.kaartje{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:20px;margin-bottom:16px}.kaartje h2{font-size:1.2rem;margin-bottom:6px}.kaartje-uitleg{margin:0 0 14px;font-size:14px;color:var(--tekst-gedempt)}.kaartje-stil{opacity:.75}.knop{font-family:var(--font-body);font-weight:600;font-size:15px;border-radius:var(--radius-pill);border:1px solid transparent;padding:10px 22px;cursor:pointer;transition:filter .15s ease,background-color .15s ease}.knop:disabled{opacity:.6;cursor:default}.knop-primair{background:var(--aal-groen);color:#102231}.knop-primair:hover:not(:disabled){filter:brightness(1.08)}.knop-stil{background:transparent;color:var(--tekst-gedempt);border-color:var(--paneel-rand);padding:6px 14px;font-size:13px}.schakelaar-rij{display:flex;align-items:center;gap:16px}.status{font-family:var(--font-kop);font-weight:700;letter-spacing:.08em;border-radius:var(--radius-pill);padding:6px 18px}.status-live{background:var(--aal-groen);color:#102231}.status-uit{background:var(--paneel-rand);color:var(--tekst-gedempt)}.foutmelding{color:var(--koraal);font-size:14px;margin:12px 0 0}.live-app{position:relative;height:100dvh;overflow:hidden;background:var(--nachtblauw)}.kaart-container{position:absolute;top:0;right:0;bottom:0;left:0}.kaart-fout{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px}.kaart-fout code{background:var(--paneel);padding:1px 6px;border-radius:6px}.top-stack{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 16px);text-align:center;pointer-events:none}.top-stack .camera-segment,.top-stack .live-status .knop{pointer-events:auto}.afteller{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;background:#102231d1;border:1px solid var(--paneel-rand);border-radius:var(--radius-pill);padding:8px 18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.afteller-km{font-family:var(--font-kop);font-weight:700;font-size:clamp(1.4rem,6vw,2rem);color:var(--aal-groen);font-variant-numeric:tabular-nums}.afteller-label{font-size:13px;color:var(--tekst-gedempt)}.afteller-pct{font-family:var(--font-kop);font-weight:700;font-size:1.2rem;color:var(--water-licht)}.live-status{margin:6px auto 0;display:inline-block;background:#102231bf;border-radius:var(--radius-pill);padding:3px 14px;font-size:13px;color:var(--tekst-gedempt)}.live-status-oud{color:#ffd28a}.plek-fout{position:absolute;top:120px;left:50%;transform:translate(-50%);z-index:6;pointer-events:none}.camera-segment{display:flex;background:#102231e0;border:1px solid var(--paneel-rand);border-radius:var(--radius-pill);padding:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.segment-knop{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--tekst-gedempt);background:none;border:none;border-radius:var(--radius-pill);padding:12px 16px;min-height:44px;cursor:pointer;white-space:nowrap}.segment-actief{color:#102231;background:var(--aal-groen)}.flyover-groep{display:inline-flex;align-items:stretch}.tempo-knop{font-size:12px;font-weight:700;color:var(--aal-groen);padding:12px 10px;border-left:1px solid var(--paneel-rand);border-radius:0 var(--radius-pill) var(--radius-pill) 0;animation:mk-tekst-in .2s ease-out}.kaart-controls{position:absolute;left:12px;top:var(--knoppen-top, 130px);z-index:5;display:flex;flex-direction:column;gap:8px}.kop-deel{position:absolute;top:8px;right:8px;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff14;color:var(--aal-groen);cursor:pointer;display:flex;align-items:center;justify-content:center}.kop-deel svg{width:18px;height:18px}.live-kop{position:relative;display:flex;align-items:center;gap:8px;background:#102231e0;border:1px solid var(--paneel-rand);border-radius:var(--radius-pill);padding:8px 48px 8px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%}.live-kop-tekst{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-kop-tekst strong{font-family:var(--font-kop);font-size:1.15rem;color:var(--aal-groen);font-variant-numeric:tabular-nums}.live-kop-sub{color:var(--tekst-gedempt)}.live-kop .kop-deel{top:50%;transform:translateY(-50%);width:32px;height:32px}.lagen-optie{border:none;background:transparent;color:var(--tekst);font-size:14px;padding:10px 14px;border-radius:10px;cursor:pointer;text-align:left;min-height:44px}.lagen-optie.lagen-actief{background:#a1c0362e;color:var(--aal-groen)}.kaart-control{width:44px;height:44px;border-radius:50%;border:1px solid var(--paneel-rand);background:#102231e6;color:var(--tekst);font-size:1.15rem;cursor:pointer;box-shadow:0 2px 8px #00000059;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.kc-actief{background:var(--aal-groen);border-color:var(--aal-groen);color:#102231}.kc-tekst{font-family:var(--font-kop);font-weight:700;font-size:.95rem}.kc-klein{font-size:.72rem}.tst-modus .top-stack{top:92px}.tst-alleen-kijken .top-stack{top:44px}.test-login{position:fixed;top:34px;right:10px;z-index:15;width:34px;height:34px;border-radius:50%;border:1px solid var(--paneel-rand);background:#172029d9;font-size:.95rem;cursor:pointer}.poi-marker{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.poi-stip{width:14px;height:14px;border-radius:50%;background:var(--water-licht);border:2.5px solid #102231;box-shadow:0 0 0 2px var(--water-licht)}.poi-naam{font-family:var(--font-body);font-size:11px;font-weight:600;color:#14364e;text-shadow:0 1px 3px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.7);white-space:nowrap}.poi-stip{box-shadow:0 0 0 2px var(--teal)}.mijn-plek-marker{width:16px;height:16px;border-radius:50%;background:var(--koraal);border:3px solid #fff;box-shadow:0 1px 6px #00000080}.aal-laag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.poi-kaartje{position:absolute;z-index:8;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));max-width:430px;margin:0 auto;background:#172029f5;border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:16px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-height:60dvh;overflow-y:auto}.poi-kaartje-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.poi-kaartje-kop h2{font-size:1.25rem}.poi-sluit{flex-shrink:0}.poi-eta{margin:8px 0 4px;font-size:15px;color:var(--water-licht)}.poi-eta strong{color:var(--aal-groen);font-size:1.1em}.poi-eta-voorbij{color:var(--tekst-gedempt)}.poi-reis{margin:4px 0 8px;font-size:14px}.poi-reis p{margin:3px 0}.poi-reis strong{color:var(--aal-groen)}.poi-verhaal{margin:8px 0 4px;font-size:14px;color:var(--tekst)}.poi-praktisch{margin:0 0 12px;font-size:13px;color:var(--tekst-gedempt)}.poi-route{display:inline-block;text-decoration:none;text-align:center}.moderatie-mail{color:var(--tekst-gedempt);font-size:12px}.foutlog-lijst{max-height:260px;overflow-y:auto;margin-bottom:10px}.foutlog-regel{margin:0 0 6px;font-size:12.5px;line-height:1.5;word-break:break-word}.foutlog-regel code{background:#00000040;padding:1px 5px;border-radius:5px}.foutlog-tijd{color:var(--water-licht);font-variant-numeric:tabular-nums}.foutlog-meta{color:var(--tekst-gedempt)}.stats{max-width:760px;margin:0 auto;padding:16px 14px 40px}.stats-kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.stats-kop h1{font-size:1.6rem}.stats-live{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:18px 16px 14px;text-align:center;margin-bottom:12px}.stats-live-traag{border-color:var(--koraal)}.stats-live-groot{display:flex;align-items:baseline;justify-content:center;gap:10px}.stats-live-kmh{font-family:var(--font-kop);font-weight:700;font-size:clamp(3rem,16vw,4.5rem);line-height:1;color:var(--aal-groen);font-variant-numeric:tabular-nums}.stats-live-traag .stats-live-kmh{color:var(--koraal)}.stats-live-eenheid{font-family:var(--font-kop);font-size:1.2rem;color:var(--tekst-gedempt)}.stats-live-sub{margin-top:6px;font-size:14px;color:var(--tekst-gedempt)}.stats-live-sub strong{color:var(--tekst);font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-kpi{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.stats-kpi-waarde{font-family:var(--font-kop);font-weight:700;font-size:1.25rem;font-variant-numeric:tabular-nums;white-space:nowrap}.stats-kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tekst-gedempt)}.stats-kpi-sub{font-size:12px;color:var(--tekst-gedempt)}.stats-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px;scrollbar-width:none}.stats-chips::-webkit-scrollbar{display:none}.stats-chip{flex-shrink:0;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--tekst-gedempt);background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius-pill);padding:8px 14px;cursor:pointer;min-height:38px}.stats-chip-actief{background:var(--aal-groen);border-color:var(--aal-groen);color:#102231}.stats-grafiek-scroll{overflow-x:auto;background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:8px 0 2px;margin-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--paneel-rand) transparent}.stats-grafiek-scroll::-webkit-scrollbar{height:5px}.stats-grafiek-scroll::-webkit-scrollbar-thumb{background:var(--paneel-rand);border-radius:3px}.stats-grafiek-scroll::-webkit-scrollbar-track{background:transparent}.stats-wissel{position:static;transform:none;margin:0 auto 10px;display:flex;width:fit-content}.stats-chips-klein .stats-chip{min-height:32px;padding:5px 12px;font-size:12px}.stats-kaart{height:45vh;min-height:260px;border-radius:var(--radius);border:1px solid var(--paneel-rand);overflow:hidden;margin-bottom:10px}.stats-grafiek{display:block}.stats-detail{margin:0 0 10px;padding:10px 14px;background:#a1c0361f;border:1px solid rgba(161,192,54,.4);border-radius:var(--radius);font-size:14px;font-variant-numeric:tabular-nums}.stats-tabel-wrap{overflow-x:auto}.stats-tabel{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums;margin-bottom:10px}.stats-tabel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-gedempt);padding:6px 10px;border-bottom:1px solid var(--paneel-rand)}.stats-tabel td{padding:7px 10px;border-bottom:1px solid rgba(46,58,68,.5)}.stats-tabel tr{cursor:pointer}.stats-rij-actief td{background:#a1c0361f}.stats-rij-leeg{cursor:default}.stats-rij-leeg td{color:var(--tekst-gedempt);opacity:.6}.stats-voet{margin-top:22px}.boot-stats-link{text-align:center;margin:0 0 14px}.deel-toast{position:absolute;z-index:12;left:50%;bottom:120px;transform:translate(-50%);margin:0;background:var(--paneel);border:1px solid var(--aal-groen);border-radius:var(--radius-pill);padding:10px 20px;font-size:14px;animation:mk-tekst-in .2s ease-out}.finish-scherm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#102231eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.finish-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.finish-inhoud{position:relative;text-align:center;padding:24px;max-width:480px}.finish-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:600;color:var(--water-licht)}.finish-tijd{font-size:clamp(3.2rem,16vw,5.5rem);font-weight:700;color:var(--aal-groen);font-variant-numeric:tabular-nums;margin:4px 0 0}.finish-kloktijd{margin:4px 0 18px;color:var(--tekst-gedempt)}.finish-aal{width:min(320px,80%);height:auto;margin-bottom:18px;filter:drop-shadow(0 0 12px rgba(201,233,79,.7));animation:finish-deinen 2.4s ease-in-out infinite}@keyframes finish-deinen{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-8px) rotate(1.2deg)}}.finish-winnaar{font-size:17px;margin:0 0 6px}.boot-finish{margin:18px 0;text-align:center}.boot-finish-knop{font-family:var(--font-kop);font-weight:700;font-size:1.6rem;letter-spacing:.35px;color:#fff;background:var(--koraal);border:none;border-radius:var(--radius);padding:18px 42px;cursor:pointer;box-shadow:0 4px 16px #f85b5b80}.boot-finish-gemeld{font-family:var(--font-kop);font-size:1.3rem;color:var(--aal-groen)}.doneer-sheet .poi-kaartje-kop h2{font-size:2rem;font-weight:600}.doneer-sheet .knop-koraal{font-family:var(--font-kop);font-size:1.45rem;font-weight:600;letter-spacing:.35px}.doneer-quote{display:flex;align-items:flex-start;gap:12px;margin:4px 0 16px}.doneer-quote .aal-avatar{flex-shrink:0;margin-top:2px}.doneer-quote p{margin:0;font-family:var(--font-body);font-size:15.5px;line-height:1.6;color:var(--tekst)}.doneer-voetnoot{margin:10px 0 0;text-align:center;font-size:11px;color:var(--tekst-gedempt)}.doneer-knop{position:absolute;z-index:6;left:50%;bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--koraal);color:#fff;font-family:var(--font-kop);font-weight:600;font-size:20px;letter-spacing:.35px;white-space:nowrap;border:none;border-radius:var(--radius-pill);padding:13px 26px;cursor:pointer;box-shadow:0 3px 12px #f85b5b73;transition:filter .12s ease,box-shadow .12s ease;animation:doneer-knipoog 15s ease-in-out infinite;display:inline-flex;align-items:center;gap:8px;overflow:hidden}.doneer-pijl{width:15px;height:15px;flex-shrink:0}.doneer-knop:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);animation:doneer-glans 7s ease-in-out infinite;pointer-events:none}@keyframes doneer-glans{0%,72%{left:-60%}88%,to{left:115%}}@media (max-width: 640px){.doneer-knop{font-size:22px;padding:14px 28px;gap:10px;box-shadow:0 4px 16px #f85b5b8c}.doneer-pijl{width:19px;height:19px}}@keyframes doneer-knipoog{0%,91%{transform:translate(-50%)}93%{transform:translate(-50%) rotate(-2.5deg) scale(1.06)}95%{transform:translate(-50%) rotate(2.5deg) scale(1.06)}97%{transform:translate(-50%) rotate(-1.2deg) scale(1.03)}to{transform:translate(-50%)}}.doneer-knop:hover{filter:brightness(1.08);box-shadow:0 5px 16px #f85b5b8c;animation-play-state:paused}.doneer-knop:active{animation:none;transform:translate(-50%) scale(.96);box-shadow:0 2px 8px #f85b5b66}.knop-koraal{background:var(--koraal);color:#fff;text-align:center;text-decoration:none;font-weight:700}.knop-koraal:hover{filter:brightness(1.08)}.voortgang{position:absolute;z-index:6;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom,0px));pointer-events:none;background:#102231e0;border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:12px 14px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.voortgang-lijn{position:relative;height:7px;background:#78a5c880;border-radius:var(--radius-pill)}.voortgang-gedaan{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(161,192,54,.25),var(--aal-groen));border-radius:var(--radius-pill)}.voortgang-poi{pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#17222b;border:8px solid transparent;box-shadow:inset 0 0 0 2px var(--water-licht);background-clip:padding-box;padding:0;cursor:pointer}.voortgang-poi-voorbij{box-shadow:inset 0 0 0 2px var(--aal-groen);background:var(--aal-groen);background-clip:padding-box}.voortgang-cluster{width:22px;height:22px;margin-left:-11px;font-size:11px;font-weight:700;color:var(--water-licht);display:flex;align-items:center;justify-content:center}.voortgang-cluster.voortgang-poi-voorbij{color:#102231}.voortgang-pop{position:absolute;right:0;bottom:26px;z-index:9;background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 16px #00000073}.voortgang-aal{position:absolute;top:50%;transform:translate(-97%,-55%);filter:drop-shadow(0 0 5px rgba(201,233,79,.9));pointer-events:none}.balk-aal{display:flex;width:118px;height:14px}.balk-aal-check{position:absolute;width:1px;height:1px;opacity:0}.balk-aal span{width:11.8px;height:14px;background:url(/aal-balk.png) no-repeat;background-size:118px 14px;animation:balk-golf 1.5s ease-in-out infinite}@keyframes balk-golf{0%,to{transform:translateY(-1.4px)}50%{transform:translateY(1.4px)}}.voortgang-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--tekst-gedempt);margin-top:5px}.knoppen-rij{display:flex;flex-wrap:wrap;gap:8px}.bron-rij-label{margin:12px 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tekst-gedempt)}.schakelaar-rij-klein{margin-bottom:8px;gap:10px}.feature-naam{flex:1;font-size:14px}.sim-status{margin:12px 0 0;font-size:14px;color:var(--water-licht);font-variant-numeric:tabular-nums}.status-banner{background:var(--koraal);color:#fff;font-family:var(--font-kop);font-weight:700;font-size:14px;border-radius:var(--radius-pill);padding:7px 18px;box-shadow:0 2px 12px #0006}.zwemmerskaart{position:absolute;z-index:6;left:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));max-width:min(400px,calc(100vw - 24px));background:#172029eb;border:1px solid var(--paneel-rand);border-radius:var(--radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.zwemmerskaart-hoofdlijn{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;width:100%;background:none;border:none;color:var(--tekst);font-family:var(--font-body);font-size:13.5px;padding:9px 13px;cursor:pointer;text-align:left}.zwemmerskaart-nu strong{color:var(--aal-groen);font-family:var(--font-kop);font-size:15px}.zwemmerskaart-wissel{color:var(--tekst-gedempt);font-size:12.5px}.zwemmerskaart-stats{border-top:1px solid var(--paneel-rand);padding:8px 13px 10px}.zwemmerskaart-rij{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:2.5px 0}.zw-naam{color:var(--tekst)}.zw-actief{color:var(--aal-groen);font-weight:600}.zw-stats{color:var(--tekst-gedempt);font-variant-numeric:tabular-nums;white-space:nowrap}.zw-schipper{margin-top:6px;border-top:1px dashed var(--paneel-rand);padding-top:8px}.kiosk{min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:18px;padding:28px 20px}.kiosk-titel{font-size:1.6rem}.kiosk-hoofdknop{width:100%;max-width:480px;border:none;border-radius:var(--radius);font-family:var(--font-kop);font-weight:700;font-size:1.5rem;padding:34px 20px;cursor:pointer}.kiosk-start{background:var(--aal-groen);color:#102231}.kiosk-stop{background:var(--teal);color:#eaf6fd}.kiosk-status{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:480px}.kiosk-vak{border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:4px}.kiosk-ok{background:#a1c03624;border:1px solid rgba(161,192,54,.5)}.kiosk-alarm{background:#f85b5b29;border:1px solid var(--koraal)}.kiosk-vak-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--tekst-gedempt)}.kiosk-vak-waarde{font-family:var(--font-kop);font-weight:700;font-size:1.3rem}.kiosk-buffer{color:#ffd28a;font-size:14px}.kiosk-pos{font-variant-numeric:tabular-nums;color:var(--tekst-gedempt);font-size:13px;margin:0}.kiosk-uitleg{max-width:480px;font-size:13px;color:var(--tekst-gedempt);text-align:center}.wissel{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:22px 16px;max-width:560px;margin:0 auto}.wissel-kop h1{font-size:1.8rem}.wissel-kop p{margin:4px 0 0;color:var(--tekst-gedempt)}.wissel-kop strong{color:var(--aal-groen)}.wissel-koppen{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wissel-kop-knop{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paneel);border:2px solid var(--paneel-rand);border-radius:var(--radius);padding:18px 10px;cursor:pointer;color:var(--tekst)}.wissel-actief{border-color:var(--aal-groen);background:#a1c0361f}.wissel-avatar{width:64px;height:64px;border-radius:50%;background:var(--staalblauw);color:#eaf6fd;display:flex;align-items:center;justify-content:center;font-family:var(--font-kop);font-weight:700;font-size:1.5rem}.wissel-naam{font-family:var(--font-kop);font-weight:700;font-size:1.15rem}.wissel-bijnaam{font-size:.85rem;color:var(--water-licht)}.wissel-nu{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--aal-groen)}.boot{min-height:100dvh;display:flex;flex-direction:column;gap:22px;padding:18px;max-width:700px;margin:0 auto}.boot-watchdog{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-radius:var(--radius);padding:12px 16px;font-family:var(--font-kop);font-weight:700;font-size:1.05rem;background:#a1c03621;border:1px solid rgba(161,192,54,.5)}.boot-alarm{background:#f85b5b33;border:2px solid var(--koraal);animation:boot-knipper 1s infinite alternate}@keyframes boot-knipper{0%{box-shadow:0 0 #f85b5b00}to{box-shadow:0 0 24px #f85b5bb3}}.boot-bron-knoppen{display:flex;gap:8px}.boot-zwemmer{text-align:center}.boot-label{text-transform:uppercase;letter-spacing:.16em;font-size:13px;color:var(--tekst-gedempt);margin:0}.boot-naam{font-size:clamp(2.4rem,9vw,4rem);color:var(--aal-groen);margin:2px 0}.boot-bloktijd{font-size:1.15rem;color:var(--tekst-gedempt)}.boot-bloktijd strong{color:var(--tekst)}.boot-bijna{color:var(--koraal)!important;animation:boot-knipper .7s infinite alternate}.boot-cijfers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.boot-cijfer{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);text-align:center;padding:14px 6px}.boot-cijfer-groot{display:block;font-family:var(--font-kop);font-weight:700;font-size:2.2rem;font-variant-numeric:tabular-nums}.boot-cijfer-label{font-size:12px;color:var(--tekst-gedempt)}.boot-statusknoppen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.boot-statusknop{font-family:var(--font-kop);font-weight:700;font-size:1.15rem;padding:22px 8px;border-radius:var(--radius);border:2px solid var(--paneel-rand);background:var(--paneel);color:var(--tekst);cursor:pointer}.boot-status-aan{border-color:var(--koraal);background:#f85b5b2e}.overland-stappen{margin:0 0 12px;padding-left:20px;font-size:14px;color:var(--tekst)}.overland-stappen li{margin-bottom:6px}.overland-stappen a{color:var(--water-licht)}.overland-url-rij{display:flex;align-items:center;gap:8px;margin-bottom:10px}.overland-url{flex:1;font-size:11.5px;background:#17222b;border:1px solid var(--paneel-rand);border-radius:8px;padding:8px 10px;word-break:break-all}.overland-qr{border-radius:8px;background:#fff;padding:6px;display:block;margin-bottom:10px}.overland-check{font-size:14px;color:var(--tekst-gedempt)}.overland-ok{color:var(--aal-groen);font-weight:600}.team-bewerk-rij{display:flex;gap:8px;margin-bottom:8px}.team-invoer{flex:1;background:#17222b;border:1px solid var(--paneel-rand);border-radius:8px;color:var(--tekst);font-family:var(--font-body);font-size:16px;padding:10px 12px;min-width:0}.teaser-kop{position:relative;background:#102231e0;border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:10px 18px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:calc(100vw - 24px);max-width:430px;text-align:center}.teaser-kop-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:600;color:var(--water-licht)}.teaser-kop-titel{font-size:1.7rem;font-weight:700;margin:0;color:var(--tekst)}.teaser-kop-klok{margin:2px 0;font-size:15px;color:var(--tekst-gedempt)}.teaser-kop-klok strong{font-family:var(--font-kop);font-size:1.25em;color:var(--aal-groen);font-variant-numeric:tabular-nums}.teaser-kop-start{margin:2px 0 0;font-size:11.5px;color:var(--tekst-gedempt)}.intro-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#060e1499;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.intro-kaart{position:relative;width:min(430px,100%);background:#17222b;border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:20px;overflow:hidden}.intro-sluit{position:absolute;top:10px;right:10px;min-width:44px;min-height:40px}.intro-titel{font-size:1.35rem;margin-bottom:14px}.intro-knoppen{display:flex;flex-direction:column;gap:10px}.intro-knop{display:flex;align-items:center;gap:14px;background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:14px 16px;cursor:pointer;color:var(--tekst);text-align:left}.intro-icoon{font-size:1.7rem}.intro-tekst{font-family:var(--font-kop);font-weight:700;font-size:1.05rem;flex:1}.intro-sub{font-size:12px;color:var(--aal-groen)}.intro-grijs{opacity:.55}.intro-grijs .intro-sub{color:var(--tekst-gedempt)}.intro-balk{position:absolute;left:0;bottom:0;height:4px;background:var(--aal-groen);animation:intro-aftel 10s linear forwards}@keyframes intro-aftel{0%{width:100%}to{width:0}}.meedoen-grijs{opacity:.5;filter:grayscale(.8)}.meedoen-knoppen{align-items:flex-end}.meedoen-open .meedoen-knop:not(.meedoen-uitklap){width:min(260px,calc(100vw - 80px));border-radius:16px;justify-content:flex-start;padding:0 14px}.mk-icoon{font-size:1.35rem;flex-shrink:0}.mk-tekst{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;overflow:hidden;animation:mk-tekst-in .25s ease-out}@keyframes mk-tekst-in{0%{opacity:0}to{opacity:1}}.mk-titel{font-family:var(--font-kop);font-weight:700;font-size:.95rem;color:var(--tekst);white-space:nowrap}.mk-sub{font-size:11px;color:var(--aal-groen);white-space:nowrap}.meedoen-grijs .mk-sub{color:var(--tekst-gedempt)}.meedoen-uitklap{font-size:1.35rem;font-weight:700;color:var(--tekst-gedempt);line-height:1}.meedoen-knoppen{position:absolute;z-index:8;right:12px;bottom:88px;display:flex;flex-direction:column;gap:10px}.meedoen-knop{width:52px;height:52px;border-radius:26px;border:1px solid var(--paneel-rand);background:#172029f0;font-size:1.45rem;cursor:pointer;box-shadow:0 2px 10px #00000073;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:width .25s ease,border-radius .25s ease,padding .25s ease}.overlay-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#060e14a8;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay{width:100%;max-width:470px;max-height:82dvh;overflow-y:auto;background:#17222b;border:1px solid var(--paneel-rand);border-radius:var(--radius) var(--radius) 0 0;padding:18px 20px 26px;display:flex;flex-direction:column;gap:10px}.kreten{display:flex;flex-wrap:wrap;gap:8px}.kreet{border:1px solid var(--paneel-rand);background:var(--paneel);color:var(--tekst);border-radius:var(--radius-pill);padding:7px 14px;font-size:13.5px;cursor:pointer}.kreet-actief{background:var(--aal-groen);border-color:var(--aal-groen);color:#102231;font-weight:600}.cheer-tekst{resize:none;font-family:var(--font-body)}.meedoen-succes{font-size:15px;color:var(--aal-groen)}.privacy-noot{font-size:13px;color:#ffd28a;margin:0}.spot-upload{text-align:center;cursor:pointer}.toto-form{display:flex;flex-direction:column;gap:8px}.toto-label{display:flex;align-items:center;gap:10px;font-size:14px}.prijs-banner{display:flex;flex-direction:column;gap:4px;background:linear-gradient(135deg,var(--aal-groen),#c4dd66);color:#14290f;border-radius:var(--radius);padding:12px 16px;font-size:13.5px}.prijs-banner-groot{font-family:var(--font-kop);font-weight:700;font-size:1.15rem;letter-spacing:.02em}.toto-tijd-invoer{display:flex;align-items:center;gap:4px}.toto-tijdvak{width:62px;text-align:center;font-variant-numeric:tabular-nums}.toto-24u{font-size:12px;color:var(--tekst-gedempt)}.toto-lijst h3{font-size:1.02rem;margin:10px 0 6px}.toto-rij{display:flex;gap:8px;font-size:14px;padding:3px 0;align-items:baseline}.toto-pos{color:var(--tekst-gedempt);min-width:22px}.toto-naam{flex:1}.toto-tijd{color:var(--water-licht);font-variant-numeric:tabular-nums}.toto-tijd em{color:var(--tekst-gedempt);font-style:normal;font-size:12px}.cheer-bubbels{position:absolute;z-index:5;right:76px;bottom:96px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.cheer-bubbel{background:#102231e0;border:1px solid rgba(92,206,249,.55);color:#eaf6fd;border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;max-width:min(280px,64vw);animation:bubbel 9s ease-in infinite;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cheer-bubbel-naam{color:var(--tekst-gedempt);font-size:11.5px;margin-left:6px}.aal-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;background:#102231;border:2px solid var(--aal-groen);box-shadow:0 0 6px #a1c0368c;vertical-align:middle}.aal-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cheer-bubbel-aal{display:flex;align-items:center;gap:7px;border-color:var(--aal-groen);background:#102231f0}.cheer-bubbel-aal .cheer-bubbel-naam{color:var(--aal-groen);font-weight:600}.teaser-kop-titel{display:flex;align-items:center;justify-content:center;gap:9px}.segment-knop{display:inline-flex;align-items:center;gap:7px}@keyframes bubbel{0%{opacity:0;transform:translateY(14px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-26px)}}.schut-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:linear-gradient(180deg,#0a1620,#102231);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.schut-titel{font-size:clamp(1.6rem,6vw,2.6rem);color:var(--koraal);animation:boot-knipper 1.2s infinite alternate}.schut-sub{color:var(--tekst-gedempt);max-width:30rem;margin:0}.schut-kolk{width:min(320px,82vw);height:220px;border-left:10px solid #3a4a55;border-right:10px solid #3a4a55;border-bottom:10px solid #3a4a55;border-radius:0 0 10px 10px;position:relative;overflow:hidden;background:#0b141c}.schut-water{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#296780e6,#1b4557);transition:height 1.8s ease}.schut-aal{position:absolute;top:-8px;left:0;animation:iesberen 6s ease-in-out infinite alternate}@keyframes iesberen{0%{transform:translate(6px)}to{transform:translate(calc(min(320px,82vw) - 100px)) scaleX(-1)}}.schut-meter{position:absolute;top:8px;right:10px;display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:var(--tekst-gedempt)}.schut-meter strong{font-family:var(--font-kop);font-size:1.6rem;color:var(--water-licht)}.schut-voet{font-size:12.5px;color:var(--tekst-gedempt)}.playlist{width:min(420px,90vw)}.playlist iframe{border-radius:12px;border:0}.playlist-titel{font-size:13px;color:var(--tekst-gedempt);margin:0 0 6px}.muziek-verborgen{visibility:hidden;pointer-events:none}.playlist-noot{font-size:10.5px;color:var(--tekst-gedempt);opacity:.8;margin:4px 0 0}.playlist-noot a{color:var(--water-licht)}.teaser-playlist{margin-top:26px;position:relative;z-index:2}.polaroid{background:#f6f4ec;padding:4px 4px 2px;border-radius:3px;box-shadow:0 2px 8px #0000008c;transform:rotate(-3deg);cursor:pointer;text-align:center}.polaroid img{width:52px;height:52px;object-fit:cover;display:block}.polaroid-naam{font-size:9px;color:#333;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.boot-cheers{background:var(--paneel);border:1px solid var(--paneel-rand);border-radius:var(--radius);padding:14px 16px}.boot-cheers-titel{font-size:1.05rem;margin-bottom:8px}.boot-tts-uit{color:var(--koraal);font-size:.8em}.boot-cheer{margin:4px 0;font-size:15px}.boot-cheer strong{color:var(--water-licht)}.moderatie-kop{font-size:.95rem;margin:12px 0 6px;color:var(--tekst-gedempt)}.moderatie-rij{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;padding:4px 0;border-bottom:1px dashed rgba(46,58,68,.6)}.moderatie-verborgen{opacity:.4;text-decoration:line-through}.moderatie-thumb{width:30px;height:30px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:6px}.meefiets-rij{display:flex;align-items:center;gap:10px;font-size:14px;padding:5px 0;border-bottom:1px dashed rgba(46,58,68,.6)}.meefiets-naam{flex:1;font-weight:600}.meefiets-eta{color:var(--water-licht);font-variant-numeric:tabular-nums;font-size:13px}.poi-melding{margin:6px 0}.poi-ios-uitleg{font-size:12.5px;color:var(--tekst-gedempt);margin:6px 0}.testbesturing{position:fixed;top:34px;left:50%;transform:translate(-50%);z-index:15;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:calc(100vw - 12px);background:#172029f0;border:1px solid var(--paneel-rand);border-radius:var(--radius-pill);padding:5px 10px}.testbesturing .knop{padding:5px 12px;font-size:13px}.testbesturing-scheiding{width:1px;height:22px;background:var(--paneel-rand);margin:0 2px}.testbesturing-status{font-size:12.5px;color:var(--water-licht);font-variant-numeric:tabular-nums;white-space:nowrap}.testbanner{position:sticky;top:0;z-index:10;background:var(--koraal);color:#fff;font-family:var(--font-kop);font-weight:700;font-size:13px;letter-spacing:.06em;text-align:center;padding:6px 12px}