@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}:root{--font-ui:"Instrument Sans Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-titel:"Instrument Serif", ui-serif, "New York", "Iowan Old Style", Georgia, serif;--glas-blur:blur(3px) saturate(300%);--glas-blur-dik:blur(24px) saturate(190%);--ease-vloeibaar:cubic-bezier(.34, 1.56, .64, 1);--ease-pil:cubic-bezier(.34, 1.4, .64, 1);--ease-aankomst:cubic-bezier(.16, 1, .3, 1);--ease-vertrek:cubic-bezier(.4, 0, 1, 1);--duur-aankomst:.26s;--duur-vertrek:.18s;--stapel:40ms;--veer:cubic-bezier(.2, .9, .25, 1);--veer-vlot:cubic-bezier(.3, 1.25, .5, 1);--straal:22px;--straal-mid:18px;--straal-klein:12px;--straal-mini:9px;--t-2xs:10.5px;--t-xs:11.5px;--t-s:13px;--t-m:14.5px;--t-base:16px;--t-l:17.5px;--t-xl:21px;--t-2xl:24px;--t-3xl:32px;--t-4xl:40px;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-5:20px;--ruimte-6:24px;--ruimte-8:32px;--ritme:18px;--raak:44px;--tabbalk-hoogte:64px;--tabbalk-zij:21px;--tabbalk-onder:max(12px, calc(env(safe-area-inset-bottom,0px) - 13px));--tabbalk-ruimte:calc(var(--tabbalk-hoogte) + var(--tabbalk-onder));--veilig-boven:env(safe-area-inset-top,0px);--veilig-onder:env(safe-area-inset-bottom,0px)}@supports (transition-timing-function:linear(0, 1)){:root{--veer:linear(0, .0312, .1076, .2087, .3197, .4307, .5352, .6295, .7117, .7813, .8388, .8852, .9217, .9497, .9707, .9859, .9965, 1.0035, 1.0078, 1.0101, 1.011, 1.011, 1.0103, 1.0093, 1.0081, 1.0068, 1.0056, 1.0045, 1.0036, 1.0027, 1.002, 1.0015, 1);--veer-vlot:linear(0, .0425, .1453, .2782, .4198, .5556, .6771, .7798, .8625, .9259, .972, 1.0036, 1.0233, 1.034, 1.0381, 1.0377, 1.0345, 1.0297, 1.0243, 1.019, 1.0141, 1.0098, 1.0064, 1.0037, 1.0017, 1.0003, .9993, .9988, .9986, .9985, .9986, .9988, 1)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glazuur:#f6f2e8;--glazuur-2:#eee8da;--kaart:#fffdf8;--kaart-2:#f9f5ec;--rand:#1c2e661f;--rand-sterk:#1c2e6638;--inkt:#172240;--inkt-2:#4b5676;--inkt-3:#5c6583;--hoofdkleur:#1f3f99;--hoofdkleur-diep:#142b6b;--hoofdkleur-licht:#d6dff5;--hoofdkleur-zacht:#ecf0fa;--tekst-op-hoofdkleur:#fff;--geel:#e3a92b;--geel-diep:#8a5d00;--geel-zacht:#fbf0d4;--tekst-op-geel:#2a1d00;--tekst-op-geel-zacht:#5c3e00;--meekrap:#a8401f;--meekrap-zacht:#f8e4dc;--kopergroen:#266a58;--kopergroen-zacht:#ddefe8;--tekst-op-meekrap:#fff;--tekst-op-kopergroen:#fff;--tegel-bg:#fbf8f0;--tegel-inkt:#1f3f99;--tegel-was:#c3d0f0;--tegel-rand:#1c2e6629;--parelmoer:conic-gradient(from 210deg, #fdfbff, #f6e9f1, #e7f1f4, #fbf6e6, #f0eafa, #fdfbff);--schaduw:0 1px 2px #152c6e0f, 0 12px 32px -14px #152c6e38;--schaduw-klein:0 1px 2px #152c6e14;--schaduw-zwevend:0 10px 40px -10px #0e1a4259;--schaduw-speld:0 2px 6px #0e1a4247, 0 1px 2px #0e1a422e;--gloed-knop:0 8px 20px -8px #1f3f9999;--gloed-geel:0 8px 20px -8px #e3a92bb3;--gloed-baken:0 8px 18px -6px #781e0a99;--speld-voet:#0e1a4247;--speldrand:#fffdf8;--scrim-licht:#080e2633;--scrim:#080e2680;--focus-ring:0 0 0 2px var(--kaart), 0 0 0 4.5px var(--hoofdkleur);--glas-tint:#fffdf89e;--glas-tint-dik:#fffdf8db;--glas-glans:linear-gradient(to bottom, #ffffffe6 0%, #fff0 38%);--glas-glans-zacht:linear-gradient(to bottom, #ffffff8c 0%, #fff0 120px);--glas-rand:inset 0 1px 0 #ffffffbf, inset 0 -.5px 0 #fff3, inset 0 0 0 .5px #ffffff59;--glas-schaduw:0 10px 30px #0e1a4224, 0 2px 8px #0e1a420f;--glas-schaduw-klein:0 4px 14px #0e1a421f, 0 1px 3px #0e1a4214;--glas-pil:#1f3f991a;--pil:#1c2e6612;--pil-sterk:#1c2e661f;--kop-knop-vlak:#ebe6da}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glazuur:#0b1330;--glazuur-2:#0f1938;--kaart:#131d3d;--kaart-2:#17224a;--rand:#aabeff21;--rand-sterk:#aabeff40;--inkt:#edf1ff;--inkt-2:#b3bedd;--inkt-3:#8a96b8;--hoofdkleur:#9bb0ff;--hoofdkleur-diep:#c9d5ff;--hoofdkleur-licht:#24346b;--hoofdkleur-zacht:#1b2754;--tekst-op-hoofdkleur:#0b1330;--geel:#f2c14e;--geel-diep:#f6cf73;--geel-zacht:#3a2c0c;--tekst-op-geel:#231800;--meekrap:#f2957a;--meekrap-zacht:#3e2222;--kopergroen:#7fd3b8;--kopergroen-zacht:#15352d;--tegel-bg:#ebe5d6;--tegel-inkt:#24459f;--tegel-was:#aebde4;--tegel-rand:#00000040;--schaduw:0 1px 2px #0000004d, 0 14px 34px -16px #0009;--schaduw-klein:0 1px 2px #00000059;--schaduw-zwevend:0 12px 44px -10px #000000b3;--glas-tint:#131d3d9e;--glas-tint-dik:#131d3de0;--glas-glans:linear-gradient(to bottom, #ffffff1a 0%, #fff0 38%);--glas-glans-zacht:linear-gradient(to bottom, #ffffff0f 0%, #fff0 120px);--glas-rand:inset 0 1px 0 #ffffff1f, inset 0 -.5px 0 #ffffff0d, inset 0 0 0 .5px #ffffff14;--glas-schaduw:0 10px 30px #00000080, 0 2px 8px #0006;--glas-schaduw-klein:0 4px 14px #00000073, 0 1px 3px #00000059;--glas-pil:#9bb0ff29;--pil:#aabeff1f;--pil-sterk:#aabeff2e;--kop-knop-vlak:#1f2b57;--tekst-op-meekrap:#2a0f06;--tekst-op-kopergroen:#06231b;--tekst-op-geel-zacht:#f6cf73;--schaduw-speld:0 2px 6px #0000008c, 0 1px 2px #0006;--gloed-knop:0 8px 20px -8px #0009;--gloed-geel:0 8px 20px -8px #0009;--gloed-baken:0 8px 18px -6px #0009;--speld-voet:#00000080;--speldrand:#edf1ff}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glazuur:#0b1330;--glazuur-2:#0f1938;--kaart:#131d3d;--kaart-2:#17224a;--rand:#aabeff21;--rand-sterk:#aabeff40;--inkt:#edf1ff;--inkt-2:#b3bedd;--inkt-3:#8a96b8;--hoofdkleur:#9bb0ff;--hoofdkleur-diep:#c9d5ff;--hoofdkleur-licht:#24346b;--hoofdkleur-zacht:#1b2754;--tekst-op-hoofdkleur:#0b1330;--geel:#f2c14e;--geel-diep:#f6cf73;--geel-zacht:#3a2c0c;--tekst-op-geel:#231800;--meekrap:#f2957a;--meekrap-zacht:#3e2222;--kopergroen:#7fd3b8;--kopergroen-zacht:#15352d;--tegel-bg:#ebe5d6;--tegel-inkt:#24459f;--tegel-was:#aebde4;--tegel-rand:#00000040;--schaduw:0 1px 2px #0000004d, 0 14px 34px -16px #0009;--schaduw-klein:0 1px 2px #00000059;--schaduw-zwevend:0 12px 44px -10px #000000b3;--glas-tint:#131d3d9e;--glas-tint-dik:#131d3de0;--glas-glans:linear-gradient(to bottom, #ffffff1a 0%, #fff0 38%);--glas-glans-zacht:linear-gradient(to bottom, #ffffff0f 0%, #fff0 120px);--glas-rand:inset 0 1px 0 #ffffff1f, inset 0 -.5px 0 #ffffff0d, inset 0 0 0 .5px #ffffff14;--glas-schaduw:0 10px 30px #00000080, 0 2px 8px #0006;--glas-schaduw-klein:0 4px 14px #00000073, 0 1px 3px #00000059;--glas-pil:#9bb0ff29;--pil:#aabeff1f;--pil-sterk:#aabeff2e;--kop-knop-vlak:#1f2b57;--tekst-op-meekrap:#2a0f06;--tekst-op-kopergroen:#06231b;--tekst-op-geel-zacht:#f6cf73;--schaduw-speld:0 2px 6px #0000008c, 0 1px 2px #0006;--gloed-knop:0 8px 20px -8px #0009;--gloed-geel:0 8px 20px -8px #0009;--gloed-baken:0 8px 18px -6px #0009;--speld-voet:#00000080;--speldrand:#edf1ff}*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--glazuur);overscroll-behavior:none}body{font-family:var(--font-ui);font-size:var(--t-base);color:var(--inkt);background:var(--glazuur);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-weight:450;line-height:1.5;overflow:hidden}.statusstrook{display:none}.beginscherm .statusstrook{z-index:75;background:var(--glazuur);pointer-events:none;height:6px;display:block;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}#root{height:100dvh;position:relative}@media (hover:none){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}}h1,h2,h3{font-family:var(--font-titel);letter-spacing:-.005em;text-wrap:balance;font-weight:400;line-height:1.08}p{text-wrap:pretty}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:var(--hoofdkleur)}input,textarea,select{font:inherit;font-size:var(--t-base);color:inherit}svg{flex-shrink:0}:focus-visible{outline:2.5px solid var(--hoofdkleur);outline-offset:2px;box-shadow:0 0 0 5px var(--kaart);border-radius:var(--straal-mini)}.verborgen,.verborgen-tekst{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.overslaan{z-index:60;white-space:nowrap;background:var(--hoofdkleur);width:max-content;color:var(--tekst-op-hoofdkleur);border-radius:999px;padding:10px 16px;font-weight:650;text-decoration:none;position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.overslaan:focus-visible{top:calc(var(--veilig-boven) + 8px);transform:translate(-50%)}.knop{justify-content:center;align-items:center;gap:var(--ruimte-2);background:var(--hoofdkleur);min-height:52px;color:var(--tekst-op-hoofdkleur);font-weight:650;font-size:var(--t-base);letter-spacing:.005em;box-shadow:var(--schaduw-klein), var(--gloed-knop), inset 0 1px 0 #ffffff2e;transition:transform .32s var(--ease-vloeibaar), opacity .2s, background-color .2s;border-radius:999px;padding:0 22px;display:inline-flex}.knop:active{transition-duration:.1s;transform:scale(.96)}.knop:disabled,.knop[aria-disabled=true]{opacity:.45;cursor:default}.knop[aria-disabled=true]:active{transform:none}.knop-breed{width:100%}.knop-zacht{background:var(--glas-pil);color:var(--hoofdkleur);box-shadow:none}.knop-geel{background:var(--geel);color:var(--tekst-op-geel);box-shadow:var(--schaduw-klein), var(--gloed-geel), inset 0 1px 0 #ffffff59}.knop-klein{min-height:var(--raak);font-size:var(--t-m);padding:0 16px}.knop-rood{background:var(--meekrap-zacht);color:var(--meekrap);box-shadow:none}.tekstknop{min-height:var(--raak);color:var(--hoofdkleur);padding:var(--ruimte-2) var(--ruimte-1);border-radius:var(--straal-mini);align-items:center;gap:6px;font-weight:600;display:inline-flex}.tekstknop.gevaar{color:var(--meekrap);margin-top:var(--ruimte-2)}.rondknop{width:46px;height:46px;color:var(--inkt);background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);box-shadow:var(--glas-schaduw-klein), var(--glas-rand);transition:transform .32s var(--ease-vloeibaar), color .2s, background-color .2s;border-radius:50%;place-items:center;display:grid;position:relative}.rondknop:active{transition-duration:.1s;transform:scale(.9)}.rondknop.aan{color:var(--tekst-op-hoofdkleur);background:var(--hoofdkleur)}.kopknop{width:var(--raak);height:var(--raak);background:var(--kop-knop-vlak);color:var(--inkt-2);transition:transform .3s var(--ease-vloeibaar);border-radius:50%;place-items:center;display:grid}.kopknop:active{transition-duration:.1s;transform:scale(.9)}.rondknop-groep{gap:6px;display:grid}.kapitaal{font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt-3);font-weight:650}.zacht{color:var(--inkt-2)}.veldlabel{margin:var(--ruimte-4) 2px 6px;font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--inkt-3);font-weight:650;display:block}.veldlabel:first-child,.veldlabel+.veld,.veldlabel+select,.veldlabel+textarea,.veldlabel+.segment,.veldlabel+.quiz-invoer,.veldlabel+.code-veld,.veldlabel+.kleurkeuze,.veldlabel+.avatarkeuze{margin-top:0}.waarschuwing{margin:var(--ruimte-3) 0;border-radius:var(--straal-klein);background:var(--meekrap-zacht);color:var(--inkt);font-size:var(--t-m);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.waarschuwing .icoon{color:var(--meekrap);margin-top:1px}.statusregel{gap:var(--ruimte-2);margin:var(--ruimte-3) 0;color:var(--inkt-2);font-size:var(--t-m);align-items:center;display:flex}.statuspil{margin-left:var(--ruimte-2);background:var(--pil);color:var(--inkt-2);letter-spacing:.08em;border-radius:999px;padding:2px 8px;display:inline-block}.statuspil.status-running{background:var(--kopergroen-zacht);color:var(--kopergroen)}.statuspil.status-paused,.statuspil.status-lobby,.statuspil.status-ended{background:var(--hoofdkleur-zacht);color:var(--hoofdkleur)}.jullie,.label-nu{margin-left:var(--ruimte-2);font-family:var(--font-ui);font-size:var(--t-2xs);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;border-radius:999px;padding:1px 8px;font-weight:700;display:inline-block}.jullie{background:var(--geel-zacht);color:var(--tekst-op-geel-zacht)}.label-nu{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.cijfers{font-variant-numeric:tabular-nums}.veld{border-radius:var(--straal-mid);border:1px solid var(--rand-sterk);background:var(--kaart);width:100%;min-height:52px;color:var(--inkt);outline:none;padding:0 18px;transition:border-color .2s,box-shadow .2s}.veld:focus{border-color:var(--hoofdkleur);box-shadow:0 0 0 1px var(--hoofdkleur), 0 0 0 5px var(--hoofdkleur-zacht)}.veld::placeholder{color:var(--inkt-3)}.glas{background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);box-shadow:var(--glas-schaduw), var(--glas-rand)}.glas-dik{background:var(--glas-glans-zacht), var(--glas-tint-dik);-webkit-backdrop-filter:var(--glas-blur-dik);backdrop-filter:var(--glas-blur-dik);box-shadow:var(--glas-schaduw), var(--glas-rand)}.korrel:before{content:"";border-radius:inherit;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.tegel{display:block;overflow:visible}.tegel .t-grond{fill:var(--tegel-bg)}.tegel .t-glans{pointer-events:none}.tegel .t-rand{fill:none;stroke:var(--tegel-rand);stroke-width:.8px}.tegel .t-lijn{fill:none;stroke:var(--tegel-inkt);stroke-linecap:round;stroke-linejoin:round}.tegel .t-was{fill:var(--tegel-was);stroke:none}.tegel .t-was-donker{fill:var(--tegel-inkt);opacity:.45;--o:.45}.tegel .t-vlak{fill:var(--tegel-inkt);stroke:none}.tegel .t-snede{fill:none;stroke:var(--tegel-bg);stroke-linecap:round}.tegel .t-snedevlak{fill:var(--tegel-bg)}.tegel-leeg .t-schildering{opacity:.5}.tegel-leeg .t-onbekend .t-lijn,.tegel-leeg .t-onbekend .t-vlak{opacity:.55}.tegel-schilderen .t-lijn{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:.75s cubic-bezier(.45,.05,.25,1) forwards t-trek}.tegel-schilderen .t-was,.tegel-schilderen .t-was-donker{opacity:0;animation:t-was .9s ease-out var(--was-na,1s) forwards}.tegel-schilderen .t-vlak,.tegel-schilderen .t-snede,.tegel-schilderen .t-snedevlak{opacity:0;animation:t-vlak .45s ease-out var(--vlak-na,1.4s) forwards}.tegel-schilderen .t-vlak.hoek{animation-delay:.45s}@keyframes t-trek{to{stroke-dashoffset:0}}@keyframes t-was{0%{opacity:0;filter:blur(2px)}to{opacity:var(--o,1);filter:blur()}}@keyframes t-vlak{to{opacity:var(--o,1)}}@media (prefers-reduced-motion:reduce){.tegel-schilderen .t-lijn,.tegel-schilderen .t-was,.tegel-schilderen .t-was-donker,.tegel-schilderen .t-vlak,.tegel-schilderen .t-snede,.tegel-schilderen .t-snedevlak{animation-duration:10ms;animation-delay:0s}}.blad{z-index:60;pointer-events:none;position:fixed;inset:0}.blad-achtergrond{background:var(--scrim-licht);pointer-events:auto;position:absolute;inset:0}.blad-paneel{max-height:calc(100dvh - var(--veilig-boven) - 20px);isolation:isolate;box-shadow:var(--schaduw-zwevend);padding-bottom:max(6px, var(--veilig-onder));will-change:transform;pointer-events:auto;border-radius:30px 30px 0 0;outline:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:max(0px,50% - 320px);right:max(0px,50% - 320px);overflow:hidden}.blad-vul{z-index:-1;background:var(--kaart);pointer-events:none;position:absolute;inset:0}.blad.kan-half .blad-paneel{-webkit-backdrop-filter:blur(6px)saturate(160%);backdrop-filter:blur(6px)saturate(160%)}.blad-naad{z-index:3;box-shadow:var(--glas-rand), inset 0 0 0 1px var(--rand);opacity:0;pointer-events:none;border-radius:30px 30px 0 0;position:absolute;inset:0}.blad.half .blad-achtergrond{pointer-events:none}.blad.half .blad-inhoud{overflow:hidden}.blad-kop{align-items:center;gap:var(--ruimte-3);touch-action:none;cursor:grab;flex-shrink:0;padding:18px 14px 8px;display:flex;position:relative}.blad-greep{background:var(--rand-sterk);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:6px;left:50%}.blad-titel{min-width:0;font-size:var(--t-2xl);text-align:center;-webkit-line-clamp:2;animation:titel-in .32s var(--ease-aankomst) both;-webkit-box-orient:vertical;flex:1;line-height:1.1;display:-webkit-box;overflow:hidden}.kopknop-ruimte{width:var(--raak);flex-shrink:0}@keyframes titel-in{0%{opacity:0;transform:translateY(5px)}}.blad-inhoud{-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding:4px 22px 22px;overflow-y:auto}.blad-voet{margin:var(--ruimte-5) -22px -22px;background:linear-gradient(to bottom, transparent, var(--kaart) 18px);padding:12px 22px 18px;position:sticky;bottom:-22px}.blad-reden{margin-top:var(--ruimte-2);text-align:center;color:var(--inkt-2);font-size:var(--t-s)}.blad-reden.nadruk{color:var(--meekrap);font-weight:600}.blad-weg{border-radius:var(--straal-mid);background:var(--meekrap-zacht);animation:titel-in .24s var(--ease-aankomst) both;margin:0 14px 8px;padding:12px 14px}.blad-weg p{font-size:var(--t-m)}.blad-weg-knoppen{gap:var(--ruimte-2);margin-top:10px;display:flex}.blad-weg-knoppen .knop{min-height:var(--raak);flex:1}.bevestiging-tekst{font-size:var(--t-base);margin:4px 2px 18px;line-height:1.5}.bevestiging-knoppen{gap:10px;display:grid}.meldingen{left:0;right:0;top:calc(var(--veilig-boven) + 10px);z-index:80;gap:var(--ruimte-2);pointer-events:none;justify-items:center;padding:0 12px;display:grid;position:fixed}.melding{align-items:center;gap:var(--ruimte-3);border-radius:var(--straal);background:var(--glas-glans), var(--glas-tint-dik);width:100%;max-width:520px;-webkit-backdrop-filter:var(--glas-blur-dik);backdrop-filter:var(--glas-blur-dik);color:var(--inkt);box-shadow:var(--glas-schaduw), var(--glas-rand);font-size:var(--t-m);pointer-events:auto;animation:melding-in .5s var(--veer-vlot) backwards;padding:10px 10px 10px 12px;line-height:1.35;display:flex;position:relative}.melding.weg{animation:melding-uit .22s var(--ease-vertrek) both}.melding{touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .32s var(--veer-vlot), opacity .2s ease}.melding.tikbaar{cursor:pointer}.melding.tikbaar:active{scale:.985}.melding-verder{width:var(--raak);height:var(--raak);color:var(--inkt-3);border-radius:999px;flex-shrink:0;place-items:center;margin:-6px -4px -6px 0;display:grid}.melding-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:36px;height:36px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.melding-geel .melding-teken{background:var(--geel-zacht);color:var(--geel-diep)}.melding-rood .melding-teken{background:var(--meekrap-zacht);color:var(--meekrap)}.melding-tekst{flex:1;min-width:0}.melding-tekst strong{font-weight:650;display:block}.melding-tekst span{color:var(--inkt-2);font-size:var(--t-m)}.melding-actie{min-height:var(--raak);background:var(--glas-pil);color:var(--hoofdkleur);font-weight:700;font-size:var(--t-m);border-radius:999px;flex-shrink:0;padding:8px 14px}@keyframes melding-in{0%{opacity:0;transform:translateY(-18px)scale(.92)}}@keyframes melding-uit{to{opacity:0;transform:translateY(-10px)scale(.94)}}.tabbalk{width:min(calc(100% - 2 * var(--tabbalk-zij)), calc(var(--tabs,4) * 92px + 10px), 440px);left:50%;bottom:var(--tabbalk-onder);z-index:40;height:var(--tabbalk-hoogte);background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);box-shadow:var(--glas-schaduw), var(--glas-rand);transition:transform .5s var(--veer), visibility 0s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;border-radius:999px;align-items:stretch;padding:0 5px;display:flex;position:fixed;transform:translate(-50%)translateZ(0)}.tabbalk.weg{transform:translateX(-50%) translateY(calc(100% + var(--tabbalk-onder) + 24px)) translateZ(0);visibility:hidden;transition:transform .32s var(--ease-vertrek), visibility 0s linear .32s}.tab{z-index:1;color:var(--inkt-2);font-size:var(--t-xs);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;font-weight:600;transition:color .25s;display:flex;position:relative}.tab.actief{color:var(--hoofdkleur)}.tab .icoon{transition:transform .35s var(--ease-vloeibaar)}.tab.actief .icoon{transform:scale(1.06)}.tab:active .icoon{transition-duration:.1s;transform:scale(.86)}.tab-teller{background:var(--meekrap);min-width:18px;height:18px;color:var(--tekst-op-meekrap);font-size:var(--t-xs);text-align:center;animation:teller-in .45s var(--veer-vlot) both;border-radius:999px;padding:0 5px;font-weight:700;line-height:18px;position:absolute;top:7px;left:calc(50% + 8px)}@keyframes teller-in{0%{opacity:0;transform:scale(.3)}}.tab-pil{background:var(--glas-pil);pointer-events:none;will-change:transform;border-radius:999px;position:absolute;top:3px;bottom:3px;left:0;box-shadow:inset 0 0 0 .5px #fff6}.stadskaart{z-index:0;background:var(--glazuur-2);position:absolute;inset:0}.stadskaart>.stadskaart-canvas{width:100%;height:100%;position:absolute;inset:0}.stadskaart:after{content:"";pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--glazuur) 40%, transparent), transparent calc(var(--veilig-boven) + 60px)), radial-gradient(ellipse 120% 90% at 50% 45%, transparent 60%, color-mix(in srgb, var(--glazuur) 45%, transparent) 100%);position:absolute;inset:0}.kaart-mislukt{z-index:1;color:var(--inkt-2);text-align:center;place-content:center;justify-items:center;gap:12px;padding:24px;display:grid;position:absolute;inset:0}.kaart-mislukt p{margin:0}.stadskaart .maplibregl-ctrl-attrib{font-family:var(--font-ui);font-size:var(--t-2xs)}.stadskaart .maplibregl-ctrl-bottom-left{bottom:calc(var(--kaart-vrij-onder,180px) + 4px);left:max(0px, env(safe-area-inset-left,0px));max-width:calc(100% - 76px)}.stadskaart .maplibregl-ctrl-attrib.maplibregl-compact{background:var(--glas-tint-dik);color:var(--inkt-2)}.stadskaart .maplibregl-ctrl-attrib a{color:var(--inkt)}.stadskaart .maplibregl-ctrl-attrib-button{min-width:24px;min-height:24px}.stadskaart .maplibregl-ctrl-attrib-button:after{content:"";position:absolute;inset:-10px}.speld-houder{will-change:transform}.speld-knop{margin:-6px;padding:6px;display:block}.speld{transform-origin:50% 100%;transition:transform .4s var(--ease-vloeibaar), filter .3s;animation:speld-in .6s var(--veer-vlot) both;animation-delay:calc(var(--i,0) * 35ms);justify-items:center;display:grid;position:relative}@keyframes speld-in{0%{opacity:0;transform:translateY(-14px)scale(.4)}}.speld-tegel{border-radius:var(--straal-mini);width:38px;height:38px;box-shadow:var(--ring-status,0 0 0 0 transparent), var(--ring-doel,0 0 0 0 transparent), var(--schaduw-speld);overflow:hidden}.speld-tegel .tegel{width:100%;height:100%}.speld-steel{background:var(--tegel-inkt);opacity:.75;border-radius:1px;width:2px;height:9px}.speld-voet{background:var(--speld-voet);filter:blur(1px);border-radius:50%;width:10px;height:4px;margin-top:-2px}.speld-nummer{border-radius:var(--straal-mini);background:var(--hoofdkleur);min-width:20px;height:20px;color:var(--tekst-op-hoofdkleur);font-size:var(--t-xs);text-align:center;box-shadow:0 0 0 2px var(--kaart);padding:0 5px;font-weight:700;line-height:20px;position:absolute;top:-7px;right:-9px}.speld.gevonden .speld-nummer{background:var(--kopergroen);color:var(--tekst-op-kopergroen)}.speld-vink,.speld-vlag{place-items:center;padding:0;display:grid}.speld.stil{--ring-status:0 0 0 2.5px var(--inkt-3)}.speld.nu{--ring-status:0 0 0 3px var(--hoofdkleur)}.speld.gevonden{--ring-status:0 0 0 2.5px var(--hoofdkleur)}.speld.geopend .speld-nummer{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.speld-teller{background:var(--kaart);min-width:26px;color:var(--inkt);box-shadow:0 0 0 1.5px var(--rand-sterk), 0 0 0 3px var(--kaart)}.speld-teller.vol{background:var(--kopergroen);color:var(--tekst-op-kopergroen)}.speld-vlag-los{background:var(--hoofdkleur);width:20px;height:20px;color:var(--tekst-op-hoofdkleur);box-shadow:0 0 0 2px var(--kaart);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;left:-9px}.speld-nu{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur);font-size:var(--t-2xs);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 0 2px var(--kaart);border-radius:999px;padding:1px 7px;font-weight:750;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.speld.buiten .speld-tegel{outline:2px dashed var(--hoofdkleur);outline-offset:2px}.speld.onbekend .speld-tegel .tegel{opacity:.35}.speld.doel{--ring-doel:0 0 0 5.5px var(--geel), 0 0 0 9px color-mix(in srgb, var(--geel) 28%, transparent);transform:scale(1.12)}.speld.doel:after{content:"";border:2px solid color-mix(in srgb, var(--geel) 60%, transparent);opacity:0;pointer-events:none;border-radius:16px;width:56px;height:56px;margin-left:-28px;animation:2.2s ease-out infinite doel-adem;position:absolute;top:-9px;left:50%}@keyframes doel-adem{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.speld.dichtbij:before{content:"";border:2px dashed var(--geel-diep);pointer-events:none;border-radius:15px;width:54px;height:54px;margin-left:-27px;position:absolute;top:-8px;left:50%}.speld.dichtbij .speld-tegel{animation:1s ease-in-out infinite dichtbij}@keyframes dichtbij{50%{transform:translateY(-4px)rotate(-3deg)}}.speld.stil .speld-tegel,.speld.stil.dichtbij:before,.speld.stil.doel:after{border-radius:50%}.speld.stil .speld-tegel{filter:grayscale(.6)}.speld-knop:active .speld{transition-duration:.1s;transform:scale(.92)}.ik{width:24px;height:24px;position:relative}.ik-stip{background:var(--geel);box-shadow:var(--schaduw-speld);border:3px solid #fff;border-radius:50%;position:absolute;inset:2px}.ik-puls{background:color-mix(in srgb, var(--geel) 45%, transparent);border-radius:50%;animation:2.6s ease-out infinite ik-puls;position:absolute;inset:-10px}@keyframes ik-puls{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.ik-kegel{transform-origin:50% 100%;width:84px;height:84px;transform:rotate(var(--richting,0deg));background:conic-gradient(from -28deg at 50% 100%, color-mix(in srgb, var(--geel) 55%, transparent), color-mix(in srgb, var(--geel) 0%, transparent) 56deg, transparent 56deg);opacity:0;margin-left:-42px;transition:opacity .4s;position:absolute;bottom:50%;left:50%;-webkit-mask:radial-gradient(circle at 50% 100%,#000 10%,#0000 72%);mask:radial-gradient(circle at 50% 100%,#000 10%,#0000 72%)}.ik.met-richting .ik-kegel{opacity:1}.teamspeld{animation:speld-in .6s var(--veer-vlot) both;justify-items:center;gap:3px;display:grid}.teamspeld-rond{background:var(--kaart);width:40px;height:40px;box-shadow:0 0 0 3px var(--teamkleur), 0 0 0 4.5px var(--speldrand), var(--schaduw-speld);border-radius:50%;place-items:center;display:grid;overflow:hidden}.teamspeld-rond .tegel{width:34px;height:34px}.teamspeld-naam{background:var(--teamkleur);color:#fff;box-shadow:0 0 0 1.5px var(--speldrand);font-size:var(--t-xs);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:120px;padding:1px 8px;font-weight:700;overflow:hidden}.teamspeld.oud{opacity:.5;filter:grayscale(.6)}.baken{justify-items:center;display:grid;position:relative}.baken-vlag{background:var(--meekrap);width:46px;height:46px;color:var(--tekst-op-meekrap);box-shadow:var(--gloed-baken);border-radius:50% 50% 50% 4px;place-items:center;display:grid;transform:rotate(-45deg)}.baken-vlag .icoon{transform:rotate(45deg)}.baken:before,.baken:after{content:"";border:2px solid var(--meekrap);opacity:0;border-radius:50%;width:90px;height:90px;margin-left:-45px;animation:2.4s ease-out infinite baken;position:absolute;bottom:-14px;left:50%;transform:scaleY(.35)scale(.2)}.baken:after{animation-delay:1.2s}@keyframes baken{0%{opacity:.9;transform:scaleY(.35)scale(.2)}to{opacity:0;transform:scaleY(.35)scale(1.3)}}.baken-label{background:var(--meekrap);color:var(--tekst-op-meekrap);font-size:var(--t-s);white-space:nowrap;border-radius:6px;margin-top:6px;padding:3px 9px;font-weight:700}.baken-bestemming:before,.baken-bestemming:after{content:none}.baken-bestemming .baken-vlag,.baken-bestemming .baken-label{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.baken-bestemming .baken-vlag{width:40px;height:40px;box-shadow:var(--schaduw)}.kijkglas{z-index:1;touch-action:none;cursor:grab;border-radius:50%;position:absolute;box-shadow:0 0 0 2px #ffffffeb,0 0 0 3.5px #3a2c1bb3,0 10px 30px #00000047}.kijkglas:active{cursor:grabbing}.kijkglas:focus-visible{outline:3px solid var(--hoofdkleur);outline-offset:5px}.kijkglas-naam{color:#f4ecd8;letter-spacing:.04em;pointer-events:none;background:#3a2c1b;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;position:absolute;bottom:-13px;left:50%;translate:-50%}.gezichtspeld{width:44px;height:34px;box-shadow:var(--schaduw-speld), inset 0 0 0 1px #5a3a0a80;animation:speld-in .6s var(--veer-vlot) both;background:linear-gradient(135deg,#f3d488,#b8862f 45%,#f0cf7c 70%,#9a6b1f);border-radius:3px;padding:2px;display:block;position:relative}.gezichtspeld img{object-fit:cover;border-radius:1px;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #3c280a99}.gezichtspeld-vink{background:var(--kopergroen);width:18px;height:18px;color:var(--tekst-op-kopergroen);box-shadow:0 0 0 2px var(--speldrand);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.kijkkegel{pointer-events:none;background:conic-gradient(from calc(var(--hoek) / -2), color-mix(in srgb, var(--geel) 60%, transparent) 0 var(--hoek), transparent var(--hoek));width:120px;height:120px;-webkit-mask:radial-gradient(circle closest-side,#000 18%,#0000008c 60%,#0000 100%);mask:radial-gradient(circle closest-side,#000 18%,#0000008c 60%,#0000 100%);z-index:0!important}.speler,.leider{position:absolute;inset:0;overflow:hidden}.kaartscherm{position:absolute;inset:0}.laag{z-index:30;background:var(--glazuur);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.scherm{max-width:640px;padding:calc(var(--veilig-boven) + 22px) 18px calc(var(--tabbalk-ruimte) + 34px);margin:0 auto}.scherm-kop{padding:6px 4px 18px}.scherm-kop h1{font-size:var(--t-4xl);margin:4px 0 8px}.scherm-kop .terug{align-items:center;gap:2px;margin:-6px 0 10px -6px;display:inline-flex}.scherm-sectie{margin-top:26px}.scherm-sectie>h2,.over h2{font-size:var(--t-2xl);margin:0 4px 6px}.scherm-sectie>.zacht{margin:0 4px 14px}.sectiekop{font-family:var(--font-ui);font-size:var(--t-m);margin:22px 2px 10px;font-weight:650}.klein{font-size:var(--t-s);line-height:1.45}.foutmelding{border-radius:var(--straal-klein);background:var(--meekrap-zacht);color:var(--meekrap);margin:12px 0;padding:12px 14px;font-weight:550}.rood{color:var(--meekrap)!important}.kopbalk{z-index:20;top:calc(var(--veilig-boven) + 10px);left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));gap:var(--ruimte-2);pointer-events:none;transition:transform .5s var(--veer), visibility 0s;align-items:stretch;display:flex;position:absolute}.kopbalk>*{pointer-events:auto}.kaal .kopbalk{transform:translateY(calc(-100% - var(--veilig-boven) - 24px));visibility:hidden;transition:transform .32s var(--ease-vertrek), visibility 0s linear .32s}.kopbalk-route{border-radius:var(--straal);text-align:left;min-width:0;transition:transform .32s var(--ease-vloeibaar);animation:van-boven .6s var(--veer) both;flex:1;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:relative}.kopbalk-route:active{transition-duration:.1s;transform:scale(.97)}.kopbalk-tegel{border-radius:var(--straal-mini);width:40px;height:40px;box-shadow:var(--schaduw-klein);flex-shrink:0;overflow:hidden}.kopbalk-tegel .tegel{width:100%;height:100%}.kopbalk-tekst{min-width:0;line-height:1.2;display:grid}.kopbalk-tekst strong{font-size:var(--t-base);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.kopbalk-tekst span{font-size:var(--t-s);color:var(--inkt-2)}.kopbalk-snoer{flex-wrap:wrap;flex:1 1 0;justify-content:flex-end;gap:3px;min-width:56px;max-width:76px;margin-left:auto;display:flex}.kopbalk-snoer i{width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--inkt-3);transition:background .4s, transform .5s var(--ease-vloeibaar);border-radius:50%}.kopbalk-snoer i.vol{background:var(--hoofdkleur);box-shadow:none;transform:scale(1.12)}.kopbalk-punten{border-radius:var(--straal);font-weight:700;font-size:var(--t-base);color:var(--geel-diep);animation:van-boven .6s var(--veer) 60ms both;align-items:center;gap:5px;padding:0 14px;display:flex;position:relative}.kopbalk-punten .onderweg{font-size:var(--t-xs);color:var(--inkt-3);margin-left:2px;font-weight:650}@keyframes van-boven{0%{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes van-onder{0%{opacity:0;transform:translateY(24px)scale(.97)}}.kaartknoppen{z-index:20;right:max(12px, env(safe-area-inset-right,0px));top:calc(var(--veilig-boven) + 76px);max-height:calc(100dvh - var(--veilig-boven) - 76px - var(--tabbalk-ruimte) - 120px);animation:van-boven .6s var(--veer) .12s backwards;transition:transform .5s var(--veer), visibility 0s;direction:rtl;grid-template-rows:repeat(auto-fill,46px);grid-auto-flow:column;gap:10px;display:grid;position:absolute}.kaal .kaartknoppen{transform:translateX(calc(100% + max(12px, env(safe-area-inset-right,0px)) + 24px));visibility:hidden;transition:transform .32s var(--ease-vertrek), visibility 0s linear .32s}.kaartknoppen>*{direction:ltr}.kaartknoppen>.rondknop-groep{grid-row:span 2;align-self:start}.rondknop.klein{width:var(--raak);height:var(--raak)}.lagen{display:grid;position:relative}.lagenkeuze{z-index:1;min-width:150px;max-height:calc(100dvh - var(--veilig-boven) - 76px - 56px - 12px);overscroll-behavior:contain;border-radius:var(--straal-mid);transform-origin:100% 0;animation:lagen-in .32s var(--veer-vlot) backwards;gap:2px;padding:5px;display:grid;position:absolute;top:0;right:calc(100% + 10px);overflow-y:auto}.lagenkeuze button{min-height:var(--raak);border-radius:calc(var(--straal-mid) - 5px);text-align:left;white-space:nowrap;color:var(--inkt);padding:0 14px;font-weight:600}.lagenkeuze button.gekozen{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.lagen-ondergrond,.lagen-extra{gap:2px;display:grid}.lagen-extra{border-top:1px solid color-mix(in srgb, var(--inkt) 14%, transparent);margin-top:4px;padding-top:5px}.lagen-extra button{justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.lagen-vink{border:1.5px solid color-mix(in srgb, var(--inkt) 35%, transparent);color:#0000;border-radius:50%;place-items:center;width:22px;height:22px;transition:background .18s,border-color .18s,color .18s;display:grid}.lagen-extra button.aan .lagen-vink{background:var(--hoofdkleur);border-color:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.lagen-extra button[aria-disabled=true]{opacity:.45}@keyframes lagen-in{0%{opacity:0;transform:scale(.85)}}.demo-hint{z-index:20;left:50%;top:calc(var(--veilig-boven) + 76px);align-items:center;gap:var(--ruimte-2);font-size:var(--t-s);white-space:nowrap;border-radius:999px;padding:8px 14px;font-weight:550;display:flex;position:absolute;transform:translate(-50%)}.banners{z-index:21;top:calc(var(--veilig-boven) + 76px);left:max(12px, env(safe-area-inset-left,0px));right:calc(max(12px, env(safe-area-inset-right,0px)) + var(--knoppen-breed,46px) + 12px);gap:var(--ruimte-2);transition:top .5s var(--veer), right .5s var(--veer);display:grid;position:absolute}.kaal .banners{top:calc(var(--veilig-boven) + 10px);right:max(12px, env(safe-area-inset-right,0px))}.banner{padding:var(--ruimte-2) var(--ruimte-3) var(--ruimte-2) var(--ruimte-2);border-radius:var(--straal-mid);animation:van-boven .5s var(--veer-vlot) both;align-items:center;gap:10px;display:flex;position:relative}.banner-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:36px;height:36px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.banner-rood .banner-teken{background:var(--meekrap);color:var(--tekst-op-meekrap)}.banner-tekst{min-width:0;line-height:1.25;display:grid}.banner-tekst strong{font-size:var(--t-m)}.banner-tekst span{font-size:var(--t-s);color:var(--inkt-2)}.banner-tekst{flex:1}.banner-knop{min-height:var(--raak);background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur);font-weight:650;font-size:var(--t-m);border-radius:999px;flex-shrink:0;padding:0 14px}.banner-knop:disabled{opacity:.5}.banner-klaar{font-size:var(--t-s);color:var(--kopergroen);flex-shrink:0;font-weight:650}.kopbalk .glas{background:var(--glas-glans-zacht), color-mix(in srgb, var(--kaart) 45%, transparent);-webkit-backdrop-filter:blur(6px)saturate(160%);backdrop-filter:blur(6px)saturate(160%)}.luchtfoto-aan .kopbalk-punten{color:color-mix(in srgb, var(--geel-diep) 80%, var(--inkt))}.luchtfoto-aan .blad-paneel .kapitaal,.luchtfoto-aan .blad-paneel .bronnen{color:var(--inkt-2)}.luchtfoto-aan .rondknop.aan{color:var(--tekst-op-hoofdkleur);background:var(--hoofdkleur)}@property --zicht{syntax:"<number>";inherits:true;initial-value:1}.radar-plek{--zicht:1;z-index:25;left:12px;right:12px;bottom:calc(var(--tabbalk-ruimte) + 12px);pointer-events:none;transform-origin:50% 100%;transition:--zicht .45s var(--ease-aankomst) .15s, transform .6s var(--veer) .15s, bottom .5s var(--veer);justify-content:center;display:flex;position:fixed}.zonder-tabbalk .radar-plek{bottom:var(--tabbalk-onder)}.radar-plek.onder-lade{--zicht:0;visibility:hidden;transition:--zicht .28s var(--ease-aankomst), transform .32s var(--ease-aankomst), visibility 0s linear .32s, bottom .5s var(--veer);transform:translateY(18px)scale(.97)}.radar-plek .radar,.radar-plek .kompasbord-bord,.radar-plek .kompasbord-label,.radar-plek .kompasbord-kijk,.radar-plek .kompasbord-sluit{opacity:var(--zicht)}.radar-plek>*{pointer-events:auto}.radar{--warm:color-mix(in srgb, var(--geel-diep) calc(var(--warmte,0) * 100%), var(--hoofdkleur));align-items:center;gap:var(--ruimte-1);width:100%;max-width:560px;padding:var(--ruimte-2) var(--ruimte-2) var(--ruimte-2) var(--ruimte-2);background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);box-shadow:var(--glas-schaduw), var(--glas-rand), 0 0 0 calc(var(--warmte,0) * 3px) color-mix(in srgb, var(--geel) 70%, transparent);animation:van-onder .6s var(--veer) .1s backwards;border-radius:28px;transition:box-shadow .6s;display:flex;position:relative}.radar-hoofd{align-items:center;gap:var(--ruimte-3);text-align:left;border-radius:var(--straal);flex:1;min-width:0;padding:2px 2px 2px 12px;display:flex}.radar-wijzer{background:var(--kaart);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--rand), var(--schaduw-klein);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}button.radar-wijzer{transition:transform .2s var(--ease-aankomst)}button.radar-wijzer:active{transform:scale(.92)}.radar-tegel{border-radius:var(--straal-klein);width:50px;height:50px;overflow:hidden}.radar-tegel .tegel{width:100%;height:100%}.radar-naald{transition:transform .6s var(--ease-aankomst);place-items:center;display:grid}.naald-noord{fill:var(--warm)}.naald-zuid{fill:var(--rand-sterk)}.radar-ring{border:2px solid var(--warm);opacity:0;animation:radar-ring calc(2.6s - var(--warmte,0) * 1.8s) ease-out infinite;border-radius:50%;position:absolute;inset:-3px}@keyframes radar-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.radar-tekst{min-width:0;line-height:1.25;display:grid}.radar-tekst strong{font-size:var(--t-base);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.radar-tekst .kapitaal{color:var(--hoofdkleur);font-size:var(--t-2xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.radar-teaser{font-size:var(--t-s)}.radar-afstand{text-align:right;align-content:center;justify-items:end;min-width:78px;padding:0 10px 0 6px;line-height:1.15;display:grid}.radar-afstand strong{font-size:var(--t-xl);color:var(--inkt);letter-spacing:-.01em;font-weight:700}.radar-afstand span{font-size:var(--t-s);color:var(--inkt-2)}.radar-gps{min-height:var(--raak);background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur);font-weight:650;font-size:var(--t-m);border-radius:999px;align-items:center;gap:5px;padding:8px 14px;display:inline-flex}.radar-gps-uit{font-size:var(--t-s);color:var(--meekrap);font-weight:600}.radar-thermo{background:var(--pil-sterk);border-radius:5px;width:70px;height:10px;display:block;overflow:hidden}.radar-thermo span{background:linear-gradient(90deg, var(--hoofdkleur), var(--geel-diep));height:100%;transition:width .8s var(--ease-aankomst);border-radius:5px;display:block}.radar-klaar{text-align:left;gap:var(--ruimte-3);padding:10px 12px}.radar-klaar-knoppen{gap:var(--ruimte-2);margin-top:var(--ruimte-2);flex-wrap:wrap;display:flex}.kompasbord{--koper:color-mix(in srgb, #dd9a1e calc(var(--warmte,0) * 100%), #8a5d00);--bord:min(62vw, 260px, 30dvh);justify-items:center;gap:var(--ruimte-2);pointer-events:none;width:100%;max-width:560px;display:grid}.radar-plek>.kompasbord{pointer-events:none}.kompasbord button{pointer-events:auto}.kompasbord-midden{transform-origin:calc(100% - 40px) 100%;width:100%;animation:kompas-open .55s var(--veer) backwards;justify-content:center;display:flex}.kompasbord-onder{justify-content:center;align-items:center;gap:var(--ruimte-2);width:100%;min-width:0;animation:kompas-label .45s var(--ease-aankomst) 60ms backwards;display:flex}@keyframes kompas-open{0%{transform:scale(.26)}}@keyframes kompas-label{0%{transform:translateY(12px)}}.kompasbord-bord,.kompasbord-sluit{animation:zicht-in .3s var(--ease-aankomst) backwards}.kompasbord-label,.kompasbord-kijk{animation:zicht-in .3s var(--ease-aankomst) 60ms backwards}@keyframes zicht-in{0%{opacity:0}}.kompasbord.dicht{--zicht:0;transition:--zicht .22s var(--ease-vertrek)}.kompasbord.dicht .kompasbord-midden{animation:kompas-dicht .26s var(--ease-vertrek) forwards}.kompasbord.dicht .kompasbord-onder{animation:kompas-label-dicht .22s var(--ease-vertrek) forwards}.kompasbord.dicht button{pointer-events:none}@keyframes kompas-dicht{to{transform:scale(.26)}}@keyframes kompas-label-dicht{to{transform:translateY(12px)}}.kompasbord-sluit{flex-shrink:0}.kompasbord-label{min-width:0;height:var(--raak);text-align:left;border-radius:999px;flex:0 auto;align-content:center;justify-items:start;padding:0 18px;line-height:1.15;display:grid}.kompasbord-label strong,.kompasbord-label span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:var(--t-s);overflow:hidden}.kompasbord-label strong{font-weight:650}.kompasbord-label span{color:var(--inkt-2)}.kompasbord-label b{color:var(--inkt);font-weight:700}.kompasbord-kijk{color:var(--hoofdkleur);font-size:var(--t-s);white-space:nowrap;box-shadow:var(--glas-schaduw), var(--glas-rand);padding:0 14px}.kompasbord.recht .kompasbord-label span{color:var(--geel-diep)}.kompasbord-bord{width:var(--bord);height:var(--bord);box-shadow:0 0 0 calc(var(--warmte,0) * 4px) color-mix(in srgb, var(--geel) 70%, transparent);filter:drop-shadow(0 10px 20px #0e1a4259)drop-shadow(0 2px 4px #0e1a4233);border-radius:50%;transition:box-shadow .6s}.kompasbord-bord svg{width:100%;height:100%;display:block;overflow:visible}.kb-grond{fill:var(--tegel-bg);stroke:var(--tegel-rand);stroke-width:1px}.kb-lijn{fill:none;stroke:var(--tegel-inkt);stroke-linecap:round;stroke-linejoin:round}.kb-was{fill:var(--tegel-was)}.kb-vlak{fill:var(--tegel-inkt)}.kb-wind{fill:var(--tegel-inkt);font-family:var(--font-titel);text-anchor:middle;dominant-baseline:central;font-size:19px}.kb-wind.noord{font-size:24px}.kb-draai,.kb-naald{transform-origin:100px 100px;transform-box:view-box;transition:transform .25s linear}.kb-glansvlak{pointer-events:none}.kb-parel{stroke:var(--tegel-inkt);stroke-width:1.2px}.kb-naald-punt{fill:var(--koper);stroke:var(--tegel-bg);stroke-width:1.4px;stroke-linejoin:round}.kb-naald-staart{fill:var(--tegel-was);stroke:var(--tegel-bg);stroke-width:1.4px;stroke-linejoin:round}.kb-as{fill:var(--koper);stroke:var(--tegel-bg);stroke-width:2px}.kb-kijk{fill:#172240;stroke:#fbf8f0;stroke-width:1.5px;stroke-linejoin:round;transition:fill .3s}.kompasbord.recht .kb-kijk{fill:#dd9a1e}.kompasbord.recht .kb-parel{animation:1.6s ease-in-out infinite kb-gloei}@keyframes kb-gloei{50%{stroke:#dd9a1e;stroke-width:3px}}@media (prefers-reduced-motion:reduce){.kb-draai,.kb-naald{transition:none}.kompasbord-midden,.kompasbord-onder{animation:none}.kompasbord.recht .kb-parel{stroke:#dd9a1e;stroke-width:3px;animation:none}}.blad-uitleg{color:var(--inkt-2);margin:0 2px 14px}.routes{gap:10px;display:grid}.routekaart{padding:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);text-align:left;transition:transform .32s var(--ease-vloeibaar), box-shadow .25s;animation:van-onder .5s var(--ease-aankomst) both;align-items:center;gap:14px;display:flex}.routekaart:active{transition-duration:.1s;transform:scale(.98)}.routekaart.gekozen{box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur)}.routekaart:disabled{opacity:.6}.routekaart-nieuw{box-shadow:inset 0 0 0 1.5px var(--rand-sterk);background:0 0}.routekaart-tegel{border-radius:var(--straal-klein);width:64px;height:64px;box-shadow:var(--schaduw-klein);flex-shrink:0;overflow:hidden}.routekaart-tegel .tegel{width:100%;height:100%}.routekaart-tekst{flex:1;gap:1px;min-width:0;display:grid}.routekaart-tekst strong{font-family:var(--font-titel);font-weight:400;font-size:var(--t-xl);line-height:1.1}.routekaart-tekst>span{font-size:var(--t-m);color:var(--inkt-2)}.routekaart-tekst>.routekaart-feiten{font-size:var(--t-s);color:var(--inkt-3)}.routekaart-voortgang{background:var(--pil-sterk);border-radius:3px;height:5px;margin-top:6px;display:block;overflow:hidden}.routekaart-voortgang span{background:var(--kopergroen);border-radius:3px;height:100%;display:block}.kerncijfers{gap:var(--ruimte-2);margin-top:var(--ruimte-4);grid-template-columns:repeat(3,1fr);display:grid}.kerncijfers>div{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);padding:12px 14px;display:grid}.kerncijfers strong{font-size:var(--t-2xl);color:var(--hoofdkleur);font-weight:700;line-height:1.1}.kerncijfers small{font-size:var(--t-m);color:var(--inkt-3);font-weight:600}.kerncijfers span{font-size:var(--t-s);color:var(--inkt-2)}.tableau{border-radius:var(--straal-klein);background:var(--glazuur-2);box-shadow:inset 0 1px 3px var(--rand-sterk);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.tableau.klein{grid-template-columns:repeat(4,1fr)}.tableau-tegel{aspect-ratio:1;animation:tegel-val .55s var(--veer-vlot) both;animation-delay:calc(var(--i) * 30ms);transition:transform .3s var(--ease-vloeibaar);border-radius:6px;position:relative;overflow:hidden}.tableau-tegel:active{transition-duration:.1s;transform:scale(.95)}.tableau-tegel .tegel{width:100%;height:100%}.tableau-tegel .tegel .t-rand{stroke:#0000}.tableau-naam{background:color-mix(in srgb, var(--tegel-bg) 88%, transparent);color:var(--tegel-inkt);font-size:var(--t-2xs);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity .25s, transform .3s var(--ease-aankomst);border-radius:6px;padding:2px 5px;font-weight:650;line-height:1.2;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden;transform:translateY(4px)}.tableau-tegel.af .tableau-naam,.tableau-tegel:hover .tableau-naam,.tableau-tegel:focus-visible .tableau-naam{opacity:1;transform:none}@keyframes tegel-val{0%{opacity:0;transform:translateY(-10px)rotate(-3deg)scale(.9)}}.penningen{gap:var(--ruimte-2);padding:0;list-style:none;display:grid}.penning{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);animation:van-onder .5s var(--ease-aankomst) both;animation-delay:calc(var(--i) * var(--stapel));align-items:center;gap:14px;padding:12px 14px;display:flex}.penning-tekst{gap:2px;min-width:0;line-height:1.35;display:grid}.penning-tekst strong{font-size:var(--t-base)}.penning-tekst>span{font-size:var(--t-s);color:var(--inkt-2)}.penning-tekst>.penning-status{font-size:var(--t-s);color:var(--inkt-3);font-weight:650}.penning.verdiend .penning-tekst>.penning-status{color:var(--geel-diep)}.penning-munt{width:52px;height:52px;box-shadow:0 0 0 3px var(--rand-sterk), var(--schaduw-speld);filter:grayscale()opacity(.45);border-radius:50%;flex-shrink:0;display:block;position:relative;overflow:hidden}.penning-munt .tegel{width:116%;height:116%;margin:-8%}.penning.verdiend .penning-munt{filter:none;box-shadow:0 0 0 3px var(--geel), 0 0 0 5px color-mix(in srgb, var(--geel) 30%, transparent), var(--schaduw-speld)}.tocht-kop{gap:var(--ruimte-4);align-items:center;display:flex}.tocht-kop h1{font-size:var(--t-3xl);margin:2px 0}.team-groot{width:76px;height:76px;box-shadow:0 0 0 4px var(--teamkleur), var(--schaduw);border-radius:50%;flex-shrink:0;display:block;overflow:hidden}.team-groot .tegel{width:112%;height:112%;margin:-6%}.stand{gap:var(--ruimte-2);padding:0;list-style:none;display:grid}.stand-rij{align-items:center;gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);animation:van-onder .5s var(--ease-aankomst) both;animation-delay:calc(var(--i) * 40ms);padding:10px 14px 10px 10px;display:flex}.stand-rij.eigen{background:color-mix(in srgb, var(--teamkleur) 12%, var(--kaart));box-shadow:var(--schaduw), inset 0 0 0 2px var(--teamkleur)}.stand-plek{text-align:center;width:24px;color:var(--inkt-3);font-weight:700}.stand-avatar{width:40px;height:40px;box-shadow:0 0 0 2.5px var(--teamkleur);border-radius:50%;flex-shrink:0;overflow:hidden}.stand-avatar .tegel{width:116%;height:116%;margin:-8%}.stand-naam{flex:1;min-width:0;line-height:1.25;display:grid}.stand-naam-regel{align-items:center;gap:6px;min-width:0;display:flex}.stand-naam-tekst{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.stand-naam .jullie{font-size:var(--t-2xs);color:var(--tekst-op-geel-zacht);flex-shrink:0;margin-left:0}.stand-naam span{font-size:var(--t-s);color:var(--inkt-2)}.stand-punten{font-size:var(--t-l);color:var(--hoofdkleur)}.berichten{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);gap:2px;padding:0;list-style:none;display:grid;overflow:hidden}.bericht{border-bottom:1px solid var(--rand);font-size:var(--t-m);animation:van-onder .4s var(--ease-aankomst) both;line-height:1.4;position:relative}.bericht-rij{width:100%;color:inherit;font:inherit;text-align:left;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}button.bericht-rij{cursor:pointer}button.bericht-rij:active{background:var(--pil)}.bericht-verder{color:var(--inkt-3);flex-shrink:0;align-self:center;margin-right:-4px}.bericht.nieuw:before{content:"";background:var(--hoofdkleur);border-radius:0 3px 3px 0;width:3px;position:absolute;inset:8px auto 8px 0}.bericht-rood.nieuw:before{background:var(--meekrap)}.bericht.nieuw .bericht-tekst{font-weight:560}.berichten-kop{align-items:baseline;gap:var(--ruimte-2);display:flex}.berichten-nieuw{background:var(--meekrap);color:var(--tekst-op-meekrap);font-family:var(--font-ui);font-size:var(--t-xs);letter-spacing:0;animation:teller-in .45s var(--veer-vlot) both;border-radius:999px;padding:2px 9px;font-weight:700}.bericht:last-child{border-bottom:0}.bericht-teken{border-radius:var(--straal-mini);background:var(--hoofdkleur-zacht);width:28px;height:28px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.bericht-leider .bericht-teken{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.bericht-rood .bericht-teken{background:var(--meekrap);color:var(--tekst-op-meekrap)}.bericht-jullie{background:var(--geel-zacht)}.bericht-jullie .bericht-teken{background:var(--geel);color:var(--tekst-op-geel)}.bericht-neutraal .bericht-teken{background:var(--pil);color:var(--inkt-2)}.bericht-tekst{flex:1;padding-top:3px}.bericht-afzender{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--hoofdkleur);font-weight:650;display:block}.bericht-rood .bericht-afzender{color:var(--meekrap)}.bericht-jullie .bericht-afzender{color:var(--tekst-op-geel-zacht)}.bericht time{font-size:var(--t-s);color:var(--inkt-3);padding-top:5px}.pushkaart,.installeer{padding:var(--ruimte-4);border-radius:var(--straal-mid);background:var(--hoofdkleur-zacht);color:var(--hoofdkleur);align-items:flex-start;gap:14px;margin-top:18px;display:flex}.beginscherm-stappen{gap:12px;margin:0 0 20px;padding:0;list-style:none;display:grid}.beginscherm-stappen li{font-size:var(--t-base);align-items:center;gap:14px;line-height:1.4;display:flex}.beginscherm-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:42px;height:42px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.installeer .knop{justify-self:start;margin-top:6px}.pushkaart>div,.installeer>div{gap:var(--ruimte-1);color:var(--inkt);display:grid}.pushkaart .knop{justify-self:start;margin-top:6px}.pushkaart-knoppen{align-items:center;gap:var(--ruimte-2) var(--ruimte-3);flex-wrap:wrap;display:flex}.pushkaart-knoppen .knop{margin-top:0}.pushkaart-aan{background:var(--kaart);box-shadow:var(--schaduw-klein), inset 0 0 0 1px var(--rand)}.flits{padding:var(--ruimte-4);border-radius:var(--straal);border:2px solid var(--hoofdkleur);animation:van-onder .5s var(--veer-vlot) both;margin-top:6px;position:relative}.flits-kop{align-items:center;gap:10px;display:flex}.flits-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur);width:36px;height:36px;color:var(--tekst-op-hoofdkleur);place-items:center;display:grid}.flits-klok{font-size:var(--t-xl);color:var(--hoofdkleur);margin-left:auto;font-weight:700}.flits-tekst{font-family:var(--font-titel);font-size:var(--t-2xl);margin:12px 2px 14px;line-height:1.2}.aanmelden{gap:var(--ruimte-3);display:grid}.code-veld{border-radius:var(--straal);border:1.5px solid var(--rand-sterk);background:var(--kaart);width:100%;height:84px;color:var(--hoofdkleur);font-size:var(--t-4xl);letter-spacing:.42em;text-align:center;text-indent:.42em;text-transform:uppercase;outline:none;font-weight:700;transition:border-color .2s,box-shadow .2s}.code-veld:focus{border-color:var(--hoofdkleur);box-shadow:0 0 0 5px var(--hoofdkleur-zacht)}.code-veld::placeholder{color:var(--rand-sterk)}.tocht-kaartje{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);align-items:center;gap:14px;padding:14px;display:flex}.tocht-kaartje>div{gap:1px;display:grid}.tocht-kaartje strong{font-family:var(--font-titel);font-weight:400;font-size:var(--t-2xl);line-height:1.1}.tocht-kaartje .zacht{font-size:var(--t-s);line-height:1.35}.teamlijst{gap:var(--ruimte-2);display:grid}.teamkeuze{align-items:center;gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);text-align:left;padding:10px 14px 10px 10px;display:flex}.teamkeuze strong{flex:1}.teamkeuze-avatar{border-radius:50%;width:40px;height:40px;overflow:hidden}.teamkeuze-avatar .tegel{width:116%;height:116%;margin:-8%}.kleurkeuze{flex-wrap:wrap;gap:10px;margin:14px 0 4px;display:flex}.kleur{width:var(--raak);height:var(--raak);transition:transform .3s var(--ease-vloeibaar), box-shadow .2s;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff59}.kleur.gekozen{box-shadow:0 0 0 3px var(--kaart), 0 0 0 5.5px currentColor, inset 0 0 0 2px #ffffff59;color:var(--inkt);transform:scale(1.12)}.kleur.bezet{opacity:.35;cursor:not-allowed;background-image:linear-gradient(135deg,#0000 46%,#ffffffe6 46% 54%,#0000 54%)!important}.avatarkeuze{gap:var(--ruimte-2);grid-template-columns:repeat(5,1fr);margin:10px 0 8px;display:grid}.avatar{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--rand);transition:transform .3s var(--ease-vloeibaar), box-shadow .2s;border-radius:50%;overflow:hidden}.avatar .tegel{width:116%;height:116%;margin:-8%}.avatar.gekozen{transform:scale(1.06)}.groep{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);margin-top:18px;overflow:hidden}.rij{align-items:center;gap:var(--ruimte-3);border-bottom:1px solid var(--rand);text-align:left;width:100%;min-height:58px;padding:12px 14px;display:flex}.rij:last-child{border-bottom:0}.rij-knop:active{background:var(--pil)}.rij-icoon{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:36px;height:36px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.rij-icoon.rood{background:var(--meekrap-zacht)}.rij-tekst{flex:1;min-width:0;line-height:1.3;display:grid}.rij-tekst strong{font-weight:600}.rij-tekst span{font-size:var(--t-s);color:var(--inkt-2)}.schakelaar{background:var(--pil-sterk);width:51px;height:31px;box-shadow:inset 0 0 0 1.5px var(--inkt-3);border-radius:16px;flex-shrink:0;transition:background .25s,box-shadow .25s;position:relative}.schakelaar:after{content:"";position:absolute;inset:-7px -4px}.schakelaar[aria-disabled=true]{opacity:.45;cursor:default}.schakelaar span{width:27px;height:27px;transition:transform .35s var(--ease-pil);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003,0 0 0 .5px #0000000a}.schakelaar.aan{background:var(--kopergroen);box-shadow:none}.schakelaar.aan span{transform:translate(20px)}.segment{background:var(--pil);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:999px;flex-shrink:0;height:44px;padding:4px;display:inline-flex;position:relative}.segment button{z-index:1;min-width:var(--raak);padding:0 var(--ruimte-3);font-size:var(--t-s);white-space:nowrap;color:var(--inkt-2);-webkit-tap-highlight-color:transparent;border-radius:999px;font-weight:600;transition:color .2s;position:relative}.segment button:before{content:"";position:absolute;inset:-4px 0}.segment button.gekozen{color:var(--tekst-op-hoofdkleur)}.segment-pil{background:var(--hoofdkleur);box-shadow:var(--schaduw-klein);pointer-events:none;will-change:transform;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.segment-breed{width:100%;margin:10px 0;display:flex}.segment-breed button{flex:1}.over{gap:10px;margin-top:30px;display:grid}.over>p{padding:0 4px}.welkom{background:var(--glazuur);position:absolute;inset:0;overflow:hidden auto}.welkom-wand-houder{pointer-events:none;position:absolute;inset:0;overflow:hidden}.welkom-wand{transform-origin:50% 0;opacity:.95;pointer-events:none;grid-template-columns:repeat(6,1fr);gap:3px;width:640px;margin-left:-320px;padding:3px;display:grid;position:absolute;top:-20px;left:50%;transform:perspective(900px)rotateX(28deg)rotate(-8deg)scale(1.08);-webkit-mask:linear-gradient(#000 0% 30%,#0000 62%);mask:linear-gradient(#000 0% 30%,#0000 62%)}.welkom-tegel{aspect-ratio:1;animation:tegel-val .7s var(--veer-vlot) both;animation-delay:calc(var(--i) * 70ms);border-radius:6px;overflow:hidden}.welkom-tegel .tegel{width:100%;height:100%}.welkom-tegel .tegel-schilderen .t-lijn{animation-delay:calc(var(--i) * 70ms + .3s)}.welkom-taal{top:calc(var(--veilig-boven) + 12px);z-index:2;min-height:var(--raak);color:var(--hoofdkleur-diep);background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur);box-shadow:var(--glas-schaduw-klein), var(--glas-rand);animation:van-onder .8s var(--veer) .5s backwards;transition:transform .32s var(--ease-vloeibaar);border-radius:999px;align-items:center;gap:7px;padding:0 16px 0 13px;font-weight:600;display:inline-flex;position:absolute;right:14px}.welkom-taal:active{transition-duration:.1s;transform:scale(.94)}.taal-keuzelijst{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.welkom-taal:focus-within,.taal-gekozen:focus-within{outline:2px solid var(--hoofdkleur);outline-offset:2px}.taal-gekozen{border:1px solid var(--rand-sterk);border-radius:var(--straal-mid);background:var(--kaart);min-height:44px;color:var(--inkt);white-space:nowrap;align-items:center;gap:8px;padding:0 10px 0 12px;font-weight:600;display:inline-flex;position:relative}.welkom-taal .icoon,.taal-gekozen .icoon{opacity:.6}.vlag{border-radius:3px;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.vlag svg{width:100%;height:100%;display:block}.vlag:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000029}.welkom-inhoud{max-width:520px;padding:calc(var(--veilig-boven) + 24vh) 22px calc(var(--veilig-onder) + 16px);margin:0 auto;position:relative}.welkom-titel{letter-spacing:-.02em;color:var(--hoofdkleur-diep);animation:van-onder .8s var(--veer) .5s both;font-size:clamp(58px,17vw,84px);line-height:.88}.welkom-titel em{color:var(--hoofdkleur);padding-left:.5em;font-style:italic;display:block}.welkom-intro{font-size:var(--t-l);color:var(--inkt-2);animation:van-onder .8s var(--veer) .65s both;margin:18px 0 22px;line-height:1.5}.welkom-stappen{gap:10px;padding:0;list-style:none;display:grid}.welkom-stappen li{gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);font-size:var(--t-m);color:var(--inkt-2);animation:van-onder .7s var(--veer) both;animation-delay:calc(.8s + var(--i) * 90ms);align-items:flex-start;padding:14px;line-height:1.45;display:flex}.welkom-stappen strong{color:var(--inkt);font-size:var(--t-base);display:block}.welkom-stap-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:36px;height:36px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.welkom-knoppen{bottom:calc(var(--veilig-onder) + 10px);z-index:2;gap:var(--ruimte-2);border-radius:var(--straal);background:var(--glas-glans-zacht), var(--glas-tint-dik);-webkit-backdrop-filter:var(--glas-blur-dik);backdrop-filter:var(--glas-blur-dik);box-shadow:var(--glas-schaduw-klein), var(--glas-rand);animation:van-onder .7s var(--veer) 1.15s both;justify-items:center;margin:22px -10px 0;padding:10px;display:grid;position:sticky}.welkom-privacy{margin-top:var(--ruimte-4);text-align:center;font-size:var(--t-s)}.welkom-tocht{margin-top:18px}.welkom-terug{align-items:center;gap:2px;margin:0 0 8px -6px;display:inline-flex}.welkom-kop{font-family:var(--font-titel);color:var(--hoofdkleur-diep);margin:4px 0 8px;font-size:clamp(28px,8vw,34px);font-weight:400;line-height:1.08}.welkom-uitleg{color:var(--inkt-2);margin:0 0 18px;line-height:1.5}.aankomst{display:grid}.aankomst>.segment{width:100%}.aankomst-uitleg,.aankomst-melding{font-size:var(--t-s);margin:8px 2px 0;line-height:1.45}.aankomst-lijst{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);margin:8px 0 0;padding:4px;list-style:none}.aankomst-optie{border-radius:var(--straal-klein);text-align:left;width:100%;min-height:52px;color:var(--hoofdkleur);align-items:center;gap:12px;padding:8px 12px;display:flex}.aankomst-optie:active{background:var(--hoofdkleur-zacht)}.aankomst-optie>span,.aankomst-naam{flex:1;gap:1px;min-width:0;display:grid}.aankomst-optie strong,.aankomst-naam strong{color:var(--inkt);font-weight:650}.aankomst-optie span span,.aankomst-naam span{color:var(--inkt-2);font-size:var(--t-s)}.aankomst-gekozen{border-radius:var(--straal-mid);background:var(--kaart);min-height:60px;box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur);align-items:center;gap:12px;padding:8px 8px 8px 12px;display:flex}.aankomst-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur);width:36px;height:36px;color:var(--tekst-op-hoofdkleur);flex-shrink:0;place-items:center;display:grid}.aankomst-voorbeeld{margin-top:var(--ruimte-4)}.aankomst-voorbeeld>p{color:var(--inkt-2);margin:0 2px 10px;line-height:1.45}.aankomst-stops{counter-reset:halte;gap:6px;margin:0;padding:0;list-style:none;display:grid}.aankomst-stops li{counter-increment:halte;align-items:center;gap:10px;font-weight:550;display:flex}.aankomst-stops li:before{content:counter(halte);text-align:right;width:1.4em;color:var(--inkt-3);font-variant-numeric:tabular-nums;font-size:var(--t-s)}.aankomst-tegel{width:30px;height:30px;box-shadow:var(--schaduw-klein);border-radius:7px;flex-shrink:0;overflow:hidden}.aankomst-tegel .tegel{width:100%;height:100%}.aankomst-start{margin-top:var(--ruimte-4)}.aankomst-nietnu{margin:12px auto 0;display:block}.bijwerken{z-index:90;left:50%;bottom:calc(var(--tabbalk-ruimte) + 96px);font-size:var(--t-m);white-space:nowrap;animation:van-onder .5s var(--veer-vlot) both;border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-weight:550;display:flex;position:fixed;transform:translate(-50%)}.proefvel{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;display:grid}.proefvel figure{text-align:center;font-size:var(--t-s);color:var(--inkt-2);gap:6px;display:grid}.proefvel .tegel,.proefvel .stempel{width:100%;height:auto;box-shadow:var(--schaduw);border-radius:8px}.tegelproef .scherm-kop{justify-content:space-between;align-items:center;display:flex}.routebalk{padding-top:var(--ruimte-3);padding-bottom:var(--ruimte-3);align-items:flex-start}.routebalk.glas-dik{background:var(--glas-glans), var(--glas-tint);-webkit-backdrop-filter:var(--glas-blur);backdrop-filter:var(--glas-blur)}.routebalk-pijl{background:var(--hoofdkleur);width:44px;height:44px;color:var(--tekst-op-hoofdkleur)}.routebalk-pijl svg{transition:transform .4s var(--ease-vloeibaar)}.banner-tekst .routebalk-over{font-size:var(--t-s);color:var(--hoofdkleur);font-weight:650}.routebalk .banner-tekst strong{font-size:var(--t-l);line-height:1.2}.routebalk .banner-tekst>span:last-child{margin-top:var(--ruimte-1)}.routebalk-link{font:inherit;color:var(--hoofdkleur);text-underline-offset:2px;padding:0;font-weight:650;text-decoration:underline;display:inline}.banner-sluit{width:32px;height:32px;color:var(--inkt-2);background:var(--pil);border-radius:50%;flex-shrink:0;place-items:center;margin:-4px -6px 0 0;display:grid;position:relative}.banner-sluit:after,.radar-stop:after{content:"";position:absolute;inset:-6px}.radar-stop{width:32px;height:32px;margin-right:var(--ruimte-1);color:var(--inkt-2);background:var(--pil);border-radius:50%;flex-shrink:0;align-self:center;place-items:center;display:grid;position:relative}.routebalk-knoppen{flex-shrink:0;gap:10px;margin:-4px -6px 0 0;display:grid}.routebalk-knoppen .banner-sluit{margin:0}.banner-sluit[aria-pressed=false]{color:var(--inkt-3)}.camerazicht{z-index:50;color:#fff;animation:camera-in .32s var(--ease-aankomst) backwards;background:radial-gradient(120% 80% at 50% 70%,#24346b,#0b1330);position:fixed;inset:0;overflow:hidden}.camerazicht.weg{animation:camera-uit .24s var(--ease-vertrek) forwards}@keyframes camera-in{0%{opacity:0;transform:scale(1.04)}}@keyframes camera-uit{to{opacity:0;transform:scale(1.03)}}.camerazicht.met-beeld{background:#000}.camerazicht-beeld{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.met-beeld .camerazicht-beeld{opacity:1}.camerazicht:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#00000059,#0000 26%),linear-gradient(#0000 58%,#0009);position:absolute;inset:0}.camerazicht>:not(video){z-index:2}.camerazicht-boven{top:calc(var(--veilig-boven) + 12px);left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));justify-items:center;gap:var(--ruimte-2);display:grid;position:absolute}.camerazicht-kop{width:100%;padding:var(--ruimte-3) var(--ruimte-3) var(--ruimte-3) var(--ruimte-2);border-radius:var(--straal-mid);color:var(--inkt);align-items:flex-start;gap:10px;display:flex;position:relative}.camerazicht-kop .banner-tekst strong{font-size:var(--t-l);line-height:1.2}.camerazicht-kop .banner-sluit{margin:-4px -6px 0 0}.camerazicht-parel{border-radius:var(--straal-klein);color:#172240;text-align:center;pointer-events:none;background:#fffdf8;justify-items:center;max-width:60vw;padding:6px 12px;line-height:1.2;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000059}.camerazicht-parel strong{font-size:var(--t-m)}.camerazicht-parel span{font-size:var(--t-s);color:#4b5676}.camerazicht-parel:after{content:"";border:7px solid #0000;border-top-color:#fffdf8;margin-left:-7px;position:absolute;top:100%;left:50%}.camerazicht-rand{max-width:42vw;font-size:var(--t-s);background:#0b1330b8;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-weight:650;display:flex;position:absolute;translate:0 -50%}.camerazicht-rand.links{left:12px}.camerazicht-rand.rechts{flex-direction:row-reverse;right:12px}.camerazicht-rand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.camerazicht-band{background:#fffdf8e6;border-radius:14px;display:block;box-shadow:0 4px 14px #0000004d}.camerazicht-band line{stroke:#1f3f99;stroke-linecap:round}.camerazicht-band text{fill:#1f3f99;font-family:var(--font-titel);text-anchor:middle;text-shadow:none;font-size:15px}.camerazicht-band text.noord{font-size:18px}.camerazicht-band .band-parel{stroke:#1f3f99;stroke-width:1.4px}.camerazicht-band .band-rand{fill:none;stroke:#1f3f99;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.camerazicht-band .band-kijk{fill:#172240}.camerazicht-grond{left:50%;bottom:calc(var(--veilig-onder) + 140px);pointer-events:none;width:190px;height:190px;margin-left:-95px;position:absolute}.camerazicht-pijl{filter:drop-shadow(0 10px 14px #00000073);width:100%;height:100%;overflow:visible}.camerazicht-pijl path{fill:#1f3f99;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.camerazicht-draai{left:0;right:0;bottom:calc(var(--veilig-onder) + 340px);text-align:center;font-size:var(--t-xl);text-shadow:0 1px 6px #0009;font-weight:700;position:absolute}.camerazicht-voet{left:16px;right:16px;bottom:calc(var(--veilig-onder) + 20px);gap:var(--ruimte-2);text-align:center;font-size:var(--t-m);text-shadow:0 1px 4px #000000b3;justify-items:center;line-height:1.35;display:grid;position:absolute}.camerazicht-voet p{max-width:34em;margin:0}.camerazicht-vraag{gap:var(--ruimte-3);padding:var(--ruimte-4);border-radius:var(--straal-mid);color:var(--inkt);text-shadow:none;justify-items:center;display:grid;position:relative}.rij-gestapeld{row-gap:var(--ruimte-2);flex-wrap:wrap}.rij-gestapeld>.rij-tekst{flex-basis:calc(100% - 44px - var(--ruimte-3))}.rij-gestapeld>.segment-breed{margin:0}.rij-gestapeld>.rij-knoppen{align-items:center;gap:var(--ruimte-3);margin-left:calc(36px + var(--ruimte-3));display:flex}.stemkeuze .veld{min-width:0;min-height:var(--raak);flex:1}.stemkeuze .knop{flex-shrink:0}.leider-push{margin:0 0 var(--ruimte-3)}.leider-push+.groep{margin-top:0}.toenzicht .toen-beeld{z-index:1;transform-origin:0 0;will-change:transform;pointer-events:none;-webkit-mask-composite:source-in;max-width:none;transition:opacity .15s linear;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.toenzicht{touch-action:none}.toenzicht .toen-vlak{touch-action:none;cursor:grab;position:absolute;inset:0}.toen-breng{justify-self:start}.toen-gevonden-regel{color:var(--kopergroen);align-items:center;gap:4px;font-weight:650;display:inline-flex}.toen-schuif{align-items:center;gap:var(--ruimte-3);width:min(100%,360px);padding:10px var(--ruimte-4);color:var(--inkt);font-size:var(--t-s);text-shadow:none;border-radius:999px;font-weight:650;display:flex;position:relative}.toen-schuif input{min-width:0;accent-color:var(--hoofdkleur);flex:1}.toen-herstel{color:#fff;text-decoration:underline}.toenzicht .toen-stroken{z-index:1;pointer-events:none;transition:opacity .15s linear;position:absolute;top:0;left:0}.toen-strook{transform-origin:0 0;will-change:transform;background-repeat:no-repeat;position:absolute;top:0;left:0;-webkit-mask:linear-gradient(#0000,#000 5% 95%,#0000);mask:linear-gradient(#0000,#000 5% 95%,#0000)}.toen-strook.eerste,.toen-strook.laatste{-webkit-mask:linear-gradient(var(--zijkant,to right), transparent, #000), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);-webkit-mask-composite:source-in;-webkit-mask:linear-gradient(var(--zijkant,to right), transparent, #000), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);mask:linear-gradient(var(--zijkant,to right), transparent, #000), linear-gradient(to bottom, transparent, #000 5%, #000 95%, transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.toen-strook.laatste{--zijkant:to left}.toen-buigen{width:min(100%,360px);padding:8px var(--ruimte-3) 10px;border-radius:var(--straal-mid);color:var(--inkt);text-shadow:none;justify-items:center;gap:6px;display:grid}.toen-buigen .segment-breed{margin:0}.toen-buigen p{font-size:var(--t-s);color:var(--inkt-2);margin:0}.toen-stempel{min-width:220px;padding:var(--ruimte-4) var(--ruimte-5);border-radius:var(--straal-mid);color:var(--inkt);text-align:center;animation:toen-stempel .5s var(--veer-vlot) backwards;background:#fffdf8f0;border:3px double #b8862f;justify-items:center;gap:2px;display:grid;position:absolute;top:42%;left:50%;translate:-50% -50%;box-shadow:0 12px 34px #0006}.toen-stempel strong{font-family:var(--font-titel);color:#8a5d00;font-size:30px;font-weight:400}@keyframes toen-stempel{0%{opacity:0;rotate:-8deg;scale:1.6}}@media (prefers-reduced-motion:reduce){.toen-stempel{animation:none}}.parelblad .blad-inhoud{padding-top:2px}.parel-kop,.verhaal-kop{gap:var(--ruimte-4);margin-bottom:var(--ritme);align-items:center;display:flex}.parel-kop-tegel,.verhaal-tegel{border-radius:var(--straal-klein);box-shadow:var(--schaduw);flex-shrink:0}.parel-kop h3,.verhaal-ondertitel{font-family:var(--font-ui);font-size:var(--t-m);color:var(--inkt-2);margin:2px 0 4px;font-weight:600;line-height:1.3}.parel-afstand{align-items:center;gap:var(--ruimte-1);font-size:var(--t-m);color:var(--hoofdkleur);font-weight:600;display:inline-flex}.parel-teaser{font-family:var(--font-titel);font-style:italic;font-size:var(--t-xl);color:var(--inkt);margin:6px 2px 16px;line-height:1.3}.parel-nog-niet{gap:var(--ruimte-2);border-radius:var(--straal-mid);background:var(--pil);color:var(--inkt-2);font-size:var(--t-m);align-items:flex-start;margin:4px 0 16px;padding:12px 14px;display:flex}.parel-nog-niet p+*{margin-top:10px}.parel-nog-niet .zacht{font-size:var(--t-s)}.parel-geopend{padding:var(--ruimte-3) var(--ruimte-4);border-radius:var(--straal-mid);background:var(--hoofdkleur-zacht);color:var(--inkt);font-size:var(--t-m);align-items:flex-start;gap:10px;margin:0 0 14px;line-height:1.45;display:flex}.parel-geopend .icoon{color:var(--hoofdkleur);margin-top:1px}.parel-let{gap:var(--ruimte-2);font-size:var(--t-m);color:var(--inkt-2);align-items:flex-start;margin:14px 0;display:flex}.parel-let .icoon{color:var(--kopergroen);margin-top:2px}.aangekomen{border-radius:var(--straal-mid);background:var(--geel-zacht);color:var(--tekst-op-geel-zacht);font-size:var(--t-base);animation:van-onder .5s var(--veer-vlot) both;align-items:center;gap:6px;margin:0 0 14px;padding:12px 16px 12px 44px;display:flex;position:relative}.aangekomen-puls{background:var(--geel);width:14px;height:14px;box-shadow:0 0 0 0 color-mix(in srgb, var(--geel) 70%, transparent);border-radius:50%;margin-top:-7px;animation:1.6s ease-out infinite aangekomen-puls;position:absolute;top:50%;left:16px}@keyframes aangekomen-puls{70%{box-shadow:0 0 0 12px color-mix(in srgb, var(--geel) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--geel) 0%, transparent)}}.zoek-dit{gap:var(--ruimte-3);margin-bottom:var(--ruimte-4);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw-klein), inset 0 0 0 1px var(--rand);align-items:flex-start;padding:14px;display:flex}.zoek-dit p{font-size:var(--t-base);margin-top:2px;line-height:1.45}.zoek-dit-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur);width:36px;height:36px;color:var(--tekst-op-hoofdkleur);flex-shrink:0;place-items:center;display:grid}.kijkvraag-vraag{font-family:var(--font-titel);font-size:var(--t-xl);margin:4px 2px 14px;line-height:1.2}.opties{gap:var(--ruimte-2);grid-template-columns:1fr 1fr;display:grid}.optie{border-radius:var(--straal-mid);background:var(--kaart);min-height:62px;box-shadow:var(--schaduw-klein), inset 0 0 0 1.5px var(--rand);text-align:left;font-weight:600;font-size:var(--t-m);transition:transform .3s var(--ease-vloeibaar), box-shadow .25s, background .25s, opacity .25s;animation:van-onder .45s var(--ease-aankomst) both;align-items:center;gap:10px;padding:10px 12px;line-height:1.25;display:flex;position:relative}.optie:active:not([aria-disabled=true]){transition-duration:.1s;transform:scale(.96)}.optie-letter{border-radius:var(--straal-mini);background:var(--hoofdkleur-zacht);width:28px;height:28px;color:var(--hoofdkleur);font-size:var(--t-s);flex-shrink:0;place-items:center;font-weight:750;display:grid}.optie.goed{background:var(--kopergroen-zacht);box-shadow:inset 0 0 0 2px var(--kopergroen);animation:optie-goed .5s var(--veer-vlot)}.optie.goed .optie-letter{background:var(--kopergroen);color:var(--tekst-op-kopergroen)}@keyframes optie-goed{40%{transform:scale(1.04)}}.optie.fout{background:var(--meekrap-zacht);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--meekrap) 40%, transparent);color:var(--meekrap)}.optie.fout .optie-tekst{text-decoration:line-through;text-decoration-thickness:1.5px}.optie.fout .optie-letter{background:var(--meekrap);color:var(--tekst-op-meekrap)}.optie.weg{opacity:.32}.optie.weg .optie-tekst{text-decoration:line-through}.optie[aria-disabled=true]{cursor:default}.kijkvraag-hulp{color:var(--meekrap);animation:van-onder .35s var(--ease-aankomst) both;margin:12px 2px 0;font-weight:550}.kijkvraag-hulp:empty{margin:0}.kijkvraag-onthuld{gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--hoofdkleur-zacht);animation:van-onder .4s var(--ease-aankomst) both;margin-top:14px;padding:14px;display:grid}.kijkvraag-punten{margin:var(--ruimte-3) 2px 0;color:var(--inkt-2);font-size:var(--t-s);line-height:1.4}.kijkvraag-hint{min-height:var(--raak);margin-top:var(--ruimte-3);color:var(--inkt-2);font-size:var(--t-m);background:var(--pil);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.stil-moment{gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--pil);color:var(--inkt-2);padding:14px;display:grid}.verhaal-meta{font-size:var(--t-s);color:var(--kopergroen);font-weight:600}.verhaal-beeld{margin:var(--ritme) 0 0}.verhaal-beeld-knop{border-radius:var(--straal-mid);background:var(--pil);touch-action:pan-y;width:100%;display:block;position:relative;overflow:hidden}.verhaal-beeld-knop img{object-fit:contain;width:100%;height:auto;max-height:56dvh;display:block}.verhaal-beeld-groter{right:var(--ruimte-2);bottom:var(--ruimte-2);width:32px;height:32px;color:var(--inkt);background:var(--glas-glans), var(--glas-tint-dik);box-shadow:var(--glas-schaduw-klein);border-radius:50%;place-items:center;display:grid;position:absolute}.verhaal-beeld figcaption{margin-top:var(--ruimte-2);font-size:var(--t-s);color:var(--inkt-2);line-height:1.45}.verhaal-beeld figcaption a{color:var(--inkt-2)}.beeld-groot{z-index:72;padding:calc(var(--veilig-boven) + 64px) 12px calc(env(safe-area-inset-bottom,0px) + 16px);touch-action:none;background:#080c1cf0;grid-template-rows:1fr auto;place-items:center;animation:.25s ease-out both vervagen-in;display:grid;position:fixed;inset:0;overflow:hidden}.beeld-groot img{object-fit:contain;border-radius:var(--straal-mini);transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:auto;max-width:100%;height:auto;max-height:100%}.beeld-groot-onderschrift{max-width:60ch;margin:var(--ruimte-3) 0 0;font-size:var(--t-s);text-align:center;color:#e9ecf6;transition:opacity var(--duur-vertrek) linear}.beeld-groot-tip{margin-top:var(--ruimte-1);color:#aab2c8;display:block}.beeld-groot.ingezoomd .beeld-groot-onderschrift{opacity:0}.beeld-groot-sluit{top:calc(var(--veilig-boven) + 12px);right:max(12px, env(safe-area-inset-right,0px));position:absolute}@keyframes vervagen-in{0%{opacity:0}}.verhaal-tekst p{font-size:var(--t-base);margin:0 0 12px;line-height:1.6}.verhaal-tekst p:first-child:first-letter{float:left;font-family:var(--font-titel);color:var(--hoofdkleur);padding:6px 8px 0 0;font-size:58px;line-height:.82}.vandaag{margin:var(--ritme) 0}.vandaag-kop{align-items:center;gap:10px;margin-bottom:10px;display:flex}.vandaag-kop .kapitaal{color:var(--hoofdkleur);white-space:nowrap}.vandaag-toen,.vandaag-nu{border-radius:50%;flex-shrink:0;width:10px;height:10px}.vandaag-toen{border:2px solid var(--hoofdkleur)}.vandaag-nu{background:var(--hoofdkleur)}.vandaag-streep{background:var(--hoofdkleur);opacity:.35;border-radius:2px;flex:1;height:2px}.vandaag-streep-nu{opacity:.7}.vandaag p{font-size:var(--t-base);line-height:1.6}.weetje{margin:var(--ritme) 0;border-radius:var(--straal-mid);background:var(--kaart-2);box-shadow:inset 0 0 0 1px var(--rand);padding:16px 16px 16px 26px;position:relative}.weetje:before{content:"";background:var(--kopergroen);border-radius:3px;width:3px;position:absolute;top:16px;bottom:16px;left:12px}.weetje .kapitaal{color:var(--kopergroen)}.weetje p{margin-top:var(--ruimte-1);font-size:var(--t-base);line-height:1.55}.feedback-knop{margin-top:var(--ritme);font-size:var(--t-s);text-align:left}.feedback-knop+.bronnen{margin-top:0}.bronnen{margin-top:var(--ritme);font-size:var(--t-s);color:var(--inkt-3)}.bronnen summary{min-height:var(--raak);cursor:pointer;align-items:center;gap:6px;font-weight:600;list-style:none;display:inline-flex}.bronnen summary::-webkit-details-marker{display:none}.bronnen-pijl{transition:transform var(--duur-aankomst) var(--ease-aankomst)}.bronnen[open] .bronnen-pijl{transform:rotate(180deg)}.bronnen ul{margin:6px 0 0;padding-left:18px}.bronnen li a{min-height:var(--raak);align-items:center;display:inline-flex}.bron-pagina{color:var(--inkt-3);margin-left:.3em}.verhaal>.knop{margin-top:0}.parel-zoek>.knop{margin-top:var(--ritme)}.jaartal{margin:var(--ritme) 0;border-radius:var(--straal);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);padding:16px 16px 18px}.jaartal-kop p{font-family:var(--font-titel);font-size:var(--t-xl);margin-top:3px;line-height:1.2}.jaartal-groot{font-family:var(--font-titel);text-align:center;color:var(--geel-diep);margin:8px 0 4px;font-size:64px;line-height:1}.jaartal-baan{padding:10px 0 26px;position:relative}.jaartal-baan input[type=range]{appearance:none;width:100%;height:var(--raak);background:0 0;margin:0}.jaartal-baan input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--geel) var(--gok), var(--pil-sterk) var(--gok));border-radius:4px;height:8px}.jaartal-baan input[type=range]::-moz-range-track{background:var(--pil-sterk);border-radius:4px;height:8px}.jaartal-baan input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--kaart);border:3px solid var(--geel-diep);width:32px;height:32px;box-shadow:var(--schaduw-speld);border-radius:50%;margin-top:-12px}.jaartal-baan input[type=range]::-moz-range-thumb{background:var(--kaart);border:3px solid var(--geel-diep);border-radius:50%;width:28px;height:28px}.jaartal-streepjes{height:18px;position:absolute;bottom:4px;left:16px;right:16px}.jaartal-streepjes span{font-size:var(--t-2xs);color:var(--inkt-3);font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.jaartal-echt{top:-6px;left:calc(16px + (100% - 32px) * var(--echt-f,0));animation:echt-in .7s var(--veer-vlot) both;position:absolute;transform:translate(-50%)}.jaartal-echt span{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur);font-size:var(--t-s);border-radius:999px;padding:2px 8px;font-weight:750;display:block}@keyframes echt-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.6)}}.jaartal-knoppen{justify-content:center;align-items:center;gap:var(--ruimte-3);display:flex}.jaartal-uitslag{text-align:center;font-size:var(--t-base);outline:none}.jaartal-uitslag strong{color:var(--geel-diep)}.feest{z-index:70;padding:calc(var(--veilig-boven) + 20px) 22px calc(var(--veilig-onder) + 20px);background:radial-gradient(at 50% 38%,#1a3480d6,#060b1ef2 72%);place-items:center;animation:.35s ease-out both feest-in;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes feest-in{0%{opacity:0}}.feest-stralen{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--geel) 22%, transparent) 0deg 9deg, transparent 9deg 24deg);pointer-events:none;width:760px;height:760px;margin:-380px 0 0 -380px;animation:24s linear infinite stralen,1.2s ease-out both stralen-in;position:absolute;top:34%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}@keyframes stralen{to{transform:rotate(360deg)}}@keyframes stralen-in{0%{opacity:0;scale:.4}}.feest-midden{text-align:center;color:#fff;justify-items:center;gap:18px;width:100%;max-width:400px;display:grid;position:relative}.feest-tegel{border-radius:var(--straal-mid);width:210px;height:210px;animation:tegel-binnen .9s var(--veer) both;position:relative;box-shadow:0 30px 60px -20px #000000b3,0 0 0 1px #fff3}.feest-tegel>.tegel{border-radius:var(--straal-mid)}@keyframes tegel-binnen{0%{opacity:0;transform:perspective(700px)rotateY(-80deg)scale(.7)}}.feest-stempel{opacity:0;pointer-events:none;width:128px;height:128px;position:absolute;bottom:-30px;right:-34px}.fase-stempel .feest-stempel,.fase-klaar .feest-stempel{animation:.42s cubic-bezier(.2,1.4,.5,1) both stempel-klap}@keyframes stempel-klap{0%{opacity:0;transform:scale(2.6)rotate(-4deg)}60%{opacity:.95;transform:scale(.94)rotate(-14deg)}to{opacity:.92;transform:scale(1)rotate(-12deg)}}.stempel{width:100%;height:100%;overflow:visible}.stempel-lijn{fill:none;stroke:var(--meekrap)}.stempel-stip{fill:var(--meekrap)}.stempel-boog{fill:var(--meekrap);font-family:var(--font-ui);font-weight:700;font-size:var(--t-2xs);letter-spacing:.16em}.stempel-woord{fill:var(--meekrap);font-family:var(--font-ui);font-weight:800;font-size:var(--t-m);letter-spacing:.08em}.spetters{width:0;height:0;position:absolute;top:50%;left:50%}.spetters i{left:calc(var(--maat) / -2);top:calc(var(--maat) / -2);width:var(--maat);height:var(--maat);opacity:0;animation:spetter 1.5s cubic-bezier(.15, .7, .4, 1) var(--wacht) forwards;border-radius:50%;position:absolute}.spetters i.parel{background:radial-gradient(circle at 32% 30%,#fff 0 18%,#f6e9f1 38%,#dfe8f3 70%,#c9cfe6 100%);box-shadow:0 1px 3px #00000059}.spetters i.scherf{background:var(--tegel-was);box-shadow:inset 0 0 0 1.5px var(--tegel-inkt);border-radius:2px}@keyframes spetter{0%{opacity:0;transform:translate(0)scale(.3)}8%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--draai)) scale(1)}}.feest-tekst{gap:var(--ruimte-1);animation:van-onder .6s var(--veer) .4s both;display:grid}.feest-tekst .kapitaal{color:var(--geel)}.feest-tekst h2{font-size:var(--t-3xl);color:#fff}.feest-tekst .zacht{color:#ffffffbf}.feest-punten{color:var(--geel);letter-spacing:-.02em;opacity:0;margin-top:6px;font-size:46px;font-weight:750}.fase-stempel .feest-punten,.fase-klaar .feest-punten{animation:punten-in .5s var(--veer-vlot) both}.feest-punten span{font-size:var(--t-base);letter-spacing:0;color:#ffffffb3;margin-left:6px;font-weight:600}@keyframes punten-in{0%{opacity:0;transform:scale(.6)}to{opacity:1}}.feest-penningen{gap:var(--ruimte-2);margin-top:var(--ruimte-2);display:grid}.penning-nieuw{align-items:center;gap:var(--ruimte-3);text-align:left;animation:van-onder .6s var(--veer-vlot) .2s both;background:#ffffff1f;border-radius:999px;padding:10px 16px 10px 10px;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.penning-nieuw>span:last-child{display:grid}.penning-nieuw .penning-munt{filter:none;width:44px;height:44px;box-shadow:0 0 0 2.5px var(--geel)}.feest-knoppen{gap:var(--ruimte-1);visibility:hidden;justify-items:center;width:100%;display:grid}.fase-klaar .feest-knoppen{visibility:visible;animation:van-onder .5s var(--veer) both}.feest-verder{color:#ffffffd9}.moment{z-index:75;padding:calc(var(--veilig-boven) + 16px) 12px calc(var(--veilig-onder) + 16px);background:var(--scrim);outline:none;align-items:center;animation:.3s ease-out both feest-in;display:grid;position:fixed;inset:0}.moment-kaart{width:100%;max-width:560px;max-height:calc(100dvh - var(--veilig-boven) - 32px);border-radius:var(--straal);border-top:4px solid var(--hoofdkleur);background:var(--glas-glans-zacht), var(--glas-tint-dik);-webkit-backdrop-filter:var(--glas-blur-dik);backdrop-filter:var(--glas-blur-dik);box-shadow:var(--schaduw-zwevend), var(--glas-rand);animation:van-onder .55s var(--veer) both;gap:14px;margin:0 auto;padding:22px 18px 18px;display:grid;overflow-y:auto}.moment-kaart h2{font-size:var(--t-3xl)}.quiz-kop{justify-content:space-between;align-items:center;display:flex}.moment-kaart .quiz-vraag{font-size:var(--t-2xl);line-height:1.15}.quiz-klok{place-items:center;width:48px;height:48px;display:grid;position:relative}.quiz-klok svg{position:absolute;inset:0;transform:rotate(-90deg)}.quiz-klok circle{fill:none;stroke-width:4px}.quiz-klok-baan{stroke:var(--pil-sterk)}.quiz-klok-rest{stroke:var(--hoofdkleur);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--deel));transition:stroke-dashoffset .25s linear}.quiz-klok span{font-weight:750;font-size:var(--t-m)}.quiz-opties .optie{min-height:74px;font-size:var(--t-base)}.quiz-opties .optie-letter{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.optie.gekozen{box-shadow:inset 0 0 0 2.5px var(--hoofdkleur), var(--schaduw);transform:scale(1.02)}.optie.gedimd{opacity:.4}.quiz-voet{text-align:center;font-size:var(--t-m)}.uitslag-balken{gap:10px;display:grid}.uitslag-balk{font-size:var(--t-m);animation:van-onder .45s var(--ease-aankomst) both;animation-delay:calc(var(--i) * 70ms);grid-template-columns:1fr auto;align-items:center;gap:4px 10px;display:grid}.uitslag-label{align-items:center;gap:6px;font-weight:600;display:flex}.uitslag-balk.goed .uitslag-label{color:var(--kopergroen)}.uitslag-staaf{background:var(--pil);border-radius:5px;grid-column:1;height:10px;overflow:hidden}.uitslag-staaf span{height:100%;width:calc(var(--deel) * 100%);background:var(--rand-sterk);transform-origin:0;animation:staaf-groei .8s var(--ease-aankomst) both;animation-delay:calc(.2s + var(--i) * 70ms);border-radius:5px;display:block}.uitslag-balk.goed .uitslag-staaf span{background:var(--kopergroen)}@keyframes staaf-groei{0%{transform:scaleX(0)}}.uitslag-eigen{font-weight:650;font-size:var(--t-l)}.eindstand .moment-kaart{gap:var(--ruimte-4)}.podium{align-items:end;gap:var(--ruimte-2);grid-template-columns:repeat(3,1fr);margin:10px 0 4px;display:grid}.podium-plek{text-align:center;animation:van-onder .7s var(--veer-vlot) both;justify-items:center;gap:3px;display:grid}.podium-plek strong{font-size:var(--t-m);line-height:1.2}.podium-plek>span.cijfers{font-size:var(--t-s);color:var(--inkt-2)}.podium-avatar{width:54px;height:54px;box-shadow:0 0 0 3px var(--teamkleur), var(--schaduw);border-radius:50%;overflow:hidden}.podium-avatar .tegel{width:116%;height:116%;margin:-8%}.podium-blok{background:var(--hoofdkleur-zacht);width:100%;color:var(--hoofdkleur);font-family:var(--font-titel);font-size:var(--t-3xl);transform-origin:bottom;animation:podium-groei .8s var(--veer) .3s both;border-radius:14px 14px 6px 6px;place-items:center;margin-top:6px;display:grid}.plek-1 .podium-blok{background:var(--geel);height:96px;color:var(--tekst-op-geel)}.plek-2 .podium-blok{height:70px}.plek-3 .podium-blok{height:52px}.plek-1{animation-delay:.5s}@keyframes podium-groei{0%{transform:scaleY(0)}}.wegwijzer-start{margin-top:var(--ritme)}.wegwijzer-hint{margin:var(--ruimte-2) 2px 0;font-size:var(--t-s);text-align:center}.wegwijzer-bezig{margin-top:var(--ritme);justify-items:start;display:grid}.wegwijzer-bezig .statusregel{margin:0}.gezicht-kop{margin-bottom:var(--ruimte-3)}.gezicht-kop h3{font-family:var(--font-ui);font-size:var(--t-m);color:var(--inkt-2);margin:2px 0 4px;font-weight:600;line-height:1.3}.gezicht-knoppen{gap:var(--ruimte-2);margin-bottom:var(--ritme);display:grid}.gezicht-knoppen .statusregel{flex-wrap:wrap;margin:0}.gezicht-gevonden{color:var(--kopergroen);font-weight:600}.regie-kop-rij{gap:6px;margin-bottom:10px;display:flex}.status-pil{padding:var(--ruimte-1) var(--ruimte-3);font-size:var(--t-s);background:var(--pil-sterk);color:var(--inkt-2);border-radius:999px;align-items:center;gap:6px;font-weight:700;display:inline-flex}.status-pil:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-running{background:var(--kopergroen-zacht);color:var(--kopergroen)}.status-running:before{animation:1.8s ease-in-out infinite stip-adem}.status-paused,.status-ended{background:var(--hoofdkleur-zacht);color:var(--hoofdkleur)}.status-offline{background:var(--meekrap-zacht);color:var(--meekrap)}@keyframes stip-adem{50%{opacity:.35}}.toegang{align-items:center;gap:var(--ruimte-4);border-radius:var(--straal);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);animation:van-onder .5s var(--ease-aankomst) both;padding:14px;display:flex;position:relative}.toegang-qr{border-radius:var(--straal-klein);transition:transform .3s var(--ease-vloeibaar)}.toegang-qr:active{transform:scale(.95)}.toegang-tekst{gap:var(--ruimte-1);justify-items:start;display:grid}.toegang-code{letter-spacing:.16em;color:var(--hoofdkleur);font-size:clamp(34px,11vw,46px);font-weight:700;line-height:1}.qr .qr-grond{fill:var(--tegel-bg)}.qr .qr-parel{fill:var(--tegel-inkt)}.qr .qr-zoeker rect:first-child{stroke:var(--tegel-inkt)}.qr .qr-zoeker rect:last-child{fill:var(--tegel-inkt)}.qr-groot{z-index:90;padding:var(--ruimte-5);background:var(--scrim);place-items:center;animation:.25s ease-out both feest-in;display:grid;position:fixed;inset:0}.qr-groot-kaart{padding:var(--ruimte-6);background:var(--tegel-bg);text-align:center;box-shadow:var(--schaduw-zwevend);animation:van-onder .5s var(--veer-vlot) both;border-radius:30px;justify-items:center;gap:10px;display:grid}.qr-groot-kaart .toegang-code{color:var(--tegel-inkt)}.qr-groot-kaart .zacht{color:var(--inkt-2);max-width:280px}.start-kaart{border-radius:var(--straal);background:var(--hoofdkleur-zacht);padding:18px}.start-kaart h2,.start-kaart .zacht{margin:0 0 4px!important}.klokken{gap:var(--ruimte-2);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin-top:14px;display:grid}.klokken>div{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);padding:12px 14px;display:grid}.klokken strong{font-size:var(--t-2xl);color:var(--hoofdkleur);font-weight:700}.stops{gap:10px;display:grid}.stop-kaart{align-items:center;gap:var(--ruimte-3);padding:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);animation:van-onder .45s var(--ease-aankomst) both;display:flex}.stop-kaart .tegel{border-radius:var(--straal-mini);flex-shrink:0}.stop-kaart>div{flex:1;min-width:0;line-height:1.3;display:grid}.stop-kaart strong{font-family:var(--font-titel);font-weight:400;font-size:var(--t-xl);line-height:1.15}.stop-kaart.huidig{box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur)}.acties{gap:var(--ruimte-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,108px),1fr));display:grid}.actie{padding:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);text-align:left;transition:transform .3s var(--ease-vloeibaar);justify-items:start;gap:2px;display:grid}.actie:active{transition-duration:.1s;transform:scale(.95)}.actie strong{margin-top:var(--ruimte-2);font-size:var(--t-m);overflow-wrap:anywhere}.actie>span:last-child{font-size:var(--t-s);color:var(--inkt-3);line-height:1.3}.actie-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur);width:36px;height:36px;color:var(--tekst-op-hoofdkleur);place-items:center;display:grid}.live-kaart{padding:var(--ruimte-4);border-radius:var(--straal);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur);animation:van-onder .45s var(--veer-vlot) both}.live-kaart-kop{align-items:center;gap:var(--ruimte-2);color:var(--hoofdkleur);display:flex}.live-kaart-kop strong{font-size:var(--t-xl);margin-left:auto}.live-kaart-vraag{font-family:var(--font-titel);font-size:var(--t-xl);margin:8px 0;line-height:1.2}.uitslag-lijst,.claims{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.uitslag-lijst li{padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--straal-klein);background:var(--pil);border-left:4px solid var(--teamkleur);justify-content:space-between;display:flex}.claims li{padding:var(--ruimte-2);border-radius:var(--straal-klein);background:var(--pil);align-items:center;gap:10px;display:flex}.claims li>span:nth-child(2){flex:1;line-height:1.25;display:grid}.claims .zacht{font-size:var(--t-s)}.claim-avatar{border-radius:50%;width:34px;height:34px;overflow:hidden}.claim-avatar .tegel{width:116%;height:116%;margin:-8%}.vormen{gap:var(--ruimte-2);display:grid}.vorm{gap:var(--ruimte-3);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);text-align:left;transition:box-shadow .2s, transform .3s var(--ease-vloeibaar);align-items:flex-start;padding:14px;display:flex}.vorm:active{transform:scale(.98)}.vorm>span:last-child{gap:2px;display:grid}.vorm>span:last-child>span{font-size:var(--t-m);color:var(--inkt-2);line-height:1.4}.vorm.gekozen{box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur)}.vorm-teken{border-radius:var(--straal-klein);background:var(--hoofdkleur-zacht);width:36px;height:36px;color:var(--hoofdkleur);flex-shrink:0;place-items:center;display:grid}.vorm.gekozen .vorm-teken{background:var(--hoofdkleur);color:var(--tekst-op-hoofdkleur)}.leiderkaart[aria-hidden=true]{visibility:hidden}.teamstrook{gap:var(--ruimte-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;padding:4px 2px 8px;display:flex;overflow-x:auto}.teamstrook::-webkit-scrollbar{display:none}.teamstrook-team,.teamstrook-leeg{scroll-snap-align:start;text-align:left;animation:van-onder .45s var(--veer-vlot) both;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex;position:relative}.teamstrook-leeg{min-width:0;padding:var(--ruimte-3) var(--ruimte-4);font-size:var(--t-m);color:var(--inkt-2);border-radius:var(--straal-mid);text-wrap:pretty;flex-shrink:1}.teamstrook-team>span:nth-child(2){line-height:1.2;display:grid}.teamstrook-team strong{font-size:var(--t-m)}.teamstrook-team .zacht{font-size:var(--t-s)}.teamstrook-avatar{width:38px;height:38px;box-shadow:0 0 0 2.5px var(--teamkleur);border-radius:50%;overflow:hidden}.teamstrook-avatar .tegel{width:116%;height:116%;margin:-8%}.stip{background:var(--rand-sterk);width:9px;height:9px;box-shadow:inset 0 0 0 1.5px var(--inkt-3);background:0 0;border-radius:50%;flex-shrink:0}.stip.aan{background:var(--kopergroen);box-shadow:0 0 0 3px color-mix(in srgb, var(--kopergroen) 22%, transparent)}.teamstrook-status{align-items:center;gap:var(--ruimte-1);font-size:var(--t-xs);color:var(--inkt-2);flex-shrink:0;display:inline-flex}.kaartactie{border-radius:var(--straal);width:100%;max-width:520px;font-weight:600;font-size:var(--t-m);animation:van-onder .45s var(--veer-vlot) both;align-items:center;gap:10px;padding:10px 10px 10px 16px;display:flex;position:relative}.kaartactie>span{flex:1}.getikt{border:3px solid var(--meekrap);background:color-mix(in srgb, var(--meekrap) 25%, transparent);width:22px;height:22px;animation:speld-in .45s var(--veer-vlot) both;border-radius:50%;margin-bottom:-11px;display:block}.draaiboek-lijst{gap:0;padding:0;list-style:none;display:grid}.draaiboek-loop{border-left:2px dashed var(--rand-sterk);font-size:var(--t-s);color:var(--inkt-3);align-items:center;gap:6px;margin:2px 0 2px 26px;padding:8px 0 8px 18px;display:flex}.stop{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);transition:box-shadow .25s;overflow:hidden}.stop.huidig{box-shadow:var(--schaduw), inset 0 0 0 2px var(--hoofdkleur)}.stop-tegel{flex-shrink:0;position:relative}.stop-vlag{background:var(--hoofdkleur);width:18px;height:18px;color:var(--tekst-op-hoofdkleur);box-shadow:0 0 0 2px var(--kaart);border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-6px}.stop-kop{align-items:center;gap:var(--ruimte-3);text-align:left;width:100%;padding:10px 14px 10px 10px;display:flex}.stop-kop .tegel{border-radius:var(--straal-mini);flex-shrink:0}.stop-nummer{background:var(--hoofdkleur);width:28px;height:28px;color:var(--tekst-op-hoofdkleur);font-size:var(--t-s);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.stop-titel{flex:1;min-width:0;line-height:1.25;display:grid}.stop-titel strong{font-size:var(--t-base)}.stop-titel .zacht{font-size:var(--t-s)}.stop-inhoud{padding:var(--ruimte-1) var(--ruimte-4) var(--ruimte-4);animation:van-onder .35s var(--ease-aankomst) both}.stop-inhoud h4{font-size:var(--t-s);letter-spacing:.06em;text-transform:uppercase;color:var(--hoofdkleur);margin:14px 0 4px;font-weight:700}.stop-inhoud p{font-size:var(--t-m);margin:0 0 8px;line-height:1.55}.gids{font-size:var(--t-m);margin:0;padding-left:18px;line-height:1.5}.gids li{margin-bottom:6px}.stop-vraag ol{font-size:var(--t-m);margin:4px 0 0;padding-left:22px}.stop-vraag li.goed{color:var(--kopergroen);font-weight:650}.stop-knoppen{gap:var(--ruimte-2);flex-wrap:wrap;margin-top:14px;display:flex}.bronregel a{color:var(--inkt-3)}.teamkaarten{gap:var(--ruimte-2);padding:0;list-style:none;display:grid}.teamkaart{border-radius:var(--straal-mid);background:var(--kaart);box-shadow:var(--schaduw), inset 0 0 0 1px var(--rand);animation:van-onder .45s var(--ease-aankomst) both;animation-delay:calc(var(--i) * 35ms);overflow:hidden}.teamkaart-kop{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 14px 10px 10px;display:flex}.teamkaart-avatar{width:42px;height:42px;box-shadow:0 0 0 2.5px var(--teamkleur);border-radius:50%;flex-shrink:0;overflow:hidden}.teamkaart-avatar .tegel{width:116%;height:116%;margin:-8%}.teamkaart-naam{flex:1;min-width:0;line-height:1.25;display:grid}.teamkaart-naam .zacht{font-size:var(--t-s)}.teamkaart-tekens{font-size:var(--t-xs);color:var(--inkt-2);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:2px;display:flex}.teken-let-op{color:var(--meekrap);align-items:center;gap:3px;font-weight:650;display:inline-flex}.teamkaart-inhoud{padding:0 14px 14px}.vondsten{gap:var(--ruimte-1);font-size:var(--t-m);margin:0 0 12px;padding:0;list-style:none;display:grid}.vondsten li{border-radius:var(--straal-mini);background:var(--pil);justify-content:space-between;gap:10px;padding:6px 10px;display:flex}.teamkaart-knoppen{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.keuzelijst{gap:6px;margin:0;padding:0;list-style:none;display:grid}.keuze{align-items:center;gap:var(--ruimte-3);width:100%;min-height:56px;padding:var(--ruimte-2) var(--ruimte-3) var(--ruimte-2) var(--ruimte-2);border-radius:var(--straal-mid);background:var(--kaart);box-shadow:inset 0 0 0 1px var(--rand);text-align:left;display:flex}.keuze>span{line-height:1.3;display:grid}.keuze .zacht{font-size:var(--t-s)}.keuze[aria-disabled=true]{opacity:.5;cursor:default}.regie-hint{margin:14px 4px 0}.blad-inhoud .veld+.veld,.blad-inhoud .veld+.tekstvak,.blad-inhoud select+.tekstvak,.blad-inhoud select+.veld{margin-top:10px}.blad-inhoud>.kapitaal{margin:6px 2px;display:block}.blad-inhoud .groep{margin-top:var(--ruimte-4)}select.veld{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a7391' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.tekstvak{resize:none;min-height:0;padding:14px 18px;line-height:1.45}.sjablonen{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.sjabloon{min-height:var(--raak);padding:var(--ruimte-2) var(--ruimte-3);border-radius:var(--straal-klein);background:var(--pil);color:var(--inkt-2);font-size:var(--t-s);text-align:left;transition:transform .25s var(--ease-vloeibaar), background .2s;line-height:1.3}.sjabloon:active{background:var(--pil-sterk);transform:scale(.96)}.quiz-invoer{gap:var(--ruimte-2);margin:12px 0;display:grid}.quiz-optie-invoer{gap:var(--ruimte-2);align-items:center;display:flex}.quiz-goed-knop{width:var(--raak);height:var(--raak);border-radius:var(--straal-klein);background:var(--pil-sterk);color:var(--inkt-2);flex-shrink:0;place-items:center;font-weight:750;display:grid}.quiz-optie-invoer.goed .quiz-goed-knop{background:var(--kopergroen);color:var(--tekst-op-kopergroen)}.quiz-optie-invoer.goed .veld{border-color:var(--kopergroen)}.rij-keuzes{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.rij-keuzes .veldlabel{margin:0}:root:lang(zh){--font-cjk:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif}:root:lang(ja){--font-cjk:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Source Han Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif}:root:lang(zh),:root:lang(ja){--font-ui:"Instrument Sans Variable", var(--font-cjk);--font-titel:"Instrument Serif", var(--font-cjk);--t-2xs:11px;--t-xs:12px;font-synthesis:weight}:root:lang(zh) body,:root:lang(ja) body{line-break:strict;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;font-weight:400}:root:lang(zh) :is(h1,h2,h3,.welkom-kop,.routekaart-tekst strong,.tocht-kaartje strong,.stop-kaart strong),:root:lang(ja) :is(h1,h2,h3,.welkom-kop,.routekaart-tekst strong,.tocht-kaartje strong,.stop-kaart strong){letter-spacing:0;line-height:1.3}:root:lang(zh) :is(.kijkvraag-vraag,.jaartal-kop p,.flits-tekst,.live-kaart-vraag),:root:lang(ja) :is(.kijkvraag-vraag,.jaartal-kop p,.flits-tekst,.live-kaart-vraag){line-height:1.4}:root:lang(zh) .welkom-titel,:root:lang(ja) .welkom-titel{letter-spacing:.02em;line-height:1.1}:root:lang(zh) .verhaal-tekst p:first-child:first-letter,:root:lang(ja) .verhaal-tekst p:first-child:first-letter{float:none;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;padding:0}:root:lang(zh) :is(.kapitaal,.veldlabel,.label-nu,.jullie,.bericht-afzender,.stop-inhoud h4,.speld-nu,.statuspil),:root:lang(ja) :is(.kapitaal,.veldlabel,.label-nu,.jullie,.bericht-afzender,.stop-inhoud h4,.speld-nu,.statuspil){letter-spacing:.04em}:root:lang(zh) .kb-wind,:root:lang(ja) .kb-wind{font-size:18px}:root:lang(zh) .kb-wind.noord,:root:lang(ja) .kb-wind.noord{font-size:20px}:root:lang(zh) .camerazicht-band text,:root:lang(ja) .camerazicht-band text{font-size:13px}:root:lang(zh) .camerazicht-band text.noord,:root:lang(ja) .camerazicht-band text.noord{font-size:15px}