:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--zaal:#0f0e11;--vlak:#1a181d;--vlak-2:#24212a;--lijn:#36313d;--tekst:#f7f4ef;--tekst-2:#ada7b4;--tekst-3:#7e7886;--merk:#ff5a1f;--geel:#ffc81a;--blauw:#4a74ff;--roze:#ff6fb5;--groen:#2ed47a;--rood:#ff5252;--op-kleur:#121015;--f:"Archivo", "Arial Narrow", Arial, sans-serif;--kaart-tekst:var(--tekst);--kaart-zacht:var(--tekst-2);--kaart:var(--vlak-2);--inkt:var(--tekst);--inkt-zacht:var(--tekst-2);--signaal:var(--merk);--paneel:var(--zaal);--goed:var(--groen);--fout:var(--rood);--r-kaart:22px;--r-knop:999px;--r-optie:16px;--snel:.16s;--mid:.28s;--veer:cubic-bezier(.2,1.5,.4,1);--uit:cubic-bezier(.2,.8,.2,1)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--zaal:#f2efea;--vlak:#fff;--vlak-2:#e9e5de;--lijn:#d8d2c8;--tekst:#141217;--tekst-2:#5d5863;--tekst-3:#8a8590;--merk:#f04e12;--blauw:#2f5bee;--roze:#e8559e;--groen:#13a35a;--rood:#e03a3a}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--zaal:#f2efea;--vlak:#fff;--vlak-2:#e9e5de;--lijn:#d8d2c8;--tekst:#141217;--tekst-2:#5d5863;--tekst-3:#8a8590;--merk:#f04e12;--blauw:#2f5bee;--roze:#e8559e;--groen:#13a35a;--rood:#e03a3a}html,body{height:100%}body{background:var(--zaal);color:var(--tekst);font-family:var(--f);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.45}*{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}.app{max-width:440px;min-height:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:10px calc(96px + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.app.vol{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}h1,h2,h3{text-wrap:balance;letter-spacing:-.005em;margin:0;font-weight:850;font-stretch:72%;line-height:.98}h1{font-size:44px}h2{font-size:32px}h3{font-size:21px;font-weight:800;font-stretch:80%;line-height:1.08}p{margin:0}.label{letter-spacing:.09em;text-transform:uppercase;color:var(--tekst-2);font-size:11.5px;font-weight:750;font-stretch:100%}.zacht,.uitleg{color:var(--tekst-2)}.uitleg{font-size:14px}.groot-getal{letter-spacing:-.03em;font-size:56px;font-weight:850;font-stretch:118%;line-height:.9}.woordmerk{letter-spacing:-.045em;font-size:25px;font-weight:900;font-stretch:110%;line-height:1}.stapel{flex-direction:column;gap:12px;display:flex}.stapel.ruim{gap:18px}.rij{align-items:center;gap:10px;display:flex}.rij.tussen{justify-content:space-between}.rij.wrap{flex-wrap:wrap}.kolom2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kolom2>*{min-width:0}.kop{justify-content:space-between;align-items:center;gap:10px;padding-block:6px 14px;display:flex}.kop .merk{color:var(--tekst);align-items:center;gap:7px;text-decoration:none;display:flex}.kop .merk svg{width:30px;height:30px}.vlak{background:var(--vlak);border-radius:var(--r-kaart);padding:18px}.zwart{background:var(--vlak-2);border-radius:var(--r-kaart);color:var(--tekst);padding:20px}.zwart .label{color:var(--tekst-2)}.poster{color:var(--op-kleur);isolation:isolate;min-height:190px;transition:transform var(--mid) var(--veer);border-radius:26px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.poster:active{transform:scale(.98)}.poster .label{color:currentColor;opacity:.78}.poster h2{font-size:38px}.poster .patroon{z-index:-1;opacity:.9;pointer-events:none;position:absolute;inset:0}.poster.geel{background:var(--geel)}.poster.blauw{background:var(--blauw);color:#fff}.poster.roze{background:var(--roze)}.poster.merk{background:var(--merk)}.poster.groen{background:var(--groen)}.poster .klaar svg{width:16px;height:16px}.poster>.ic{width:30px;height:30px}.poster .klaar{white-space:nowrap;background:#0000002e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.knop{border-radius:var(--r-knop);cursor:pointer;background:var(--tekst);width:100%;min-height:56px;color:var(--zaal);text-align:center;transition:transform var(--snel) var(--uit),background var(--snel);border:none;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:16.5px;font-weight:800;font-stretch:96%;text-decoration:none;display:flex}.knop:active{transform:scale(.97)}.ic,.knop svg{flex:none;width:20px;height:20px}.knop.signaal{background:var(--merk);color:var(--op-kleur)}.knop.geel{background:var(--geel);color:var(--op-kleur)}.knop.blauw{background:var(--blauw);color:#fff}.knop.roze{background:var(--roze);color:var(--op-kleur)}.knop.rand{color:var(--tekst);box-shadow:inset 0 0 0 2px var(--lijn);background:0 0}.knop.stil{color:var(--tekst-2);background:0 0;min-height:44px;font-weight:700}.knop[disabled]{opacity:.45;cursor:not-allowed}.poster .knop{background:var(--op-kleur);color:#fff}.poster.blauw .knop{color:#0d1a4a;background:#fff}:focus-visible{outline:3px solid var(--geel);outline-offset:2px}.chip{background:var(--vlak-2);color:var(--tekst);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12.5px;font-weight:800;text-decoration:none;display:inline-flex}.chip svg{width:16px;height:16px}.chip.signaal{background:var(--merk);color:var(--op-kleur)}.chip.demo{box-shadow:inset 0 0 0 1.5px var(--lijn);color:var(--tekst-2);letter-spacing:.06em;text-transform:uppercase;background:0 0;font-size:11px}.ronde-knop{background:var(--vlak-2);cursor:pointer;width:44px;height:44px;color:var(--tekst);border:none;border-radius:50%;place-items:center;display:grid}.ronde-knop svg{width:22px;height:22px}.optie{border-radius:var(--r-optie);background:var(--vlak);width:100%;min-height:60px;box-shadow:inset 0 0 0 2px var(--lijn);text-align:left;cursor:pointer;transition:transform var(--snel) var(--uit),background var(--mid),box-shadow var(--mid);border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:16.5px;font-weight:700;display:flex;position:relative}.optie:hover{box-shadow:inset 0 0 0 2px var(--tekst-3)}.optie:active{transform:scale(.98)}.optie .sub{color:var(--tekst-2);font-size:14px;font-weight:500}.optie.goed{background:var(--groen);color:var(--op-kleur);box-shadow:none;animation:pop .42s var(--veer)}.optie.fout{background:var(--rood);color:#fff;box-shadow:none;animation:.38s schud}.optie.goed .sub,.optie.fout .sub{color:inherit;opacity:.8}.optie.gekozen{box-shadow:inset 0 0 0 2.5px var(--merk)}.optie[disabled]{cursor:default}.optie[disabled]:not(.goed):not(.fout){opacity:.55}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.045)}to{transform:scale(1)}}@keyframes schud{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.spelbalk{justify-content:space-between;align-items:center;gap:10px;padding-block:6px 12px;display:flex}.punten{color:var(--tekst);background:var(--vlak-2);border-radius:999px;align-items:center;gap:7px;padding:7px 12px 7px 9px;font-size:16px;font-weight:850;font-stretch:112%;text-decoration:none;display:inline-flex}.punten svg{width:18px;height:18px;color:var(--geel)}.punten.tik{animation:pop .38s var(--veer)}.combo{align-items:flex-end;gap:3px;height:26px;display:flex}.combo i{background:var(--lijn);width:6px;transition:height var(--mid) var(--veer),background var(--mid);border-radius:3px}.combo i:first-child{height:8px}.combo i:nth-child(2){height:13px}.combo i:nth-child(3){height:19px}.combo i:nth-child(4){height:26px}.combo i.aan{background:var(--groen)}.combo-tekst{color:var(--groen);min-width:30px;font-size:15px;font-weight:850;font-stretch:115%}.voortgang{background:var(--vlak-2);border-radius:4px;height:8px;overflow:hidden}.voortgang i{background:var(--merk);border-radius:4px;height:100%;transition:width .3s linear;display:block}.stippen{gap:6px;display:flex}.stippen span{background:var(--vlak-2);height:8px;transition:background var(--mid);border-radius:4px;flex:1}.stippen span.g{background:var(--groen)}.stippen span.f{background:var(--rood)}.stippen span.nu{background:var(--tekst-3)}.rooster{gap:6px;display:flex}.rooster span{background:var(--vlak-2);border-radius:7px;width:26px;height:26px}.rooster span.g{background:var(--groen)}.rooster span.f{background:var(--rood)}.vlieg{z-index:60;pointer-events:none;color:var(--groen);text-shadow:0 2px 12px #00000059;animation:vlieg .9s var(--uit) forwards;font-size:26px;font-weight:900;font-stretch:115%;position:fixed}@keyframes vlieg{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-18px)scale(1.12)}to{opacity:0;transform:translate(-50%,-80px)scale(1)}}.hoes{isolation:isolate;border-radius:12px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.hoes svg{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hoes b{mix-blend-mode:normal;font-weight:900;font-stretch:70%;line-height:1}.lijn{flex-direction:column;gap:8px;display:flex;position:relative}.lijn-kaart{background:var(--vlak);border-radius:18px;align-items:center;gap:12px;min-height:68px;padding:10px 12px 10px 10px;display:flex}.lijn-kaart .jaar{letter-spacing:-.03em;text-align:right;min-width:72px;margin-left:auto;font-size:26px;font-weight:900;font-stretch:120%}.lijn-kaart .titel{flex-direction:column;min-width:0;display:flex}.lijn-kaart .titel b{font-size:17px;font-weight:800;font-stretch:86%;line-height:1.15}.lijn-kaart.goed{box-shadow:inset 0 0 0 2.5px var(--groen)}.lijn-kaart.fout{box-shadow:inset 0 0 0 2.5px var(--rood)}@keyframes invoeg{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.gat{border:2px dashed var(--lijn);min-height:46px;color:var(--tekst-2);cursor:pointer;transition:all var(--snel);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.gat:hover,.gat:focus-visible{border-color:var(--geel);color:var(--geel);background:color-mix(in srgb,var(--geel) 8%,transparent)}.gat svg{width:18px;height:18px}.huidig-kaart{background:var(--geel);color:var(--op-kleur);animation:invoeg .42s var(--veer);border-radius:22px;align-items:center;gap:14px;padding:14px;display:flex}.huidig-kaart .label{color:var(--op-kleur);opacity:.7}.huidig-kaart h3{font-size:24px}.hl-kaart{background:var(--vlak);min-height:128px;transition:transform var(--mid) var(--veer);border-radius:24px;align-items:center;gap:14px;padding:14px;display:flex;position:relative}.hl-kaart.bekend{background:var(--vlak-2)}.hl-kaart .getal{letter-spacing:-.03em;font-size:34px;font-weight:900;font-stretch:120%;line-height:1}.hl-kaart .vraag{color:var(--blauw)}.hl-tussen{z-index:2;justify-content:center;align-items:center;gap:10px;margin:-6px 0;display:flex;position:relative}.hl-tussen span{background:var(--blauw);color:#fff;box-shadow:0 0 0 5px var(--zaal);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:850;font-stretch:110%}.hl-uit{animation:hluit .38s var(--uit) forwards}@keyframes hluit{to{opacity:0;transform:translateY(-30px)}}.lijst{flex-direction:column;display:flex}.lijst>div{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.lijst>div:last-child{border-bottom:none}.lijst .nr{color:var(--tekst-2);width:26px;font-size:15px;font-weight:900;font-stretch:115%}.lijst .wij{font-weight:800}.lijst .wij .naam{color:var(--merk)}.hitpos{color:var(--groen);align-items:center;gap:2px;font-size:12px;font-weight:800;display:inline-flex}.hitpos.af{color:var(--rood)}.avatars{flex-wrap:wrap;gap:8px;display:flex}.av{background:var(--vlak);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:14px;font-weight:700;display:flex}.av i{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-style:normal;font-weight:850;display:grid}.meter{grid-template-columns:92px 1fr 30px;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:grid}.meter .balk{background:color-mix(in srgb,currentColor 14%,transparent);border-radius:5px;height:10px;overflow:hidden}.meter .balk i{background:var(--merk);height:100%;transition:width .7s var(--uit);border-radius:5px;display:block}.meter .num{text-align:right;font-size:13px;font-weight:850;font-stretch:115%}.golf{width:100%;height:64px;display:block}.veld{flex-direction:column;gap:7px;display:flex}.veld input,.veld select,.veld textarea,input.invoer{background:var(--vlak);min-height:54px;box-shadow:inset 0 0 0 2px var(--lijn);border:none;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:600}.veld input:focus,.veld select:focus,input.invoer:focus{box-shadow:inset 0 0 0 2px var(--tekst);outline:none}.tabs{z-index:20;background:color-mix(in srgb,var(--zaal) 88%,transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--lijn);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);position:fixed;bottom:0;left:0;right:0}.tabs nav{grid-template-columns:repeat(5,1fr);max-width:440px;margin:0 auto;display:grid}.tabs a{color:var(--tekst-3);min-height:58px;transition:color var(--snel);flex-direction:column;align-items:center;gap:3px;padding:9px 0 10px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.tabs a svg{width:26px;height:26px;transition:transform var(--mid) var(--veer)}.tabs a.actief{color:var(--tekst)}.tabs a.actief svg{--vul:var(--merk);transform:translateY(-2px)scale(1.08)}.melding{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));background:var(--tekst);color:var(--zaal);z-index:70;max-width:min(400px,100vw - 32px);animation:opkomst .3s var(--veer);border-radius:999px;padding:12px 18px;font-size:14px;font-weight:750;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000059}@keyframes opkomst{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.modal{z-index:80;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));background:#0009;place-items:center;animation:.22s vervaag;display:grid;position:fixed;inset:0}.modal>div{text-align:center;width:min(380px,100%);animation:invoeg .52s var(--veer);border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:26px 22px 20px;display:flex}@keyframes vervaag{0%{opacity:0}}#fx{pointer-events:none;z-index:75;width:100vw;height:100vh;position:fixed;inset:0}.speld{text-align:center;color:var(--tekst-2);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.speld .rond{border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 -4px #0000002e}.speld .rond svg{width:30px;height:30px}.speld.dicht .rond{box-shadow:inset 0 0 0 2px var(--lijn);background:var(--vlak-2)!important;color:var(--tekst-3)!important}.speldjes{grid-template-columns:repeat(4,1fr);gap:14px 8px;display:grid}.niveau{align-items:center;gap:12px;display:flex}.niveau .badge{background:var(--geel);width:52px;height:52px;color:var(--op-kleur);border-radius:16px;flex:none;place-items:center;font-size:22px;font-weight:900;font-stretch:120%;display:grid}.ticket{color:var(--op-kleur);border-radius:24px;position:relative;overflow:hidden}.ticket .boven{padding:20px 20px 18px}.ticket .onder{border-top:2px dashed #00000047;padding:16px 20px 20px;position:relative}.ticket .onder:before,.ticket .onder:after{content:"";background:var(--zaal);border-radius:50%;width:24px;height:24px;position:absolute;top:-13px}.ticket .onder:before{left:-12px}.ticket .onder:after{right:-12px}.ticket .label{color:currentColor;opacity:.72}.deelbeeld{border-radius:20px;width:100%;display:block}.carrousel{scroll-snap-type:x mandatory;padding-bottom:6px;gap:12px;margin-inline:-4px;padding-inline:4px;display:flex;overflow-x:auto}.carrousel>*{scroll-snap-align:center;flex:0 0 78%;min-width:0}.tekstvak{white-space:pre-wrap;background:var(--vlak);border-radius:14px;padding:14px;font-size:14px;font-weight:600;line-height:1.5}.verborgen-tekst{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.schakel{background:var(--lijn);cursor:pointer;width:54px;height:32px;transition:background var(--mid);border:none;border-radius:16px;flex:none;position:relative}.schakel:after{content:"";width:24px;height:24px;transition:left var(--mid) var(--veer);background:#fff;border-radius:50%;position:absolute;top:4px;left:4px}.schakel[aria-checked=true]{background:var(--groen)}.schakel[aria-checked=true]:after{left:26px}.nummer-in{grid-template-columns:24px 1fr;align-items:center;gap:8px;display:grid}.timer{font-weight:900;font-stretch:120%}.prijs{letter-spacing:-.03em;font-size:44px;font-weight:900;font-stretch:115%}.logoblad{grid-template-columns:1fr 1fr;gap:10px;display:grid}.logoblad>div{aspect-ratio:1;border-radius:18px;place-items:center;max-width:100%;display:grid}.staal{gap:6px;display:flex}.staal span{border-radius:10px;flex:1;height:44px}.in>*{animation:binnen .46s var(--uit) both}.in>:nth-child(2){animation-delay:40ms}.in>:nth-child(3){animation-delay:80ms}.in>:nth-child(4){animation-delay:.12s}.in>:nth-child(5){animation-delay:.16s}.in>:nth-child(n+6){animation-delay:.2s}@keyframes binnen{0%{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}.ontvouw{animation:binnen .42s var(--uit) both}.pulse{animation:pop .48s var(--veer)}::view-transition-old(root){animation:.22s var(--uit) both vt-uit}::view-transition-new(root){animation:.32s var(--uit) both vt-in}@keyframes vt-uit{to{opacity:0;transform:translate(-24px)}}@keyframes vt-in{0%{opacity:0;transform:translate(28px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}::view-transition-old(root){transition:none!important;animation:none!important}::view-transition-new(root){transition:none!important;animation:none!important}}.patroon .ring{transform-box:fill-box;transform-origin:50%;animation:4s linear infinite ring}@keyframes ring{0%{opacity:0;transform:scale(.55)}15%{opacity:1}to{opacity:0;transform:scale(1.25)}}.patroon .eq{transform-box:fill-box;transform-origin:bottom;animation:1s ease-in-out infinite alternate eq}@keyframes eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.patroon .stip{animation:2s ease-in-out infinite stip}@keyframes stip{0%,to{opacity:.35}50%{opacity:1}}.vinyl{transform-origin:50%;animation:1.8s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.knop,.optie,.poster,.gat,.chip,.hl-kaart{position:relative;overflow:hidden}.rimpel{opacity:.22;pointer-events:none;animation:rimpel .52s var(--uit) forwards;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes rimpel{to{opacity:0;transform:scale(1)}}.poster{transition:transform var(--mid) var(--veer),box-shadow var(--mid)}.poster:hover{transform:translateY(-2px)}.tabs nav{position:relative}.tab-pil{background:var(--vlak-2);width:56px;height:32px;transition:left .42s var(--veer),opacity var(--mid);z-index:0;pointer-events:none;border-radius:16px;position:absolute;top:6px}.tabs a{z-index:1;position:relative}.tabs a.actief svg{animation:hop .42s var(--veer)}@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-5px)scale(1.12)}to{transform:translateY(-2px)scale(1.08)}}.combo.leeft i.aan{animation:.5s ease-in-out infinite alternate tel}.combo.leeft i.aan:nth-child(2){animation-delay:.12s}.combo.leeft i.aan:nth-child(3){animation-delay:.24s}.combo.leeft i.aan:nth-child(4){animation-delay:.36s}@keyframes tel{to{filter:brightness(1.35);transform:scaleY(1.12)}}.combo i{transform-origin:bottom}.groei{transition:width .9s var(--uit)}.skelet{background:linear-gradient(100deg,var(--vlak) 30%,var(--vlak-2) 50%,var(--vlak) 70%);background-size:300% 100%;animation:1.3s linear infinite skelet}@keyframes skelet{to{background-position:-150% 0}}.lijn-kaart.nieuw{animation:none}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.9,.25,1)}.typen{background:var(--vlak);border-radius:18px;align-self:flex-start;align-items:center;gap:5px;padding:14px 16px;display:inline-flex}.typen i{background:var(--tekst-2);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite typen}.typen i:nth-child(2){animation-delay:.15s}.typen i:nth-child(3){animation-delay:.3s}@keyframes typen{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.bel{max-width:82%;animation:bel .36s var(--veer);border-radius:20px;padding:11px 15px}.bel.ik{background:var(--merk);color:var(--op-kleur);border-bottom-right-radius:6px;align-self:flex-end;font-weight:600}.bel.zij{background:var(--vlak);border-bottom-left-radius:6px;align-self:flex-start}@keyframes bel{0%{opacity:0;transform:scale(.7)translateY(10px)}}.suggesties{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.suggesties button{white-space:normal;text-align:left;background:var(--vlak-2);max-width:260px;color:var(--tekst);cursor:pointer;border:none;border-radius:16px;flex:none;padding:10px 14px;font-size:14px;font-weight:600}.citaat{border-left:4px solid var(--roze);background:var(--vlak);border-radius:12px;padding:10px 14px}.seg{background:var(--vlak);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid;position:relative}.seg button{z-index:1;color:var(--tekst-2);cursor:pointer;transition:color var(--mid);background:0 0;border:none;border-radius:999px;padding:10px 6px;font-size:13.5px;font-weight:800;position:relative}.seg button[aria-selected=true]{color:var(--op-kleur)}.seg .seg-pil{background:var(--geel);transition:left .42s var(--veer),width .42s var(--veer);border-radius:999px;position:absolute;top:4px;bottom:4px}.touw{background:var(--vlak-2);border-radius:18px;height:56px;display:flex;position:relative;overflow:hidden}.touw .wij{background:var(--roze);color:var(--op-kleur)}.touw .zij{background:var(--blauw);color:#fff}.touw>div{white-space:nowrap;transition:width 1.1s var(--veer);align-items:center;width:50%;padding:0 14px;font-size:18px;font-weight:900;font-stretch:115%;display:flex}.touw .zij{justify-content:flex-end}.touw:after{content:"";top:8px;bottom:8px;left:var(--midden,50%);background:var(--zaal);width:4px;transition:left 1.1s var(--veer);border-radius:2px;margin-left:-2px;position:absolute}.rangrij{border-bottom:1px solid var(--lijn);grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.rangrij:last-child{border-bottom:none}.rangrij .pos{font-size:20px;font-weight:900;font-stretch:118%}.rangrij .balk{background:var(--vlak-2);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.rangrij .balk i{background:var(--tekst-3);width:0;height:100%;transition:width .9s var(--uit);border-radius:3px;display:block}.rangrij.wij .balk i{background:var(--geel)}.rangrij.wij .naam{color:var(--geel)}.zoek-podium{place-items:center;min-height:300px;display:grid;position:relative}.zoek-podium .av-groot{color:#fff;width:62px;height:62px;box-shadow:0 0 0 5px var(--zaal);animation:popin .52s var(--veer) both;border-radius:50%;place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute}.zoek-podium .match{background:var(--groen);color:var(--op-kleur);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:850;position:absolute;transform:translateY(40px)}@keyframes popin{0%{opacity:0;transform:scale(0)rotate(-20deg)}}.scramble{text-transform:uppercase;min-height:2em;font-size:44px;font-weight:900;font-stretch:68%;line-height:.95}@media (prefers-reduced-motion:reduce){.patroon *,.vinyl{animation:none!important}}[hidden]{display:none!important}body[data-modus=rustig] .patroon,body[data-modus=rustig] .kop .punten{display:none}body[data-modus=rustig] h1,body[data-modus=rustig] h2{font-weight:720;font-stretch:90%}body[data-modus=rustig] .poster{box-shadow:inset 0 0 0 1px var(--lijn)}body[data-modus=rustig] .bel.ik{font-weight:500}body[data-modus=rustig] .poster.roze .knop{color:var(--roze);background:#fff}.tekstvak{overflow-wrap:anywhere}.kop .merk svg.woordmerk-svg{width:74px;height:30px;margin-left:-4px}.app{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.fout-blok{background:color-mix(in srgb,var(--rood) 14%,var(--vlak));border-radius:16px;padding:14px;font-weight:600}.gat-knop{border:2px dashed var(--lijn);min-height:46px;color:var(--tekst-2);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:750;display:flex}.gat-knop:hover,.gat-knop:focus-visible{border-color:var(--geel);color:var(--geel)}.voet{color:var(--tekst-3);flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:28px;font-size:12.5px;display:flex}.voet a{color:inherit}