:root{--inkt:#060f0c;--vilt:#0d1e18;--vilt-hoog:#152e25;--vilt-diep:#081511;--vilt-licht:#1d3b30;--rand:#24473b;--rand-zacht:#17302807;--ivoor:#f7f3e8;--ivoor-zacht:#ddd6c5;--salie:#8fa69b;--salie-diep:#5e736a;--kaart:#131f1a;--kaart-papier:#fbf8ef;--kaart-papier-diep:#ece4d0;--lamp:#c9a22729;--goud:#c9a227;--goud-licht:#f0d98c;--goud-diep:#7d6312;--rood:#c0452f;--rood-licht:#e97b63;--groen:#4e9a6b;--groen-licht:#8ad3a6;--display:"Bodoni Moda", Georgia, "Times New Roman", serif;--ui:"Archivo", "Helvetica Neue", Arial, sans-serif;--mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--schaal:1;--fs-mega:calc(var(--schaal) * clamp(3rem, 9vw, 9rem));--fs-groot:calc(var(--schaal) * clamp(2rem, 5.5vw, 5rem));--fs-vraag:calc(var(--schaal) * clamp(1.5rem, 4.2vw, 4.2rem));--fs-keuze:calc(var(--schaal) * clamp(1rem, 1.7vw, 1.75rem));--fs-naam:calc(var(--schaal) * clamp(1.1rem, 2.6vw, 2.6rem));--fs-lood:calc(var(--schaal) * clamp(1rem, 1.5vw, 1.6rem));--fs-etiket:calc(var(--schaal) * clamp(.68rem, .95vw, 1.1rem));--deal:cubic-bezier(.16, .84, .24, 1);--zacht:cubic-bezier(.32, .72, .28, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--vilt);color:var(--ivoor);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:600}button{font-family:inherit}:focus-visible{outline:2px solid var(--goud-licht);outline-offset:3px;border-radius:6px}.scherm{background: radial-gradient(70% 55% at 50% -5%, var(--lamp) 0%, transparent 62%),  radial-gradient(130% 100% at 50% 0%, var(--vilt-licht) 0%, var(--vilt) 40%, var(--vilt-diep) 100%);flex-direction:column;min-height:100%;display:flex;position:relative;overflow:hidden}.scherm:before{content:"";pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.scherm:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0000 45%,#0308068c 100%);position:absolute;inset:0}.scherm>*{z-index:1;position:relative}.romp{flex-direction:column;flex:auto;gap:clamp(1rem,2vh,2rem);width:100%;max-width:1500px;margin:0 auto;padding-block:clamp(20px,3.5vh,56px);padding-inline:clamp(18px,4vw,90px);display:flex}.romp.midden{justify-content:center}.etiket{font-size:var(--fs-etiket);letter-spacing:.24em;text-transform:uppercase;color:var(--goud);margin:0;font-weight:600}.etiket.stil{color:var(--salie)}.mega{font-family:var(--display);font-size:var(--fs-mega);letter-spacing:-.015em;font-weight:700;line-height:.92}.groot{font-family:var(--display);font-size:var(--fs-groot);letter-spacing:-.01em;line-height:1.02}.lood{color:var(--ivoor-zacht);font-size:var(--fs-lood);text-wrap:pretty;max-width:60ch;margin:0}.fijn{color:var(--salie);margin:0;font-size:.85rem}.rule{background:linear-gradient(90deg, var(--goud), var(--goud-diep) 45%, transparent);transform-origin:0;height:1px;animation:trek .7s var(--deal) both;border:none;margin:0}@keyframes trek{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tafelkaart{background:linear-gradient(168deg, var(--kaart-papier), var(--kaart-papier-diep));width:100%;max-width:1180px;color:var(--kaart);animation:leggen .52s var(--deal) both;border-radius:18px;flex-direction:column;gap:clamp(.8rem,1.6vh,1.6rem);margin-inline:auto;padding:clamp(22px,3.4vw,60px);display:flex;position:relative;box-shadow:inset 0 2px #ffffff80,0 40px 80px -30px #000000e6,0 0 0 1px #c9a22766}.tafelkaart[data-suit]:after{content:attr(data-suit);color:#131f1a0f;pointer-events:none;font-size:clamp(2.4rem,6vw,6rem);line-height:1;position:absolute;bottom:clamp(6px,1.2vw,18px);right:clamp(16px,2vw,34px)}@keyframes leggen{0%{opacity:0;transform:translateY(26px) rotate(calc(var(--kanteling,0deg) - 1.1deg)) scale(.985)}to{opacity:1;transform:rotate(var(--kanteling,0deg))}}.vraagtekst{font-family:var(--display);font-size:var(--fs-vraag);letter-spacing:-.012em;color:var(--kaart);text-wrap:balance;margin:0;font-weight:600;line-height:1.12}.vraagtekst.klein{font-size:calc(var(--fs-vraag) * .62)}.emoji{font-size:calc(var(--schaal) * clamp(2.6rem, 8vw, 7rem));text-align:center;letter-spacing:.1em;word-break:break-word;line-height:1.25}.emoji.klein{font-size:calc(var(--schaal) * clamp(1.8rem, 4vw, 3.4rem))}.lyric{font-family:var(--display);font-style:italic;font-size:calc(var(--fs-vraag) * .82);color:var(--kaart);text-wrap:balance;margin:0;line-height:1.22}.lyric.klein{font-size:calc(var(--fs-vraag) * .44)}.keuzes{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(.5rem,1vh,.85rem);display:grid}.keuze{font-size:var(--fs-keuze);color:var(--kaart);text-align:left;transition:background .35s var(--zacht), border-color .35s var(--zacht), transform .35s var(--zacht);background:#131f1a0d;border:1px solid #131f1a21;border-radius:12px;align-items:center;gap:clamp(.7rem,1.2vw,1.1rem);padding:clamp(.7rem,1.3vw,1.15rem) clamp(.9rem,1.5vw,1.4rem);display:flex}.keuze .letter{font-family:var(--mono);background:var(--kaart);width:2em;height:2em;color:var(--ivoor);transition:background .35s var(--zacht);border-radius:50%;flex:none;place-items:center;font-size:.66em;font-weight:500;display:grid}.keuze.goed{border-color:var(--groen);box-shadow:0 0 0 1px var(--groen), 0 12px 30px -16px #4e9a6be6;background:#4e9a6b29;transform:translate(6px)}.keuze.goed .letter{background:var(--groen)}.keuze.fout{opacity:.42}.onthulling{background:linear-gradient(120deg, var(--vilt-hoog), var(--vilt-diep));border:1px solid var(--rand);border-left:4px solid var(--groen);animation:opkomen .45s .12s var(--deal) both;border-radius:16px;flex-direction:column;gap:.6rem;padding:clamp(18px,2.6vw,40px);display:flex;box-shadow:0 30px 60px -32px #000000e6}.antwoordtekst{font-family:var(--display);font-size:var(--fs-groot);color:var(--groen-licht);text-wrap:balance;margin:0;font-weight:600;line-height:1.05}.toelichting{color:var(--ivoor-zacht);font-size:calc(var(--fs-lood) * .9);max-width:68ch;margin:0}@keyframes opkomen{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ring{flex:none;width:clamp(58px,5.2vw,104px);height:clamp(58px,5.2vw,104px);display:block}.ring circle{fill:none;stroke-width:7px;stroke-linecap:round}.ring .baan{stroke:#ffffff14}.ring .voortgang{stroke:var(--goud-licht);transform-origin:50%;transition:stroke-dashoffset .25s linear, stroke .4s var(--zacht);filter:drop-shadow(0 0 10px #f0d98c73);transform:rotate(-90deg)}.ring.krap .voortgang{stroke:var(--rood-licht);filter:drop-shadow(0 0 14px #e97b6399)}.ring text{font-family:var(--mono);font-variant-numeric:tabular-nums;fill:var(--goud-licht);text-anchor:middle;dominant-baseline:central;font-size:40px}.ring.krap text{fill:var(--rood-licht)}.ring.stil .voortgang{stroke:var(--goud-diep);filter:none}.ring.stil text{fill:var(--goud-diep)}.ring.krap{animation:1s ease-in-out infinite adem}@keyframes adem{50%{opacity:.55}}.klok-compact{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--goud-licht);font-size:clamp(1.6rem,5vw,2.4rem);line-height:1}.klok-compact.krap{color:var(--rood-licht)}.klok-compact.stil{color:var(--salie-diep)}.rail{border-bottom:1px solid var(--rand);background:linear-gradient(#060f0cbf,#0000);align-items:center;gap:clamp(.8rem,2vw,2rem);min-height:clamp(76px,8vh,132px);padding:clamp(.7rem,1.4vh,1.4rem) clamp(18px,4vw,90px);display:flex}.rail .suit{font-size:calc(var(--fs-naam) * 1.15);color:var(--goud);line-height:1}.rail .suit.rood{color:var(--rood-licht)}.rail .titel{flex:auto;min-width:0}.rail .titel h2{font-size:calc(var(--fs-naam) * .9);white-space:nowrap;text-overflow:ellipsis;line-height:1.1;overflow:hidden}.rail .teller{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--salie);font-size:calc(var(--fs-etiket) * 1.15);white-space:nowrap}.avatar{object-fit:cover;background:var(--vilt-diep);border:1px solid var(--rand);color:var(--goud-licht);text-transform:uppercase;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:2.6rem;height:2.6rem;font-size:.85rem;font-weight:600;line-height:1;display:grid}.avatar.m{width:clamp(2.8rem,4vw,4rem);height:clamp(2.8rem,4vw,4rem);font-size:clamp(.9rem,1.3vw,1.3rem)}.avatar.l{width:clamp(4rem,7vw,7rem);height:clamp(4rem,7vw,7rem);font-size:clamp(1.2rem,2.2vw,2.2rem)}.avatar.goud{border-color:var(--goud);box-shadow:0 0 0 2px #c9a22747}.naamplaat{background:linear-gradient(180deg, var(--vilt-hoog), var(--vilt-diep));border:1px solid var(--rand);font-size:calc(var(--fs-lood) * .85);color:var(--ivoor-zacht);border-radius:999px;align-items:center;gap:.7rem;padding:.55rem 1rem .55rem .55rem;display:flex}.naamplaat.aan{border-color:var(--goud-diep);color:var(--ivoor)}.teamkaart{background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));border:1px solid var(--rand);border-radius:16px;flex-direction:column;gap:.8rem;padding:clamp(.9rem,1.6vw,1.5rem);display:flex;box-shadow:0 24px 50px -34px #000000e6}.teamkaart .kop{font-family:var(--display);font-size:calc(var(--fs-naam) * .8);color:var(--goud-licht);align-items:center;gap:.6rem;display:flex}.teamkaart .kop .suit.rood{color:var(--rood-licht)}.stand{flex-direction:column;width:100%;display:flex}.standrij{border-bottom:1px solid var(--rand);animation:schuifIn .45s var(--deal) both;animation-delay:calc(var(--i,0) * 70ms);grid-template-columns:clamp(2rem,3vw,3.5rem) auto 1fr auto;align-items:center;gap:clamp(.7rem,1.6vw,1.5rem);padding:clamp(.5rem,1.1vh,1rem) clamp(.4rem,1vw,1rem);display:grid}.standrij.leider{border-bottom-color:var(--goud-diep);background:linear-gradient(90deg,#c9a22729,#0000 72%)}.standrij .plek{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:calc(var(--fs-naam) * .52);color:var(--salie)}.standrij.leider .plek{color:var(--goud)}.standrij .naam{font-family:var(--display);font-size:var(--fs-naam);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.standpunten{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:calc(var(--fs-naam) * .85);color:var(--goud-licht)}.standrij .delta{font-family:var(--mono);color:var(--groen-licht);margin-left:.5rem;font-size:.45em}@keyframes schuifIn{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}.knop{border:1px solid var(--rand);background:linear-gradient(180deg, var(--vilt-hoog), var(--vilt-diep));color:var(--ivoor-zacht);cursor:pointer;white-space:nowrap;transition:background .2s var(--zacht), border-color .2s var(--zacht), color .2s var(--zacht), transform 80ms;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.3rem;font-size:.92rem;font-weight:500;display:inline-flex}.knop:hover{border-color:var(--salie-diep);color:var(--ivoor)}.knop:active{transform:translateY(1px)}.knop:disabled{opacity:.35;cursor:not-allowed}.knop.hoofd{background:linear-gradient(180deg, var(--goud-licht), var(--goud));border-color:var(--goud-licht);color:#1a1405;font-weight:700;box-shadow:0 14px 30px -14px #c9a227d9}.knop.hoofd:hover{background:linear-gradient(180deg, #f8e6a8, var(--goud-licht));color:#1a1405}.knop.stil{color:var(--salie);background:0 0;border-color:#0000}.knop.stil:hover{background:var(--vilt-hoog);color:var(--ivoor)}.knop.groot{padding:1.05rem 2rem;font-size:1.05rem}.knop.vol{width:100%}.knoprij{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}input[type=text],input[type=number],input[type=password],textarea{background:var(--vilt-diep);border:1px solid var(--rand);width:100%;color:var(--ivoor);font-family:var(--ui);border-radius:11px;padding:.9rem 1rem;font-size:1.05rem}input:focus,textarea:focus{border-color:var(--goud-diep);outline:none}.paneel{background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));border:1px solid var(--rand);border-radius:16px;padding:clamp(.9rem,1.6vw,1.4rem)}.raster{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:.7rem;display:grid}.stip{background:var(--salie-diep);width:.55rem;height:.55rem;transition:background .3s var(--zacht);border-radius:50%;flex:none}.stip.aan{background:var(--groen);box-shadow:0 0 8px #8ad3a6b3}.stip.uit{background:var(--rood)}.verbinding{color:var(--salie);align-items:center;gap:.45rem;font-size:.78rem;display:flex}.let-op{border-left:3px solid var(--goud);color:var(--ivoor-zacht);padding-left:.9rem;font-size:.88rem}.vorderingen{align-items:center;gap:.4rem;display:flex}.vorderingen i{width:.5rem;height:.5rem;transition:background .3s var(--zacht), transform .3s var(--zacht);background:#ffffff24;border-radius:50%}.vorderingen i.gehad{background:var(--goud-diep)}.vorderingen i.nu{background:var(--goud-licht);transform:scale(1.5)}.inleverrij{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.inleverrij .vak{border:1px solid var(--rand);background:var(--vilt-diep);min-width:3.5rem;color:var(--salie-diep);font-size:calc(var(--fs-lood) * .8);text-align:center;transition:all .35s var(--zacht);border-radius:10px;padding:.45rem .9rem}.inleverrij .vak.binnen{border-color:var(--groen);color:var(--groen-licht);background:#4e9a6b29}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=560px){.knop{padding:.7rem 1.05rem;font-size:.88rem}.standrij{grid-template-columns:1.6rem auto 1fr auto;gap:.6rem}}.inzending{text-align:left;border:1px solid var(--rand);background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));width:100%;color:var(--ivoor-zacht);cursor:pointer;font-family:var(--ui);transition:border-color .2s var(--zacht), background .2s var(--zacht);border-radius:12px;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.85rem;padding:.8rem 1rem;font-size:.95rem;display:grid}.inzending:hover{border-color:var(--salie-diep)}.inzending .vink{color:var(--salie-diep);transition:color .2s var(--zacht);font-size:1.05rem}.inzending .tekst{font-family:var(--mono);color:var(--ivoor);font-size:.92rem}.inzending.goedgekeurd{border-color:var(--groen);background:linear-gradient(170deg, #4e9a6b2e, var(--vilt-diep));color:var(--ivoor)}.inzending.goedgekeurd .vink{color:var(--groen-licht)}.spanningsrand{z-index:5;pointer-events:none;opacity:0;transition:opacity .45s var(--zacht);position:absolute;inset:0;box-shadow:inset 0 0 120px -20px #c0452fbf,inset 0 0 40px -10px #c0452f80}.scherm.spanning .spanningsrand{opacity:1;animation:1s ease-in-out infinite hartslag}@keyframes hartslag{50%{opacity:.45}}.geluidsknop{z-index:30;border:1px solid var(--rand);color:var(--salie);cursor:pointer;opacity:.35;transition:opacity .3s var(--zacht), color .3s var(--zacht);background:#081511bf;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;position:absolute;bottom:clamp(10px,1.4vw,22px);right:clamp(10px,1.4vw,22px)}.geluidsknop:hover{opacity:1;color:var(--ivoor)}.keuze.goed{position:relative;overflow:hidden}.keuze.goed:after{content:"";pointer-events:none;animation:glans .9s .25s var(--zacht) both;background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@keyframes glans{to{transform:translate(120%)}}.inleverrij .vak.binnen{animation:omklappen .5s var(--deal)}@keyframes omklappen{0%{transform:rotateX(0)scale(1)}45%{transform:rotateX(90deg)scale(1.1)}to{transform:rotateX(0)scale(1)}}@property --vilt{syntax:"<color>";inherits:true;initial-value:#0d1e18}@property --vilt-licht{syntax:"<color>";inherits:true;initial-value:#1d3b30}@property --vilt-diep{syntax:"<color>";inherits:true;initial-value:#081511}@property --lamp{syntax:"<color>";inherits:true;initial-value:#c9a22729}@property --goud{syntax:"<color>";inherits:true;initial-value:#c9a227}@property --goud-licht{syntax:"<color>";inherits:true;initial-value:#f0d98c}.scherm{transition:--vilt .7s var(--zacht), --vilt-licht .7s var(--zacht), --vilt-diep .7s var(--zacht), --lamp .7s var(--zacht), --goud .7s var(--zacht), --goud-licht .7s var(--zacht)}.motief{z-index:0;pointer-events:none;opacity:0;transition:opacity .7s var(--zacht);position:absolute;inset:0}[data-sfeer=gras]{--vilt:#0b1f12;--vilt-licht:#17351f;--vilt-diep:#061409;--vilt-hoog:#133024;--rand:#21462c;--lamp:#e8f4d926;--goud:#cfe4b4;--goud-licht:#f2fae6;--goud-diep:#6f8c58}[data-sfeer=gras] .motief{opacity:.5;background:repeating-linear-gradient(90deg,#ffffff06 0 90px,#0000 90px 180px)}[data-sfeer=staal]{--vilt:#101823;--vilt-licht:#1d2c3d;--vilt-diep:#0a1017;--vilt-hoog:#18242f;--rand:#2a3b4f;--lamp:#8fb4d626;--goud:#8fb4d6;--goud-licht:#d5e7f7;--goud-diep:#46658a}[data-sfeer=staal] .motief{opacity:.55;background-image:linear-gradient(#8fb4d60d 1px,#0000 1px),linear-gradient(90deg,#8fb4d60d 1px,#0000 1px);background-size:64px 64px}[data-sfeer=oranje]{--vilt:#1c1208;--vilt-licht:#35220c;--vilt-diep:#120b04;--vilt-hoog:#2a1a0b;--rand:#4a3116;--lamp:#e8862a2b;--goud:#e8862a;--goud-licht:#ffc888;--goud-diep:#8a4f11}[data-sfeer=nacht]{--vilt:#0a0e1d;--vilt-licht:#161d38;--vilt-diep:#05070f;--vilt-hoog:#141a30;--rand:#232c4a;--lamp:#b9c7f024;--goud:#b9c7f0;--goud-licht:#e6edff;--goud-diep:#55619a}[data-sfeer=nacht] .motief{opacity:.85;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#ffffff80,#0000),radial-gradient(1.2px 1.2px at 31% 64%,#ffffff59,#0000),radial-gradient(1.6px 1.6px at 54% 18%,#ffffff73,#0000),radial-gradient(1.1px 1.1px at 68% 47%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 81% 72%,#fff6,#0000),radial-gradient(1.2px 1.2px at 91% 31%,#ffffff52,#0000),radial-gradient(1.3px 1.3px at 22% 84%,#ffffff47,#0000),radial-gradient(1.1px 1.1px at 45% 91%,#ffffff42,#0000)}[data-sfeer=suiker]{--vilt:#1e0f18;--vilt-licht:#351a2a;--vilt-diep:#140a10;--vilt-hoog:#2b1522;--rand:#4a2338;--lamp:#e79ab429;--goud:#e79ab4;--goud-licht:#ffd6e3;--goud-diep:#8c4c63}[data-sfeer=violet]{--vilt:#150f26;--vilt-licht:#261a40;--vilt-diep:#0d0918;--vilt-hoog:#1f1636;--rand:#372457;--lamp:#b49af029;--goud:#b49af0;--goud-licht:#e0d4ff;--goud-diep:#6a4fa3}[data-sfeer=poule]{--vilt:#0e1c10;--vilt-licht:#1f3819;--vilt-diep:#081109;--vilt-hoog:#172a15;--rand:#2c4a24;--lamp:#e0b63a36;--goud:#e0b63a;--goud-licht:#ffe9a6;--goud-diep:#8f6f13}[data-sfeer=bioscoop]{--vilt:#1c0b0c;--vilt-licht:#331416;--vilt-diep:#120708;--vilt-hoog:#2a1113;--rand:#4a1e20;--lamp:#e0a94e2b;--goud:#e0a94e;--goud-licht:#ffdda4;--goud-diep:#8a6420}[data-sfeer=bioscoop] .motief{opacity:.6;background:repeating-linear-gradient(90deg,#00000029 0 26px,#0000 26px 62px,#ffffff04 62px 70px)}[data-sfeer=vuurwerk]{--vilt:#0a1526;--vilt-licht:#14263f;--vilt-diep:#060d18;--vilt-hoog:#111f33;--rand:#1e3559;--lamp:#f2c94c2b;--goud:#f2c94c;--goud-licht:#ffeaa8;--goud-diep:#8a6a14}[data-sfeer=vuurwerk] .motief{opacity:.75;background-image:radial-gradient(2px 2px at 18% 26%,#f2c94c8c,#0000),radial-gradient(1.6px 1.6px at 26% 18%,#ffeaa873,#0000),radial-gradient(1.8px 1.8px at 74% 22%,#e79ab466,#0000),radial-gradient(1.4px 1.4px at 82% 34%,#f2c94c66,#0000),radial-gradient(2px 2px at 60% 12%,#b9c7f059,#0000),radial-gradient(1.5px 1.5px at 40% 30%,#ffeaa84d,#0000)}[data-sfeer=bliksem]{--vilt:#0f0f0a;--vilt-licht:#1f1f11;--vilt-diep:#070703;--vilt-hoog:#1a1a0f;--rand:#3a3a1c;--lamp:#f5e02e30;--goud:#f5e02e;--goud-licht:#fffaa8;--goud-diep:#8f8410}[data-sfeer=bliksem] .motief{opacity:.4;background:repeating-linear-gradient(115deg,#f5e02e09 0 3px,#0000 3px 34px)}.lobby{grid-template-columns:minmax(0,1.4fr) auto;align-items:center;gap:clamp(1.5rem,4vw,5rem);width:100%;display:grid}.lobby-tekst{flex-direction:column;gap:clamp(1rem,2.6vh,2.2rem);min-width:0;display:flex}.qr-kaart{background:linear-gradient(168deg, var(--kaart-papier), var(--kaart-papier-diep));color:var(--kaart);border-radius:18px;flex-direction:column;justify-self:end;align-items:center;gap:.8rem;max-width:min(42vh,420px);padding:clamp(14px,1.6vw,26px);display:flex;box-shadow:inset 0 2px #ffffff80,0 40px 80px -30px #000000e6,0 0 0 1px #c9a22766}.qr-kaart .qr{aspect-ratio:1;width:min(36vh,360px);height:auto;image-rendering:pixelated;border-radius:8px;display:block}.qr-adres{font-family:var(--mono);font-size:calc(var(--fs-lood) * .95);letter-spacing:.02em;text-align:center;word-break:break-all;margin:0}.qr-let-op{color:#131f1ab3;text-align:center;border-top:1px solid #131f1a1f;margin:0;padding-top:.6rem;font-size:.8rem;line-height:1.35}.qr-adres-tip{font-family:var(--mono);color:inherit;text-underline-offset:.15em;word-break:break-all;font-weight:600;text-decoration:underline}@media (width<=900px),(aspect-ratio<=1){.lobby{text-align:center;grid-template-columns:1fr;justify-items:center}.lobby-tekst{align-items:center}.qr-kaart{justify-self:center}}.antwoordenrij{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(.5rem,1vw,.9rem);width:100%;max-width:1180px;margin-inline:auto;display:grid}.antwoordkaart{border:1px solid var(--rand);background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));transition:border-color .35s var(--zacht), background .35s var(--zacht), opacity .35s var(--zacht);border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"wie oordeel""wat oordeel";align-items:center;gap:.15rem .6rem;padding:clamp(.6rem,1.1vw,1rem) clamp(.8rem,1.3vw,1.2rem);display:grid}.antwoordkaart .wie{font-size:var(--fs-etiket);letter-spacing:.14em;text-transform:uppercase;color:var(--salie);grid-area:wie}.antwoordkaart .wat{font-family:var(--display);font-size:calc(var(--fs-naam) * .7);color:var(--ivoor);overflow-wrap:anywhere;grid-area:wat;line-height:1.15}.antwoordkaart .oordeel{font-size:calc(var(--fs-naam) * .8);text-align:center;grid-area:oordeel;width:1.2em;line-height:1}.antwoordkaart.goed{border-color:var(--groen);background:linear-gradient(170deg, #4e9a6b33, var(--vilt-diep))}.antwoordkaart.goed .oordeel,.antwoordkaart.goed .wie{color:var(--groen-licht)}.antwoordkaart.fout{opacity:.62}.antwoordkaart.fout .oordeel{color:var(--rood-licht)}.uitslag{border:1px solid var(--rand);background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));border-radius:14px;align-items:center;gap:.9rem;padding:1rem 1.1rem;font-size:1.1rem;line-height:1.3;display:flex}.uitslag .teken{background:var(--vilt-diep);border:1px solid var(--rand);width:2.4rem;height:2.4rem;color:var(--salie);border-radius:50%;flex:none;place-items:center;font-size:1.8rem;line-height:1;display:grid}.uitslag .plus{font-family:var(--mono);color:var(--goud-licht);margin:0 .3rem;font-size:1.5rem}.uitslag[data-uitslag=goed]{border-color:var(--groen);background:linear-gradient(170deg, #4e9a6b42, var(--vilt-diep));box-shadow:0 0 40px -12px #4e9a6bb3}.uitslag[data-uitslag=goed] .teken{background:var(--groen);border-color:var(--groen-licht);color:#06120b}.uitslag[data-uitslag=fout] .teken{color:var(--rood-licht);border-color:var(--rood)}.standrij.ik{background:linear-gradient(90deg,#f0d98c1a,#0000 70%)}.standrij.ik .naam:after{content:" · jij";font-family:var(--ui);color:var(--goud);font-size:.6em;font-weight:500}.media-beeld{flex-direction:column;align-items:center;gap:.5rem;margin:0;display:flex}.media-beeld img,.media-beeld video{background:#000;border-radius:12px;max-width:100%;max-height:min(42vh,560px);display:block;box-shadow:0 24px 50px -28px #000000e6}.media-beeld.klein img,.media-beeld.klein video{max-height:min(30vh,380px)}.media-beeld figcaption{font-size:calc(var(--fs-lood) * .8);color:#131f1a99;text-align:center}.media-ontbreekt{color:#131f1ab3;font-size:calc(var(--fs-lood) * .85);border:1px solid #131f1a33;border-radius:10px;margin:0;padding:.8rem 1rem}.media-ontbreekt code{font-family:var(--mono)}.media-muziek{color:var(--kaart);background:#131f1a0f;border:1px solid #131f1a1f;border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;padding:clamp(1rem,2.4vh,2rem);display:flex}.media-muziek .tekst{font-family:var(--display);font-style:italic;font-size:calc(var(--fs-vraag) * .5)}.media-muziek .balken{align-items:flex-end;gap:.4rem;height:clamp(2.4rem,7vh,5rem);display:flex}.media-muziek .balken i{background:var(--kaart);opacity:.35;width:clamp(.4rem,.8vw,.8rem);height:18%;transition:height .3s var(--zacht), opacity .3s var(--zacht);border-radius:3px;display:block}.media-muziek.speelt .balken i{opacity:.85;animation:.9s ease-in-out infinite dansen;animation-delay:calc(var(--n) * -.13s)}@keyframes dansen{0%,to{height:22%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.media-muziek.speelt .balken i{height:60%}}.host-vraagtekst{font-family:var(--display);color:var(--ivoor);margin:.4rem 0 0;font-size:1.35rem;line-height:1.25}.spiek{border-top:1px solid var(--rand);margin-top:.7rem;padding-top:.5rem}.spiek summary{cursor:pointer;color:var(--salie);letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.spiek p{color:var(--groen-licht);margin:.4rem 0 0;font-size:1.05rem}kbd{font-family:var(--mono);border:1px solid var(--rand);background:var(--vilt-diep);color:var(--ivoor-zacht);border-radius:5px;padding:.05em .4em;font-size:.78em}.rondes>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.8rem;list-style:none;display:flex}.rondes>summary::-webkit-details-marker{display:none}.rondes>summary:before{content:"▸";color:var(--salie);font-size:.8rem}.rondes[open]>summary:before{content:"▾"}.rondelijst{flex-direction:column;display:flex}.ronderij{border-bottom:1px solid var(--rand);grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.55rem .2rem;display:grid}.ronderij.uit{opacity:.55}.ronderij.nu{background:linear-gradient(90deg,#c9a22724,#0000 70%)}.ronderij input[type=checkbox],.vragenlijst input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--goud);margin-top:.2rem}.ronderij .volgnummer{font-family:var(--mono);color:var(--salie);text-align:center;width:1.4rem;padding-top:.1rem}.rondedetails summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:.5rem;list-style:none;display:flex}.rondedetails summary::-webkit-details-marker{display:none}.rondedetails summary .suit{color:var(--goud)}.rondedetails summary .suit.rood{color:var(--rood-licht)}.badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--rand);color:var(--salie);border-radius:999px;padding:.1rem .5rem;font-size:.7rem}.badge.rood{border-color:var(--rood);color:var(--rood-licht)}.vragenlijst{color:var(--ivoor-zacht);flex-direction:column;gap:.4rem;margin:.5rem 0 .2rem;padding-left:1.4rem;font-size:.92rem;display:flex}.vragenlijst li{align-items:flex-start;gap:.6rem;display:flex}.vragenlijst li.uit{opacity:.5}.portretknop{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.portretknop:disabled{opacity:.5}.prijzen{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(.6rem,1.2vw,1.2rem);width:min(100%,1400px);margin-top:clamp(.5rem,1.5vh,1.2rem);display:grid}.prijs{text-align:left;border:1px solid var(--rand);background:linear-gradient(170deg, var(--vilt-hoog), var(--vilt-diep));border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"icoon titel""icoon naam""icoon detail";align-items:center;column-gap:.8rem;padding:clamp(.7rem,1.2vw,1.1rem) clamp(.9rem,1.4vw,1.3rem);display:grid}.prijsicoon{grid-area:icoon;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1}.prijstitel{font-size:calc(var(--fs-etiket) * .92);letter-spacing:.12em;white-space:nowrap;text-transform:uppercase;color:var(--goud);grid-area:titel}.prijsnaam{font-family:var(--display);font-size:calc(var(--fs-naam) * .75);color:var(--ivoor);grid-area:naam;line-height:1.1}.prijsdetail{font-size:calc(var(--fs-lood) * .8);color:var(--salie);grid-area:detail}.stempel{z-index:6;font-family:var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--rood);mix-blend-mode:multiply;transform:rotate(var(--hoek,-9deg));animation:stempelen .42s var(--deal) both;pointer-events:none;background:#fbf8efeb;border:.14em solid;border-radius:.25em;padding:.15em .55em;font-size:clamp(1.6rem,4.2vw,4rem);font-weight:800;line-height:1;position:absolute;box-shadow:0 18px 40px -18px #000c;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 55%,#000000bf 100%);mask-image:radial-gradient(circle at 30% 40%,#000 55%,#000000bf 100%)}.stempel.groen{color:#2f7a4d}.stempel.goud{color:var(--goud-diep)}.stempel.rechtsboven{top:clamp(-10px,-1vw,-18px);right:clamp(8px,2vw,40px)}.stempel.midden{transform:translate(-50%, -50%) rotate(var(--hoek,-9deg));animation-name:stempelenMidden;top:50%;left:50%}@keyframes stempelen{0%{opacity:0;transform:rotate(var(--hoek,-9deg)) scale(2.4)}70%{opacity:1;transform:rotate(var(--hoek,-9deg)) scale(.94)}to{opacity:1;transform:rotate(var(--hoek,-9deg)) scale(1)}}@keyframes stempelenMidden{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--hoek,-9deg)) scale(2.4)}70%{opacity:1;transform:translate(-50%, -50%) rotate(var(--hoek,-9deg)) scale(.94)}to{opacity:1;transform:translate(-50%, -50%) rotate(var(--hoek,-9deg)) scale(1)}}.onthulling{position:relative}.onthulling .stempel{mix-blend-mode:normal;background:#fbf8eff5;font-size:clamp(1.4rem,3.4vw,3.2rem);top:12%;right:4%}.uitslag{position:relative;overflow:visible}.uitslag .stempel{border-width:.16em;font-size:1.1rem;top:-.7rem;right:.6rem}.tafelkaart{transform:rotate(var(--kanteling,0deg))}.scherm.spanning .tafelkaart{animation:.32s ease-in-out infinite trillen}@keyframes trillen{0%,to{transform:rotate(var(--kanteling,0deg)) translate(0, 0)}25%{transform:rotate(calc(var(--kanteling,0deg) - .25deg)) translate(-1px, 1px)}75%{transform:rotate(calc(var(--kanteling,0deg) + .25deg)) translate(1px, -1px)}}.kroonhouder{flex:none;place-items:center;display:inline-grid;position:relative}.kroonhouder.kroon:after{content:"👑";transform-origin:50% 100%;filter:drop-shadow(0 2px 4px #00000080);font-size:clamp(1.1rem,1.8vw,1.8rem);line-height:1;animation:2.2s ease-in-out infinite kroonWiebel;position:absolute;top:-.45em;left:50%;transform:translate(-50%)rotate(-16deg)}@keyframes kroonWiebel{0%,to{transform:translate(-50%)rotate(-16deg)}50%{transform:translate(-46%)rotate(-8deg)translateY(-2px)}}.standrij.laatste .naam:after{content:" 🏮";transform-origin:50% 0;font-size:.7em;animation:2.6s ease-in-out infinite lantaarnZwaai;display:inline-block}@keyframes lantaarnZwaai{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.standrij .badge{vertical-align:middle;letter-spacing:.1em;margin-left:.6rem;font-size:.55em}.badge.stijger{border-color:var(--groen);color:var(--groen-licht);animation:opkomen .5s .9s var(--deal) both}.reacties{z-index:35;pointer-events:none;position:absolute;inset:0;overflow:hidden}.reactie{bottom:-3rem;left:var(--x,50%);flex-direction:column;align-items:center;gap:.1rem;animation:3s cubic-bezier(.2,.7,.4,1) forwards zweven;display:flex;position:absolute;transform:translate(-50%)}.reactie .emoji{filter:drop-shadow(0 6px 10px #00000080);font-size:clamp(2.2rem,4.5vw,4.4rem);line-height:1;animation:.9s ease-in-out infinite zwabberen}.reactie .van{font-size:var(--fs-etiket);letter-spacing:.12em;text-transform:uppercase;color:var(--ivoor);background:#081511b3;border-radius:999px;padding:.1rem .5rem}@keyframes zweven{0%{opacity:0;transform:translate(-50%)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,calc(4rem - 100vh))}}@keyframes zwabberen{0%,to{transform:rotate(-12deg)translate(-4px)}50%{transform:rotate(12deg)translate(4px)}}.reactierij{justify-content:space-between;gap:.4rem;display:flex}.reactierij button{border:1px solid var(--rand);background:linear-gradient(180deg, var(--vilt-hoog), var(--vilt-diep));cursor:pointer;border-radius:12px;flex:1 1 0;padding:.55rem 0;font-size:1.6rem;line-height:1;transition:transform 80ms}.reactierij button:active{transform:scale(1.25)rotate(-8deg)}.knop.gekozen{border-color:var(--goud-licht);background:linear-gradient(180deg, #f0d98c38, var(--vilt-diep));color:var(--ivoor);box-shadow:0 0 0 1px var(--goud), 0 10px 26px -14px #c9a227e6}.kwinkslag{font-family:var(--display);font-style:italic;font-size:calc(var(--fs-lood) * 1.05);color:var(--ivoor-zacht);animation:opkomen .5s var(--deal) both;margin:0}.kwinkslag.begroeting{color:var(--goud-licht);animation:opkomen .5s var(--deal) both, wegzakken .6s 4.4s var(--zacht) both}@keyframes wegzakken{to{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.avatar.kroon:after,.standrij.laatste .naam:after,.reactie .emoji,.scherm.spanning .tafelkaart{animation:none}}.por{background:var(--goud);color:#1a1405;font-family:var(--display);border-radius:12px;padding:.8rem 1rem;font-size:1.15rem;animation:.5s ease-in-out 2 porschud;box-shadow:0 10px 30px -12px #000000b3}@keyframes porschud{25%{transform:translate(-6px)rotate(-1deg)}75%{transform:translate(6px)rotate(1deg)}}.stemknop{justify-content:flex-start}.stemtelling{flex-direction:column;gap:clamp(.3rem,.8vh,.6rem);width:min(100%,900px);margin:0 auto;display:flex}.stemrij{border:1px solid var(--rand);background:#ffffff0a;border-radius:12px;grid-template-columns:auto minmax(7ch,.6fr) 1fr auto minmax(0,.8fr);align-items:center;gap:.8rem;padding:.35rem .9rem;display:grid}.stemrij.wint{border-color:var(--goud);background:#c9a2271a}.stemrij .naam{font-family:var(--display);font-size:calc(var(--fs-naam) * .8);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stembalk{background:#ffffff14;border-radius:999px;height:.9rem;overflow:hidden}.stembalk i{height:100%;width:calc(var(--deel) * 100%);background:linear-gradient(90deg, var(--goud), var(--goud-licht));transform-origin:0;animation:stemgroei .7s var(--deal) both;animation-delay:calc(.6s + var(--i) * .12s);display:block}@keyframes stemgroei{0%{transform:scaleX(0)}}.stemaantal{font-family:var(--mono);font-size:calc(var(--fs-naam) * .8);color:var(--goud-licht)}.stemmers{font-size:var(--fs-etiket);color:var(--salie);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prijsdetail.lang{white-space:normal;font-style:italic}.logboek{flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.92rem;display:flex}.logregel{border-bottom:1px dashed var(--rand);align-items:baseline;gap:.7rem;padding:.2rem 0;display:flex}.logregel .tijd{font-family:var(--mono);color:var(--salie);flex:none;font-size:.8rem}.logregel.ongedaan{opacity:.55;text-decoration:line-through}button.naamplaat{cursor:pointer;font:inherit}a.uitslagrij{color:inherit;text-decoration:none}a.uitslagrij:hover{background:#ffffff0a}.uitslagtabel{border-collapse:collapse;width:100%;margin-top:.6rem;font-size:.95rem}.uitslagtabel th,.uitslagtabel td{border-bottom:1px solid var(--rand);text-align:left;white-space:nowrap;padding:.45rem .6rem}.uitslagtabel th{font-family:var(--ui);color:var(--salie);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.uitslagtabel .cijfer{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right}.uitslagtabel .cijfer.best{color:var(--goud-licht)}.uitslagtabel .totaal td{border-top:2px solid var(--goud-diep);color:var(--goud-licht);border-bottom:0;font-weight:700}.mono{font-family:var(--mono);font-size:.9em}.beheer-feiten{color:var(--ivoor-zacht);grid-template-columns:max-content 1fr;gap:.35rem 1.2rem;margin:.8rem 0 0;font-size:.92rem;display:grid}.beheer-feiten dt{color:var(--salie);text-transform:uppercase;letter-spacing:.06em;padding-top:.15rem;font-size:.8rem}.beheer-feiten dd{overflow-wrap:anywhere;min-width:0;margin:0}.beheer-lijst{flex-direction:column;margin-top:.6rem;display:flex}.beheer-rij{border-bottom:1px solid var(--rand);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.6rem .2rem;display:grid}.beheer-rij.beheer-actief{background:linear-gradient(90deg,#c9a22724,#0000 70%)}.beheer-rij .plek{color:var(--salie);min-width:2.4rem}.beheer-rij .badge{vertical-align:middle;margin-left:.4rem}.beheer-tabel{-webkit-overflow-scrolling:touch;overflow-x:auto}.uitslagtabel tr.beheer-ontbreekt td{color:var(--rood-licht)}@media (width<=640px){.beheer-rij{grid-template-columns:auto 1fr}.beheer-rij>.knoprij{grid-column:1/-1;justify-content:flex-start!important}.beheer-feiten{grid-template-columns:1fr;gap:.1rem}.beheer-feiten dd{margin-bottom:.5rem}}
