@font-face{font-family:Fraunces;src:url(/assets/fraunces-C-lS_vzd.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/nunito-BzFMHfZw.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--letter-kop:"Fraunces", Georgia, "Times New Roman", serif;--letter-tekst:"Nunito", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--tafel:#24120a;--room:#fbefd9;--room-zacht:#dcc6a4;--esdoorn:#ecd3a3;--esdoorn-rand:#c49a62;--esdoorn-dik:#8a5a2b;--inkt:#2b1a0e;--inkt-zacht:#6a4a2c;--lak:#c4501a;--lak-donker:#9a3a0c;--lak-dik:#5e2105;--accent:var(--lak);--focus:#ffb057;--hout:url(/assets/hout-5V7aaeaI.webp);font-family:var(--letter-tekst);color:var(--room);background:var(--tafel);-webkit-text-size-adjust:100%}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:radial-gradient(130% 75% at 50% 36%, #ffbe6e2b, #ffbe6e00 62%), radial-gradient(150% 110% at 50% 45%, #0000 55%, #00000080), repeating-linear-gradient(180deg, #0000 0 166px, #00000061 166px 168px, #ffdcaa0f 168px 169px, #0000 169px 172px), linear-gradient(#220f05cc, #220f05d6), var(--hout) center / cover, var(--tafel)}#app{height:100%}*{box-sizing:border-box}main{max-width:520px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}h1,h2,legend{font-family:var(--letter-kop);font-variation-settings:"SOFT" 100}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.esdoorn,.rustig,.wissel button.aan,.kaart{color:var(--inkt);background:linear-gradient(180deg, #fff9e89e, #fff0d280 55%, #ffecc86b), var(--hout) center / 480px auto, var(--esdoorn);box-shadow:inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #7846192e, 0 3px 0 var(--esdoorn-dik), 0 6px 14px #00000059}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;border-radius:16px;min-height:52px;padding:0 22px;font-weight:800;transition:transform 90ms ease-out,box-shadow 90ms ease-out}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.groot{color:#fff;letter-spacing:.01em;text-shadow:0 1px #46140080;background:radial-gradient(120% 90% at 30% 0%, #ffd2a059, #ffd2a000 55%), linear-gradient(180deg, var(--lak), var(--lak-donker));box-shadow:inset 0 1px 0 #ffdcb48c, inset 0 -2px 0 #3c0f0040, 0 4px 0 var(--lak-dik), 0 7px 16px #0006;font-size:1.1rem}.groot:active:not(:disabled){box-shadow:inset 0 1px 0 #ffdcb466, 0 1px 0 var(--lak-dik), 0 2px 6px #00000059;transform:translateY(3px)}.rustig:active:not(:disabled),.wissel button:active:not(:disabled):not(.aan){box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 var(--esdoorn-dik), 0 2px 5px #0000004d;transform:translateY(3px)}.wissel button:active:not(.aan){box-shadow:none}button:disabled{cursor:default;opacity:.5;filter:saturate(.6)}.tekstknop{color:var(--room-zacht);text-underline-offset:4px;background:0 0;min-height:44px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.fout{color:#8a2a1c;text-align:center;background:#fbe4da;border-radius:14px;margin:0;padding:10px 14px;font-weight:600;box-shadow:0 3px 10px #00000040}.gaatje{width:var(--gat,30px);height:var(--gat,30px);background:radial-gradient(circle at 60% 70%,#93623a 0,#6a3f1f 50%,#43230d 85%,#341a08 100%);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;box-shadow:inset 0 2px 3px #19080099,0 1px #fff0d6a6}.steentje{width:var(--maat);height:var(--maat);background:radial-gradient(circle at 34% 28%, #fffffff2 0 7%, #ffffff59 14%, #fff0 24%), radial-gradient(circle at 64% 72%, var(--k-gloed) 0, #fff0 30%), radial-gradient(circle at 36% 30%, var(--k-licht) 0, var(--k) 32%, var(--k-donker) 72%, var(--k-rand) 93%, var(--k-donker) 100%);box-shadow:0 calc(var(--maat) * .1) calc(var(--maat) * .16) #14080080, inset 0 0 0 .5px #14080a59;border-radius:50%;flex:none;display:inline-block;position:relative}.wissel{background:#0a03006b;border-radius:20px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid;box-shadow:inset 0 2px 6px #0000008c,0 1px #ffe1b41f}.wissel button{min-height:50px;color:var(--room-zacht);background:0 0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:.98rem;line-height:1.15;display:flex}.wissel button.aan{color:var(--inkt);box-shadow:inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #7846192e, 0 2px 0 var(--esdoorn-dik), 0 4px 8px #0006}.kop{text-align:center;margin-bottom:4px}h1{letter-spacing:-.01em;color:#ffe8c2;text-shadow:0 2px #140600cc,0 0 28px #ffaa5040;margin:0;font-size:2.6rem;font-weight:800;line-height:1.05}.kop p{color:var(--room-zacht);margin:6px 0 0;font-size:1.05rem}.kop strong{color:var(--room)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--room);margin-bottom:10px;padding:0;font-size:1.15rem;font-weight:700}.hint{text-align:center;color:var(--room-zacht);margin:0}.start{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px 20px 24px;display:flex;overflow-y:auto}.start>:first-child{margin-top:auto}.start>:last-child{margin-bottom:auto}.logo h1{font-size:3.6rem}.rijtje{justify-content:center;gap:6px;margin-top:10px;display:flex}.plankje{border-radius:20px;padding:10px 10px 8px}.plekken{grid-template-columns:minmax(3.6rem,auto) repeat(4,1fr);align-items:center;column-gap:2px;display:grid}.plekken .kolom{text-align:center;color:var(--inkt-zacht);padding-bottom:4px;font-size:.72rem;font-weight:800;line-height:1.15}.plekken .kolom.breed{color:var(--inkt);border-bottom:1px solid #7846194d;grid-column:span 3;margin:0 6px 2px;padding-bottom:3px;font-size:.8rem}.plekken .kolom.speler{color:var(--inkt);grid-row:span 2;align-self:end;font-size:.8rem}.plek{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.plek+.plek{border-top:1px solid #78461926}.plek-naam{padding-left:4px;font-weight:800}.gat-keuze{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;place-items:center;min-height:48px;display:grid;position:relative}.gat-keuze input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.gat-keuze:has(input:focus-visible){outline:3px solid var(--lak-donker);outline-offset:-2px}.gat-keuze .steentje{animation:.2s cubic-bezier(.3,1.4,.5,1) plof}@keyframes plof{0%{opacity:.4;transform:translateY(-6px)scale(1.15)}}.beurt{border-radius:20px;align-items:center;gap:12px;min-height:64px;margin:12px 16px 0;padding:10px 18px 10px 12px;display:flex;position:relative}.beurt .gaatje{--gat:40px}.beurt .tekst{flex-direction:column;min-width:0;line-height:1.2;display:flex}.beurt strong{font-family:var(--letter-kop);font-variation-settings:"SOFT" 100;overflow-wrap:anywhere;font-size:1.35rem;font-weight:800}.beurt small{color:var(--inkt-zacht);font-size:.95rem;font-weight:700}.beurt.jij{box-shadow:inset 0 1px 0 #ffffffa6, 0 0 0 3px var(--focus), 0 3px 0 3px var(--esdoorn-dik), 0 0 26px #ffa04680;animation:.9s ease-out gloei}.beurt.jij strong{color:var(--lak-donker)}@keyframes gloei{0%{box-shadow:inset 0 1px 0 #ffffffa6, 0 0 0 3px #ffb05700, 0 3px 0 var(--esdoorn-dik), 0 0 0 #ffa04600}}.veld{background:radial-gradient(closest-side,#ffc8821f,#ffc88200);flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 4px;display:flex}.plaat{isolation:isolate;aspect-ratio:.85;width:100%;max-height:100%;position:relative}.plaat.vierkant{aspect-ratio:.982}.plaat:before{content:"";z-index:-1;background:radial-gradient(closest-side,#0009,#0000004d 65%,#0000);border-radius:50%;position:absolute;inset:6% 2% 0;transform:translateY(3%)}.plaat.vierkant:before{border-radius:12%;inset:3% 1% -1%}footer{justify-content:center;gap:10px;padding:4px 16px 16px;display:flex}footer button{min-width:150px}.doek{z-index:10;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 45%,#1e0c0280,#0a0300bf);justify-content:center;align-items:center;animation:.2s ease-out oplichten;display:flex;position:fixed;inset:0}.kaart{text-align:center;width:min(100%,380px);max-height:100%;box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px #78461940, 0 5px 0 var(--esdoorn-dik), 0 24px 50px #0000008c;border-radius:26px;flex-direction:column;gap:14px;padding:26px 22px 22px;animation:.26s cubic-bezier(.2,.9,.3,1.15) opkomen;display:flex;position:relative;overflow-y:auto}.kaart h2{color:var(--inkt);margin:0;font-size:1.7rem;font-weight:800;line-height:1.15}.kaart p{color:var(--inkt-zacht);margin:0;font-weight:600}.kaart .rustig{background:#fffaee8c;box-shadow:inset 0 0 0 2px #78461959,0 2px #78461959}.knoppen{flex-direction:column;gap:12px;display:flex}.knoppen .groot{order:-1}.podium{place-items:center;height:104px;margin-top:-6px;display:grid;position:relative}.stralen{background:repeating-conic-gradient(from 0deg, #ffbe5a8c 0 7deg, #ffbe5a00 7deg 22.5deg);opacity:.55;border-radius:50%;width:190px;height:190px;animation:1.6s cubic-bezier(.2,.7,.2,1) both stralen;position:absolute;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}.podium .gaatje{--gat:84px}.podium .steentje{animation:.7s cubic-bezier(.3,0,.3,1) .12s both landen}.einde h2{font-size:2rem}.rang{text-align:left;counter-reset:plek;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rang li{counter-increment:plek;background:#fffaee73;border-radius:12px;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.rang li:before{content:counter(plek) ".";width:1.4em;color:var(--inkt-zacht)}@keyframes oplichten{0%{opacity:0}}@keyframes opkomen{0%{opacity:0;transform:translateY(14px)scale(.94)}}@keyframes stralen{0%{opacity:0;transform:rotate(-30deg)scale(.6)}45%{opacity:1}}@keyframes landen{0%{opacity:0;transform:translateY(-90px)scale(1.18)}15%{opacity:1}55%{transform:translateY(0)scale(1)}72%{transform:translateY(-12px)scale(1.04)}88%,to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.doek,.kaart,.stralen,.podium .steentje,.gat-keuze .steentje,.beurt.jij{animation:none}button,.groot:active:not(:disabled),.rustig:active:not(:disabled){transition:none;transform:none}}