:root{--achtergrond: #2c1808;--vlak: #6a3f14;--vlak-hoog: #8b5720;--rand: #b9843c;--tekst: #ffeecd;--tekst-zacht: #d3ab77;--goud: #ffd166;--goud-donker: #7a4e0e;--rood: #e8453c;--rood-donker: #6d1d19;--groen: #35c46b;--groen-donker: #14512c;--blauw: #4c8dff;--paars: #9b6cf0;--straal: 18px;--straal-klein: 10px;--veilig-onder: env(safe-area-inset-bottom, 0px);--veilig-boven: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 80% 45% at 50% -8%,rgba(255,196,92,.22),transparent 70%),radial-gradient(ellipse 95% 55% at 50% 42%,rgba(168,100,31,.55),transparent 78%),linear-gradient(180deg,#5a3410,#3a210b 55%,#241306);background-color:var(--achtergrond);background-attachment:fixed;color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:17px;line-height:1.4;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,.geen-selectie{user-select:none;-webkit-user-select:none}.scherm{display:flex;flex-direction:column;min-height:100%;padding:calc(var(--veilig-boven) + 12px) 16px calc(var(--veilig-onder) + 16px);gap:14px}.midden{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.onderaan{display:flex;flex-direction:column;gap:10px}.rij{display:flex;gap:10px}.rij>*{flex:1}h1{font-size:40px;line-height:1.05;margin:0;letter-spacing:-.02em}h2{font-size:26px;margin:0;letter-spacing:-.01em}.reusachtig{font-size:clamp(72px,28vw,140px);font-weight:800;line-height:.95;letter-spacing:-.04em}.zacht{color:var(--tekst-zacht)}.klein{font-size:14px}.kop-klein{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tekst-zacht)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.knop{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:64px;padding:16px 20px;border-radius:var(--straal);background:linear-gradient(180deg,#9a6329,#6f4318);color:var(--tekst);font-size:20px;font-weight:800;border:2px solid rgba(255,220,160,.3);box-shadow:inset 0 2px #ffe6b438,0 4px #40240a,0 8px 16px #00000059;transition:transform .06s ease,box-shadow .06s ease}.knop:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffe6b433,0 1px #40240a,0 3px 8px #00000059}.knop:disabled{filter:grayscale(.45) brightness(.75);opacity:.65;box-shadow:none}.knop.goud{background:linear-gradient(180deg,#fff2c4,#ffd166 40%,#eda01c);color:#4a2a0d;border-color:#fff6dd;box-shadow:inset 0 2px #fff9,0 5px #a86c10,0 9px 18px #0006}.knop.rood{background:linear-gradient(180deg,#f4675e,#c92f26);color:#fff;border-color:#ffc8c380;box-shadow:inset 0 2px #ffffff4d,0 5px #7d1a15,0 9px 18px #0006}.knop.groen{background:linear-gradient(180deg,#5adb87,#23a455);color:#05230f;border-color:#d2ffe180;box-shadow:inset 0 2px #ffffff59,0 5px #146334,0 9px 18px #0006}.knop.leeg{background:#00000038;border-color:#ffdca047;color:var(--tekst-zacht);font-size:17px;min-height:52px;box-shadow:inset 0 2px 6px #0000004d}.knop.leeg:active:not(:disabled){transform:none;filter:brightness(1.2)}.knop.enorm{min-height:96px;font-size:28px}.knop.klein{min-height:44px;font-size:15px;padding:10px 14px;border-radius:var(--straal-klein);width:auto}.kaartje{background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(180deg,#8b5720,#6a3f14);border:2px solid #b9843c;border-radius:var(--straal);padding:14px;box-shadow:inset 0 2px #ffdca038,0 4px 12px #00000059}.balk{display:flex;align-items:center;justify-content:space-between;gap:10px}.speelkaart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:5 / 7;background:#fbfbf7;color:#14141c;border-radius:14px;box-shadow:0 12px 30px #00000080;font-weight:700;line-height:1}.speelkaart.rood{color:#d62828}.speelkaart .waarde{font-size:.42em}.speelkaart .teken{font-size:.34em;margin-top:.04em}.speelkaart.dicht{background:linear-gradient(135deg,#2b2b45,#14141f);color:var(--goud);border:2px solid var(--goud-donker);font-size:.3em}.kaart-groot{width:min(62vw,260px);font-size:200px}.kaart-midden{width:96px;font-size:96px}.kaart-klein{width:54px;font-size:54px}.feest{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.feest:before{content:"";position:absolute;left:50%;top:-22%;width:150vmax;height:110vmax;transform:translate(-50%);background:radial-gradient(ellipse 40% 32% at 50% 26%,rgba(245,145,30,.3),transparent 70%),radial-gradient(ellipse 55% 40% at 22% 78%,rgba(232,69,60,.16),transparent 70%),radial-gradient(ellipse 50% 38% at 82% 68%,rgba(155,108,240,.14),transparent 70%);animation:gloed 9s ease-in-out infinite alternate}@keyframes gloed{0%{opacity:.75}to{opacity:1}}.bel{position:absolute;bottom:-12vh;border-radius:99px;background:#f5b94229;border:1px solid rgba(245,185,66,.28);animation-name:stijg;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes stijg{0%{transform:translateY(0) translate(0) scale(.7);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(-118vh) translate(14px) scale(1.15);opacity:0}}.scherm{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.bel,.feest:before{animation:none}.bel{opacity:.5}}.logo{border-radius:28px;box-shadow:0 14px 40px #00000080,0 0 60px #f5911e59}.logo.wiebel{animation:wiebel 2.6s ease-in-out infinite}@keyframes wiebel{0%,to{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(2.5deg) translateY(-6px)}}.kroeg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% -5%,rgba(255,196,92,.55),transparent 70%),radial-gradient(ellipse 90% 60% at 50% 40%,#a8641f,transparent 75%),linear-gradient(180deg,#6b3d13,#4a2a0d 55%,#2c1808)}.kroeg:before{content:"";position:absolute;left:50%;top:-30vh;width:90vmax;height:70vh;transform:translate(-50%);background:radial-gradient(ellipse 32% 50% at 50% 100%,rgba(255,214,130,.4),transparent 70%)}.kroeg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 78% 62% at 50% 45%,transparent 45%,rgba(20,10,3,.72) 100%)}.vlek{position:absolute;bottom:-14vh;border-radius:99px;background:radial-gradient(circle at 34% 32%,rgba(255,226,160,.5),rgba(255,170,60,.12) 62%,transparent 70%);filter:blur(1px);animation-name:stijg;animation-timing-function:linear;animation-iteration-count:infinite}.plank{position:relative;border-radius:18px;padding:12px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(180deg,#8b5720,#6a3f14);border:2px solid #c99244;box-shadow:inset 0 2px #ffdca047,inset 0 -3px 8px #00000059,0 6px 18px #0006}.plank-kop{text-align:center;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#ffe9c2;text-shadow:0 2px 0 rgba(0,0,0,.45);margin-bottom:10px}.plank-kop small{display:block;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#ffe9c2a6}.poppetjes{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.poppetjes::-webkit-scrollbar{display:none}.poppetje{flex:0 0 auto;width:62px;height:62px;border-radius:14px;font-size:30px;line-height:1;display:grid;place-items:center;scroll-snap-align:center;background:linear-gradient(180deg,#9a6329,#6f4318);border:2px solid rgba(255,220,160,.25);box-shadow:inset 0 2px #ffe6b433;transition:transform .12s ease}.poppetje.gekozen{background:linear-gradient(180deg,#ffd276,#f0a020);border-color:#fff0cc;transform:scale(1.14);box-shadow:0 0 0 3px #ffd68259,0 0 26px #ffb43cb3}.lint{position:relative;margin:2px auto 0;max-width:260px}.lint input{width:100%;min-height:46px;text-align:center;font-weight:800;font-size:18px;color:#4a2a0d;background:linear-gradient(180deg,#fff4dd,#f0dcb4);border:2px solid #c99244;border-radius:10px;box-shadow:0 4px 10px #00000059}.lint input::placeholder{color:#4a2a0d73;font-weight:600}.munten{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.munt{aspect-ratio:1;border-radius:99px;display:grid;place-items:center;font-size:20px;font-weight:900;color:#f6e6c8;background:linear-gradient(180deg,#a9741f,#7a4a12);border:2px solid rgba(255,222,160,.3);box-shadow:inset 0 2px #ffe6b440,inset 0 -3px 6px #00000059;transition:transform .12s ease}.munt.gekozen{color:#4a2a0d;background:linear-gradient(180deg,#fff2c4,#ffd166 38%,#f0a020);border-color:#fff6dd;transform:scale(1.16);box-shadow:0 0 0 3px #ffd6824d,0 0 26px #ffb43cbf}.bordje{margin:8px auto 0;max-width:300px;padding:5px 12px;text-align:center;font-size:12px;color:#4a2a0d;background:linear-gradient(180deg,#fff4dd,#eedcb6);border:1px solid #c99244;border-radius:8px}.plaat{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:62px;padding:12px 18px;border-radius:14px;font-size:20px;font-weight:900;color:#4a2a0d;background:linear-gradient(180deg,#fff2c4,#ffd166 40%,#eda01c);border:2px solid #fff6dd;box-shadow:inset 0 2px #fff9,0 6px #a86c10,0 10px 20px #0006;transition:transform .06s ease,box-shadow .06s ease}.plaat:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff80,0 2px #a86c10,0 4px 10px #0006}.plaat:disabled{filter:grayscale(.5) brightness(.8);opacity:.7}.plaat.hout{color:#ffe9c2;background:linear-gradient(180deg,#9a6329,#6f4318);border-color:#ffdca066;box-shadow:inset 0 2px #ffe6b438,0 5px #4a2a0d,0 9px 18px #0006;font-size:17px;min-height:56px}.codeplaat{width:100%;min-height:56px;text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:26px;font-weight:800;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#ffe9c2;background:linear-gradient(180deg,#8a5a24,#63400f);border:2px solid #c99244;border-radius:12px;box-shadow:inset 0 3px 8px #00000073}.codeplaat::placeholder{color:#ffe9c24d}.kroeg-kop{text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffe9c2b3}.codebord{text-align:center;padding:12px 16px;border-radius:16px;background:linear-gradient(180deg,#2c1a08,#1c1005);border:3px solid #c99244;box-shadow:inset 0 0 24px #0009,0 6px 18px #00000073}.codebord .cijfers{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:clamp(38px,15vw,62px);font-weight:900;letter-spacing:.22em;text-indent:.22em;color:#ffd166;text-shadow:0 0 22px rgba(255,180,60,.6)}.spelers-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.speler-tegel{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#9a6329,#6f4318);border:2px solid rgba(255,220,160,.28);box-shadow:inset 0 2px #ffe6b42e;color:#ffe9c2;font-weight:700;min-width:0}.speler-tegel.host{border-color:#ffd166;box-shadow:inset 0 2px #ffe6b440,0 0 18px #ffb43c66}.speler-tegel.weg{opacity:.4}.speler-tegel .gezicht{font-size:24px;line-height:1;flex-shrink:0}.speler-tegel .naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speler-tegel.leeg{background:#0000002e;border-style:dashed;border-color:#ffdca038;color:#ffe9c266;font-weight:600;justify-content:center}.keuze{min-height:46px;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:800;color:#ffe9c2;background:linear-gradient(180deg,#9a6329,#6f4318);border:2px solid rgba(255,220,160,.25)}.keuze.gekozen{color:#4a2a0d;background:linear-gradient(180deg,#ffd276,#f0a020);border-color:#fff0cc}.spelrij{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px;border-bottom:1px solid rgba(255,220,160,.18);color:#ffe9c2}.spelrij:last-child{border-bottom:none}.spelrij .uit{opacity:.45}.vinkje{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px;font-weight:900;background:#00000040;border:2px solid rgba(255,220,160,.3);color:transparent}.vinkje.aan{background:linear-gradient(180deg,#ffd276,#f0a020);border-color:#fff0cc;color:#4a2a0d}.paneel{background:linear-gradient(180deg,#21212ee6,#16161fe6);border:1px solid var(--rand);border-radius:var(--straal);padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.paneel-kop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.naamkaartje{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--goud-donker);border:1px solid var(--goud);font-size:13px;max-width:55%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.aantal-rij{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.aantal-knop{aspect-ratio:1;border-radius:var(--straal-klein);background:var(--vlak-hoog);border:1px solid var(--rand);color:var(--tekst);font-size:17px;font-weight:800;transition:transform .08s ease}.aantal-knop.gekozen{background:var(--goud);border-color:var(--goud);color:#1a1205;transform:scale(1.08)}.of-streep{display:flex;align-items:center;gap:10px;color:var(--tekst-zacht);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.of-streep:before,.of-streep:after{content:"";flex:1;height:1px;background:var(--rand)}.emoji-groot{flex-shrink:0;width:60px;min-height:60px;border-radius:var(--straal);background:var(--vlak);border:2px solid var(--rand);font-size:30px;line-height:1;transition:transform .1s ease,border-color .12s ease}.emoji-groot.open{border-color:var(--goud);background:var(--goud-donker);transform:scale(1.04)}.emoji-strip{display:flex;gap:6px;overflow-x:auto;margin-top:8px;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.emoji-strip::-webkit-scrollbar{display:none}.emoji-strip .emoji-knop{flex:0 0 auto;width:46px;height:46px;aspect-ratio:auto;font-size:24px;scroll-snap-align:center}.boom{display:flex;flex-direction:column;align-items:center;gap:4px}.boom-rij{display:flex;gap:4px;justify-content:center}.boom-plek{position:relative;display:grid;place-items:center;width:76px;height:76px}.boom-plek.dubbel .speelkaart{transform:rotate(90deg)}.boom-plek.nu .speelkaart{outline:3px solid var(--goud);outline-offset:3px}.boom-plek .badge{position:absolute;right:2px;bottom:2px;padding:1px 5px;border-radius:99px;background:var(--goud);color:#1a1205;font-size:11px;font-weight:800;z-index:2}.spelers{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.spelers::-webkit-scrollbar{display:none}.speler{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px 6px;border-radius:var(--straal-klein);background:linear-gradient(180deg,#9a6329,#6f4318);border:2px solid rgba(255,220,160,.22);font-size:12px;text-align:center}.speler.actief{border-color:#fff0cc;background:linear-gradient(180deg,#ffd276,#f0a020);color:#4a2a0d;box-shadow:0 0 18px #ffb43c8c}.speler.offline{opacity:.4}.speler .gezicht{font-size:24px;line-height:1}.speler .naam{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drinkscherm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--rood);color:#fff;text-align:center;padding:24px;animation:opkomen .18s ease-out}.drinkscherm.droog{background:var(--blauw)}@keyframes opkomen{0%{opacity:0;transform:scale(1.06)}}@keyframes kloppen{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.klopt{animation:kloppen .9s ease-in-out infinite}.code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:44px;font-weight:800;letter-spacing:.22em;color:var(--goud)}input,select{width:100%;min-height:58px;padding:14px 16px;font:inherit;font-size:19px;font-weight:600;color:var(--tekst);background:linear-gradient(180deg,#4a2a0d,#331c07);border:2px solid #b9843c;border-radius:var(--straal);box-shadow:inset 0 3px 8px #00000073;outline:none}input::placeholder{color:#ffeecd59;font-weight:500}input:focus,select:focus{border-color:var(--goud);box-shadow:inset 0 3px 8px #00000073,0 0 0 3px #ffd16640}input.code-invoer{text-align:center;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:36px;letter-spacing:.3em;text-transform:uppercase}.emoji-raster{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.emoji-knop{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:var(--straal-klein);background:var(--vlak);border:2px solid transparent}.emoji-knop.gekozen{border-color:var(--goud);background:var(--goud-donker)}.streep{height:1px;background:var(--rand);border:none;margin:4px 0}.logboek{font-size:13px;color:var(--tekst-zacht);display:flex;flex-direction:column-reverse;gap:3px;max-height:96px;overflow-y:auto}.balkje{height:10px;border-radius:99px;background:#00000059;border:1px solid rgba(255,220,160,.2);overflow:hidden}.balkje>div{height:100%;background:var(--goud);transition:width .1s linear}@keyframes schuif{0%{margin-left:0%}to{margin-left:62%}}.bus-tafel{position:relative;display:grid;place-items:center}.bus-leg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;animation:bus-leggen .62s cubic-bezier(.2,.75,.3,1) both}.bus-leg>*{border-radius:10px;box-shadow:0 0 0 3px var(--rand),0 14px 28px #0000008c}.bus-leg.goed>*{box-shadow:0 0 0 3px var(--groen),0 0 22px #35c46b80,0 14px 28px #0000008c}.bus-leg.mis>*{box-shadow:0 0 0 3px var(--rood),0 0 22px #e8453c80,0 14px 28px #0000008c}@keyframes bus-leggen{0%{transform:translateY(-110px) rotate(-9deg) scale(1.08);opacity:0}45%{opacity:1}62%{transform:translateY(0) rotate(1.5deg) scale(1)}78%{transform:translateY(-9px) rotate(-.5deg) scale(1.01)}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.bus-leg{animation-duration:1ms}}.aftellen{animation:aftel-tik .9s ease-out both}@keyframes aftel-tik{0%{transform:scale(1.6);opacity:0}20%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.75}}@media(prefers-reduced-motion:reduce){.aftellen{animation:none}}.bus-rij{display:flex;gap:4px;justify-content:flex-start;overflow-x:auto;padding:6px 10px 10px;scrollbar-width:none}.bus-rij::-webkit-scrollbar{display:none}.bus-plek{position:relative;flex:0 0 auto;transition:transform .18s ease,opacity .18s ease}.bus-plek.gehaald{opacity:.45}.bus-plek.nu{transform:translateY(-4px) scale(1.14)}.bus-plek.nu .speelkaart{box-shadow:0 0 0 2px var(--goud),0 6px 14px #00000080}.bus-hoogte{position:absolute;right:-3px;bottom:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--goud);color:var(--goud-donker);font-size:9px;font-weight:800;line-height:14px;text-align:center}.bus-vlag{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:11px;color:var(--goud)}.worp{perspective:900px;min-height:190px;display:grid;place-items:center}.worp-kaart{position:relative;transform-style:preserve-3d;animation-duration:1.5s;animation-timing-function:cubic-bezier(.3,0,.35,1);animation-fill-mode:forwards}.worp.open .worp-kaart{animation-name:worp-open}.worp.dicht .worp-kaart{animation-name:worp-dicht}.worp-kant{backface-visibility:hidden;-webkit-backface-visibility:hidden}.worp-achter{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}@keyframes worp-open{0%{transform:translateY(0) rotateY(0) rotate(0) scale(1)}38%{transform:translateY(-210px) rotateY(1080deg) rotate(14deg) scale(.7)}76%{transform:translateY(0) rotateY(2160deg) rotate(0) scale(1)}86%{transform:translateY(-14px) rotateY(2160deg) rotate(0) scale(1.03)}to{transform:translateY(0) rotateY(2160deg) rotate(0) scale(1)}}@keyframes worp-dicht{0%{transform:translateY(0) rotateY(0) rotate(0) scale(1)}38%{transform:translateY(-210px) rotateY(1080deg) rotate(-14deg) scale(.7)}76%{transform:translateY(0) rotateY(1980deg) rotate(0) scale(1)}86%{transform:translateY(-14px) rotateY(1980deg) rotate(0) scale(1.03)}to{transform:translateY(0) rotateY(1980deg) rotate(0) scale(1)}}.worp-uitslag{opacity:0;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease;display:grid;place-items:center}.worp-uitslag.er{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.worp-kaart{animation-duration:1ms}.worp-uitslag{transition:none}}.trek-dek{display:flex;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;width:calc(100% + 32px);margin:0 -16px;padding:14px 16px 18px;gap:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.trek-dek::-webkit-scrollbar{display:none}.trek-kaart{flex:0 0 auto;display:block;padding:0;border:0;background:none;cursor:pointer;margin-left:-36px;transition:transform .14s ease}.trek-kaart:first-child{margin-left:0}.trek-kaart .speelkaart{box-shadow:2px 0 6px #00000073}.trek-kaart:not(:disabled):hover,.trek-kaart:not(:disabled):active{transform:translateY(-10px);z-index:2}.trek-onthul{position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.8,.3,1)}.trek-onthul.om{transform:rotateY(180deg)}.trek-kant{display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.trek-achter{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.trek-onthul{transition-duration:1ms}}.ftd-tafel{display:grid;grid-template-columns:repeat(13,1fr);gap:2px;width:100%}.ftd-vak{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 3px;border:1px solid var(--rand);border-radius:4px;background:var(--vlak);opacity:.55}.ftd-vak.geweest{opacity:1;background:var(--vlak-hoog)}.ftd-vak.op{border-color:var(--goud);background:var(--goud-donker)}.ftd-waarde{font-size:11px;font-weight:800;line-height:1;color:var(--tekst)}.ftd-vak.op .ftd-waarde{color:var(--goud)}.ftd-punten{display:flex;gap:1px}.ftd-punten i{width:3px;height:3px;border-radius:50%;background:var(--rand)}.ftd-punten i.aan{background:var(--goud)}.spel-teken{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:2px;border-radius:50%;background:var(--vlak-hoog);border:1px solid var(--rand);font-size:16px;line-height:1;vertical-align:-8px}.spelrij .spel-teken{width:24px;height:24px;font-size:13px;vertical-align:-6px}.spelrij .uit .spel-teken{opacity:.5}.dobbel{display:flex;justify-content:center;align-items:flex-end;gap:4px;min-height:58px;font-size:46px;line-height:1}.steen{display:inline-block;transform-origin:50% 70%;will-change:transform}.steen.rolt{animation:steen-rol .62s linear infinite}.steen.ligt{animation:steen-land .36s cubic-bezier(.2,1.4,.4,1) both}.steen.joker{color:var(--goud);text-shadow:0 0 14px rgba(255,209,102,.5)}.steen.dof{opacity:.28}@keyframes steen-rol{0%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(210deg) scale(1.12)}50%{transform:translateY(0) rotate(400deg) scale(.92)}75%{transform:translateY(-16px) rotate(575deg) scale(1.06)}to{transform:translateY(0) rotate(720deg) scale(1)}}@keyframes steen-land{0%{transform:translateY(-16px) scale(1.2)}55%{transform:translateY(0) scale(.9)}to{transform:translateY(0) scale(1)}}.beker{font-size:62px;line-height:1;animation:wiebel 2.6s ease-in-out infinite}.beker.kiept{animation:beker-kiep .62s ease-in-out}@keyframes beker-kiep{0%{transform:rotate(0) translateY(0)}35%{transform:rotate(-42deg) translateY(-10px)}70%{transform:rotate(18deg) translateY(0)}to{transform:rotate(0) translateY(0)}}.gooistand{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:var(--tekst-zacht)}.gooistand span{padding:3px 9px;border-radius:999px;border:1px solid var(--rand);background:var(--vlak)}.gooistand span.klaar{border-color:var(--groen);color:var(--groen)}@media(prefers-reduced-motion:reduce){.steen.rolt,.steen.ligt,.beker,.beker.kiept{animation:none}}.vingerpad{position:relative;flex:1;width:100%;min-height:260px;border-radius:var(--straal);border:2px dashed var(--rand);background:#00000029;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.vinger{position:absolute;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:5px solid currentColor;box-shadow:0 0 22px currentColor,inset 0 0 22px #ffffff1f;animation:vinger-klop 1.15s ease-in-out infinite;pointer-events:none}.vinger.gekozen{animation:vinger-gekozen .5s cubic-bezier(.2,1.5,.4,1) forwards;z-index:2}.vinger.verloren{animation:vinger-weg .4s ease-out forwards}@keyframes vinger-klop{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.09);opacity:1}}@keyframes vinger-gekozen{0%{transform:scale(1)}60%{transform:scale(1.55)}to{transform:scale(1.35)}}@keyframes vinger-weg{to{transform:scale(.4);opacity:0}}.vingerpad-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--tekst-zacht);font-size:15px;pointer-events:none}@media(prefers-reduced-motion:reduce){.vinger,.vinger.gekozen{animation:none}}.vraag-tafel{display:flex;align-items:center;justify-content:center;gap:12px;perspective:800px}.vraag-stapel{flex:0 0 auto;position:relative;opacity:.85}.vraag-stapel:before,.vraag-stapel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;border:1px solid var(--rand);background:var(--vlak);z-index:-1}.vraag-stapel:before{transform:translate(3px,3px)}.vraag-stapel:after{transform:translate(6px,6px)}.vraag-rij{display:flex;gap:6px}.vraag-plek{position:relative}.vraag-val{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:vraag-leggen 1.3s cubic-bezier(.25,.7,.25,1) both;z-index:3}.vraag-kant{display:block;position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.vraag-voor{transform:rotateY(180deg)}.vraag-val.goed .vraag-voor .speelkaart{box-shadow:0 0 0 2px var(--groen)}.vraag-val.fout .vraag-voor .speelkaart{box-shadow:0 0 0 2px var(--rood)}.vraag-val.gelijk .vraag-voor .speelkaart{box-shadow:0 0 0 2px var(--goud)}@keyframes vraag-leggen{0%{transform:translate(var(--vanx, -70px),-4px) rotateY(0) scale(.92);opacity:0}14%{opacity:1}68%{transform:translate(0) rotateY(180deg) scale(1)}80%{transform:translateY(-7px) rotateY(180deg) scale(1.06)}to{transform:translate(0) rotateY(180deg) scale(1)}}@media(prefers-reduced-motion:reduce){.vraag-val{animation-duration:1ms}}.check-rij{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}.check-rij::-webkit-scrollbar{display:none}.check-vak{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 5px 3px;border-radius:8px;border:1px solid var(--rand);background:var(--vlak);opacity:.5;transition:opacity .22s ease,background .22s ease,transform .22s ease}.check-vak.ik{border-color:var(--goud)}.check-vak.aan{opacity:1;background:var(--rood-donker);border-color:var(--rood);transform:translateY(-2px)}.check-naam{font-size:10px;font-weight:700;line-height:1;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-vak.aan .check-naam{color:var(--rood)}.verhaal-blok{max-height:34vh;overflow-y:auto;padding:10px 12px;border-radius:var(--straal-klein);border:1px solid var(--rand);background:var(--vlak);font-size:15px;line-height:1.55}.verhaal-blok.heel{max-height:none;font-size:16px}.verhaal-nieuw{color:var(--goud);font-weight:600}.verhaal-naam{font-size:11px;color:var(--tekst-zacht);white-space:nowrap}