@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:#4a121c;font-family:Nunito,system-ui,sans-serif;color:#4a2410;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{height:100%}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}.sysknoppen{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:30;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,#8f2b38,#641722);box-shadow:0 4px #3d0c14,0 6px 14px #28050a66,inset 0 1px #ffdcb44d;display:flex;align-items:center;justify-content:center;padding:0}.sysknoppen button:active{transform:translateY(3px);box-shadow:0 1px #3d0c14}.sysknoppen svg{width:58%;height:58%;display:block}.opdrachtbalk{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:20;width:min(92vw,640px);background:linear-gradient(180deg,#fff9ec,#ffedc8);border:3px solid #7a4a28;border-radius:18px;box-shadow:0 8px #320f1459,0 16px 34px #1e050a73;padding:10px 16px 12px;text-align:center}.opdrachtbalk.hidden{display:none}@media (max-width: 1020px){.opdrachtbalk{top:calc(64px + env(safe-area-inset-top));width:min(94vw,640px)}}.opdrachtbalk .kop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:500;font-size:clamp(11px,1.8vmin,13px);letter-spacing:1px;color:#a06a35;margin-bottom:4px}.opdrachtbalk .sterren{display:flex;gap:3px}.opdrachtbalk .sterren svg{width:clamp(14px,2.4vmin,18px);height:auto}.opdrachtbalk .zin{font-size:clamp(17px,3vmin,25px);font-weight:600;color:#4a2410;line-height:1.35}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(120% 70% at 50% -8%,#a83a48,#a83a4800 55%),linear-gradient(180deg,#7a1f2b,#5a1622 55%,#3d0c14);overflow:hidden}.overlay.hidden{display:none}.ovspot{position:absolute;top:-18vh;width:34vw;height:130vh;background:linear-gradient(180deg,#ffe6aa29,#ffe6aa00);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none}.startvlak{position:relative;text-align:center;padding:12px;max-height:100%;overflow-y:auto;scrollbar-width:none}.startvlak::-webkit-scrollbar{display:none}.parade{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,22px);margin-bottom:6px}.parade img{height:clamp(100px,22vmin,200px);animation:wieg 2.6s ease-in-out infinite alternate;filter:drop-shadow(0 12px 20px rgba(20,0,5,.5))}.parade img:nth-child(2){animation-delay:-.9s;height:clamp(112px,24.5vmin,220px)}.parade img:nth-child(3){animation-delay:-1.8s}@keyframes wieg{0%{transform:rotate(-3.5deg) translateY(0)}to{transform:rotate(3.5deg) translateY(-8px)}}.title{font-family:Chewy,sans-serif;font-size:clamp(48px,11vw,86px);line-height:1.12;letter-spacing:1px;background:linear-gradient(180deg,#fff3d0,#ffd76e 55%,#f2a93b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(40,8,12,.55));margin-bottom:14px}.btn{font-family:Chewy,sans-serif;font-size:26px;letter-spacing:1px;border:none;cursor:pointer;color:#4a1608;background:linear-gradient(180deg,#ffd76e,#f2a93b);padding:14px 38px;border-radius:18px;box-shadow:0 7px #a06210,0 14px 24px #1e050a66,inset 0 2px #fff5dc99;transition:transform .06s,box-shadow .06s;margin-top:4px;text-shadow:0 1px 0 rgba(255,240,200,.4)}.btn:active{transform:translateY(5px);box-shadow:0 2px #a06210}.btn.klein{font-size:20px;padding:10px 26px}.kaart{position:relative;width:min(94%,520px);max-height:calc(100% - 12px);overflow-y:auto;scrollbar-width:none;background:linear-gradient(180deg,#fff9ec,#ffedc8);border:3px solid #7a4a28;border-radius:26px;box-shadow:0 10px #28080c73,0 26px 60px #14030680;padding:16px 20px 18px;text-align:center}.kaart::-webkit-scrollbar{display:none}.kaart .title{font-size:clamp(28px,8vmin,46px);margin-bottom:8px;filter:drop-shadow(0 3px 0 rgba(120,60,15,.35))}.kaart .subtitle{font-weight:500;color:#8a5c33;margin-bottom:12px;font-size:14px}.voorstellingen{display:flex;flex-direction:column;gap:8px}.voorstelling{display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;cursor:pointer;background:linear-gradient(180deg,#ffedc4,#ffdf9e);border:2px solid #c08a4a;border-radius:16px;padding:8px 14px;font-family:Nunito,sans-serif;transition:transform .06s}.voorstelling:not(.slot):hover{transform:scale(1.02)}.voorstelling:not(.slot):active{transform:scale(.98)}.voorstelling .naam{font-family:Chewy,sans-serif;font-size:19px;color:#7a3a10;letter-spacing:.5px}.voorstelling .sub{font-weight:500;font-size:12px;color:#a06a35;display:block}.voorstelling .sterren{display:flex;gap:4px}.voorstelling .sterren svg{width:20px;height:auto}.voorstelling.slot{opacity:.55;cursor:default;background:linear-gradient(180deg,#e8d8bc,#d9c49e)}.voorstelling.slot .naam{color:#8a6a45}.grote-sterren{display:flex;justify-content:center;gap:14px;margin:16px 0 18px}.grote-sterren svg{width:clamp(54px,10vmin,84px);height:auto}.grote-sterren .ster{opacity:0;transform:scale(.3) rotate(-20deg)}.grote-sterren .ster.aan{animation:sterpop .5s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes sterpop{to{opacity:1;transform:scale(1) rotate(0)}}.eind-tekst{font-weight:500;color:#8a5c33;font-size:16px;margin-bottom:14px}.knoppenrij{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}