:root{--grond:#f7f8fa;--inkt:#1b365d;--vlak:rgba(27,54,93,0.06);--vlak-sterk:rgba(27,54,93,0.11);--rand:rgba(27,54,93,0.18);--balk:rgba(255,255,255,0.9);--accent:#cc2f33;--accent-inkt:#ffffff;--accent-tekst:#cc2f33;--goud:rgba(234,179,8,0.35);--winst:#15803d;--verlies:#b91c1c;--markering-meng:#1b365d;--leesklok:#b45309;--optie-1:#0f766e;--optie-2:#6d28d9;--optie-3:#a16207;--optie-4:#a21caf;--gloed-1:rgba(27,54,93,0.12);--gloed-2:rgba(231,60,62,0.08);--gloed-3:rgba(231,60,62,0.10);--schaduw:0 10px 30px rgba(27,54,93,0.13);--schaduw-diep:0 16px 40px rgba(27,54,93,0.18);--kaart:#ffffff;color-scheme:light}:root[data-theme=dark]{--grond:#13284a;--inkt:#f1f4f9;--vlak:rgba(255,255,255,0.1);--vlak-sterk:rgba(255,255,255,0.18);--rand:rgba(255,255,255,0.2);--balk:rgba(255,255,255,0.85);--accent:#cc2f33;--accent-inkt:#ffffff;--accent-tekst:#ff6b6d;--goud:rgba(234,179,8,0.45);--winst:#4ade80;--verlies:#f87171;--markering-meng:#ffffff;--leesklok:#eab308;--optie-1:#5eead4;--optie-2:#c4b5fd;--optie-3:#fcd34d;--optie-4:#f0abfc;--gloed-1:rgba(64,110,180,0.30);--gloed-2:rgba(231,60,62,0.10);--gloed-3:rgba(231,60,62,0.16);--schaduw:0 10px 30px rgba(0,0,0,0.35);--schaduw-diep:0 16px 40px rgba(0,0,0,0.45);--kaart:rgba(255,255,255,0.07);color-scheme:dark}*{box-sizing:border-box}body,button,input,select,textarea{font-family:inherit}body{margin:0;background:var(--grond);color:var(--inkt);background-image:radial-gradient(60vw 60vw at 8% -5%,var(--gloed-1),transparent 60%),radial-gradient(50vw 50vw at 100% 0,var(--gloed-2),transparent 55%),radial-gradient(55vw 55vw at 50% 108%,var(--gloed-3),transparent 60%);background-attachment:fixed;min-height:100dvh}.container{max-width:720px;margin:0 auto;padding:2rem 1rem}.big-pin{font-size:4rem;font-weight:700;letter-spacing:.3em;text-align:center}.answer-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.question-screen{display:flex;flex-direction:column;min-height:100dvh;padding:.75rem;gap:.75rem;max-width:100%}.question-body{font-size:clamp(1.25rem,5.5vw,2.25rem);line-height:1.2;margin:0;text-align:center;flex-shrink:0}.question-screen .answer-grid{flex:1 1;grid-template-rows:1fr 1fr;min-height:0}@media (min-width:700px){.question-screen{max-width:1000px;margin:0 auto;padding:1.5rem;gap:1.5rem}}.reading-vorm{margin:0 0 .25rem;text-align:center;font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-tekst)}.reading-window{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;opacity:.85}.reading-window p{margin:0}.reading-count{display:inline-flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border:4px solid;border-radius:50%;font-size:2rem;font-weight:700}.answer-status{margin:0;text-align:center;font-weight:700}.telefoon-voet{flex-shrink:0;min-height:5.25rem;display:flex;align-items:center;justify-content:center}.reveal-kaart{width:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:1rem;column-gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:18px;background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw);animation:pop-in .26s ease-out backwards}@media (prefers-reduced-motion:reduce){.reveal-kaart{animation:none}}.reveal-kaart.enkel{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center}.reveal-punten{grid-row:1/3;font-family:var(--font-cijfers),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:800;line-height:1}.reveal-kaart.goed .reveal-punten{color:var(--winst)}.reveal-kaart.fout .reveal-punten{color:color-mix(in srgb,var(--inkt) 45%,transparent)}.reveal-kaart.enkel.goed{border:2px solid var(--winst)}.reveal-kaart.enkel.goed .reveal-oordeel{color:var(--winst)}.reveal-kaart.enkel.fout{border:2px solid var(--verlies)}.reveal-kaart.enkel.fout .reveal-oordeel{color:var(--verlies)}.reveal-kaart.enkel.neutraal .reveal-oordeel{color:color-mix(in srgb,var(--inkt) 75%,transparent)}.reveal-oordeel{font-weight:800;font-size:1.15rem}.reveal-plek{font-size:.95rem;color:color-mix(in srgb,var(--inkt) 75%,transparent)}.join-scherm{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.join-titel{margin:0;font-size:2.25rem}.join-kaart{margin-top:1rem;background:var(--kaart);border:1px solid var(--rand);border-radius:24px;padding:1.5rem;box-shadow:var(--schaduw)}.bevestig-kaart{display:flex;flex-direction:column;gap:.5rem}.bevestig-kaart .join-knop{width:100%}.container form.join-kaart .join-knop{align-self:stretch;margin-top:.5rem}.join-code{margin:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.1rem}.join-code strong{font-family:var(--font-cijfers),ui-monospace,monospace;letter-spacing:.1em}.container form .tekstknop,.tekstknop{background:none;color:var(--accent-tekst);padding:0 .25rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;min-height:2.75rem;align-self:center}.lobby-telefoon{list-style:none;padding:0;margin:1.25rem 0 .5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.chip.zelf{outline:2px solid var(--accent-tekst);outline-offset:1px}.regie-balk{position:-webkit-sticky;position:sticky;bottom:0;margin-top:auto;width:100%;display:flex;flex-direction:column;gap:.5rem;padding:.6rem .75rem .75rem;border-radius:18px;background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw-diep);z-index:5}.regie-kop{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.regie-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--inkt) 70%,transparent)}.regie-meer{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--rand)}.regie-balk .regie-primair{width:100%;font-size:1.1rem;padding:.7em 1.2em;min-height:3.25rem}.regie-neven{background:none;color:var(--inkt);border:1px solid var(--rand);border-radius:999px;padding:.5em 1em;min-height:2.75rem;font-weight:700;font-size:.95rem;cursor:pointer}.regie-gevaar{color:var(--verlies);border-color:color-mix(in srgb,var(--verlies) 40%,transparent)}.regie-fout{width:100%;margin:0;color:var(--verlies);font-weight:600;font-size:.9rem}.telefoon-pauze{text-align:center;padding:.75rem 1rem;border-radius:12px;background:var(--vlak-sterk)}.telefoon-pauze p{margin:0}.meekijken{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1.5rem;border-radius:18px;background:var(--vlak);border:1px dashed var(--rand)}.meekijken p{margin:0}.meekijken-titel{font-size:1.3rem;font-weight:800}.eind-rang{font-family:var(--font-cijfers),ui-monospace,monospace;font-size:clamp(5rem,30vw,8rem);font-weight:800;line-height:1;margin:0;color:var(--accent-tekst)}.eind-rang.winnaar{color:var(--winst)}.eind-rang small{font-size:.35em;margin-left:.05em}.eind-winnaar{margin:.75rem 0 1.5rem;font-weight:700}.antwoordkaart{position:relative;background:var(--kaart);border:1px solid var(--rand);color:var(--inkt);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1.2;min-width:0;overflow-wrap:break-word;box-shadow:var(--schaduw);transition:transform .12s ease,border-color .12s ease,background .2s ease,opacity .2s ease}.antwoordkaart.optie-1{--accent-optie:var(--optie-1)}.antwoordkaart.optie-2{--accent-optie:var(--optie-2)}.antwoordkaart.optie-3{--accent-optie:var(--optie-3)}.antwoordkaart.optie-4{--accent-optie:var(--optie-4)}.antwoordkaart .answer-shape,.antwoordkaart .option-shape{color:var(--accent-optie,var(--inkt))}.antwoordkaart.gemarkeerd{border-color:var(--accent-optie,var(--inkt));outline:3px solid color-mix(in srgb,var(--accent-optie,var(--inkt)) 55%,transparent);outline-offset:3px}.answer-btn{border-radius:18px;padding:2.5rem .75rem 1.1rem;font-size:clamp(1rem,4.5vw,1.6rem);cursor:pointer}.answer-btn.zonder-vorm{padding:1.1rem .9rem}.answer-btn .answer-shape{position:absolute;top:.8rem;left:.8rem}.answer-btn .answer-mark{position:absolute;top:.7rem;right:.8rem}.answer-btn:not(:disabled):active{transform:translateY(2px) scale(.985);background:color-mix(in srgb,var(--accent-optie,var(--inkt)) 8%,var(--kaart))}.answer-btn:disabled{cursor:default;opacity:1}.antwoordkaart.dimmed{opacity:1;--accent-optie:color-mix(in srgb,var(--inkt) 35%,transparent);border-color:var(--rand);color:color-mix(in srgb,var(--inkt) 72%,transparent);box-shadow:none}.antwoordkaart.niet-gekozen{opacity:.6}.antwoordkaart.eigen-fout{opacity:.8;border-color:color-mix(in srgb,var(--verlies) 55%,var(--rand))}.answer-shape{width:1.6rem;height:1.6rem;flex-shrink:0;display:block}.answer-label{flex:1 1;min-width:0;overflow-wrap:break-word}.answer-mark{font-size:1.5rem;flex-shrink:0}.antwoordkaart.gemarkeerd .answer-mark,.antwoordkaart.gemarkeerd .option-mark{color:var(--winst)}.antwoordkaart.eigen-fout .answer-mark,.antwoordkaart.eigen-fout .option-mark{color:var(--verlies)}.container form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.container form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600}.container form input,.container form select{padding:.6rem .75rem;font-size:1rem;min-height:2.75rem;border:1px solid var(--rand);border-radius:8px;background:var(--kaart);color:var(--inkt)}.container form input::placeholder{color:color-mix(in srgb,var(--inkt) 60%,transparent)}.container form button{align-self:flex-start;min-height:2.75rem}button{padding:.6rem 1.2rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:var(--accent-inkt);cursor:pointer}button:disabled{opacity:.5;cursor:default}.notice{padding:.75rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--goud) 45%,var(--kaart));border:1px solid color-mix(in srgb,#eab308 60%,transparent);color:var(--inkt);font-weight:600}:focus-visible{outline:3px solid var(--accent-tekst);outline-offset:3px}.stage-tweede{font-size:clamp(.9rem,1.2vw,1.2rem);padding:.6em 1.4em;border-radius:999px;background:transparent;color:var(--inkt);border:2px solid var(--rand);font-weight:700}.stage-tweede:hover{border-color:var(--inkt)}.thuis-keuzes{display:grid;grid-gap:1rem;gap:1rem;width:min(460px,100%);margin-top:2rem}.thuis-keuze{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;border-radius:20px;background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw);color:inherit;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.thuis-keuze:hover{transform:translateY(-2px);box-shadow:var(--schaduw-diep)}.thuis-keuze-titel{font-size:1.35rem;font-weight:800;color:var(--accent-tekst)}.thuis-keuze-uitleg{color:color-mix(in srgb,var(--inkt) 75%,transparent)}.stage .chip-remove,.stage button{transition:opacity .25s ease}.stage.rustig{cursor:none}.stage.rustig .chip-remove:not(:focus-visible),.stage.rustig button:not(:focus-visible){opacity:0;pointer-events:none}.stage.rustig section.ontknoping button{opacity:1;pointer-events:auto}.regie-qr-achtergrond{position:fixed;inset:0;z-index:19;background:color-mix(in srgb,var(--grond) 55%,#000);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.regie-qr{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;width:min(440px,90vw);padding:1.75rem;border-radius:24px;background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw-diep);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.regie-qr img{width:100%;max-width:300px;border-radius:12px}.regie-qr-titel{margin:0;font-size:1.5rem;font-weight:800}.regie-qr-uitleg{margin:0;color:color-mix(in srgb,var(--inkt) 75%,transparent)}.regie-qr-code{margin:.25rem 0;font-family:var(--font-cijfers),ui-monospace,monospace;font-size:1.6rem;letter-spacing:.25em}.regie-qr .stage-exit{position:static}.stage.rustig .regie-qr button{opacity:1;pointer-events:auto}.stage{min-height:100dvh;padding:clamp(1rem,2.5vw,3rem);display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.5rem)}.stage.stage-vast{height:100dvh}.stage-exit{position:absolute;top:1rem;right:1rem;opacity:.85;font-size:1rem;min-height:2.75rem}.stage-exit:hover{opacity:1}.stage-center{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);text-align:center}.stage-title{font-size:clamp(2rem,5vw,4.5rem);margin:0}.stage-action{font-size:clamp(1rem,1.5vw,1.5rem);padding:.7em 1.8em;border:none;border-radius:999px;background:var(--accent);color:var(--accent-inkt);font-weight:800;cursor:pointer;box-shadow:var(--schaduw);transition:transform .14s ease,box-shadow .14s ease}.stage-action:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--schaduw-diep)}.stage-action:active:not(:disabled){transform:translateY(1px) scale(.99)}.stage-action:disabled{opacity:.4;cursor:default}a.stage-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.stage-lobby{flex-grow:1;display:grid;grid-template-columns:minmax(280px,1fr) 1.2fr;grid-gap:clamp(1rem,2.5vw,2.5rem);gap:clamp(1rem,2.5vw,2.5rem);align-items:stretch;min-height:0}.lobby-join,.lobby-players{background:var(--kaart);border-radius:24px;box-shadow:var(--schaduw);padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;min-height:0}.lobby-join{align-items:center;justify-content:center;text-align:center}.lobby-label{font-size:clamp(.9rem,1.2vw,1.25rem);opacity:.7;margin:0 0 1rem}.join-qr{display:flex;flex-direction:column;align-items:center;min-height:0}.join-qr img{width:auto;height:auto;max-width:min(100%,420px);max-height:42vh;border-radius:16px;background:white;padding:.75rem}.join-qr-url{font-size:clamp(.8rem,1vw,1.1rem);opacity:.75;margin:.75rem 0 0;word-break:break-all}.big-pin{font-size:clamp(3rem,8vw,7rem);font-weight:800;letter-spacing:.1em;margin:1rem 0 0;line-height:1}.lobby-players h2{font-size:clamp(1.25rem,2.5vw,2.25rem);display:flex;align-items:center;gap:.75rem;margin:0 0 1rem}.lobby-players .count{background:var(--accent);color:var(--accent-inkt);border-radius:999px;padding:.1em .6em;font-size:.8em}.player-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.6rem;margin:0 0 1.5rem;flex:1 1;min-height:0;overflow-y:auto}.lobby-players .stage-action{align-self:center}.chip{box-shadow:var(--schaduw);display:inline-flex;align-items:center;gap:.4rem;background:var(--vlak-sterk);border-radius:999px;padding:.45em .5em .45em 1em;font-size:clamp(.9rem,1.4vw,1.4rem);font-weight:600}.chip.offline{opacity:.4}.chip-remove{background:none;border:none;color:inherit;font-size:1.1em;line-height:1;cursor:pointer;opacity:.5}.chip-remove:hover{opacity:1}.lobby-empty{opacity:.75;margin:0 0 1.5rem}.lobby-categorieen{margin:1.5rem 0 1rem}.lobby-categorieen h2{font-size:clamp(1.1rem,1.9vw,1.75rem);margin:0 0 .75rem}.lobby-categorieen .player-chips{overflow:visible;flex:none;padding-bottom:.25rem}.lobby-categorieen .chip{font-size:clamp(1rem,1.45vw,1.75rem)}.chip-teller{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;margin-left:.45em;border-radius:999px;background:var(--accent);color:var(--accent-inkt);font-size:.75em;font-weight:800;animation:pop-in .3s ease-out both}.chip-meer{opacity:.8}@media (prefers-reduced-motion:reduce){.chip-teller{animation:none}}.stage-question{flex-grow:1;display:grid;grid-template-rows:auto auto 1fr auto;grid-gap:clamp(.6rem,1.2vw,1.25rem);gap:clamp(.6rem,1.2vw,1.25rem);min-height:0}.stage-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:clamp(1rem,1.6vw,1.75rem);letter-spacing:.08em;font-weight:700}.meta-left,.meta-right{opacity:.8}.stage-question-body{font-size:clamp(1.5rem,3.4vw,3.25rem);line-height:1.15;margin:0}.stage-clock{display:flex;align-items:baseline;gap:.4rem;margin-left:auto;margin-right:auto}.clock-number{font-family:var(--font-cijfers),ui-monospace,monospace;font-size:clamp(1.5rem,2.6vw,2.5rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock-label{font-size:clamp(.85rem,1.15vw,1.25rem);opacity:.8;text-transform:uppercase;letter-spacing:.1em}.stage-clock.verborgen{visibility:hidden}.stage-clock .clock-number{font-size:clamp(2rem,4vw,4rem)}.ringklok{position:relative;display:grid;place-items:center;width:clamp(5rem,9vw,9rem);aspect-ratio:1;flex-shrink:0}.ringklok svg{width:100%;height:100%;transform:rotate(-90deg)}.ringklok circle{fill:none;stroke-width:7;stroke-linecap:round}.ringklok-spoor{stroke:var(--rand)}.ringklok-loop{stroke:color-mix(in srgb,var(--inkt) 65%,transparent);transition:stroke-dashoffset 1s linear,stroke .2s ease}.ringklok.leest .ringklok-loop{stroke:var(--leesklok)}.ringklok.krap .ringklok-loop{stroke:var(--verlies)}.ringklok-midden{position:absolute;font-family:var(--font-cijfers),ui-monospace,monospace;font-size:clamp(1.9rem,3.6vw,3.6rem);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.ringklok-onder{position:absolute;bottom:12%;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.ringklok.krap .ringklok-midden{color:var(--verlies);animation:ringklok-slag 1s ease-out}@keyframes ringklok-slag{0%{transform:scale(1.18)}40%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ringklok-loop{transition:none}.ringklok.krap .ringklok-midden{animation:none}}.stage-clock.reading .clock-number{color:var(--leesklok)}.telefoon-klok{display:flex;align-items:baseline;justify-content:center;gap:.35rem;flex-shrink:0;line-height:1}.telefoon-klok .clock-number{font-size:clamp(1.75rem,8vw,2.5rem);transition:color .2s ease}.telefoon-klok .clock-label{font-size:.8rem}.telefoon-klok.krap .clock-number{color:var(--verlies)}.telefoon-klok.verborgen{visibility:hidden}.stage-options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:clamp(.6rem,1.2vw,1.25rem);gap:clamp(.6rem,1.2vw,1.25rem);min-height:0}.stage-option{gap:.9rem;border-radius:20px;padding:clamp(.75rem,1.5vw,1.5rem) clamp(2.75rem,5vw,5.5rem);font-size:clamp(1.1rem,2.2vw,2.4rem);overflow:hidden}.stage-option .option-shape{width:clamp(1.5rem,2.4vw,2.6rem);height:clamp(1.5rem,2.4vw,2.6rem)}.stage-option.fout{--accent-optie:color-mix(in srgb,var(--inkt) 35%,transparent);border-color:var(--rand);color:color-mix(in srgb,var(--inkt) 72%,transparent);box-shadow:none}.stage-option.juist{border-color:var(--winst);outline:5px solid color-mix(in srgb,var(--winst) 60%,transparent);outline-offset:4px}.option-shape{flex-shrink:0;display:block}.option-label{flex:1 1;min-width:0;overflow-wrap:break-word}.option-count{position:absolute;right:clamp(.75rem,1.5vw,1.5rem);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.9}.option-bar{position:absolute;left:0;bottom:0;height:6px;background:var(--balk)}.stage-foot{min-height:clamp(8.5rem,18vh,13rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.stage-onderschrift{margin:-.5rem 0 0;font-size:clamp(.9rem,1.3vw,1.35rem);opacity:.65}.stage-bonus{margin:0 0 .5rem;text-align:center;font-size:clamp(2rem,5vw,5rem);font-weight:800;line-height:1.1;color:var(--accent-tekst)}.bonus-veld summary{cursor:pointer;font-weight:700}.stage-weetje{margin:0;max-width:60ch;text-align:center;font-size:clamp(1.05rem,1.75vw,2rem);line-height:1.3;opacity:.88}.stage-progress{text-align:center;font-size:clamp(1.1rem,1.8vw,2rem);opacity:.85;margin:0}.stage-actions{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.stage-pauze{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;grid-gap:1rem;gap:1rem;background:var(--grond);text-align:center}.stage-pauze-titel{margin:0;font-size:clamp(3rem,9vw,9rem);font-weight:800;line-height:1}.stage-pauze-sub{margin:0;font-size:clamp(1.2rem,2.4vw,2.4rem);opacity:.85}.stage.rustig div.stage-pauze button{opacity:1;pointer-events:auto}.eind{flex:1 1;display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:end;grid-gap:clamp(.5rem,1.5vh,1.5rem);gap:clamp(.5rem,1.5vh,1.5rem);min-height:0}.eind-kop{margin:0;align-self:start;font-size:clamp(1rem,1.6vw,1.6rem);letter-spacing:.02em;color:color-mix(in srgb,var(--inkt) 70%,transparent)}.winnaar-titel{margin:0;max-width:92vw;overflow-wrap:anywhere;font-size:clamp(2.5rem,7vw,6.5rem);font-weight:800;line-height:1;text-align:center;animation:winnaar-in .7s cubic-bezier(.16,1,.3,1) var(--vertraging) backwards}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;grid-gap:clamp(.75rem,1.5vw,1.5rem);gap:clamp(.75rem,1.5vw,1.5rem);width:min(1100px,92vw);height:100%;min-height:0}.podium-plek{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-height:0}.plek-2{grid-column:1;grid-row:1}.plek-1{grid-column:2;grid-row:1}.plek-3{grid-column:3;grid-row:1}.podium-namen{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding-bottom:.6rem;text-align:center;animation:naam-in .5s cubic-bezier(.16,1,.3,1) calc(var(--vertraging) + .45s) backwards}.podium-naam{font-size:clamp(1.25rem,2.6vw,2.6rem);font-weight:800;line-height:1.05;overflow-wrap:anywhere}.plek-1 .podium-naam{font-size:clamp(1.6rem,3.4vw,3.4rem)}.podium-dieren{display:flex;gap:.5rem;justify-content:center;margin-bottom:.25rem}.podium-dier{width:clamp(2.5rem,3.6vw,3.8rem);height:clamp(2.5rem,3.6vw,3.8rem)}.plek-1 .podium-dier{width:clamp(3.4rem,5vw,5.4rem);height:clamp(3.4rem,5vw,5.4rem);animation:podium-dier .8s cubic-bezier(.16,1,.3,1) calc(var(--vertraging) + .7s) backwards}@keyframes podium-dier{0%{transform:translateY(1.5rem) scale(.6)}45%{transform:translateY(-1rem) rotate(-8deg) scale(1.12)}75%{transform:translateY(.1rem) rotate(3deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.plek-1 .podium-dier{animation:none}}.podium-punten{font-family:var(--font-cijfers),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(1rem,1.8vw,1.8rem);color:color-mix(in srgb,var(--inkt) 75%,transparent)}.podium-blok{position:relative;display:flex;align-items:flex-start;justify-content:center;border-radius:20px 20px 6px 6px;box-shadow:inset 0 -10px 0 rgba(0,0,0,.18),var(--schaduw);transform-origin:bottom;animation:blok-op .9s cubic-bezier(.16,1,.3,1) var(--vertraging) backwards}.plek-1 .podium-blok{height:clamp(9rem,36vh,26rem);background:#eab308;color:#1a1a2e}.plek-2 .podium-blok{height:clamp(6.5rem,25vh,18rem);background:#94a3b8;color:#1a1a2e}.plek-3 .podium-blok{height:clamp(4.5rem,17vh,12rem);background:#c2703d;color:#fff}.podium-rang{font-family:var(--font-cijfers),ui-monospace,monospace;font-size:clamp(3rem,8vw,8rem);font-weight:800;line-height:1;margin-top:.15em}.podium-vonken{position:absolute;top:0;left:50%;width:0;height:0;pointer-events:none}.podium-vonken span{position:absolute;width:clamp(.6rem,1.1vw,1.1rem);height:clamp(.6rem,1.1vw,1.1rem);border-radius:3px;background:var(--kleur);opacity:0;animation:vonk 1.4s cubic-bezier(.16,1,.3,1) calc(var(--vertraging) + .75s) forwards}.plek-1 .podium-blok:before{content:"";position:absolute;inset:-30% -40% auto;height:160%;background:radial-gradient(closest-side,color-mix(in srgb,#eab308 45%,transparent),transparent);z-index:-1;opacity:0;animation:gloed 2.2s ease-out calc(var(--vertraging) + .6s) forwards}.eind-rest{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;font-size:clamp(.95rem,1.3vw,1.3rem);animation:naam-in .5s ease-out var(--vertraging) backwards}.eind-rest li{display:flex;gap:.5rem;align-items:baseline;padding:.35em .8em;border-radius:999px;background:var(--vlak)}.eind-rest .rank,.eind-rest .score{font-family:var(--font-cijfers),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--inkt) 70%,transparent)}.eind-rollen{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;font-size:clamp(.85rem,1.2vw,1.15rem)}.eind-rol{display:flex;align-items:center;gap:.5rem;padding:.3em .8em;border-radius:999px;background:var(--vlak)}.eind-rol-naam{font-weight:700}.eind-rol-speler{opacity:.75}@keyframes blok-op{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes naam-in{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}@keyframes winnaar-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes gloed{0%{opacity:0}30%{opacity:1}to{opacity:.55}}@keyframes vonk{0%{opacity:1;transform:rotate(var(--hoek)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--hoek)) translateY(calc(-1 * var(--afstand))) scale(.6)}}@media (prefers-reduced-motion:reduce){.eind-rest,.podium-blok,.podium-namen,.winnaar-titel{animation:none}.podium-vonken{display:none}.plek-1 .podium-blok:before{animation:none;opacity:.55}}.dots{display:flex;gap:.6rem}.dots span{width:.8rem;height:.8rem;border-radius:50%;background:currentColor;opacity:.3;animation:dot-pulse 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.dots span{animation:none}}@media (max-width:800px){.stage-lobby{grid-template-columns:1fr}.stage.stage-vast{height:auto}}.status-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}.status-screen h1{font-size:1.6rem;margin:0}.status-icon{font-size:3rem;margin:0 0 .5rem}.status-sub{opacity:.7;margin:0}.status-dots{display:flex;gap:.5rem;margin-bottom:1rem}.status-dots span{width:.7rem;height:.7rem;border-radius:50%;background:currentColor;opacity:.3;animation:dot-pulse 1.2s infinite}.status-dots span:nth-child(2){animation-delay:.2s}.status-dots span:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.status-dots span{animation:none}}.vote-tally{list-style:none;padding:0;margin:0;width:min(760px,90vw);display:flex;flex-direction:column;gap:.5rem}.vote-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.7em 1em;border-radius:12px;background:var(--vlak);overflow:hidden;font-size:clamp(1rem,1.6vw,1.6rem);font-weight:600;text-align:left}.vote-bar{position:absolute;inset:0;transform-origin:left;background:color-mix(in srgb,var(--accent) 55%,transparent);transition:transform .3s ease-out}.vote-row.leider .vote-bar{background:color-mix(in srgb,#16a34a 60%,transparent)}.vote-count,.vote-name{position:relative}.vote-count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.85}.van-jullie{display:inline-block;margin-left:.5em;padding:.1em .5em;border-radius:999px;font-size:.65em;font-weight:800;letter-spacing:.04em;background:color-mix(in srgb,var(--accent) 16%,transparent);color:inherit;vertical-align:middle;position:relative}@media (prefers-reduced-motion:reduce){.vote-bar{transition:none}}.wheel-label{font-size:clamp(1rem,1.5vw,1.4rem);opacity:.6;margin:0;text-transform:uppercase;letter-spacing:.15em}.wheel-category{font-size:clamp(2.5rem,9vw,7rem);font-weight:800;margin:.2em 0 0;line-height:1}.start-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-title{font-size:clamp(2.75rem,8vw,5.5rem);margin:0;letter-spacing:-.01em;color:var(--inkt)}.start-sub{opacity:.65;margin:.5rem 0 0;text-align:center}.start-screen form{width:min(420px,90vw);background:var(--kaart);border:1px solid var(--rand);border-radius:24px;padding:1.75rem;margin-top:2rem;box-shadow:var(--schaduw)}.start-link{display:inline-block;margin-top:1rem;color:var(--accent-tekst);font-weight:600}.uitleg{line-height:1.55}.uitleg .start-title{font-size:clamp(2rem,6vw,3.25rem)}.uitleg .start-sub{text-align:left}.uitleg-inhoud{margin:1.5rem 0 0;padding-left:1.25rem}.uitleg-inhoud .start-link{margin-top:.25rem}.uitleg-sectie{margin-top:2.5rem}.uitleg-sectie h2{margin:0 0 .5rem;color:var(--inkt)}.uitleg-sectie li+li{margin-top:.4rem}.uitleg-vormen div{margin-top:.75rem}.uitleg-vormen dt{font-weight:700}.uitleg-vormen dd{margin:0}.login-kaart .stage-action{margin-top:.5rem}.login-fout{margin:0;padding:.6rem .8rem;border-radius:12px;background:color-mix(in srgb,var(--verlies) 12%,transparent);color:var(--verlies);font-weight:600;font-size:.95rem}.start-screen input[aria-invalid=true]{border-color:var(--verlies)}.start-screen input,.start-screen select{font-size:1rem;padding:.6em;border-radius:8px;border:1px solid var(--rand);background:var(--vlak);color:inherit;width:100%}.block-summary{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,2.5vw,2.5rem);text-align:center}.summary-sub{margin:.25rem 0 0;opacity:.75;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:600}.summary-row .name{display:inline-flex;align-items:center;gap:.6em}.summary-dier{width:1.3em;height:1.3em;flex-shrink:0}.summary-head .stage-title{margin:.2em 0 0}.summary-rows{list-style:none;padding:0;margin:0;width:min(900px,92vw);position:relative}.summary-row{position:absolute;left:0;right:0;display:grid;grid-template-columns:3rem 1fr auto auto;align-items:center;grid-gap:1rem;gap:1rem;height:3rem;padding:0 1.25rem;border-radius:12px;background:var(--vlak);font-size:clamp(1rem,1.8vw,1.6rem);text-align:left;transition:transform .7s cubic-bezier(.22,1,.36,1),background-color .4s ease}.summary-row.gestegen{background:color-mix(in srgb,#16a34a 26%,transparent)}.summary-row.gedaald{background:color-mix(in srgb,#e63946 20%,transparent)}.summary-row .rank{font-family:var(--font-cijfers),ui-monospace,monospace;opacity:.6;font-weight:700}.summary-row .score{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.9rem;font-weight:800}.score-getal{font-family:var(--font-cijfers),ui-monospace,monospace;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:5ch;text-align:right}.summary-row .gain{font-family:var(--font-cijfers),ui-monospace,monospace;font-size:.75em;color:var(--winst);margin-left:0;opacity:.9}.summary-row .pijl{font-size:.8em}.summary-row .pijl.op{color:var(--winst)}.summary-row .pijl.neer{color:var(--verlies)}.summary-foot{align-items:center;gap:.5rem}.summary-commentaar,.summary-foot{display:flex;flex-direction:column}.summary-commentaar{list-style:none;padding:0;margin:1.5rem 0 0;width:min(900px,92vw);gap:.4rem;text-align:center;font-weight:700;font-size:clamp(1.1rem,1.9vw,1.9rem);animation:commentaar-in .4s ease-out both;animation-delay:1.4s}@keyframes commentaar-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.summary-commentaar{animation:none}}.summary-accuracy{margin:0;opacity:.7;font-size:clamp(.9rem,1.3vw,1.3rem)}.summary-difficulty{margin:0 0 .5rem;font-weight:700;font-size:clamp(1rem,1.6vw,1.6rem)}.summary-difficulty.makkelijker{color:var(--winst)}.summary-difficulty.moeilijker{color:#fbbf24}.summary-difficulty.gelijk{opacity:.7;font-weight:600}.rol-avatar{fill:currentColor;color:var(--inkt);display:block}.ontknoping{flex-grow:1;align-items:center;justify-content:center;gap:clamp(1rem,2.5vw,2.5rem);text-align:center}.ontknoping,.ontknoping-kop{display:flex;flex-direction:column}.ontknoping-kop{gap:.2em}.ontknoping-rijen{list-style:none;padding:0;margin:0;width:min(900px,92vw);display:flex;flex-direction:column;gap:.5rem}.ontknoping-rij{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;grid-gap:1rem;gap:1rem;padding:.6rem 1.25rem;border-radius:12px;background:var(--vlak);font-size:clamp(1rem,1.8vw,1.6rem);text-align:left}.ontknoping-oud{opacity:.6}.ontknoping-oud,.ontknoping-winst{font-family:var(--font-cijfers),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ontknoping-winst{color:var(--winst)}.ontknoping-rollen{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,2.5rem);width:min(900px,92vw)}.ontknoping-rol{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:min(280px,80vw);padding:1.25rem;border-radius:16px;background:var(--vlak)}.ontknoping-rolnaam{margin:.2em 0 0;font-size:clamp(1.1rem,2vw,1.6rem)}.ontknoping-diefstal,.ontknoping-rolregel{margin:0;font-weight:700}.ontknoping-diefstal{color:var(--accent-tekst)}.ontknoping-leeg{margin:0;opacity:.7}.stage-bezetting{margin:.4em 0 0;opacity:.75;font-size:clamp(.9rem,1.4vw,1.3rem)}.mijn-rol{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-top:.75rem;padding:1rem;border-radius:16px;background:var(--vlak)}.mijn-rolnaam{margin:.2em 0 0;font-size:1.2rem}.mijn-rol-geheim{font-style:italic}@media (prefers-reduced-motion:reduce){.summary-row{transition:none}}.vorm-bord{margin:0;text-align:center;font-weight:800;font-size:clamp(2rem,5vw,4.5rem);line-height:1.1;color:var(--accent-tekst)}@media (prefers-reduced-motion:no-preference){.vorm-bord{animation:vorm-bord-in .24s ease-out}}@keyframes vorm-bord-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.stage-prompt.met-beeld{display:grid;grid-template-columns:1fr;grid-gap:clamp(.75rem,2vw,2rem);gap:clamp(.75rem,2vw,2rem);align-items:center}@media (min-width:900px){.stage-prompt.met-beeld{grid-template-columns:1fr minmax(220px,30%)}}.question-image{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.question-image img{width:auto;max-width:100%;max-height:25vh;border-radius:12px}@media (min-width:900px){.stage-prompt.met-beeld.onthul{grid-template-columns:1fr minmax(320px,50%)}}.stage-prompt.onthul .question-image img{max-height:45vh;transition:filter 1s linear}.stage-prompt.onthul .question-image img.zonder-overgang{transition:none}.wiebenik-hints.telefoon{font-size:1.05rem;margin:0 0 .75rem}.wiebenik-hints{margin:.5rem 0 0;padding-left:1.6em;display:grid;grid-gap:.35em;gap:.35em;font-size:clamp(1.2rem,2.4vw,2.4rem);font-weight:700}.question-image figcaption{font-size:clamp(.65rem,.9vw,.85rem);opacity:.55;text-align:right}.stage-tools{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;z-index:2}.stage-tools .stage-exit{position:static}.stage.stage-vast .stage-tools{position:static;justify-content:flex-end;flex-wrap:wrap}.uitleg-tools{display:flex;justify-content:flex-end}.theme-toggle{border:1px solid var(--rand);background:var(--vlak);color:inherit;border-radius:999px;width:2.75rem;height:2.75rem;font-size:1rem;line-height:1;cursor:pointer;opacity:.85}.theme-toggle:hover{opacity:1}@keyframes pop-in{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.chip{animation:pop-in .26s ease-out backwards}.vote-row{animation:pop-in .24s ease-out both}.vote-row:nth-child(2){animation-delay:40ms}.vote-row:nth-child(3){animation-delay:80ms}.vote-row:nth-child(4){animation-delay:.12s}.vote-row:nth-child(5){animation-delay:.16s}.vote-row:nth-child(6){animation-delay:.2s}.answer-btn{min-height:6.5rem}.answer-btn.gekozen{outline:4px solid var(--inkt);outline-offset:3px}.stem-status{margin:1rem 0 0;text-align:center;font-weight:600;color:color-mix(in srgb,var(--inkt) 85%,transparent)}.spelregels{margin:1.25rem auto 0;padding:.9rem 1.1rem;max-width:34ch;list-style:none;display:grid;grid-gap:.4rem;gap:.4rem;text-align:left;border-radius:16px;background:var(--vlak);font-size:.95rem;line-height:1.35}.spelregels li:before{content:"";display:inline-block;width:.45em;height:.45em;margin-right:.55em;border-radius:2px;background:var(--accent);vertical-align:.1em}.big-pin{color:var(--accent-tekst)}.stage-title{letter-spacing:-.01em}.join-qr img{box-shadow:var(--schaduw-diep)}.summary-row{box-shadow:var(--schaduw)}@media (prefers-reduced-motion:reduce){.chip,.vote-row{animation:none}.answer-btn:not(:disabled):active,.stage-action:hover:not(:disabled){transform:none}}.rad{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vh,1.5rem)}.rad-schijf{position:relative;width:min(62vh,80vw);aspect-ratio:1;max-width:100%}.rad-schijf svg{width:100%;height:100%;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.22))}.rad-draai{transform-origin:500px 500px;transform-box:view-box}.rad-punt circle,.rad-punt path{stroke:var(--grond);stroke-width:6;transition:opacity .4s ease}.rad-tekst{font-weight:800;text-anchor:middle;dominant-baseline:middle;letter-spacing:.01em}.rad.geland .rad-punt:not(.winnaar){opacity:.35}.rad-as{fill:var(--grond);stroke:var(--rand);stroke-width:6}.rad-wijzer{position:absolute;top:-1.2%;left:50%;width:7%;aspect-ratio:.8;transform:translateX(-50%);background:var(--inkt);-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.rad-uitslag{text-align:center;min-height:clamp(5rem,14vh,10rem)}.rad.geland .wheel-category{animation:pop-in .42s cubic-bezier(.2,.8,.2,1) both}@media (prefers-reduced-motion:reduce){.rad.geland .wheel-category{animation:none}.rad-punt circle,.rad-punt path{transition:none}}.inbreng-kaart{width:100%;margin:1.25rem 0 .5rem;padding:1rem 1.1rem;border-radius:20px;background:var(--kaart);border:1px solid var(--rand);box-shadow:var(--schaduw);text-align:left;display:grid;grid-gap:.6rem;gap:.6rem}.inbreng-kop{margin:0;font-size:1.15rem}.inbreng-form{display:flex;gap:.5rem}.container .inbreng-form{flex-direction:row}.inbreng-form input{flex:1 1;min-width:0;min-height:2.75rem}.container .inbreng-form .stage-action{margin:0;font-size:1rem;padding:.5em 1em;min-height:2.75rem}.inbreng-al,.inbreng-teller{margin:0;font-size:.9rem;color:color-mix(in srgb,var(--inkt) 75%,transparent)}.inbreng-rijen{list-style:none;margin:0;padding:0;display:grid;grid-gap:.35rem;gap:.35rem}.inbreng-rij{display:grid;grid-template-columns:1fr auto;align-items:center;grid-column-gap:.5rem;column-gap:.5rem;padding:.45rem .6rem;border-radius:12px;background:var(--vlak);overflow-wrap:anywhere}.inbreng-naam{font-weight:700}.inbreng-naam small{font-weight:500;opacity:.75}.inbreng-status{grid-column:1;font-size:.85rem;color:color-mix(in srgb,var(--inkt) 78%,transparent)}.inbreng-rij.goed .inbreng-status{color:var(--winst);font-weight:700}.inbreng-rij.geweigerd .inbreng-naam{text-decoration:line-through;opacity:.7}.inbreng-rij.te-laat{opacity:.6}.inbreng-weg{background:none;color:var(--inkt);font-size:1.3rem;padding:0}.inbreng-rij .tekstknop,.inbreng-weg{grid-column:2;grid-row:1/span 2;min-width:2.75rem;min-height:2.75rem}.inbreng-rij .tekstknop{padding:0 .25rem;font-size:.9rem}.container form label.vinkje{flex-direction:row;align-items:center;gap:.6rem}.container form label.vinkje input{min-height:auto;width:1.25rem;height:1.25rem;padding:0;accent-color:var(--accent)}.vinkje-hint{margin:-.5rem 0 0;font-size:.9rem;opacity:.75}.vinkje-hint.waarschuwing{color:var(--accent-tekst);opacity:1;font-weight:700}.summary-muziek{margin:0;font-size:clamp(1rem,1.6vw,1.6rem);font-weight:700}.stage-options.muziek-opties{grid-template-columns:repeat(var(--kolommen,3),1fr);grid-template-rows:none;grid-auto-rows:1fr}.stage-option.muziek-optie{padding-inline:clamp(.75rem,1.5vw,1.5rem)}.muziek-typhint{display:flex;align-items:center;justify-content:center;border-radius:18px;border:2px dashed var(--rand);background:var(--vlak);font-size:clamp(1.25rem,2.6vw,2.75rem);font-weight:700;text-align:center;min-height:0}.muziek-typhint p{margin:0;opacity:.8}.muziek-kaart{text-align:center;display:flex;flex-direction:column;gap:.25rem}.muziek-kaart p{margin:0}.muziek-kaart-jaar{font-family:var(--font-cijfers),ui-monospace,monospace;font-size:clamp(2.5rem,6vw,6rem);font-weight:800;line-height:1;color:var(--accent-tekst)}.muziek-kaart-titel{font-size:clamp(1.75rem,3.6vw,3.5rem);line-height:1.1;margin:0}.muziek-kaart-artiest{font-size:clamp(1.25rem,2.4vw,2.4rem);font-weight:700}.muziek-kaart-vraag{font-size:clamp(1rem,1.6vw,1.6rem);opacity:.85}.muziek-antwoorden-vak{min-height:0;overflow:hidden}.muziek-antwoorden{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.muziek-antwoorden li{flex:0 1 30rem;min-width:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.55em 1em;border-radius:12px;background:var(--vlak);font-size:clamp(1rem,1.7vw,1.8rem);text-align:left}.muziek-antwoorden .naam{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muziek-antwoorden .antwoord{overflow-wrap:anywhere}.muziek-antwoorden .punten{font-family:var(--font-cijfers),ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.muziek-antwoorden li.goed .punten{color:var(--winst)}.muziek-antwoorden li.fout .punten{opacity:.6}.muziek-antwoorden .oordeel{font-weight:700;white-space:nowrap}.muziek-antwoorden li.twijfel .oordeel{opacity:.75;font-style:italic}.muziek-antwoorden li.meer{display:block;flex-basis:auto;text-align:center;font-weight:700}.muziek-antwoorden li.zelf{outline:2px solid var(--accent-tekst);outline-offset:-2px}.muziek-antwoorden.compact{width:100%}.muziek-antwoorden.compact li{flex:1 1 100%;font-size:.95rem;line-height:1.25}.muziek-telefoon-kop{margin:0;text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.question-screen .answer-grid.muziek-knoppen{grid-template-rows:none;grid-auto-rows:1fr}.answer-grid.een-kolom{grid-template-columns:1fr}.container form.muziek-antwoord{margin-top:0}.container form.muziek-antwoord input{font-size:1.25rem;min-height:3.25rem}.container form.muziek-antwoord .stage-action{align-self:stretch}.muziek-eigen{font-size:1.25rem;font-weight:800}.muziek-telefoon-onthulling{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.muziek-kaart-klein{margin:0;font-weight:700}.muziek-beoordeel{width:100%;text-align:left}.muziek-beoordeel ul{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.muziek-beoordeel li{display:grid;grid-template-columns:1fr auto;grid-gap:.25rem .75rem;gap:.25rem .75rem;padding:.6rem .75rem;border-radius:12px;background:var(--vlak);text-align:left}.muziek-beoordeel li.twijfel{background:color-mix(in srgb,var(--goud) 45%,var(--kaart))}.muziek-beoordeel .naam{font-weight:700}.muziek-beoordeel .antwoord{grid-column:1/-1;font-size:1.1rem;overflow-wrap:anywhere}.muziek-beoordeel .automatisch{grid-row:1;grid-column:2;font-size:.85rem;opacity:.75}.muziek-beoordeel .keuzes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.4rem;gap:.4rem}.muziek-beoordeel .keuze{min-height:2.75rem;background:transparent;color:var(--inkt);border:2px solid var(--rand)}.muziek-beoordeel .keuze.actief{background:var(--accent);color:var(--accent-inkt);border-color:var(--accent)}.spotify-regel{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;border-radius:12px;background:var(--vlak)}.spotify-regel .spotify-apparaat{display:flex;flex-direction:column;gap:.25rem;flex:1 1 12rem;font-size:.9rem}.spotify-regel select{font:inherit;padding:.4rem;border-radius:8px}.spotify-regel .tekstknop{border:none;background:none;padding:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.regie-meer a.regie-link{text-align:center;text-decoration:none}.stage-lobby .spotify-regel{margin-top:.5rem}.muziek-kaart-spotify{margin:.25rem 0 0}.muziek-kaart-spotify a{color:inherit}.decennia{border:1px solid var(--rand);border-radius:.6rem;padding:.6rem .8rem .4rem;margin:0}.decennia legend{padding:0 .3rem;font-size:.85rem;opacity:.75}.decennia-vakjes{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.decennia-vakjes .vinkje{flex:0 0 auto}.speler-avatar{display:block;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.avatar-zoek{width:100%;margin-bottom:.5rem}.tafel-dier.denkt .tafel-dier-beeld,.tafel-dier.fout .tafel-dier-beeld,.tafel-dier.geen .tafel-dier-beeld,.tafel-dier.weg .tafel-dier-beeld{filter:grayscale(1)}.avatar-kiezer{border:none;padding:0;margin:0;min-width:0}.avatar-kiezer legend{padding:0;font-weight:700;margin-bottom:.5rem}.avatar-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.9rem,1fr));grid-gap:.4rem;gap:.4rem}.avatar-vak{display:grid;justify-items:center;grid-gap:.2rem;gap:.2rem;align-items:center;padding:.35rem;border:1px solid var(--rand);border-radius:12px;background:var(--kaart);color:var(--inkt);cursor:pointer;aspect-ratio:1;min-height:2.9rem;transition:border-color .12s ease,background .12s ease,transform .12s ease}.avatar-naam{font-size:.85rem;line-height:1.1;opacity:.7;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.avatar-naam:first-letter{text-transform:uppercase}.avatar-vak:not(:disabled):active{transform:scale(.95)}.avatar-vak.gekozen{border-color:var(--accent-tekst);border-width:2px;color:var(--accent-tekst);background:color-mix(in srgb,var(--accent-tekst) 8%,var(--kaart))}.avatar-vak.gekozen .avatar-naam{opacity:1;font-weight:700}.avatar-vak.bezet{opacity:.32;cursor:default}.avatar-hint{margin:.5rem 0 0;font-size:.85rem;opacity:.75}.avatar-bron{margin:.75rem 0 0;font-size:.85rem;opacity:.55;text-align:center}.speler-rij-avatar{color:var(--inkt)}.rol-uitleg{width:min(100%,34ch);margin:1.25rem auto 0;text-align:left;border:1px solid var(--rand);border-radius:12px;background:var(--vlak)}.rol-uitleg summary{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;font-weight:600;cursor:pointer;list-style:none}.rol-uitleg summary::-webkit-details-marker{display:none}.rol-uitleg-icoon{width:1.15rem;height:1.15rem;flex-shrink:0;color:var(--accent-tekst)}.rol-uitleg-inhoud{padding:0 .9rem .9rem;font-size:.85rem;line-height:1.4}.rol-uitleg-inhoud p{margin:0 0 .75rem}.rol-uitleg-inhoud ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.75rem;gap:.75rem}.rol-uitleg-inhoud li{display:flex;align-items:flex-start;gap:.6rem}.rol-uitleg-inhoud li .rol-avatar{flex-shrink:0}.rol-uitleg-inhoud li div{display:grid;grid-gap:.15rem;gap:.15rem;min-width:0}.rol-uitleg-slot{margin:.75rem 0 0!important;opacity:.7}.vraag-opgemaakt{display:grid;grid-gap:clamp(.5rem,1vw,1rem);gap:clamp(.5rem,1vw,1rem);min-width:0}.vraag-volgorde{list-style:none;margin:0;padding:0;display:grid;grid-gap:clamp(.3rem,.7vw,.7rem);gap:clamp(.3rem,.7vw,.7rem)}.vraag-volgorde li{display:flex;align-items:center;gap:.6em;font-size:clamp(1.25rem,5.5vw,2.25rem);font-weight:700;line-height:1.15}.vraag-letter{flex-shrink:0;display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:999px;border:2px solid var(--accent-tekst);color:var(--accent-tekst);font-family:var(--font-cijfers),ui-monospace,monospace;font-size:.8em}.vraag-emoji{margin:0;font-size:clamp(3rem,7vw,6rem);line-height:1.1;letter-spacing:.12em}.visueel-verborgen{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.anagram-tegels{margin:0;display:flex;flex-wrap:wrap;gap:clamp(.3rem,.7vw,.7rem)}.anagram-tegel{display:inline-grid;place-items:center;min-width:clamp(2.5rem,5vw,5rem);height:clamp(2.5rem,5vw,5rem);padding:0 .25em;font-size:clamp(1.5rem,3.4vw,3.25rem);font-weight:700;background:var(--kaart);border:1px solid var(--rand);border-radius:18px}.verband-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(.3rem,.7vw,.7rem);gap:clamp(.3rem,.7vw,.7rem)}.verband-items li{padding:clamp(.75rem,1.5vw,1.5rem);font-size:clamp(1.25rem,2.6vw,2.5rem);background:var(--kaart);border:1px solid var(--rand);border-radius:18px}.stage-anagram-uitslag{margin:0;font-size:clamp(1.5rem,3.4vw,3.25rem);font-weight:700}.stage-options.stage-anagram{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;justify-items:center;text-align:center}.schat-antwoord{margin:0;font-size:clamp(3rem,8vw,8rem);font-weight:800;line-height:1;text-align:center}.anagram-onthuld .anagram-tegel{border-color:var(--winst)}.question-screen .answer-grid.twee,.stage-options.twee{grid-template-rows:1fr}.ontknoping-reeks{display:block;font-family:var(--font-cijfers);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700;color:var(--accent-tekst)}.naam-wijzigen-knop{background:none;border:none;color:var(--accent-tekst);font:inherit;font-size:.95rem;text-decoration:underline;text-underline-offset:.2em;padding:.5rem;min-height:44px;cursor:pointer}.naam-wijzigen{display:flex;flex-direction:column;gap:.5rem;width:min(360px,100%);margin:.5rem auto;text-align:left}.naam-wijzigen input{font:inherit;font-size:1.1rem;padding:.7rem .8rem;border-radius:.6rem;border:2px solid;background:transparent;color:inherit}.naam-wijzigen-knoppen{display:flex;gap:.5rem;align-items:center}.regie-spelers{width:min(420px,100%);margin:.5rem auto;text-align:left;border:1px solid var(--rand);border-radius:.8rem;padding:.75rem 1rem}.regie-spelers-kop{display:flex;justify-content:space-between;align-items:center}.regie-spelers h2{margin:0;font-size:1.1rem}.regie-spelers ul{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.35rem}.regie-spelers li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px}.regie-spelers .naam{overflow-wrap:anywhere;flex:1 1}.regie-speler-info{display:block;font-size:.8rem;opacity:.7}.dubbel-label{margin-left:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-tekst)}.regie-verwijder{flex-shrink:0;font:inherit;font-size:.9rem;min-height:40px;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--accent-tekst);background:transparent;color:var(--accent-tekst);cursor:pointer}.regie-verwijder.zeker{background:var(--accent);border-color:var(--accent);color:var(--accent-inkt)}.tafel-rij{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,1.2vw,1.25rem);max-width:min(1500px,94vw)}.tafel-dier{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:clamp(3.75rem,5.2vw,5.75rem);transition:opacity .25s ease-out}.tafel-dier-rond{display:grid;place-items:center;width:clamp(2.6rem,3.5vw,3.9rem);aspect-ratio:1;border-radius:999px;background:var(--kaart);border:2px solid var(--rand);color:var(--inkt);box-shadow:var(--schaduw)}.tafel-dier-beeld{width:78%;height:78%}.tafel-dier-letter{font-weight:800;font-size:clamp(1.2rem,1.8vw,2rem)}.tafel-dier-naam{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:clamp(.85rem,1vw,1.1rem)}.tafel-dier.denkt{opacity:.5}.tafel-dier.denkt .tafel-dier-rond{border-style:dashed;box-shadow:none;background:transparent}.tafel-dier.weg{opacity:.25}.tafel-dier.weg .tafel-dier-rond{box-shadow:none;background:transparent}.tafel-dier.klaar .tafel-dier-rond{border-color:var(--inkt);animation:tafel-klaar .42s cubic-bezier(.16,1,.3,1) both}.tafel-dier.goed .tafel-dier-rond{border-color:var(--winst);border-width:3px;color:var(--winst)}.tafel-dier.goed{animation:tafel-goed .62s cubic-bezier(.16,1,.3,1) both}.tafel-dier.fout,.tafel-dier.geen{opacity:.42;animation:tafel-fout .4s ease-out both}.tafel-dier.fout .tafel-dier-rond,.tafel-dier.geen .tafel-dier-rond{box-shadow:none}@keyframes tafel-klaar{0%{transform:scale(.72)}55%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes tafel-goed{0%{transform:translateY(0)}35%{transform:translateY(-.9rem) rotate(-6deg)}65%{transform:translateY(.1rem) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes tafel-fout{0%{transform:translateY(-.2rem);opacity:1}to{transform:translateY(.25rem);opacity:.42}}@media (prefers-reduced-motion:reduce){.tafel-dier,.tafel-dier .tafel-dier-rond{animation:none!important}.tafel-dier.fout,.tafel-dier.geen{transform:none}}.reveal-kaart.enkel{position:relative}.reveal-kaart.enkel.goed{animation:reveal-goed .56s cubic-bezier(.16,1,.3,1) backwards}.reveal-kaart.enkel.fout{animation:reveal-fout .38s ease-out backwards}.reveal-reeks{font-weight:800;color:var(--inkt);font-size:1rem;animation:reeks-in .42s cubic-bezier(.16,1,.3,1) .22s backwards}.reveal-snippers{position:absolute;inset:0;pointer-events:none}.snipper{position:absolute;left:50%;top:50%;width:.55rem;height:.8rem;border-radius:2px;opacity:0;animation:snipper .9s cubic-bezier(.16,1,.3,1) 80ms forwards}.snipper.s0{background:var(--optie-1);--dx:-7.5rem;--dy:-3.2rem;--rot:-140deg}.snipper.s1{background:var(--optie-2);--dx:-4rem;--dy:-4.6rem;--rot:95deg}.snipper.s2{background:var(--optie-3);--dx:0.4rem;--dy:-5.2rem;--rot:-60deg}.snipper.s3{background:var(--optie-4);--dx:4.4rem;--dy:-4.4rem;--rot:160deg}.snipper.s4{background:var(--winst);--dx:7.8rem;--dy:-2.8rem;--rot:-110deg;border-radius:999px;width:.6rem;height:.6rem}.snipper.s5{background:var(--optie-1);--dx:-9rem;--dy:0.6rem;--rot:70deg;border-radius:999px;width:.5rem;height:.5rem}.snipper.s6{background:var(--optie-3);--dx:9.2rem;--dy:0.8rem;--rot:-45deg}.snipper.s7{background:var(--optie-2);--dx:-1.8rem;--dy:3.4rem;--rot:200deg;border-radius:999px;width:.55rem;height:.55rem}@keyframes reveal-goed{0%{transform:scale(.82);opacity:0}45%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}@keyframes reveal-fout{0%{transform:translateX(0);opacity:0}20%{transform:translateX(-.45rem);opacity:1}45%{transform:translateX(.4rem)}70%{transform:translateX(-.2rem)}to{transform:translateX(0);opacity:1}}@keyframes reeks-in{0%{transform:translateY(.4rem) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes snipper{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(1)}}@media (prefers-reduced-motion:reduce){.reveal-kaart.enkel.fout,.reveal-kaart.enkel.goed,.reveal-reeks{animation:none}.reveal-snippers{display:none}}.mijn-dier{display:grid;place-items:center;margin:0 auto .75rem;width:6.5rem;aspect-ratio:1;border-radius:999px;background:var(--kaart);border:2px solid var(--rand);color:var(--inkt);box-shadow:var(--schaduw);animation:mijn-dier-in .64s cubic-bezier(.16,1,.3,1) backwards}.mijn-dier-beeld{width:76%;height:76%}@keyframes mijn-dier-in{0%{transform:translateY(.75rem) scale(.7) rotate(-8deg);opacity:0}60%{transform:translateY(-.35rem) scale(1.05) rotate(3deg);opacity:1}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.mijn-dier{animation:none}}.reveal-kaart.enkel .reveal-oordeel{display:inline-flex;align-items:center;gap:.5rem}.reveal-dier{width:1.75rem;height:1.75rem;flex-shrink:0}.reveal-kaart.enkel.goed .reveal-dier{animation:dier-blij .7s cubic-bezier(.16,1,.3,1) .12s backwards}.reveal-kaart.enkel.fout .reveal-dier{transform:rotate(-14deg) translateY(.1rem);animation:dier-sip .52s ease-out .12s backwards}@keyframes dier-blij{0%{transform:translateY(0) scale(.8)}40%{transform:translateY(-.7rem) rotate(-10deg) scale(1.1)}70%{transform:translateY(.05rem) rotate(4deg)}to{transform:none}}@keyframes dier-sip{0%{transform:rotate(0) translateY(-.2rem)}to{transform:rotate(-14deg) translateY(.1rem)}}@media (prefers-reduced-motion:reduce){.reveal-kaart.enkel .reveal-dier{animation:none}}.avatar-vak.bezet .speler-avatar{filter:grayscale(1)}