:root{--mm-page-bg: linear-gradient(180deg, #14532d 0%, #1f7a43 100%);--mm-accent: #ffd166;--mm-accent-dark: #a97c15;--mm-text: #ffffff;--mm-card-back: #2f9e5f;--mm-card-back-edge: #1c6b3d;--mm-card-face: #fffdf5;--mm-card-face-text: #3b2f1e;--mm-matched-glow: #7dffb0;--mm-font: "Fredoka", "Nunito", system-ui, sans-serif;--mm-card-w: 72px;--mm-card-h: 96px;--mm-gap: 8px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--mm-page-bg);font-family:var(--mm-font);-webkit-user-select:none;user-select:none;touch-action:manipulation}.mm-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--mm-text);background:var(--mm-page-bg)}.mm-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.mm-decor span{position:absolute;opacity:.1;line-height:1;filter:saturate(.6);text-shadow:none}.mm-root [hidden]{display:none!important}.mm-hud{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;height:56px;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:10px}.mm-hud__title{font-size:clamp(14px,2.6vh,21px);font-weight:600;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mm-hud__stats{display:flex;gap:8px;align-items:center}.mm-hud__stats span{font-size:clamp(12px,2.2vh,16px);font-weight:600;background:#00000052;border-radius:999px;padding:4px 12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.4)}.mm-hud__timer.haast{color:#ffd166;animation:mm-tik 1s steps(2) infinite}@keyframes mm-tik{50%{background:#c8282899}}.mm-hud__combo{color:var(--mm-accent)}.mm-hud__combo.puls{animation:mm-combo-puls .4s ease}@keyframes mm-combo-puls{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}.mm-hud__menu{pointer-events:auto;font-family:var(--mm-font);font-size:clamp(13px,2.2vh,16px);font-weight:600;color:var(--mm-accent-dark);background:#fffffff0;border:none;border-radius:999px;padding:6px 16px;cursor:pointer;box-shadow:0 3px 8px #0000004d;transition:transform .08s}.mm-hud__menu:active{transform:scale(.94)}.mm-root--speed{--mm-knop: clamp(44px, 7.5vh, 78px);--mm-knop-gap: clamp(6px, 1vw, 12px);--mm-hud-h: calc(var(--mm-knop) + 14px)}.mm-root--speed .mm-hud{height:var(--mm-hud-h);padding-right:calc(3 * var(--mm-knop) + 2 * var(--mm-knop-gap) + 24px)}.mm-knoppen{position:absolute;top:calc(7px + env(safe-area-inset-top,0px));right:10px;z-index:30;display:flex;gap:var(--mm-knop-gap)}.mm-knop{width:var(--mm-knop);height:var(--mm-knop);border:none;padding:0;cursor:pointer;background:#00000073 center / contain no-repeat;border-radius:999px;color:#fff;font-size:calc(var(--mm-knop) * .45);line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));transition:transform .08s;-webkit-tap-highlight-color:transparent}.mm-knop:active{transform:scale(.9)}.mm-knop.afbeelding{background-color:transparent;border-radius:0}.mm-root--speed .mm-figuur--home{max-height:clamp(140px,36vh,360px);max-width:min(64vw,340px)}.mm-balkrij{position:absolute;top:calc(var(--mm-hud-h, 56px) + env(safe-area-inset-top,0px));left:0;right:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.2vh,32px);pointer-events:none}.mm-timebar{width:min(64%,780px);height:18px;background:#00000061;border-radius:999px;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff14;overflow:hidden}.mm-timebar__fill{height:100%;width:100%;background:linear-gradient(180deg,#8be06a,#4cae3d);border-radius:999px;transition:width .12s linear,background .3s}.mm-timebar.spiek .mm-timebar__fill{background:linear-gradient(180deg,#8fd0ff,#4a9fe0)}.mm-timebar.haast .mm-timebar__fill{background:linear-gradient(180deg,#ff7a6b,#d43a2e);animation:mm-balk-knipper .5s steps(2) infinite}@keyframes mm-balk-knipper{50%{opacity:.55}}.mm-root--speed .mm-board{inset:calc(var(--mm-hud-h) + 168px + env(safe-area-inset-top,0px)) 0 12px 0}.mm-root--speed .mm-combo{top:calc(env(safe-area-inset-top,0px) + (var(--mm-hud-h) - 40px) / 2);z-index:20;font-size:min(clamp(20px,3.8vh,32px),5.2vw)}.mm-balkrij .mm-hud__score{font-size:clamp(12px,2.2vh,16px);font-weight:600;background:#00000052;border-radius:999px;padding:4px 12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.4)}.mm-balkrij span.mm-hud__score--punten{font-size:clamp(22px,4.6vh,38px);font-weight:800;color:#4a2c00;background:linear-gradient(180deg,#ffe9b0,#ffc84d);box-shadow:0 2px 6px #00000059,inset 0 1px #fff9;text-shadow:none;padding:6px 20px}.mm-hud__score--punten.puls{animation:mm-combo-puls .5s ease}.mm-board{position:absolute;inset:calc(56px + env(safe-area-inset-top,0px)) 0 12px 0;z-index:1;display:flex;align-items:center;justify-content:center;padding:6px 12px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.mm-grid{display:grid;gap:var(--mm-gap)}.mm-card{position:relative;width:var(--mm-card-w);height:var(--mm-card-h);padding:0;border:none;background:transparent;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent}.mm-card.deal{animation:mm-deal .4s cubic-bezier(.25,.9,.35,1.25) backwards}@keyframes mm-deal{0%{opacity:0;transform:translateY(42px) scale(.35) rotate(-9deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.mm-card__inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.35,1.3,.5,1);border-radius:calc(var(--mm-card-w) * .14)}.mm-card.open .mm-card__inner{transform:rotateY(180deg)}.mm-card__rug,.mm-card__vlak{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--mm-card-w) * .14);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 3px 8px #00000047;overflow:hidden}.mm-card__rug{background:var(--mm-card-back);border:2px solid rgba(255,255,255,.28);border-bottom:calc(2px + var(--mm-card-w) * .05) solid var(--mm-card-back-edge);font-size:calc(var(--mm-card-w) * .42);text-shadow:0 2px 3px rgba(0,0,0,.25)}.mm-card__vlak{background:var(--mm-card-face);color:var(--mm-card-face-text);border-bottom:calc(var(--mm-card-w) * .05) solid rgba(0,0,0,.14);transform:rotateY(180deg);font-weight:700;text-align:center;line-height:1;padding:4%}.mm-card__vlak.gezicht-emoji{font-size:calc(var(--mm-card-w) * .56)}.mm-card__vlak.gezicht-tekst{font-size:calc(var(--mm-card-w) * .3)}.mm-card__vlak.gezicht-tekst.lang{font-size:calc(var(--mm-card-w) * .22)}.mm-card__vlak.gezicht-symbool{font-size:calc(var(--mm-card-w) * .44);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.mm-card__vlak.gezicht-afbeelding img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.mm-card__rug.rug-afbeelding{background:var(--mm-card-back-img, none) center / cover no-repeat,var(--mm-card-back)}@media (hover: hover){.mm-card:not(.open):not(.af):hover .mm-card__inner{transform:translateY(-3px) rotate(-1.5deg)}}.mm-card:active .mm-card__inner{transform:scale(.96)}.mm-card.open:active .mm-card__inner{transform:rotateY(180deg)}.mm-card.af{cursor:default}.mm-card.af .mm-card__inner{animation:mm-jubel .45s ease}.mm-card.af .mm-card__vlak{box-shadow:0 0 0 3px var(--mm-matched-glow),0 3px 10px #00000040;opacity:.92}@keyframes mm-jubel{0%{transform:rotateY(180deg) scale(1)}40%{transform:rotateY(180deg) scale(1.12)}to{transform:rotateY(180deg) scale(1)}}.mm-spark{position:absolute;left:50%;top:50%;z-index:4;width:calc(var(--mm-card-w) * .11);height:calc(var(--mm-card-w) * .11);border-radius:50%;pointer-events:none;background:var(--mm-matched-glow);box-shadow:0 0 6px var(--mm-matched-glow);animation:mm-spark .6s ease-out forwards}@keyframes mm-spark{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15)}}.mm-card.oeps .mm-card__inner{animation:mm-schud .35s ease}@keyframes mm-schud{0%,to{transform:rotateY(180deg) translate(0)}25%{transform:rotateY(180deg) translate(-4px)}75%{transform:rotateY(180deg) translate(4px)}}.mm-combo{position:absolute;top:62px;left:50%;transform:translate(-50%);z-index:6;pointer-events:none;font-size:clamp(16px,3vh,24px);font-weight:700;color:var(--mm-accent);background:#0000008c;border-radius:999px;padding:5px 20px;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.4);box-shadow:0 4px 12px #0000004d;opacity:0}.mm-combo.zichtbaar{animation:mm-combo 1.1s ease forwards}@keyframes mm-combo{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.7)}25%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}75%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(1)}}.mm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--mm-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,18px);text-align:center;padding:clamp(10px,2.5vh,28px);color:var(--mm-text);overflow:hidden auto}.mm-overlay h1{margin:0;line-height:1.05;font-size:clamp(28px,min(8vh,10vw),64px);font-weight:700;letter-spacing:1px;text-shadow:0 4px 0 rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.3)}.mm-sub{font-size:clamp(13px,2.4vh,19px);font-weight:500;background:#00000040;padding:clamp(5px,1vh,9px) clamp(14px,3vw,26px);border-radius:999px;max-width:min(92vw,560px)}.mm-figuur{max-height:clamp(64px,17vh,170px);max-width:min(46vw,230px);width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));pointer-events:none}.mm-stars{display:flex;gap:clamp(6px,1.5vw,14px)}.mm-stars span{font-size:clamp(38px,9vh,76px);line-height:1;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.mm-stars span.uit{opacity:.28;filter:grayscale(1)}.mm-stars span.aan{animation:mm-ster-pop .5s ease backwards}.mm-stars span.aan:nth-child(2){animation-delay:.18s}.mm-stars span.aan:nth-child(3){animation-delay:.36s}@keyframes mm-ster-pop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0)}}.mm-score-label{font-size:clamp(13px,2.2vh,18px);letter-spacing:8px;text-transform:uppercase;opacity:.85;font-weight:500}.mm-score{font-size:clamp(38px,9vh,84px);line-height:1;font-weight:700;text-shadow:0 5px 0 rgba(0,0,0,.3),0 10px 22px rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.mm-record{font-size:clamp(15px,2.7vh,22px);font-weight:600;color:var(--mm-accent);animation:mm-pop .5s ease}@keyframes mm-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.mm-best{font-size:clamp(12px,2.2vh,17px);font-weight:500;opacity:.8}.mm-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.mm-confetti span{position:absolute;top:-5vh;width:10px;height:14px;border-radius:2px;animation:mm-confetti-val 3s linear forwards}@keyframes mm-confetti-val{0%{opacity:1;translate:0 0;rotate:0deg}85%{opacity:1}to{opacity:0;translate:0 112vh;rotate:660deg}}.mm-overlay--end>*:not(.mm-confetti){position:relative;z-index:1}.mm-btn{font-family:var(--mm-font);font-weight:600;font-size:clamp(15px,2.7vh,21px);cursor:pointer;letter-spacing:.5px;border:none;border-radius:16px;padding:clamp(8px,1.6vh,13px) clamp(18px,4vw,40px);color:var(--mm-accent-dark);background:var(--mm-accent);border-bottom:6px solid var(--mm-accent-dark);box-shadow:0 6px 14px #00000047;transition:transform .08s}.mm-btn:active{transform:translateY(4px);border-bottom-width:2px}.mm-btn.secundair{color:#fff;background:#ffffff29;border-bottom-color:#0000004d}.mm-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mm-themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mm-theme-btn{font-family:var(--mm-font);font-weight:600;font-size:clamp(12px,2.2vh,16px);border:2px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff1f;color:var(--mm-text);padding:5px 16px;cursor:pointer}.mm-theme-btn.actief{background:var(--mm-accent);color:var(--mm-accent-dark);border-color:transparent}.mm-levels{display:grid;grid-template-columns:repeat(4,minmax(56px,74px));gap:clamp(6px,1.4vh,12px);justify-content:center}.mm-level-btn{position:relative;aspect-ratio:1;border:none;border-radius:14px;cursor:pointer;font-family:var(--mm-font);font-weight:700;color:var(--mm-accent-dark);background:var(--mm-accent);border-bottom:5px solid var(--mm-accent-dark);box-shadow:0 4px 10px #00000040;transition:transform .08s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.mm-level-btn .nr{font-size:clamp(17px,3vh,24px);line-height:1}.mm-level-btn .mini-sterren{font-size:clamp(9px,1.6vh,12px);line-height:1;letter-spacing:1px}.mm-level-btn .mini-sterren .uit{opacity:.3}.mm-level-btn:active{transform:translateY(3px);border-bottom-width:2px}.mm-level-btn.dicht{background:#ffffff24;color:#fff9;border-bottom-color:#0000004d;cursor:default}.mm-level-btn.dicht .nr{font-size:clamp(14px,2.4vh,19px)}.mm-corner{position:absolute;z-index:30;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#0000004d;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .08s}.mm-corner:active{transform:scale(.9)}.mm-corner--fs{right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px))}.mm-corner--mute{left:max(12px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px))}@media (max-width: 520px){.mm-hud__title{display:none}.mm-hud{justify-content:center}}.mm-turn{display:flex;align-items:center;gap:8px;min-width:0;font-size:clamp(13px,2.4vh,19px);font-weight:600;background:#00000059;border-radius:999px;padding:5px 14px;text-shadow:0 1px 0 rgba(0,0,0,.4);white-space:nowrap;overflow:hidden}.mm-turn__dot,.mm-chip__dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--chip-kleur, #fff);border:2px solid rgba(255,255,255,.75);box-shadow:0 1px 3px #0006}.mm-turn__txt{overflow:hidden;text-overflow:ellipsis}.mm-vs-bar{position:absolute;top:calc(52px + env(safe-area-inset-top,0px));left:0;right:0;z-index:5;pointer-events:none;display:flex;justify-content:center;gap:clamp(6px,1.5vw,14px);padding:0 10px;flex-wrap:wrap}.mm-chip{display:flex;align-items:center;gap:7px;background:#00000052;border-radius:999px;border:2px solid transparent;padding:4px 12px;font-size:clamp(12px,2.2vh,16px);font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.4);transition:transform .15s,border-color .15s}.mm-chip__paren{background:#ffffffeb;color:#333;border-radius:999px;padding:1px 8px;font-variant-numeric:tabular-nums;text-shadow:none;font-size:.9em}.mm-chip.actief{border-color:var(--chip-kleur, #fff);background:#0000008c;transform:scale(1.08);animation:mm-chip-puls 1.6s ease infinite}@keyframes mm-chip-puls{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 12px 2px var(--chip-kleur, #fff)}}@media (max-width: 460px){.mm-chip__naam{display:none}.mm-chip{padding:4px 9px}}.mm-board--vs{inset:calc(96px + env(safe-area-inset-top,0px)) 0 12px 0}.mm-kies-label{font-size:clamp(14px,2.6vh,20px);font-weight:600}.mm-kies{display:grid;grid-template-columns:repeat(4,minmax(64px,88px));gap:clamp(6px,1.4vh,12px);justify-content:center}.mm-kies-btn{aspect-ratio:1;border:none;border-radius:16px;cursor:pointer;font-family:var(--mm-font);font-weight:700;color:var(--mm-accent-dark);background:var(--mm-accent);border-bottom:5px solid var(--mm-accent-dark);box-shadow:0 4px 10px #00000040;transition:transform .08s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.mm-kies-btn .nr{font-size:clamp(22px,4.2vh,34px);line-height:1}.mm-kies-btn .sub{font-size:clamp(10px,1.8vh,13px);font-weight:600;opacity:.85}.mm-kies-btn:active{transform:translateY(3px);border-bottom-width:2px}.mm-uitslag{display:flex;flex-direction:column;gap:7px;align-items:stretch}.mm-uitslag__rij{display:flex;align-items:center;gap:10px;background:#00000047;border-radius:999px;border:2px solid transparent;padding:6px 16px;min-width:min(74vw,300px);font-size:clamp(13px,2.4vh,18px);font-weight:600}.mm-uitslag__rij .naam{flex:1;text-align:left}.mm-uitslag__rij .paren{font-variant-numeric:tabular-nums;opacity:.95}.mm-uitslag__rij.winnaar{border-color:var(--mm-accent);background:#00000073}.mm-uitslag__rij.winnaar .naam:after{content:" 👑"}.mm-hud__score{color:var(--mm-accent)}