@font-face{font-family:"Anton";src:url(https://muziek-bingo.nl/wp-content/plugins/muziekbingo/app/fonts/anton-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Karla";src:url(https://muziek-bingo.nl/wp-content/plugins/muziekbingo/app/fonts/karla-variabel.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:"DM Mono";src:url(https://muziek-bingo.nl/wp-content/plugins/muziekbingo/app/fonts/dmmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"DM Mono";src:url(https://muziek-bingo.nl/wp-content/plugins/muziekbingo/app/fonts/dmmono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--inkt:#1C1D1D;--blad:#FFFFFF;--magenta:#FA05EA;--cyaan:#02C6DF;--geel:#FFE500;--diep:#101111;--blad-82:color-mix(in oklab, var(--blad) 82%, var(--inkt));--blad-65:color-mix(in oklab, var(--blad) 65%, var(--inkt));--blad-40:color-mix(in oklab, var(--blad) 40%, var(--inkt));--blad-30:color-mix(in oklab, var(--blad) 30%, var(--inkt));--blad-22:color-mix(in oklab, var(--blad) 22%, var(--inkt));--blad-12:color-mix(in oklab, var(--blad) 12%, var(--inkt));--blad-06:color-mix(in oklab, var(--blad) 6%, var(--inkt));--disp:"Anton", "Haettenschweiler", "Arial Narrow", sans-serif;--body:"Karla", "Segoe UI", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, Consolas, monospace;--lijn:3px;--kop-h:56px;--gutter:16px;--ease-uit:cubic-bezier(0.16, 1, 0.3, 1);--snel:.2s;--demo-h:48px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--blad-40) var(--inkt)}body{margin:0;min-height:100dvh;background:var(--inkt);color:var(--blad);font-family:var(--body);font-size:1rem;line-height:1.5;font-variation-settings:"wght" 450;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer;padding:0}h1,h2,h3,h4{font-family:var(--disp);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:.95;margin:0}p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}strong,b{font-variation-settings:"wght" 700;font-weight:700}[hidden]{display:none!important}::selection{background:var(--geel);color:var(--inkt)}:focus-visible{outline:3px solid var(--cyaan);outline-offset:3px;border-radius:2px}.mono{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.cijfer{font-family:var(--mono);font-variant-numeric:tabular-nums}.stil{color:var(--blad-65)}.nowrap{white-space:nowrap}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;padding:0 1.5rem;font-family:var(--disp);font-size:1.375rem;text-transform:uppercase;letter-spacing:.03em;color:var(--inkt);background:var(--magenta);border:var(--lijn) solid var(--magenta);border-radius:4px;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -8px color-mix(in oklab,var(--magenta) 55%,transparent);transition:transform .35s var(--ease-uit),box-shadow .35s var(--ease-uit),background var(--snel),color var(--snel)}.knop:hover{transform:translateY(-2px);box-shadow:0 16px 28px -10px color-mix(in oklab,var(--magenta) 60%,transparent)}.knop:active{transform:translateY(1px);box-shadow:0 4px 10px -4px color-mix(in oklab,var(--magenta) 55%,transparent)}.knop:disabled{background:var(--blad-12);border-color:var(--blad-12);color:var(--blad-65);box-shadow:none;transform:none;cursor:default}.knop-stil{background:#fff0;color:var(--blad);border-color:var(--blad-40);box-shadow:none}.knop-stil:hover{background:var(--blad-12);box-shadow:none;transform:none}.knop-klein{min-height:44px;font-size:1.125rem;padding:0 1.1rem;box-shadow:none}.knop-klein:hover{transform:none;box-shadow:none}.knop-breed{width:100%}.knop svg{width:1.1em;height:1.1em}.tekstlink{font-variation-settings:"wght" 700;font-weight:700;text-decoration:underline;text-decoration-color:var(--cyaan);text-decoration-thickness:3px;text-underline-offset:.22em;transition:text-decoration-color var(--snel)}.tekstlink:hover{text-decoration-color:var(--magenta)}.tekstlink-klein{font-size:.875rem;text-decoration-thickness:2px}.kop{position:sticky;top:0;z-index:30;height:var(--kop-h);background:var(--inkt);border-bottom:var(--lijn) solid var(--blad-30);display:flex;align-items:center;gap:1rem;padding:0 var(--gutter)}.merk{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}.merk img{height:40px;width:auto}.kop-nav{display:flex;align-items:center;gap:1.25rem;font-size:.9375rem}.kop-nav a{text-decoration:none}.kop-nav .tekstlink{text-decoration:underline}.dash{max-width:1240px;margin-inline:auto;padding:1.25rem var(--gutter) calc(4rem + var(--demo-h))}.avond-kop{padding:.5rem 0 1.1rem;border-bottom:var(--lijn) solid var(--blad-30);display:grid;gap:.45rem}.avond-regel{display:flex;align-items:center;gap:.5rem;min-height:28px;color:var(--blad-82)}.avond-regel .cijfer{color:var(--blad)}.avond-naam h1{font-size:2rem;cursor:text}.avond-naam{align-items:baseline}.tikbaar{cursor:text}.avond-los{color:var(--blad-65)}.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;display:block}.avond-regel .bewerk{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;text-decoration:none;color:var(--blad-65);border:1px solid var(--blad-30)}.avond-regel .bewerk:hover{color:var(--blad);border-color:var(--cyaan)}.avond-naam .bewerk{align-self:center}.avond-naam input{font-family:var(--disp);font-size:2rem;text-transform:uppercase;letter-spacing:.012em;line-height:.95;background:#fff0;border:0;border-bottom:var(--lijn) solid var(--cyaan);color:var(--blad);padding:0;width:100%;max-width:20ch}.bewerk{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blad-65);text-decoration:underline;text-decoration-color:var(--cyaan);text-decoration-thickness:2px;text-underline-offset:.3em}.bewerk:hover{color:var(--blad)}.rondes{border-bottom:var(--lijn) solid var(--blad-30)}.ronde{display:grid;grid-template-columns:2.4rem 48px minmax(0,1fr);align-items:center;gap:.85rem;padding:.9rem 0;border-top:1px solid var(--blad-12)}.ronde:first-child{border-top:0}.ronde-nr{font-family:var(--disp);font-size:2rem;line-height:1;color:var(--blad-40);font-variant-numeric:tabular-nums}.ronde.nu .ronde-nr{color:var(--blad)}.ronde-thema{font-family:var(--disp);font-size:1.375rem;text-transform:uppercase;letter-spacing:.012em;line-height:1;display:block}.ronde-sub{display:block;margin-top:.3rem;color:var(--blad-65)}.ronde-sub .bewerk{white-space:nowrap;display:inline-block;margin-left:.5rem}.knop.spotify,.spotify-leeg{display:inline-flex;align-items:center;gap:.5em;max-width:100%}.knop.spotify span,.spotify-leeg span{white-space:normal;text-align:left;min-width:0}.ico-spotify{width:1.15em;height:1.15em;flex:none}.spotify-leeg{color:var(--blad-65);font-size:.88rem}.ronde .spotify{margin-top:.6rem}.checks .spotify{margin-top:.6rem}.muziek.paneel{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;color:var(--blad-82)}.muziek b{color:var(--blad)}.ronde.klaar .ronde-thema{color:var(--blad-65)}.ronde.klaar .ronde-sub{color:var(--geel)}.ronde-hoezen{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:48px;aspect-ratio:1;border-radius:3px;overflow:hidden;background:var(--blad-30)}.ronde.klaar .ronde-hoezen{filter:grayscale(1) brightness(.7)}.ronde-hoezen img{width:100%;height:100%;object-fit:cover}.tvcode{display:grid;gap:.5rem;padding:.85rem 0;border-bottom:var(--lijn) solid var(--blad-30)}.tvcode-regel{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}.tvcode p{color:var(--blad-82)}.tvcode p b{color:var(--blad)}.code{font-family:var(--disp);font-size:1.5rem;letter-spacing:.08em;line-height:1;color:var(--cyaan);font-variant-numeric:tabular-nums;white-space:nowrap}.prijzen{padding:1.1rem 0 .25rem}.prijzen-kop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.prijzen-kop h2{font-size:1.125rem;letter-spacing:.04em}.prijzen-kop p{color:var(--blad-65);font-size:.875rem}.trap-lijst{margin-top:.6rem;display:grid;gap:0}.trap-regel{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:44px;border-top:1px solid var(--blad-12)}.trap-regel:first-child{border-top:0}.trap-regel .mono{color:var(--blad-65)}.trap-regel input{width:100%;background:#fff0;border:0;border-bottom:2px solid var(--blad-22);padding:.35rem 0;color:var(--blad);transition:border-color var(--snel)}.trap-regel input::placeholder{color:var(--blad-65)}.trap-regel input:focus{outline:none;border-bottom-color:var(--cyaan)}.start-vast{position:sticky;bottom:var(--demo-h);padding:1.25rem 0 .75rem;background:linear-gradient(to top,var(--inkt) 85%,transparent);margin-top:1rem}.start-vast .knop{width:100%}.voor-voet{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.875rem;color:var(--blad-65)}.tijdens{display:grid;gap:1.25rem}.tv-kolom{display:none}.tv{position:relative;aspect-ratio:16 / 9;background:var(--diep);border:var(--lijn) solid var(--blad-30);border-radius:10px;padding:18px 22px;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px}.tv .kopregel{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyaan)}.tv .kopregel b{font-weight:500}.tv-vlak{position:relative;min-height:0}.tv-vlak>*{position:absolute;inset:0;transition:opacity .25s var(--ease-uit),transform .25s var(--ease-uit)}.tv-vlak>[data-uit]{opacity:0;transform:translateY(6px);pointer-events:none}.tv-scan{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.tv-scan img{height:100%;max-height:100%;aspect-ratio:1;background:var(--blad);padding:4px;border-radius:4px}.tv-scan h3{font-size:2.25rem}.tv-scan p{margin-top:.4rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.02em;line-height:1.6;color:var(--blad-65)}.tv-scan p b{color:var(--cyaan);font-weight:500;letter-spacing:.1em}.tv-stand{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px}.tv-gevallen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:start;min-height:0;overflow:hidden}.tv-gevallen figure{margin:0;min-width:0}.tv-gevallen img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.tv-gevallen figure:first-child img{outline:2px solid var(--cyaan);outline-offset:1px}.tv-gevallen figcaption{margin-top:4px;font-size:.75rem;line-height:1.25}.tv-gevallen figcaption b,.tv-gevallen figcaption span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-gevallen figcaption span{color:var(--blad-65)}.tv:not(.hint) .tv-gevallen{display:none}.tv-gevallen:empty::before{content:"Zet de muziek aan";font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blad-65)}.tv-spelers{display:flex;flex-wrap:wrap;gap:4px;align-content:flex-start;overflow:hidden;max-height:3.2em}.tv-spelers span{font-family:var(--mono);font-size:.75rem;padding:.25em .55em;border:1px solid var(--blad-30);border-radius:999px;white-space:nowrap}.tv-spelers span.win{border-color:var(--geel);color:var(--geel)}.tv-teller{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blad-65)}.tv-teller b{color:var(--cyaan);font-weight:500}.tv-win{display:grid;align-content:center;justify-items:start;gap:6px}.tv-win h3{font-size:3.5rem;color:var(--geel)}.tv-win p{font-family:var(--disp);font-size:1.75rem;text-transform:uppercase;letter-spacing:.02em;line-height:1;display:flex;flex-wrap:wrap;gap:.35em .6em}.tv-win p span:empty{display:none}.tv-win p span+span:not(:empty)::before{content:"·";margin-right:.6em;color:var(--blad-40)}.tv-onder{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 2px .4rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blad-65)}.tv-onder b{color:var(--blad);font-weight:500}.stand{padding:.25rem 0 .75rem;display:grid;gap:.75rem}.stand-kop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.stand-kop h2{font-size:1.75rem}.stand-kop .mono{color:var(--blad-65)}.stand-kop .mono b{color:var(--cyaan);font-weight:500}.trappen{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trappen{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trap{border:2px solid var(--blad-30);border-radius:4px;padding:8px 10px;min-height:56px;display:grid;align-content:center;gap:2px;transition:background var(--snel),border-color var(--snel),color var(--snel)}.trap .mono{font-size:.75rem;letter-spacing:.02em;color:var(--blad-65);white-space:nowrap}.trap b{font-family:var(--disp);font-weight:400;font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--blad-65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trap.nu{border-color:var(--blad-65)}.trap.nu b{color:var(--blad)}.trap.vol{border-color:var(--geel);background:color-mix(in oklab,var(--geel) 12%,var(--diep))}.trap.vol .mono{color:var(--geel)}.trap.vol b{color:var(--geel)}.panelen{display:grid;gap:0}.paneel{padding:1rem 0 1.25rem;border-top:var(--lijn) solid var(--blad-30)}.paneel-kop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.paneel-kop h2{font-size:1.375rem}.paneel-kop h2 b{color:var(--cyaan);font-weight:400;font-variant-numeric:tabular-nums}.paneel-kop .mono{color:var(--blad-65)}.leeg{color:var(--blad-65);padding:.75rem 0 0;max-width:36ch}.uitnodigen-groot{margin-top:.75rem;display:grid;grid-template-columns:132px minmax(0,1fr);gap:1rem;align-items:center}.uitnodigen-groot img{width:132px;height:132px;background:var(--blad);padding:6px;border-radius:6px}.uitnodigen-groot p{color:var(--blad-82)}.uitnodigen-groot .adres{display:block;margin-top:.4rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em;color:var(--blad);overflow-wrap:anywhere}.uitnodigen-regel{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--blad-82)}.paneel.groot .uitnodigen-regel,.paneel:not(.groot) .uitnodigen-groot{display:none}.gasten{margin-top:.4rem}.gast{display:grid;grid-template-columns:minmax(0,1fr) 72px 3.2ch;align-items:center;gap:12px;min-height:40px;border-top:1px solid var(--blad-12);animation:binnen .35s var(--ease-uit) both}.gast:first-child{border-top:0}.gast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gast.win span{color:var(--geel)}.gast i{height:8px;border-radius:999px;background:var(--blad-22);position:relative;overflow:hidden}.gast i::after{content:"";position:absolute;inset:0;transform:scaleX(calc(var(--n) / var(--max)));transform-origin:left;background:var(--cyaan);border-radius:inherit;transition:transform .35s var(--ease-uit)}.gast.win i::after{background:var(--geel)}.gast b{font-family:var(--mono);font-weight:500;text-align:right;font-variant-numeric:tabular-nums;font-size:.875rem}@keyframes binnen{from{opacity:0;transform:translateY(-4px)}}.nummers{margin-top:.4rem}.nummer{display:grid;grid-template-columns:40px minmax(0,1fr) 72px 3.2ch;align-items:center;gap:12px;padding:6px 0;border-top:1px solid var(--blad-12);animation:binnen .35s var(--ease-uit) both}.nummer:first-child{border-top:0}.nummer img{width:40px;height:40px;object-fit:cover;border-radius:3px}.nummer .titel{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variation-settings:"wght" 700;font-weight:700}.nummer .artiest{display:block;font-size:.875rem;color:var(--blad-65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nummer i{height:8px;border-radius:999px;background:var(--blad-22);position:relative;overflow:hidden}.nummer i::after{content:"";position:absolute;inset:0;transform:scaleX(calc(var(--n) / var(--max)));transform-origin:left;background:var(--cyaan);border-radius:inherit;transition:transform .35s var(--ease-uit)}.nummer b{font-family:var(--mono);font-weight:500;text-align:right;font-variant-numeric:tabular-nums;font-size:.875rem}.schakel{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.2rem .75rem;align-items:center;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--blad-12);cursor:pointer}.schakel input{width:22px;height:22px;margin:0;accent-color:var(--cyaan)}.schakel span{font-variation-settings:"wght" 700;font-weight:700}.schakel small{grid-column:2;font-size:.875rem;color:var(--blad-65)}.prijzen-tijdens summary{list-style:none;cursor:pointer}.prijzen-tijdens summary::-webkit-details-marker{display:none}.prijzen-tijdens summary .mono{text-decoration:underline;text-decoration-color:var(--cyaan);text-decoration-thickness:2px;text-underline-offset:.3em}.prijzen-tijdens[open] summary .mono{text-decoration:none}.prijzen-tijdens .trap-lijst{margin-top:.75rem}.ronde-einde{padding:1.25rem 0 0;border-top:var(--lijn) solid var(--blad-30);display:grid;gap:.75rem}.ronde-einde p{color:var(--blad-82);max-width:40ch}.ronde-einde .knoppen{display:flex;flex-wrap:wrap;gap:.75rem}.ronde-einde .knoppen .knop{flex:1 1 12rem}.vel{border:var(--lijn) solid var(--blad-30);border-radius:22px 22px 0 0;background:var(--inkt);color:var(--blad);padding:1.25rem var(--gutter) max(1.25rem, env(safe-area-inset-bottom));width:100%;max-width:none;margin:auto 0 0;box-shadow:0 -18px 40px -18px color-mix(in oklab,var(--inkt) 80%,transparent)}.vel::backdrop{background:color-mix(in oklab,var(--inkt) 70%,transparent);backdrop-filter:blur(2px)}.vel h2{font-size:1.75rem}.vel>p{margin-top:.4rem;color:var(--blad-65)}.checks{margin-top:1rem;display:grid}.checks li{display:grid;grid-template-columns:minmax(0,1fr);padding:.7rem 0;border-top:1px solid var(--blad-12)}.checks li:first-child{border-top:0}.checks li>div>b{display:block}.checks li>div>span{display:block;color:var(--blad-82);font-size:.9375rem}.checks .code-klein{font-family:var(--disp);font-size:1.125rem;letter-spacing:.08em;color:var(--cyaan)}.vel .knoppen{margin-top:1.25rem;display:grid;gap:.6rem}.melding{position:fixed;inset:auto 0 var(--demo-h) 0;z-index:40;padding:0 var(--gutter) .75rem;display:grid;justify-items:center;pointer-events:none}.melding-achter{position:fixed;inset:0;background:color-mix(in oklab,var(--inkt) 55%,transparent);backdrop-filter:blur(2px);opacity:0;transition:opacity .25s}.melding.aan .melding-achter{opacity:1;pointer-events:auto}.controle{position:relative;width:100%;max-width:440px;background:var(--inkt);color:var(--blad);border:var(--lijn) solid var(--blad-40);border-radius:22px;padding:14px 16px 16px;box-shadow:0 -16px 40px -12px color-mix(in oklab,#000 70%,transparent);transform:translateY(calc(100% + 2rem));transition:transform .35s var(--ease-uit);pointer-events:auto}.melding.aan .controle{transform:translateY(0)}.controle-kop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:4px 2px 0}.controle-kop .controle-trap{color:var(--geel);white-space:nowrap}.controle-melding h3{font-size:1.75rem;letter-spacing:.02em}.controle.goed{border-color:var(--geel)}.controle-melding p{margin-top:.4rem;font-size:.9375rem;color:var(--blad-82)}.controle-lijn{margin:1rem 0 0;display:grid;gap:6px}.controle-lijn li{display:grid;grid-template-columns:minmax(0,1fr) 80px 2ch;align-items:center;gap:10px;font-size:.9375rem}.controle-lijn li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controle-lijn li i{height:10px;border-radius:999px;background:var(--blad-22);position:relative;overflow:hidden}.controle-lijn li i::after{content:"";position:absolute;inset:0;transform:scaleX(calc(var(--n) / var(--max)));transform-origin:left;background:var(--cyaan);border-radius:inherit}.controle-lijn li i.joker-balk::after{transform:none;background:var(--blad-40)}.controle-lijn li b{font-family:var(--mono);font-weight:500;text-align:right;font-variant-numeric:tabular-nums}.controle-knoppen{display:flex;gap:.75rem;margin-top:1.1rem}.controle-knoppen .knop{flex:1}.controle-uitkomst{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--blad-25,var(--blad-22))}.controle-uitkomst p b{color:var(--geel)}.controle-uitkomst .uitkomst-af b{color:var(--blad)}.controle.goed .controle-lijn li i:not(.joker-balk)::after{background:var(--geel)}.demo{position:fixed;left:0;right:0;bottom:0;height:var(--demo-h);z-index:35;background:var(--diep);border-top:1px solid var(--blad-22);padding:6px var(--gutter) max(6px, env(safe-area-inset-bottom));display:flex;align-items:center;gap:.5rem;overflow-x:auto;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blad-65)}.demo b{color:var(--geel);font-weight:500;white-space:nowrap}.demo button{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--blad);border:1px solid var(--blad-30);border-radius:999px;padding:6px 10px;white-space:nowrap}.demo button:hover{border-color:var(--cyaan)}.demo button:disabled{color:var(--blad-40);border-color:var(--blad-12);cursor:default}body[data-stand="voor"] .demo .tijdens-alleen{display:none}@media (min-width:900px){:root{--kop-h:64px;--gutter:32px}.merk img{height:44px}.dash{padding-top:2rem}.voor{max-width:720px;margin-inline:auto}.gast{grid-template-columns:minmax(0,1fr) 120px 3.2ch}.nummer{grid-template-columns:40px minmax(0,1fr) 120px 3.2ch}.controle-lijn li{grid-template-columns:minmax(0,1fr) 96px 2ch}.avond-naam h1,.avond-naam input{font-size:2.75rem}.melding{bottom:0;padding-bottom:calc(var(--demo-h) + 1.5rem)}.start-vast .knop{width:auto;min-width:20rem}.tijdens{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem 3rem;align-items:start}.tv-kolom{display:block;position:sticky;top:calc(var(--kop-h) + 2rem)}.stand{display:none}.paneel:first-child{border-top:0;padding-top:0}.melding{padding-bottom:2rem}.vel{max-width:560px;margin:auto;border-radius:22px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important}}.kop-gast{justify-content:space-between}.kop-avond{color:var(--blad-65);text-transform:none;letter-spacing:.04em;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gast-blad{max-width:520px;margin-inline:auto;padding:1rem var(--gutter) calc(var(--demo-h) + 1rem)}body.gastpagina[data-stand="spelen"] .gast-blad{padding-bottom:calc(var(--demo-h) + 120px)}.binnen,.uitleg-stap,.avond-vol,.tussen{padding-top:2.5rem;display:grid;gap:1rem}.binnen h1,.uitleg-stap h1,.avond-vol h1,.tussen h1{font-size:2.5rem}.binnen-sub{color:var(--blad-65);font-family:var(--mono);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}.binnen-form{display:grid;gap:1rem;margin-top:.5rem}.veld{display:grid;gap:.4rem}.veld span{font-variation-settings:"wght" 700;font-weight:700}.veld input{width:100%;min-height:56px;padding:0 1rem;background:var(--diep);color:var(--blad);border:var(--lijn) solid var(--blad-30);border-radius:4px;font-size:1.125rem;transition:border-color var(--snel)}.veld input::placeholder{color:var(--blad-65)}.veld input:focus{outline:none;border-color:var(--cyaan)}.binnen-voet,.avond-vol p,.tussen p{color:var(--blad-82);max-width:36ch}.avond-vol p b{color:var(--blad)}.tussen-wacht{color:var(--blad-65)}.stappen-gast{display:grid;gap:.9rem;counter-reset:stap;margin-top:.25rem}.stappen-gast li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.15rem .75rem;counter-increment:stap}.stappen-gast li::before{content:counter(stap);grid-row:span 2;font-family:var(--disp);font-size:2rem;line-height:1;color:var(--blad-65)}.stappen-gast li b{font-size:1.125rem}.stappen-gast li span{color:var(--blad-82)}.uitleg-stap .knop{margin-top:.5rem}.spelen{--kaart-maat:min(100vw - 2 * var(--gutter), 520px - 2 * var(--gutter));display:grid;gap:.85rem}.spelen-kop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem}#spelen-patronen:empty{display:none}#spelen-patronen{flex-basis:100%;color:var(--magenta)}.spelen-naam{font-family:var(--disp);font-size:1.375rem;text-transform:uppercase;letter-spacing:.02em}.spelen-kop .mono{color:var(--blad-65);white-space:nowrap}.kaart{width:var(--kaart-maat);background:var(--inkt);border:var(--lijn) solid var(--blad-30);border-radius:6px;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:#fff0}.kaart-cellen{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:var(--lijn);aspect-ratio:1;background:var(--blad-30)}.cel{position:relative;overflow:hidden;isolation:isolate;cursor:pointer;transition:transform .12s var(--ease-uit)}.cel:active{transform:scale(.94)}.cel img{width:100%;height:100%;object-fit:cover}.cel .vink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.cel .vink path{fill:none;stroke:var(--magenta);stroke-width:11;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120}.cel.af .vink path{stroke-dashoffset:0;transition:stroke-dashoffset .4s var(--ease-uit)}.kaart-cellen{aspect-ratio:auto}.cel{aspect-ratio:4 / 5;background:var(--diep);color:var(--blad)}.cel img{position:absolute;inset:0;opacity:0;filter:brightness(.5) saturate(.85);transition:opacity .45s var(--ease-uit)}.cel .tekst{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 3px;text-align:center}.cel .artiest{font-family:var(--mono);font-size:clamp(8.5px, 2.5vw, 11px);letter-spacing:.02em;text-transform:uppercase;color:var(--blad-65);line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cel .titel{font-variation-settings:"wght" 700;font-weight:700;font-size:clamp(11px, 3.4vw, 14px);line-height:1.12;letter-spacing:-.008em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;hyphens:auto}.cel.af img{opacity:1}.cel.af img{filter:brightness(.42) saturate(.55)}.cel.af .tekst{text-shadow:none;opacity:.5}.cel.af .artiest,.cel.af .titel{color:#b9b9bf}.cel .vink{inset:auto 3px 3px auto;width:34%;height:auto;aspect-ratio:1}.cel .vink path{stroke-width:12}.cel.joker{aspect-ratio:4 / 5;background:var(--inkt);display:grid;place-items:center;cursor:default}.cel.joker img{position:static;opacity:1;width:86%;height:auto;object-fit:contain;filter:none}.cel.joker:active{transform:none}.lijnen{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.lijnen line{stroke:var(--geel);stroke-width:3;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;animation:trek .7s var(--ease-uit) forwards}@keyframes trek{to{stroke-dashoffset:0}}.stempel{position:absolute;inset:0;display:grid;place-items:center;z-index:4;pointer-events:none}.stempel span{font-family:var(--disp);font-size:calc(var(--kaart-maat) * 0.17);line-height:1;letter-spacing:.02em;color:var(--geel);background:var(--inkt);padding:.05em .25em .02em;border:var(--lijn) solid var(--geel);transform:rotate(-8deg) scale(.6);opacity:0;transition:transform .6s var(--ease-uit),opacity .3s}.stempel.aan span{transform:rotate(-8deg) scale(1);opacity:1}.stempel.wacht span{color:var(--blad);border-color:var(--blad-65);font-size:calc(var(--kaart-maat) * 0.09)}.stempel.af span{color:var(--blad);border-color:var(--blad-65);font-size:calc(var(--kaart-maat) * 0.11)}.stand-gast{display:grid;gap:.75rem}.teller{color:var(--blad-65);font-size:.875rem}.teller b{color:var(--blad);font-weight:500}.uitslag{padding:.85rem 1rem;border:var(--lijn) solid var(--blad-30);border-radius:6px;color:var(--blad-82)}.uitslag.goed{border-color:var(--geel);color:var(--blad)}.uitslag.goed b{color:var(--geel)}.tip{color:var(--blad-65);font-size:.875rem}.trap.klap{animation:klap .5s var(--ease-uit)}@keyframes klap{0%{transform:rotateX(0)}45%{transform:rotateX(-90deg)}55%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}.bingo-balk{position:fixed;left:0;right:0;bottom:var(--demo-h);z-index:30;padding:.75rem var(--gutter) .6rem;background:var(--inkt);border-top:var(--lijn) solid var(--blad-30);display:grid;gap:.5rem;justify-items:center}.bingo-balk .knop{width:100%;max-width:520px;min-height:64px;font-size:1.75rem;letter-spacing:.06em}.bingo-balk .knop:disabled{box-shadow:none}.bingo-balk .knop.wacht{background:#fff0;color:var(--blad);border-color:var(--blad-40);box-shadow:none}.bingo-status{font-family:var(--body);font-size:1rem;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--blad-82);text-align:center;text-wrap:balance}.bingo-status.aan{color:var(--blad)}.bingo-status.klap{animation:klap .5s var(--ease-uit)}.kaart.vast .cel{pointer-events:none}.kaart.vast .cel{opacity:.7}.veld-melding{display:block;color:var(--blad);font-size:.9375rem}.veld.fout input{border-color:var(--cyaan)}@media (min-width:900px){.gast-blad{padding-top:2rem}.bingo-balk{bottom:0;padding-bottom:calc(var(--demo-h) + 0.75rem)}}:root{--demo-h:0px}.laden,.mislukt,.niets{max-width:34rem;margin:3rem auto;padding:0 var(--gutter);text-align:center;color:var(--blad-65)}.laden b,.mislukt b,.niets b{display:block;color:var(--blad);font-size:1.15rem;margin-bottom:.4rem}.mislukt{color:var(--blad-82)}.mislukt .knop,.niets .knop{margin-top:1.25rem}.laden-punt{width:10px;height:10px;background:var(--magenta);border-radius:50%;margin:0 auto 1rem;animation:kloppen 1.1s ease-in-out infinite}@keyframes kloppen{0%,100%{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}.avonden{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.avond-tegel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;border:var(--lijn) solid var(--blad-30);background:var(--blad-06);padding:.9rem 1rem;text-decoration:none;color:inherit;width:100%;text-align:left;font:inherit;cursor:pointer}.avond-tegel:hover,.avond-tegel:focus-visible{border-color:var(--cyaan);background:var(--blad-12)}.avond-tegel h2{font-size:1.25rem;margin:0 0 .15rem}.avond-tegel .sub{color:var(--blad-65);font-size:.9rem}.avond-tegel .sub b{color:var(--blad);font-weight:400}.avond-tegel .stand-vlag{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--blad-30);padding:3px 8px;white-space:nowrap;color:var(--blad-65)}.avond-tegel .stand-vlag.bezig{border-color:var(--magenta);color:var(--magenta)}.avond-tegel .stand-vlag.klaar{border-color:var(--geel);color:var(--geel)}.terug{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.75rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blad-65);text-decoration:none;background:none;border:0;cursor:pointer;padding:0}.terug:hover{color:var(--cyaan)}.waarschuwing{border:var(--lijn) solid var(--magenta);background:color-mix(in oklab,var(--magenta) 12%,var(--inkt));color:var(--blad);padding:.75rem 1rem;margin-bottom:1rem;font-size:.95rem}.themakeuze{display:grid;gap:.5rem;margin-top:.75rem}.themakeuze button{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;border:2px solid var(--blad-30);background:none;color:inherit;font:inherit;padding:.6rem .75rem;cursor:pointer}.themakeuze button:hover,.themakeuze button:focus-visible{border-color:var(--cyaan)}.themakeuze img{width:34px;height:34px;object-fit:cover}.themakeuze .naam{font-weight:700}.themakeuze .mono{margin-left:auto;color:var(--blad-65)}.tvcode .code{cursor:pointer}.tvcode .gekopieerd{color:var(--cyaan);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.welkom{border:var(--lijn) solid var(--cyaan);background:color-mix(in oklab,var(--cyaan) 9%,var(--inkt));padding:1rem 1.1rem 1.1rem;margin-bottom:1.25rem}.welkom-kop{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.welkom-kop h2{font-size:1.35rem;margin:0}.welkom-weg{background:none;border:0;cursor:pointer;padding:0;white-space:nowrap;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blad-65)}.welkom-weg:hover{color:var(--blad)}.welkom>p{margin:.4rem 0 .9rem;color:var(--blad-82)}.welkom-stappen{list-style:none;counter-reset:stap;margin:0;padding:0;display:grid;gap:.7rem}.welkom-stappen li{counter-increment:stap;display:grid;grid-template-columns:1.6rem 1fr;gap:.1rem .6rem}.welkom-stappen li::before{content:counter(stap);grid-row:span 2;font-family:var(--disp);font-size:1.1rem;color:var(--cyaan);line-height:1.2}.welkom-stappen b{color:var(--blad)}.welkom-stappen span{color:var(--blad-65);font-size:.92rem}.tvcode-uitleg{color:var(--blad-65);font-size:.88rem}.bijkopen-regel{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--blad-22);padding:.9rem 0;color:var(--blad-65)}.avond-vast{color:var(--blad-40);font-size:.85rem}.ronde-los{display:block;color:var(--blad-40);font-size:.8rem;margin-top:.3rem}.ronde.kiesbaar{cursor:pointer}.ronde.kiesbaar:hover,.ronde.kiesbaar:focus-visible{background:var(--blad-06)}.rondes-hint{color:var(--blad-65);font-size:.88rem;margin-top:.5rem}.mand-melding{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border:var(--lijn) solid var(--geel);background:color-mix(in oklab,var(--geel) 10%,var(--inkt));padding:.7rem .9rem;margin-bottom:1rem}.speler-vel{position:fixed;inset:0;z-index:70;display:grid;place-items:center;text-align:center;padding:2rem;cursor:pointer;animation:velIn .3s var(--ease-uit) both}.speler-vel[hidden]{display:none}.speler-vel .vel-binnen{display:grid;gap:.9rem;max-width:22rem}.speler-vel #vel-groot{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:clamp(2.25rem, 12vw, 3.5rem);line-height:.95}.speler-vel #vel-onder{font-size:1.0625rem;line-height:1.45;white-space:pre-line}.speler-vel{overflow:hidden}.speler-vel .snip{position:absolute;top:-1rem;width:.6rem;height:1rem;border-radius:1px;pointer-events:none;animation:snipVal linear both}@keyframes snipVal{to{transform:translate(var(--dx),105vh) rotate(540deg)}}.speler-vel .vel-tik{margin-top:.75rem;font-size:.75rem;letter-spacing:.1em;opacity:.7}.speler-vel[data-staat="goed"]{background:var(--geel);color:var(--inkt)}.speler-vel[data-staat="fout"]{background:#C4122F;color:#fff}.speler-vel[data-staat="info"]{background:var(--cyaan);color:var(--inkt)}@keyframes velIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.speler-vel{animation:none}}.vorm.nu{color:var(--geel);font-variation-settings:"wght" 700;font-weight:700}.vorm.klaar{opacity:.5;text-decoration:line-through}.tussen-logo{height:5rem;width:auto;justify-self:start}.socials-rij{list-style:none;margin:.5rem 0 0;padding:0;display:flex;gap:.75rem}.socials-rij[hidden]{display:none}.socials-rij a{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:var(--lijn) solid var(--blad-30);border-radius:50%;color:var(--blad);transition:border-color var(--snel),color var(--snel)}.socials-rij a:hover,.socials-rij a:focus-visible{border-color:var(--cyaan);color:var(--cyaan)}.socials-rij svg{width:1.5rem;height:1.5rem}html.speelstand,html.speelstand body{height:100%;overflow:hidden;overscroll-behavior:none}body.gastpagina{touch-action:manipulation;-webkit-text-size-adjust:100%}body[data-stand="spelen"] .kop-gast{display:none}body[data-stand="spelen"] .gast-blad{padding:0;max-width:none}.spelen{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;justify-items:center;align-items:center;gap:0;padding:env(safe-area-inset-top,0) 8px calc(104px + env(safe-area-inset-bottom, 0px))}.spelen[hidden]{display:none}.spelen-kop{display:none}.spelen-modus{text-align:center;padding:10px 0 6px;display:grid;gap:3px}.spelen-modus b{font-family:var(--disp);font-weight:400;font-size:2.1rem;text-transform:uppercase;color:var(--geel);line-height:1;letter-spacing:.02em}.spelen-modus small{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blad-65)}.bingo-status{display:none}.bingo-balk{bottom:0;padding:.7rem var(--gutter) calc(0.7rem + env(safe-area-inset-bottom, 0px))}.bingo-balk .knop{min-height:76px;font-size:2.1rem}.bingo-balk .knop:not(:disabled):not(.wacht){animation:bingoPuls 0.9s ease-in-out infinite}@keyframes bingoPuls{50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.bingo-balk .knop{animation:none!important}}.tussen-logo.rond{height:9rem;width:auto;justify-self:center}.speler-vel{overflow:hidden}.speler-vel .vel-binnen{position:relative;z-index:1;max-width:22rem;display:grid;gap:.7rem;justify-items:center;animation:velPop 0.8s cubic-bezier(.2,1.6,.4,1) both}.speler-vel .vel-symbool{display:block;font-size:6.5rem;line-height:1;animation:velSymbool 1.1s ease-in-out infinite}.speler-vel #vel-groot{font-size:clamp(3.6rem, 19vw, 6rem);line-height:.9;animation:velTitel 1.2s ease-in-out infinite;text-shadow:0 .05em 0 rgb(0 0 0 / .18)}.speler-vel #vel-onder{font-size:1.25rem;line-height:1.35;white-space:pre-line;font-weight:700}.speler-vel[data-staat="laat"]{background:#FF7A00;color:var(--inkt)}.speler-vel[data-staat="goed"]::before{content:"";position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgb(255 255 255 / .4) 0 9deg,transparent 9deg 18deg);animation:velStralen 10s linear infinite}.speler-vel[data-staat="info"]::before{content:"";position:absolute;inset:-60%;background:repeating-conic-gradient(from 0deg,rgb(255 255 255 / .28) 0 12deg,transparent 12deg 24deg);animation:velStralen 14s linear infinite reverse}.speler-vel[data-staat="fout"] .vel-binnen{animation:velPop 0.8s cubic-bezier(.2,1.6,.4,1) both,velSchud 0.5s 0.8s 2}.speler-vel[data-staat="goed"] .vel-symbool{animation:velSymbool 0.9s ease-in-out infinite,velSpring 1.4s ease-in-out infinite}.speler-vel[data-staat="laat"] .vel-symbool{animation:velTikTak 0.7s ease-in-out infinite;transform-origin:50% 90%}.speler-vel[data-staat="fout"] .vel-symbool{animation:velSchud 0.6s 0.8s 3}@keyframes velPop{from{transform:scale(.2) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}@keyframes velTitel{50%{transform:scale(1.07) rotate(-1.5deg)}}@keyframes velSymbool{50%{transform:scale(1.12) rotate(6deg)}}@keyframes velSpring{0%,100%{translate:0 0}50%{translate:0 -14px}}@keyframes velTikTak{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes velSchud{20%{transform:translateX(-12px)}40%{transform:translateX(12px)}60%{transform:translateX(-9px)}80%{transform:translateX(9px)}}@keyframes velStralen{to{transform:rotate(360deg)}}.speler-vel .snip{position:absolute;top:-2rem;width:.7rem;height:1.1rem;border-radius:2px;pointer-events:none;animation:snipVal2 linear both;z-index:2}.speler-vel .snip.emoji{width:auto;height:auto;font-size:1.8rem}@keyframes snipVal2{to{transform:translate(var(--dx,0),110vh) rotate(var(--draai,540deg))}}@media (prefers-reduced-motion:reduce){.speler-vel .vel-binnen,.speler-vel .vel-symbool,.speler-vel #vel-groot,.speler-vel::before{animation:none!important}}.dj-strook{display:grid;grid-template-rows:8px;gap:6px;margin:0 auto 8px;width:var(--kaart-maat,100%);max-width:100%}.dj-strook[hidden]{display:none}.dj-klokbalk{height:8px;border-radius:4px;background:var(--blad-12,rgb(255 255 255 / .14));overflow:hidden}.dj-klokbalk.uit{visibility:hidden}.dj-klokbalk.pauze i{background:var(--magenta)}.dj-tekstvak{display:grid;min-height:0}.dj-tekstvak>p{align-self:stretch;display:grid;align-content:center;overflow:hidden;box-sizing:border-box}.dj-pauze{margin:0;padding:8px 12px;border-radius:6px;background:var(--blad-12,rgb(255 255 255 / .14));text-align:center;font-weight:700}.dj-pauze[hidden]{display:none}.dj-klokbalk i{display:block;height:100%;width:100%;background:var(--cyaan);transition:width .3s linear}.dj-slot{margin:0;padding:10px 12px;border-radius:6px;background:var(--geel);color:var(--inkt);font-weight:700;text-align:center}.dj-slot[hidden]{display:none}.dj-titel{margin:0;padding:8px 12px;border-radius:6px;background:var(--magenta);color:var(--inkt);display:grid;gap:1px;text-align:center}.dj-titel[hidden]{display:none}.dj-titel b{font-family:var(--disp);font-weight:400;text-transform:uppercase;font-size:1.2rem;line-height:1.05}.dj-titel span{font-size:.8125rem}.kaart.op-slot .cel{opacity:.45;filter:grayscale(.6);pointer-events:none}.cel.hint-knip img{animation:hint-knip 1s ease-in-out infinite}@keyframes hint-knip{0%,100%{opacity:1;filter:none}50%{opacity:.15;filter:brightness(1.6)}}@media (prefers-reduced-motion:reduce){.cel.hint-knip img{animation:none;opacity:.5}}.dj-strook.met-tekst{grid-template-rows:8px 4.25rem}.dj-strook:not(.met-tekst) .dj-tekstvak{display:none}