.beheer-cijfers{display:flex;flex-wrap:wrap;gap:1.1rem 1.6rem;margin-top:.6rem}.beheer-cijfer{display:flex;flex-direction:column;gap:.15rem}.beheer-cijfer .getal{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.beheer-fout{padding:.5rem 0;border-bottom:1px solid var(--lijn)}.beheer-fout:last-child{border-bottom:none}.beheer-fout-melding{overflow-x:auto;white-space:pre;background:var(--paneel);border-radius:14px;padding:.6rem .7rem;margin-top:.3rem;font-size:.82rem}.voordeur{width:100vw;margin-left:calc(50% - 50vw);min-height:100dvh}body:has(.voordeur){overflow-x:hidden}.vd-inhoud{max-width:32rem;margin:0 auto;padding:1.1rem 1rem 2.5rem;display:flex;flex-direction:column}.vd-merk{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.vd-merk h1{font-size:2rem;letter-spacing:.08em}.vd-merk .micro{display:block;margin-top:.35rem}.vd-merk .micro span{white-space:nowrap}.vd-merk button{align-self:center;flex-shrink:0}.vd-claim{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:2.6rem;line-height:.95;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin:1.4rem 0 1.5rem}.vd-claim-live{display:block}.vd-live{display:inline-block;width:.36em;height:.36em;border-radius:50%;background:var(--live);vertical-align:.14em;margin-right:.24em;animation:sb-puls 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.vd-live{animation:none}}.vd-functies{display:grid;gap:1.1rem}.vd-functie{display:grid;grid-template-columns:2.2rem 1fr;column-gap:.7rem;align-items:start;align-content:start}.vd-functie svg{grid-row:1 / span 2;font-size:1.7rem;margin-top:.05rem}.vd-functie p{margin:.25rem 0 0}.vd-stappen ol{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.8rem}.vd-stap{display:grid;grid-template-columns:2.2rem 1fr;column-gap:.7rem;align-items:baseline;align-content:start}.vd-stap-nr{grid-row:1 / span 2;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}.vd-stap p{margin:.15rem 0 0}.vd-inloggen h2{margin-bottom:.5rem}.vd-inloggen form{margin-top:.6rem}.vd-inloggen .rij-tussen input{flex:1;min-width:0}.vd-inloggen .rij-tussen button{flex-shrink:0;white-space:nowrap}.vd-inloggen p{margin:.4rem 0 0}.vd-inloggen .knoppenrij{margin-top:.7rem}.vd-fout{color:var(--rood)}.vd-privacy{margin-bottom:0}@media (min-width: 60rem){.vd-inhoud{max-width:64rem;padding:1.6rem 2rem 3rem;display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"merk merk" "claim inloggen" "functies functies" "stappen stappen" "privacy privacy";align-items:start}.vd-merk{grid-area:merk}.vd-merk button{display:none}.vd-claim{grid-area:claim;font-size:3.6rem;margin:1.6rem 0 1.5rem;padding-right:3rem}.vd-inhoud>.vd-inloggen{grid-area:inloggen;border-top:none;border-left:1px solid var(--lijn);margin-top:1.6rem;padding:.2rem 0 .9rem 3rem}.vd-inhoud>.vd-functies{grid-area:functies;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding:1.5rem 0}.vd-functie{grid-template-columns:1fr;row-gap:.4rem}.vd-functie svg{grid-row:auto;font-size:2rem;margin-bottom:.3rem}.vd-inhoud>.vd-stappen{grid-area:stappen;padding:1.5rem 0}.vd-stappen ol{grid-template-columns:repeat(3,1fr);gap:2.5rem}.vd-privacy{grid-area:privacy}}.tf-qr-vlak{display:inline-block;background:var(--krijt);padding:.75rem;border-radius:14px;margin:.5rem 0}.tf-qr-vlak img{display:block;width:168px;height:168px}.tf-geheim{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums;word-break:break-all}.tf-open-app{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tik);padding:.5rem 1.1rem;text-decoration:none;margin:.2rem 0 .6rem}.tf-kopieer{margin-left:.5rem;padding:.35rem .8rem;min-height:2.25rem;vertical-align:middle}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-700.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/atkinson-hyperlegible-400.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/atkinson-hyperlegible-700.woff2) format("woff2")}:root{--studio: #101418;--paneel: #171d23;--paneel-hoog: #1f262e;--lijn: #2a323b;--krijt: #f4f6f2;--dim: #9aa5ad;--geel: #ffce33;--live: #23c96e;--rood: #e5655e;--letop: #f2a43a;--veldgroen: #143b26;--tik: 2.75rem;--r1: .5rem;--r2: 1rem;color-scheme:dark}*{box-sizing:border-box}html{overscroll-behavior-y:none}::selection{background:var(--geel);color:var(--studio)}body{margin:0;background:var(--studio);color:var(--krijt);font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-size:.98rem;line-height:1.5;caret-color:var(--geel);font-variant-numeric:tabular-nums}#root{max-width:32rem;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:Barlow Condensed,Arial Narrow,sans-serif;line-height:1.05;margin:0;text-transform:uppercase;text-wrap:balance}h1{font-size:1.6rem;font-weight:700;letter-spacing:.06em}h2{font-size:1.3rem;font-weight:600;letter-spacing:.05em}h3{font-size:1.1rem;font-weight:600;letter-spacing:.05em}.micro{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.wed-item{display:flex;flex-direction:column;gap:.3rem}.wed-regel{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.wed-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.wed-naam{font-size:1.6rem;font-weight:700;letter-spacing:.03em}.wed-naam.volgende{font-size:2.6rem;letter-spacing:.02em;line-height:.95}.uitslag{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2rem;line-height:1;margin-left:-.04em}.uitslag.gewonnen{color:var(--live)}.uitslag.verloren{color:var(--rood)}.app-kop{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:calc(1.1rem + env(safe-area-inset-top)) 1rem .6rem}.app-kop .sub{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-align:right;line-height:1.6}.instellingen-knop{background:var(--paneel);border:1px solid var(--lijn);border-radius:999px;width:2.2rem;height:2.2rem;min-width:var(--tik);min-height:var(--tik);display:inline-flex;align-items:center;justify-content:center;color:var(--dim);cursor:pointer;align-self:center;flex-shrink:0}.instellingen-knop:disabled{opacity:.35;cursor:default}.app-kop.compact{padding:calc(.6rem + env(safe-area-inset-top)) 1rem .2rem}.tabs{display:flex;gap:.25rem;margin:0 1rem;padding:.25rem;background:var(--paneel);border:1px solid var(--lijn);border-radius:999px}.tabs button{flex:1;min-height:var(--tik);background:none;border:none;border-radius:999px;padding:.5rem 0;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);cursor:pointer}.tabs button.actief{background:var(--geel);color:var(--studio)}.tabs button:disabled{opacity:.35;cursor:default}main{flex:1;padding:.4rem 1rem 1rem;display:flex;flex-direction:column;gap:.2rem}.kaart{background:none;border:none;border-top:1px solid var(--lijn);border-radius:0;padding:var(--r2) 0;margin-top:0}.kaart>h2,.kaart>h3{margin-bottom:var(--r1)}.kaart p{margin:var(--r1) 0 0}main>:first-child,main>.kaart:first-child,.portaal>.kaart:first-child{border-top:none;margin-top:0}.binnenkort{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--geel);background:#ffce331f;border-radius:999px;padding:.18rem .7rem;white-space:nowrap}.binnenkort-kaart{opacity:.75}.uitleg-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#06090bb8;display:flex;align-items:center;justify-content:center;padding:1.2rem}.uitleg-kaart{max-width:24rem;width:100%;text-align:center;display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.2rem;background:var(--paneel);border:1px solid var(--lijn);border-radius:20px;border-top:1px solid var(--lijn);margin-top:0}.uitleg-icoon{font-size:2.6rem;line-height:1}.uitleg-stippen{display:flex;justify-content:center;gap:.4rem}.stip{width:.5rem;height:.5rem;border-radius:50%;background:var(--lijn)}.stip.actief{background:var(--geel)}.portaal{display:flex;flex-direction:column;gap:.4rem;padding:2rem 1rem;max-width:32rem;margin:0 auto;width:100%}.portaal h1{font-size:2rem;letter-spacing:.08em}button.primair,button.secundair,button.gevaar{border:none;border-radius:999px;padding:.65rem 1.1rem;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}button.primair,button.secundair{min-height:var(--tik)}button.primair{background:var(--geel);color:var(--studio)}button.primair:disabled{opacity:.4;cursor:default}button.secundair{background:none;border:1px solid var(--lijn);color:var(--krijt)}button.gevaar{background:none;color:var(--rood);padding:.4rem .6rem;padding-block:.7rem}button.tekstlink{background:none;border:none;padding:0;padding-block:.7rem;font:inherit;color:var(--geel);text-decoration:underline;text-underline-offset:3px;cursor:pointer}button:focus-visible,.chip:focus-visible,.tabs button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--geel);outline-offset:2px}button,.chip,.punt,.naamknop{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button.primair:hover,.tabs button.actief:hover{filter:brightness(1.08)}button.secundair:hover,.chip:hover:not(:disabled):not(.aan):not(.geselecteerd),.instellingen-knop:hover:not(:disabled),.bewerkknop:hover,.punt:hover:not(.vol),.segment button:hover:not(.aan),.tabs button:hover:not(.actief):not(:disabled){background:var(--paneel-hoog)}button.gevaar:hover,button.tekstlink:hover,.naamknop:hover:not(:disabled){filter:brightness(1.15)}button.primair:active,button.secundair:active,button.gevaar:active,.chip:active:not(:disabled),.tabs button:active:not(:disabled),.punt:active,.instellingen-knop:active:not(:disabled),.bewerkknop:active,.segment button:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){button.primair:active,button.secundair:active,button.gevaar:active,.chip:active:not(:disabled),.tabs button:active:not(:disabled),.punt:active,.instellingen-knop:active:not(:disabled),.bewerkknop:active,.segment button:active{transform:none}}input[type=text],input[type=date],input[type=email],input[type=month],textarea,select{font:inherit;color:var(--krijt);background:var(--paneel);border:1px solid var(--lijn);border-radius:12px;padding:.55rem .75rem;width:100%}input::placeholder,textarea::placeholder{color:var(--dim)}textarea{resize:vertical}label.veldlabel,span.veldlabel{display:block;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:.25rem}.formrij{margin-bottom:.8rem}.chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--lijn);border-radius:999px;padding:.5rem .95rem;min-height:var(--tik);background:var(--paneel);font:inherit;font-size:.92rem;color:var(--krijt);cursor:pointer}.chip:disabled{opacity:.45;cursor:default}.chip.aan{background:var(--krijt);border-color:var(--krijt);color:var(--studio);font-weight:600}.chip.geselecteerd{background:var(--geel);border-color:var(--geel);color:var(--studio);font-weight:600}.chiprij{display:flex;flex-wrap:wrap;gap:var(--r1)}.bloklabel{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--geel)}.keeper-tag{font-size:.72rem;font-weight:700;color:var(--geel)}.chip.aan .keeper-tag,.veld .keeper-tag{color:#7a5c00}.speler-rij{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--lijn)}.speler-rij:last-child{border-bottom:none}table.telling{width:100%;border-collapse:collapse}table.telling th{text-align:left;font-family:Barlow Condensed,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--dim);border-bottom:1px solid var(--krijt);padding:.35rem .5rem .35rem 0}td{text-wrap:pretty}table.telling td{border-bottom:1px solid var(--lijn);padding:.45rem .5rem .45rem 0}table.telling td.num{text-align:right;font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:1.1rem}.sb-teams{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.6rem 0 .15rem}.sb-score{display:block;text-align:center;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:2.6rem;line-height:.95;letter-spacing:.02em}.sb-streep{font-size:.6em;vertical-align:.12em}.sb-cijfer{display:inline-block}@keyframes sb-tik{0%{transform:scale(1.18);color:var(--geel)}to{transform:scale(1);color:var(--krijt)}}.sb-tik{animation:sb-tik .32s ease-out}.sb-klok{text-align:center;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:3.6rem;line-height:.95;letter-spacing:.04em;color:var(--geel);margin-bottom:.4rem}.sb-klok.voorbij{animation:sb-puls 1.6s ease-in-out infinite}.sb-dot{display:inline-block;width:0;transform:translate(-1.4em);color:var(--live);animation:sb-puls 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.sb-dot,.sb-klok.voorbij,.sb-tik{animation:none}}@keyframes sb-puls{50%{opacity:.25}}.sb-goals{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;font-size:.85rem;color:var(--dim);min-height:.5rem}.sb-goals .sb-kolom:first-child{text-align:right}.sb-plus{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:.5rem 0}.wissel-in{color:var(--live);font-weight:600}.wissel-uit{color:var(--rood);font-weight:600}.net-in{outline:2px solid var(--live);outline-offset:2px}.net-uit{outline:2px solid var(--rood);outline-offset:2px}.leeg{color:var(--dim);text-align:center;padding:1.5rem .5rem}.noot{font-size:.85rem;color:var(--dim);text-wrap:pretty}.rij-tussen{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.linie-rij{display:flex;align-items:baseline;gap:.6rem;margin:.45rem 0}.linielabel{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);min-width:4.6rem}.naamknop{background:none;border:none;font:inherit;color:var(--krijt);cursor:pointer;text-align:left;padding:0}.naamknop:disabled{cursor:default}.bewerkknop{background:var(--paneel);color:var(--dim);border:1px solid var(--lijn);border-radius:999px;width:2.2rem;height:2.2rem;min-width:var(--tik);min-height:var(--tik);font-size:1rem;cursor:pointer;flex-shrink:0}.profiel{background:var(--paneel);border-radius:14px;padding:.7rem .8rem;margin:.2rem 0 .6rem;display:flex;flex-direction:column;gap:.45rem}.segment{display:inline-flex;border:1px solid var(--lijn);border-radius:999px;overflow:hidden}.segment button{background:var(--paneel);border:none;font:inherit;font-size:.85rem;padding:.3rem .65rem;cursor:pointer;color:var(--dim)}.segment button+button{border-left:1px solid var(--lijn)}.segment button.aan{background:var(--krijt);color:var(--studio);font-weight:600}input[type=range]{width:100%;accent-color:var(--geel)}.veld{position:relative;background:var(--veldgroen);border-radius:14px;padding:.7rem .4rem;margin:.6rem 0 .4rem;display:flex;flex-direction:column;justify-content:space-between;gap:.4rem;min-height:15rem;overflow:hidden}.veld-lijnen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.veld-lijnen rect,.veld-lijnen line,.veld-lijnen circle{stroke:#f4f6f28c;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.veld-rij{position:relative;display:flex;justify-content:space-evenly;align-items:center;gap:.4rem;flex-wrap:wrap;min-height:2.1rem}.veld .chip,.veld .chip.aan{background:var(--krijt);border-color:#10141859;color:#10241a;font-weight:600;min-height:2.5rem}.veld .chip.geselecteerd{background:var(--geel);border-color:var(--geel);color:var(--studio)}.stand{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.9rem}.punten{display:inline-flex;gap:.35rem}.punt{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--lijn);background:var(--paneel);color:var(--dim);font:inherit;font-size:.8rem;cursor:pointer;padding:0}.punt.vol{background:var(--geel);border-color:var(--geel);color:var(--studio);font-weight:700}.klokbalk{position:fixed;z-index:30;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:32rem;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .8rem calc(.5rem + env(safe-area-inset-bottom));background:var(--paneel);border-top:1px solid var(--lijn);box-shadow:0 -6px 18px #00000059}.klokbalk .knoppenrij{flex-wrap:nowrap;flex-shrink:0;gap:.4rem}.klokbalk button.primair,.klokbalk button.secundair{padding:.5rem .8rem}.klokbalk-paneel{position:fixed;z-index:29;bottom:calc(4.8rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:100%;max-width:32rem;padding:0 1rem env(safe-area-inset-bottom);max-height:60vh;overflow-y:auto}.klokbalk-paneel .kaart{background:var(--paneel);border:1px solid var(--lijn);border-radius:16px;padding:.9rem 1rem;margin-top:0;box-shadow:0 -6px 20px #0006}.klokbalk-stand{color:var(--geel)}.klokbalk-info{background:none;border:none;cursor:pointer;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.3rem;color:var(--krijt);padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;text-align:left;min-height:var(--tik)}.knoppenrij{display:flex;gap:var(--r1);flex-wrap:wrap}*{scrollbar-width:thin;scrollbar-color:var(--lijn) transparent}.seizoen-kiezer{padding:.4rem 0 .2rem}.seizoen-huidig{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.3rem;line-height:1.1}.trend-kolom{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;flex-shrink:0;text-align:right}.trend{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.1rem;line-height:1}.trend.omhoog{color:var(--live)}.trend.gelijk{color:var(--dim)}.trend.omlaag{color:var(--rood)}.bevestig-vlak{margin-top:.6rem;padding:.8rem .9rem;background:var(--paneel);border:1px solid var(--lijn);border-radius:14px}button.gevaar-vol{border:none;border-radius:999px;padding:.65rem 1.1rem;min-height:var(--tik);font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--rood);color:var(--studio);cursor:pointer;white-space:nowrap}button.gevaar-vol:disabled{opacity:.4;cursor:default}button.gevaar-vol:hover:not(:disabled){filter:brightness(1.08)}button.gevaar-vol:active:not(:disabled){transform:scale(.96)}@media (prefers-reduced-motion: reduce){button.gevaar-vol:active:not(:disabled){transform:none}}.sectiekop{margin:1.1rem 0 0}.sectiekop+.kaart{margin-top:.25rem}.veld{aspect-ratio:1 / var(--veld-ratio, 1.417);max-width:calc(22rem / var(--veld-ratio, 1.417));margin-inline:auto}.chip.programma-regel{display:flex;width:100%;justify-content:space-between;text-align:left}.programma-regel .programma-noot{font-size:.78rem;opacity:.75;flex-shrink:0}.uitleg-zin{margin:.5rem 0;line-height:1.4;text-wrap:pretty}.let-op{margin:.5rem 0}.let-op-regel{display:flex;align-items:flex-start;gap:.5rem;width:100%;min-height:var(--tik);padding:.5rem .75rem;text-align:left;background:#f2a43a1f;border:1px solid var(--letop);border-radius:12px;color:var(--krijt);font:inherit;line-height:1.4;cursor:pointer}.let-op-teken{color:var(--letop);flex-shrink:0;margin-top:.15em;font-size:1.1em}.let-op-uitleg{margin:.4rem 0 0;padding-left:.75rem;border-left:2px solid var(--letop);text-wrap:pretty}.versie-melding{display:flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 2rem);margin:.5rem 1rem;min-height:var(--tik);padding:.5rem 1rem;background:var(--paneel);border:1px solid var(--geel);border-radius:999px;color:var(--geel);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;cursor:pointer}.versie-melding:hover{background:var(--paneel-hoog)}