@font-face{font-family:Chewy;src:url(../fonts/chewy.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2) format("woff2");font-weight:400 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#f4e3c2;font-family:Nunito,system-ui,sans-serif;color:#4a2c14;touch-action:none;user-select:none;-webkit-user-select:none}#app{height:100%}.dd-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.dd-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center bottom}.dd-stage{position:absolute;top:0;right:0;bottom:0;left:0}.dd-doll{position:absolute;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1)}.dd-root.show .dd-rack,.dd-root.show .dd-done,.dd-root.show .dd-reset{display:none}.dd-root.show .dd-doll{filter:drop-shadow(0 18px 30px rgba(40,20,5,.45))}.dd-root.show .dd-layer{cursor:default}.dd-showbar{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.dd-showbar[hidden]{display:none}.dd-showbar .dd-btn{pointer-events:auto}.dd-showbar .dd-end-title{color:#fff;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 18px rgba(0,0,0,.45);animation:dd-titel .6s cubic-bezier(.2,.9,.3,1.3)}@keyframes dd-titel{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.dd-bgkiezer{position:absolute;z-index:30;display:flex;gap:8px;padding:8px;align-items:center;justify-content:center;background:linear-gradient(90deg,#b98950,#d3a468 8%,#c99b5e,#d3a468 92%,#a97a44);border:6px solid #8a5a2b;border-radius:12px;box-shadow:inset 0 0 18px #3c1e084d,0 8px 18px #3c1e0859}.dd-bgkiezer[hidden]{display:none}.dd-bgkeuze{border:3px solid rgba(255,240,214,.7);border-radius:8px;cursor:pointer;background-size:cover;background-position:center bottom;padding:0;box-shadow:0 3px 6px #3c1e0859;transition:transform .12s}.dd-bgkeuze:hover{transform:scale(1.06)}.dd-bgkeuze.actief{border-color:#ffd23a;box-shadow:0 0 0 3px #ffd23a8c,0 3px 6px #3c1e0859}.dd-doll-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.dd-doll.gloed{filter:drop-shadow(0 0 18px rgba(255,220,120,.95))}.dd-layer{position:absolute;background-repeat:no-repeat;cursor:grab}.dd-layer.plop{animation:dd-plop .28s ease}@keyframes dd-plop{0%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.dd-rack{position:absolute}.dd-rack-l{background:repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--plank-h, 90px) - 7px),rgba(94,58,28,.5) calc(var(--plank-h, 90px) - 7px),rgba(60,36,16,.55) calc(var(--plank-h, 90px) - 3px),rgba(255,240,214,.25) calc(var(--plank-h, 90px) - 3px),rgba(255,240,214,.18) var(--plank-h, 90px)),linear-gradient(90deg,#b98950,#d3a468 8%,#c99b5e,#d3a468 92%,#a97a44);border:10px solid #8a5a2b;border-radius:14px;box-shadow:inset 0 0 34px #3c1e0859,0 10px 26px #3c1e0859}.dd-rack-l[hidden],.dd-rack-r[hidden]{display:none}.dd-thumb{position:absolute;background-repeat:no-repeat;cursor:grab;filter:drop-shadow(0 3px 5px rgba(74,44,20,.35));transition:transform .12s}.dd-thumb:hover{transform:scale(1.07)}.dd-thumb.weg{visibility:hidden}.dd-ghost{position:fixed;z-index:4000;pointer-events:none;background-repeat:no-repeat;filter:drop-shadow(0 8px 14px rgba(74,44,20,.45))}.dd-ghost.past{filter:drop-shadow(0 0 14px rgba(120,220,120,.95))}.dd-ghost.terug{transition:left .3s ease-in,top .3s ease-in,width .3s,height .3s,background-size .3s,background-position .3s}.dd-spark{position:fixed;z-index:4100;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff6c8,#ffc83a);pointer-events:none;animation:dd-spark .6s ease-out forwards}@keyframes dd-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.dd-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;background:#fffffff0;color:#7a4a1c;font-weight:600;font-size:clamp(14px,2.4vmin,19px);padding:8px 22px;border-radius:999px;pointer-events:none;box-shadow:0 4px 12px #4a2c1440}.dd-toast.zicht{animation:dd-toast 1.6s ease forwards}@keyframes dd-toast{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.dd-acties{position:fixed;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px}.dd-done{font-family:Chewy,sans-serif;letter-spacing:1px;font-size:clamp(20px,3.6vmin,30px);color:#4a2308;background:linear-gradient(180deg,#ffd76e,#f2a93b);border:none;border-radius:18px;padding:10px 34px;cursor:pointer;box-shadow:0 6px #a06210,0 10px 22px #4a2c1459,inset 0 2px #fff5dc99;transition:transform .06s,box-shadow .06s}.dd-done:active{transform:translateY(4px);box-shadow:0 2px #a06210}.dd-reset{width:clamp(44px,6.4vmin,56px);height:clamp(44px,6.4vmin,56px);border:none;border-radius:50%;cursor:pointer;background:#fffcf4f0;box-shadow:0 4px #a062108c,0 6px 12px #4a2c144d;display:flex;align-items:center;justify-content:center;padding:0}.dd-reset svg{width:58%;height:58%}.dd-reset:active{transform:translateY(3px);box-shadow:0 1px #a062108c}.sysknoppen{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:60;display:flex;gap:8px}.sysknoppen button{width:clamp(42px,6.4vmin,56px);height:clamp(42px,6.4vmin,56px);border:none;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#b5622a,#8a4519);box-shadow:0 4px #5e2d0e,0 6px 14px #0000004d,inset 0 1px #ffe6be59;display:flex;align-items:center;justify-content:center;padding:0}.sysknoppen button:active{transform:translateY(3px);box-shadow:0 1px #5e2d0e}.sysknoppen button[hidden]{display:none}.sysknoppen svg{width:58%;height:58%;display:block}.dd-overlay{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:clamp(4px,1.2vh,14px);padding:12px;background:radial-gradient(circle at 20% 15%,rgba(232,131,58,.18),transparent 40%),radial-gradient(circle at 80% 85%,rgba(192,81,47,.16),transparent 40%),linear-gradient(180deg,#f9ecd2,#f4dcae)}.dd-overlay[hidden]{display:none}.dd-start{overflow:hidden}.dd-start-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-1;background-size:cover;background-position:center bottom;filter:blur(3px) saturate(1.1)}.dd-start:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#28120659,#2812068c 60%,#281206b3)}.dd-logo{width:clamp(240px,36vw,460px);max-width:88vw;max-height:22vh;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.dd-kies{font-family:Chewy,sans-serif;font-size:clamp(28px,5.6vmin,50px);color:#fff;letter-spacing:.5px;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 16px rgba(0,0,0,.45)}.dd-kies[hidden]{display:none}.dd-heroes{display:flex;gap:clamp(16px,5vw,80px);align-items:flex-end}.dd-kaart{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;cursor:pointer;padding:6px 10px 0;background:none;transition:transform .18s}.dd-kaart:hover .dd-hero-pop,.dd-kaart:focus-visible .dd-hero-pop{filter:drop-shadow(0 0 22px rgba(255,214,110,.95)) drop-shadow(0 14px 22px rgba(0,0,0,.45))}.dd-kaart:hover,.dd-kaart:focus-visible{transform:translateY(-8px) scale(1.04);outline:none}.dd-kaart:active{transform:translateY(0) scale(.98)}.dd-kaart-naam{font-family:Chewy,sans-serif;font-size:clamp(30px,5.8vmin,54px);color:#fff;letter-spacing:1px;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 16px rgba(0,0,0,.5)}.dd-hero-pop{position:relative;height:clamp(250px,54vh,560px);aspect-ratio:2 / 3;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));animation:dd-bob 2.4s ease-in-out infinite;transition:filter .18s}.dd-hero-pop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dd-kaart:nth-child(2) .dd-hero-pop{animation-delay:1.2s}.dd-kaart.solo .dd-hero-pop{height:clamp(240px,54vh,560px)}@media (max-aspect-ratio: 3/4){.dd-hero-pop{height:min(54vh,58vw)}.dd-kaart.solo .dd-hero-pop{height:min(54vh,90vw)}.dd-heroes{gap:clamp(10px,4vw,40px)}}.dd-play[hidden]{display:none}@keyframes dd-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dd-btn{font-family:Chewy,sans-serif;font-size:clamp(24px,4.5vw,34px);letter-spacing:1px;border:none;cursor:pointer;color:#4a2308;background:linear-gradient(180deg,#ffd76e,#f2a93b);padding:14px 52px;border-radius:22px;box-shadow:0 8px #a06210,0 14px 26px #4a2c1459,inset 0 2px #fff5dc99;transition:transform .06s,box-shadow .06s}.dd-btn:active{transform:translateY(5px);box-shadow:0 3px #a06210}.dd-end-title{font-family:Chewy,sans-serif;font-size:clamp(34px,7vw,58px);color:#b5622a;text-shadow:0 3px 0 rgba(255,255,255,.7),0 6px 14px rgba(74,44,20,.25)}.dd-result{position:relative}.dd-result-pop{position:relative;height:clamp(240px,52vh,460px);aspect-ratio:2 / 3}.dd-result-pop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dd-result-laag{position:absolute;background-size:100% 100%;background-repeat:no-repeat}.dd-result-pop{filter:drop-shadow(0 10px 22px rgba(74,44,20,.3))}.dd-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:120;overflow:hidden}.dd-confetti-stuk{position:absolute;top:-14px;width:10px;height:14px;border-radius:3px;animation-name:dd-confetti-val;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes dd-confetti-val{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(540deg)}}