:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--su-ink: #1d1a2e;--su-paneel: #fff8ee;--su-knop: 46px;--su-knop-eff: min(var(--su-knop), max(40px, 7vmin));--su-sys-breedte: 232px }.su-sys{--su-knop-eff: min(var(--su-knop), max(40px, 7vmin));position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop-eff);height:var(--su-knop-eff);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop-eff) * .217);box-shadow:0 3px #0000004d;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.su-sys__btn svg{width:100%;height:100%;display:block}.su-sys__btn.is-uit{opacity:.55}.su-sys__btn:hover{background:#fff}.su-sys__btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.su-sys__btn[hidden]{display:none!important}.su-sys__btn:focus-visible{outline:3px solid #ffd24d;outline-offset:2px}.su-sys--jungle{--su-jbg: radial-gradient(circle at 50% 45%, #c98a45 0 50%, #8a5424 51% 62%, #3f8f2a 63% 70%, transparent 71%)}.su-sys--jungle .su-sys__btn,.su-sys--jungle .su-sys__btn:hover{background:var(--su-jbg) center / 100% 100% no-repeat;color:#ffd54a;border-radius:50%;box-shadow:none;padding:calc(var(--su-knop-eff) * .27);filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.su-sys--jungle .su-sys__btn:active{box-shadow:none}.su-sys--beeld .su-sys__btn,.su-sys--beeld .su-sys__btn:hover{background:transparent center / contain no-repeat;padding:0}.su-sys--beeld .su-sys__btn svg{display:none}.su-sys--beeld .su-sys__btn.is-uit{opacity:1}.su-eind{display:flex;align-items:flex-end;gap:6px;width:min(100%,560px);margin:auto;justify-content:center}.su-eind__sint{width:clamp(90px,22vmin,170px);height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:su-sint .6s cubic-bezier(.2,1.5,.4,1) backwards}.su-paneel{flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(100%,520px);max-height:calc(100vh - 40px - var(--sat, 0px) - var(--sab, 0px));overflow-y:auto;box-shadow:0 14px 40px #00000080;box-sizing:border-box;position:relative;text-align:center}.su-paneel__acties{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px;width:100%}.su-paneel__acties>button{width:min(100%,300px);min-height:58px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1.15;padding-top:8px;padding-bottom:8px}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}.su-eind__titel{margin:0 0 6px;font-size:clamp(26px,5vmin,40px);line-height:1.1}.su-eind__sterren{display:flex;justify-content:center;gap:6px;color:#1d1a2e2e;margin:4px 0}.su-eind__sterren svg{width:clamp(34px,7vmin,48px);height:auto;display:block}.su-eind__sterren .is-on{color:#ffc93c;animation:su-ster .45s cubic-bezier(.2,1.6,.4,1) backwards}.su-eind__score{font-size:clamp(44px,10vmin,72px);font-weight:900;line-height:1.05}.su-eind__record{min-height:1.3em;font-weight:500;opacity:.75}.su-eind__record.is-record{color:var(--su-accent, #e63946);font-weight:800;opacity:1}.su-eind__regel{margin:6px 0 0;font-weight:500}.su-eind__knop{font:inherit;font-weight:800;font-size:20px;padding:14px 22px;border-radius:16px;border:none;background:var(--su-accent, #e63946);color:#fff;box-shadow:0 4px #00000040;cursor:pointer}.su-eind__knop--insturen{background:var(--su-insturen, #2a9d4b)}.su-eind__knop:disabled{opacity:.55;cursor:default;box-shadow:none}.su-eind__knop:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000040}.su-eind[hidden],.su-eind__sterren[hidden],.su-eind__score[hidden],.su-eind__record[hidden],.su-eind__slot[hidden]{display:none!important}.su-eind__sterren img{width:clamp(34px,7vmin,48px);height:auto;display:block}@keyframes su-ster{0%{transform:scale(0)}to{transform:none}}@media (max-width: 480px){.su-eind{flex-direction:column;align-items:center}.su-eind__sint{width:92px;margin-bottom:-18px;z-index:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}.su-lvl{font:inherit;font-weight:800;font-size:20px;aspect-ratio:1;border:none;border-radius:14px;background:var(--su-accent, #e63946);color:#fff;box-shadow:0 3px #00000040;cursor:pointer;display:grid;place-items:center;gap:2px;padding:4px}.su-lvl--slot{background:#1d1a2e2e;color:#1d1a2e8c;box-shadow:none;cursor:default}.su-lvl--slot svg{width:46%;height:auto}.su-lvl--huidig{outline:3px solid #ffd24d;outline-offset:2px}.su-lvl__sterren{display:flex;gap:1px;color:#00000040}.su-lvl__sterren svg{width:12px;height:12px;display:block}.su-lvl__sterren .is-on{color:#ffd24d}.su-shop{font:inherit;border:none;border-radius:16px;background:#fff;color:var(--su-ink, #1d1a2e);box-shadow:0 3px #0000002e;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.su-shop--actief{outline:3px solid var(--su-accent, #e63946)}.su-shop__prijs{font-weight:800}.su-pauze{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--su-knop, 46px) + 12px + var(--sat)) 16px calc(16px + var(--sab));box-sizing:border-box;background:var(--su-overlay, #7a1b1f)}.su-pauze[hidden]{display:none!important}.su-pauze__paneel{flex:none;width:min(100%,400px);margin:auto}.su-pauze__titel{font-family:var(--su-titel-font, inherit);font-size:clamp(40px,9vmin,68px);line-height:1;margin:0 0 4px}.su-pauze__inhoud{font-weight:500;font-size:clamp(16px,3vmin,20px);margin:8px 0 0}.su-pauze__inhoud[hidden]{display:none!important}.su-pauze__inhoud svg{width:1.1em;height:1.1em;vertical-align:-.2em}.su-pauze__acties{margin-top:18px}.su-pauze__knop[hidden]{display:none!important}.su-start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;background:var(--su-start-beeld, none) center / cover no-repeat,var(--su-start-bg, linear-gradient(180deg, #b8242c 0%, #8a1f22 62%, #5c1418 100%))}.su-start[hidden]{display:none!important}.su-start__binnen{height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:clamp(8px,2.2vh,22px);padding:calc(max(12px + var(--su-knop, 46px) + 12px,6vh) + var(--sat, 0px)) 16px calc(max(18px,6vh) + var(--sab, 0px))}.su-start__titel{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-family:var(--su-titel-font, inherit);font-weight:800;font-size:clamp(42px,10.5vmin,96px);line-height:.95;letter-spacing:-.5px;color:var(--su-titel, #fff4d6);text-shadow:0 4px 0 var(--su-titel-schaduw, #8a1f22),0 8px 0 rgba(0,0,0,.25),0 0 40px rgba(255,180,80,.35);transform:rotate(-2deg)}.su-start__titel-2{color:var(--su-titel-2, #ffd24d)}.su-start__hero{align-self:stretch;justify-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center}.su-start__hero.is-leeg{pointer-events:none}.su-start__hero-img{width:100%;height:100%;max-width:760px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));animation:su-bob 2.6s ease-in-out infinite}.su-start__hero>:not(img){max-width:100%;max-height:100%}.su-start__acties{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,16px)}.su-start__speel,.su-start__knop{font:inherit;font-weight:800;border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4em;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.2);touch-action:manipulation}.su-start__speel{font-size:clamp(24px,5vmin,34px);padding:.5em 1.6em;min-width:min(78vw,290px);border-radius:22px;background:linear-gradient(180deg,var(--su-speel-licht, #ff5f4f),var(--su-speel, #d8382f));box-shadow:0 6px 0 var(--su-speel-d, #8a1f22),0 12px 24px #00000059;animation:su-adem 2.2s ease-in-out infinite}.su-start__speel:active{transform:translateY(4px);box-shadow:0 2px 0 var(--su-speel-d, #8a1f22);animation:none}.su-start__rij{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.su-start__knop{font-size:clamp(15px,2.8vmin,19px);padding:10px 18px;border-radius:14px;background:linear-gradient(180deg,var(--su-knop2-licht, #4d96ff),var(--su-knop2, #2f6fd1));box-shadow:0 5px 0 var(--su-knop2-d, #1f4fa8),0 10px 20px #0000004d}.su-start__knop:active{transform:translateY(3px);box-shadow:0 2px 0 var(--su-knop2-d, #1f4fa8)}.su-start__knop[hidden],.su-start__speel[hidden]{display:none!important}.su-start__icoon{display:inline-flex}.su-start__icoon svg{width:1em;height:1em;display:block}.su-start__speel:focus-visible,.su-start__knop:focus-visible{outline:3px solid #ffd24d;outline-offset:3px}.su-start__onder{font-weight:500;font-size:clamp(14px,2.6vmin,18px);text-shadow:0 2px 0 rgba(0,0,0,.4)}.su-start.is-laag .su-start__titel{font-size:clamp(36px,9vmin,64px)}.su-start.is-laag .su-start__speel{font-size:26px}.su-start.is-mobiel .su-start__titel{font-size:clamp(38px,12.5vw,64px)}.su-start.is-mobiel .su-start__binnen{padding-bottom:calc(max(24px,7vh) + var(--sab, 0px))}@keyframes su-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes su-adem{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.su-start__hero-img,.su-start__speel{animation:none}}.mm-app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#24120a;color:#fff;font-family:Nunito,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;--mm-gordijn: #b3201b}.mm-spel{position:absolute;top:0;right:0;bottom:0;left:0}.mm-app [hidden]{display:none!important}.mm-spel svg,.mm-paneellaag svg,.mm-sleep svg{display:block;width:100%;height:100%}[data-cat=beat]{--kleur: var(--mm-beat)}[data-cat=bas]{--kleur: var(--mm-bas)}[data-cat=melodie]{--kleur: var(--mm-melodie)}[data-cat=effect]{--kleur: var(--mm-effect)}[data-cat=stem]{--kleur: var(--mm-stem)}.mm-podium{position:absolute;left:0;right:0;top:0;height:var(--mm-podium-h, 80%);overflow:hidden;background:#3a1d0c}.mm-achter{position:absolute;top:0;right:0;bottom:18%;left:0;background:#5a3218 center 35% / cover no-repeat;filter:brightness(.62) saturate(.95)}.mm-achter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 70%,rgba(255,190,110,.18),transparent 60%),linear-gradient(180deg,#1408028c,#14080200 38%,#14080259)}.mm-vloer{position:absolute;left:0;right:0;bottom:0;height:30%;background:repeating-linear-gradient(90deg,rgba(40,18,4,.28) 0 2px,transparent 2px 9%),linear-gradient(180deg,#b0702f,#8a5222 45%,#5c3413);border-top:6px solid #d59a52;box-shadow:inset 0 14px 22px #00000059}.mm-vloer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(180deg,#4a2a0f,#2e1807);border-top:3px solid #c98a43}.mm-gordijn{position:absolute;top:0;bottom:18%;width:8%;z-index:6;pointer-events:none;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--mm-gordijn) 70%,#000) 0,var(--mm-gordijn) 14px,color-mix(in srgb,var(--mm-gordijn) 82%,#fff) 22px,var(--mm-gordijn) 30px,color-mix(in srgb,var(--mm-gordijn) 70%,#000) 40px);box-shadow:0 0 24px #0000008c}.mm-gordijn--l{left:0;border-bottom-right-radius:70% 22%}.mm-gordijn--r{right:0;border-bottom-left-radius:70% 22%}.mm-valletje{position:absolute;left:0;right:0;top:0;height:7%;min-height:26px;z-index:7;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--mm-gordijn) 65%,#000),var(--mm-gordijn));box-shadow:0 2px #e5b54a}.mm-valletje:after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background:radial-gradient(circle at 50% 0,var(--mm-gordijn) 0 20px,transparent 21px) 0 0 / 44px 22px repeat-x;filter:drop-shadow(0 3px 0 #e5b54a) drop-shadow(0 5px 6px rgba(0,0,0,.35))}.mm-slinger{position:absolute;left:7%;right:7%;top:calc(max(7%,26px) + 14px);height:9%;min-height:34px;z-index:8;pointer-events:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.mm-licht{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.mm-licht i{position:absolute;top:-10%;width:34%;height:120%;left:33%;opacity:0;transform-origin:50% 0;background:linear-gradient(180deg,#fff0c88c,#fff0c800 85%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);mix-blend-mode:screen;transition:opacity .6s}.mm-licht i:nth-child(1){transform:rotate(24deg)}.mm-licht i:nth-child(3){transform:rotate(-24deg)}.mm-podium.is-bonus .mm-licht i{opacity:.7;animation:mm-zwaai 1.7s ease-in-out infinite alternate}.mm-podium.is-bonus .mm-licht i:nth-child(2){animation-delay:-.6s}.mm-podium.is-bonus .mm-licht i:nth-child(3){animation-delay:-1.1s}@keyframes mm-zwaai{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.mm-figuren{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.mm-fig{position:absolute;width:calc(var(--mm-h, 300px) * var(--mm-verhouding, .667));height:var(--mm-h, 300px);transform:translate(-50%)}.mm-fig__lijf{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%;cursor:grab;touch-action:none;will-change:transform}.mm-fig__img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;pointer-events:none;filter:saturate(.22) brightness(.68) contrast(.95);transition:filter .3s;-webkit-user-drag:none}.mm-fig.is-actief .mm-fig__img{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--kleur) 70%,transparent))}.mm-fig.is-gedempt .mm-fig__img,.mm-fig.is-stilgezet .mm-fig__img{filter:saturate(.35) brightness(.5)}.mm-fig.is-doel .mm-fig__img{filter:brightness(1.12) drop-shadow(0 0 14px #fff6d0)}.mm-fig__schijf{position:absolute;left:50%;bottom:-5%;width:130%;height:14%;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.5),transparent);transition:background .3s}.mm-fig.is-actief:not(.is-gedempt):not(.is-stilgezet) .mm-fig__schijf{background:radial-gradient(closest-side,color-mix(in srgb,var(--kleur) 60%,#fff),color-mix(in srgb,var(--kleur) 55%,transparent) 55%,transparent)}.mm-fig.is-pof .mm-fig__schijf{animation:mm-pof .55s ease-out}@keyframes mm-pof{0%{transform:translate(-50%) scale(.6)}50%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}.mm-fig__spot{position:absolute;left:50%;bottom:2%;width:200%;height:240%;transform:translate(-50%);pointer-events:none;opacity:0;transition:opacity .35s;background:linear-gradient(180deg,color-mix(in srgb,var(--kleur, #fff) 8%,transparent),color-mix(in srgb,var(--kleur, #fff) 42%,transparent));clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);mix-blend-mode:screen}.mm-fig.is-actief:not(.is-gedempt):not(.is-stilgezet):not(.is-wacht) .mm-fig__spot{opacity:.85}.mm-fig__badge{position:absolute;left:50%;top:-6%;width:max(30px,calc(var(--mm-h, 300px) * .15));aspect-ratio:1;padding:6px;box-sizing:border-box;border-radius:50%;background:var(--kleur, #888);color:#fff;border:3px solid #fff;box-shadow:0 4px 10px #00000059;transform:translate(-50%) scale(0);transition:transform .28s cubic-bezier(.3,1.7,.5,1);pointer-events:none}.mm-fig.is-actief .mm-fig__badge{transform:translate(-50%) scale(1)}.mm-fig.is-wacht .mm-fig__badge{animation:mm-knipper .45s ease-in-out infinite alternate}.mm-fig.is-gedempt .mm-fig__badge{background:#6e625a}@keyframes mm-knipper{0%{opacity:1}to{opacity:.45}}.mm-fig__knoppen{position:absolute;left:50%;bottom:calc(-5% - 18px);transform:translate(-50%);display:flex;gap:5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:4}.mm-fig.is-actief:not(.is-vast) .mm-fig__knoppen{opacity:1;pointer-events:auto}.mm-fig.is-achter .mm-fig__knoppen{bottom:auto;top:calc(-6% - 42px)}.mm-mini{width:32px;height:32px;padding:7px;box-sizing:border-box;border:none;border-radius:50%;background:#fff8ee;color:#3a2410;cursor:pointer;box-shadow:0 3px #00000040;touch-action:manipulation}.mm-mini:active{transform:translateY(2px);box-shadow:none}.mm-fig.is-gedempt .mm-mini--demp{background:#e2453c;color:#fff}.mm-fig.is-solo .mm-mini--solo{background:#f2c14e;color:#3a2410}.mm-mini--weg{color:#8a1f22}.mm-acties{position:absolute;z-index:30;top:calc(12px + env(safe-area-inset-top,0px));right:var(--su-sys-breedte, 232px);display:flex;gap:8px}.mm-hud__knop{height:var(--su-knop, 46px);padding:0 14px 0 11px;border:none;border-radius:14px;background:#fffffff0;color:var(--su-ink, #1d1a2e);font:800 15px/1 Nunito,system-ui,sans-serif;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:0 3px #0000004d;touch-action:manipulation}.mm-hud__knop:hover{background:#fff}.mm-hud__knop svg{width:22px;height:22px;flex:none}.mm-hud__knop:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.mm-hud__knop:disabled{color:#1d1a2e52;cursor:default;transform:none;box-shadow:0 3px #0000004d;background:#fffffff0}.mm-hud__knop:disabled svg{opacity:.35}.mm-hud__knop--opname svg{color:#e2453c}.mm-hud__knop--opname[data-staat=loopt]{background:#e2453c;color:#fff;animation:mm-rec 1s ease-in-out infinite}.mm-hud__knop--opname[data-staat=loopt] svg{color:#fff}.mm-hud__knop--opname[data-staat=wacht]{animation:mm-knipper .4s ease-in-out infinite alternate}.mm-hud__tekst{font-variant-numeric:tabular-nums}@keyframes mm-rec{0%,to{box-shadow:0 3px #8a1f22,0 0 #e2453c99}50%{box-shadow:0 3px #8a1f22,0 0 0 8px #e2453c00}}.mm-info{position:absolute;z-index:30;left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:14px;background:#1e0e0599}.mm-maten{display:flex;gap:6px}.mm-maten i{width:11px;height:11px;border-radius:50%;background:#fff8ee38;transition:background .12s,transform .12s}.mm-maten i.is-aan{background:#f2c14e}.mm-maten i.is-tel{transform:scale(1.35)}.mm-bonussen{display:flex;gap:6px}.mm-bonusslot{width:24px;height:24px;padding:5px;box-sizing:border-box;border-radius:50%;background:#fff8ee24;color:#fff8ee8c}.mm-bonusslot.is-aan{background:#f2c14e;color:#8a4b05;box-shadow:0 0 10px #f2c14eb3}.mm-bak{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;flex-wrap:nowrap;gap:10px;padding:9px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#5d3618,#3b200c);border-top:4px solid #d59a52;box-shadow:0 -8px 18px #00000059}.mm-bak.is-uit{pointer-events:none;filter:saturate(.4) brightness(.75)}.mm-groep{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 8px 8px;border-radius:14px;background:#fff8ee12}.mm-groep__label{font:500 12px/1 Nunito,system-ui,sans-serif;color:#f6e2c3;letter-spacing:.05em;text-transform:uppercase}.mm-groep__iconen{display:flex;gap:7px}.mm-bak{--mm-icoon: clamp(34px, calc((100vw - 170px) / 15), 58px)}.mm-app.is-laag .mm-bak{--mm-icoon: clamp(34px, calc((100vw - 170px) / 15), 46px)}.mm-icoon{width:var(--mm-icoon);height:var(--mm-icoon);padding:calc(var(--mm-icoon) * .15);box-sizing:border-box;border-radius:17px;border:3px solid rgba(255,255,255,.9);background:var(--kleur);color:#fff;cursor:grab;box-shadow:0 4px color-mix(in srgb,var(--kleur) 55%,#000),0 7px 12px #0000004d;touch-action:none;transition:transform .12s,opacity .2s,filter .2s}.mm-icoon:active{transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--kleur) 55%,#000)}.mm-icoon.is-bezet{opacity:.4;filter:grayscale(.35);transform:translateY(3px);box-shadow:none}.mm-app.is-laag .mm-icoon{border-radius:14px}.mm-app.is-laag .mm-groep__label{font-size:11px}.mm-app.is-laag .mm-bak{gap:6px;padding-top:6px}.mm-app.is-laag .mm-groep{padding:4px 6px 6px}.mm-app.is-portret .mm-bak{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 8px calc(10px + env(safe-area-inset-bottom,0px))}.mm-app.is-portret .mm-groep{padding:5px 2px 7px}.mm-app.is-portret .mm-groep__iconen{flex-direction:column;gap:6px}.mm-app.is-portret .mm-groep__label{font-size:10px;letter-spacing:.02em}.mm-app.is-portret .mm-bak{--mm-icoon: min(54px, 15vw)}.mm-app.is-portret .mm-icoon{border-radius:15px}.mm-app.is-portret .mm-acties{top:calc(12px + var(--su-knop, 46px) + 10px + env(safe-area-inset-top,0px));right:12px}.mm-app.is-portret .mm-info{top:calc(12px + var(--su-knop, 46px) + 10px + env(safe-area-inset-top,0px));padding:6px 9px;gap:8px}.mm-app.is-portret .mm-hud__knop{padding:0 12px}.mm-app.is-portret .mm-slinger{top:calc(12px + 2 * var(--su-knop, 46px) + 20px + env(safe-area-inset-top,0px))}.mm-app.is-portret .mm-info{background:#1e0e05d9}.mm-app.is-portret .mm-hud__knop .mm-hud__tekst{display:none}.mm-app.is-portret .mm-hud__knop--opname[data-staat=loopt] .mm-hud__tekst{display:inline}.mm-app.is-slepen,.mm-app.is-slepen *{cursor:grabbing!important}.mm-sleep{position:fixed;left:0;top:0;z-index:90;width:66px;height:66px;margin:-33px 0 0 -33px;padding:10px;box-sizing:border-box;border-radius:19px;background:var(--kleur, #888);color:#fff;border:3px solid #fff;pointer-events:none;box-shadow:0 14px 24px #00000073;will-change:transform}.mm-sleep svg{animation:mm-wiebel .5s ease-in-out infinite alternate}@keyframes mm-wiebel{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.mm-notenlaag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;overflow:hidden}.mm-noot{position:absolute;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;color:color-mix(in srgb,var(--kleur, #fff) 55%,#fff);filter:drop-shadow(0 2px 2px rgba(0,0,0,.45));will-change:transform,opacity}.mm-hint{position:absolute;left:50%;bottom:calc(100% - var(--mm-podium-h, 80%) + 16px);z-index:25;transform:translate(-50%);max-width:86vw;text-align:center;padding:10px 18px;border-radius:999px;background:#1e0e05d1;color:#fff6e6;font:500 17px/1.25 Nunito,system-ui,sans-serif;pointer-events:none;animation:mm-hint 1.2s ease-in-out infinite alternate}@keyframes mm-hint{0%{transform:translate(-50%)}to{transform:translate(-50%,6px)}}.mm-banner{position:absolute;left:50%;top:22%;z-index:26;transform:translate(-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center}.mm-banner__klein{font:500 18px/1 Nunito,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#fff6e6;text-shadow:0 2px 4px rgba(0,0,0,.6)}.mm-banner__naam{margin-top:6px;font-family:var(--su-titel-font, "Luckiest Guy", system-ui);font-size:clamp(30px,6.2vmin,58px);line-height:1;color:#ffd24d;white-space:nowrap;text-shadow:0 4px 0 #8a1f22,0 8px 0 rgba(0,0,0,.25),0 0 30px rgba(255,200,80,.6)}.mm-banner.is-in{animation:mm-banner-in .55s cubic-bezier(.3,1.6,.5,1) both}.mm-banner.is-weg{animation:mm-banner-weg .5s ease-in both}@keyframes mm-banner-in{0%{transform:translate(-50%) scale(.3);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes mm-banner-weg{to{transform:translate(-50%,-20px) scale(.9);opacity:0}}.mm-afspeelbalk{position:absolute;left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:26;transform:translate(-50%);padding:9px 18px 9px 34px;border-radius:999px;background:#e2453c;color:#fff;font:800 15px/1 Nunito,system-ui,sans-serif;box-shadow:0 4px 12px #0000004d;pointer-events:none}.mm-afspeelbalk:before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;animation:mm-knipper .6s infinite alternate}.mm-app.is-portret .mm-afspeelbalk{top:auto;bottom:calc(100% - var(--mm-podium-h, 80%) + 10px)}.mm-bonuslaag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.mm-bonuslaag--achter{z-index:2}.mm-optocht{position:absolute;top:11%;height:calc(var(--mm-podium-h, 600px) * var(--mm-hoogte, .32));left:-45%;animation-name:mm-optocht-x,mm-hobbel;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:forwards,none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}.mm-optocht.is-omgekeerd{scale:-1 1;animation-direction:reverse,alternate}@keyframes mm-optocht-x{0%{left:-45%}to{left:110%}}@keyframes mm-hobbel{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6%) rotate(2deg)}}.mm-gast{position:absolute;left:50%;bottom:6%;height:66%;translate:-50% 0;z-index:2;animation-name:mm-gast;animation-timing-function:ease-in-out;animation-fill-mode:both;transform-origin:50% 100%;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5))}@keyframes mm-gast{0%{transform:translateY(115%)}14%{transform:translateY(0) rotate(0)}28%{transform:rotate(-3deg)}42%{transform:rotate(3deg)}56%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}86%{transform:translateY(0) rotate(0)}to{transform:translateY(115%)}}.mm-regen{position:absolute;top:-14%;width:clamp(28px,4.5vmin,58px);animation-name:mm-regen;animation-timing-function:linear;animation-fill-mode:both;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.mm-confetti{position:absolute;top:-4%;width:10px;height:15px;border-radius:2px;animation-name:mm-regen;animation-timing-function:linear;animation-fill-mode:both}@keyframes mm-regen{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc(var(--mm-podium-h, 600px) * 1.25)) rotate(var(--mm-draai, 180deg))}}.mm-paneellaag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:var(--su-overlay, #7a1b1f)}.mm-paneel{flex:0 1 auto;width:min(460px,100%);box-sizing:border-box;text-align:center;color:var(--su-ink, #3a2410)}.mm-paneel__titel{margin:0 0 8px;font-family:var(--su-titel-font, "Luckiest Guy", system-ui);font-weight:400;font-size:clamp(28px,6vmin,40px);line-height:1.05;color:var(--su-accent, #e63946)}.mm-paneel__regel{margin:0 0 12px;font:500 16px/1.35 Nunito,system-ui,sans-serif}.mm-paneel__regel.is-duur{font:800 30px/1 Nunito,system-ui,sans-serif;font-variant-numeric:tabular-nums}.mm-paneel__link{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:2px solid rgba(58,36,16,.25);background:#fff;color:#3a2410;font:500 13px/1.2 ui-monospace,Menlo,monospace;user-select:all;-webkit-user-select:all}.mm-knop{min-height:52px;padding:0 22px;border:none;border-radius:16px;font:800 17px/1 Nunito,system-ui,sans-serif;color:#fff;cursor:pointer;letter-spacing:.4px;text-shadow:0 2px 0 rgba(0,0,0,.18);touch-action:manipulation}.mm-knop--hoofd{background:linear-gradient(180deg,var(--su-speel-licht, #ff5f4f),var(--su-speel, #d8382f));box-shadow:0 5px 0 var(--su-speel-d, #8a1f22)}.mm-knop--tweede{background:linear-gradient(180deg,var(--su-knop2-licht, #5aa0ff),var(--su-knop2, #2f7fd8));box-shadow:0 5px 0 var(--su-knop2-d, #1f4fa8)}.mm-knop:active{transform:translateY(4px);box-shadow:none}.mm-hero{width:100%;height:100%;container-type:size;display:flex;align-items:center;justify-content:center}.mm-hero__binnen{position:relative;width:min(100cqw,230cqh,900px);aspect-ratio:2.3 / 1}.mm-hero__fig{position:absolute;bottom:8%;height:84%;left:calc(50% + var(--i) * 18.5%);transform:translate(-50%);filter:drop-shadow(0 10px 14px rgba(0,0,0,.4));animation:mm-hero-hup 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .18s);transform-origin:50% 100%;z-index:2}.mm-hero__fig:nth-child(2n){bottom:15%;height:76%;z-index:1}.mm-hero__noot{position:absolute;width:7%;aspect-ratio:1;color:#ffd24d;opacity:.9;filter:drop-shadow(0 3px 0 rgba(90,20,10,.5));animation:mm-hero-noot 3.2s ease-in-out infinite;z-index:3}.mm-hero__noot svg{width:100%;height:100%;display:block}@keyframes mm-hero-noot{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-18%) rotate(8deg)}}.mm-hero__vloer{position:absolute;left:2%;right:2%;bottom:0;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}@keyframes mm-hero-hup{0%{transform:translate(-50%) translateY(0) scale(1)}to{transform:translate(-50%) translateY(-3%) scale(.98,1.03)}}@media (prefers-reduced-motion: reduce){.mm-hero__noot,.mm-hero__fig,.mm-hint,.mm-sleep svg{animation:none}}.mm-app.is-portret .mm-maten{gap:4px}.mm-app.is-portret .mm-maten i{width:8px;height:8px}.mm-app.is-portret .mm-bonussen{gap:4px}.mm-app.is-portret .mm-bonusslot{width:21px;height:21px;padding:4px}