:root{--bm-page-bg: linear-gradient(180deg, #2d1b4e 0%, #4a2a7a 100%);--bm-accent: #ffd166;--bm-accent-dark: #b98a1e;--bm-text: #ffffff;--bm-font: "Fredoka", "Nunito", system-ui, sans-serif;--bm-knop: clamp(44px, 7.5vh, 78px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bm-page-bg);font-family:var(--bm-font);-webkit-user-select:none;user-select:none;touch-action:none}.bm-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.bm-root [hidden]{display:none!important}.bm-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.bm-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;color:#fff}.bm-hud[hidden]{display:none}.bm-hud__lives{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));font-size:clamp(18px,3.6vh,28px);letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.35);white-space:nowrap}.bm-hud__lives span{display:inline-block;transition:opacity .35s,filter .35s,transform .35s}.bm-hud__lives .op{opacity:.25;filter:grayscale(1);transform:scale(.85)}.bm-hud__lives.hit{animation:bm-lives-hit .45s ease}@keyframes bm-lives-hit{0%,to{transform:none}25%{transform:translate(-5px) scale(1.06)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}.bm-hud__chips{position:absolute;top:calc(44px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));display:flex;gap:6px}.bm-hud__chips span{font-size:clamp(12px,2.2vh,16px);font-weight:600;background:#00000059;border-radius:999px;padding:3px 10px;text-shadow:0 1px 0 rgba(0,0,0,.4)}.bm-hud__chips span.aan{background:#ffffff38}.bm-hud__chips span.pop{animation:bm-chip-pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes bm-chip-pop{0%{transform:scale(1)}35%{transform:scale(1.3);background:var(--bm-accent);color:var(--bm-accent-dark);text-shadow:none}to{transform:scale(1)}}.bm-hud__center{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.bm-hud__title{font-size:clamp(14px,2.6vh,22px);font-weight:600;letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.35);white-space:nowrap}.bm-hud__timer{font-size:clamp(13px,2.4vh,19px);font-weight:600;background:#00000059;border-radius:999px;padding:2px 12px;font-variant-numeric:tabular-nums}.bm-hud__timer[hidden]{display:none}.bm-hud__timer.haast{color:#ffd166;animation:bm-tik 1s steps(2) infinite}@keyframes bm-tik{50%{background:#c828288c}}.bm-hud__right{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:calc(12px + 2 * (var(--bm-knop) + 8px) + env(safe-area-inset-right,0px));display:flex;align-items:center;gap:10px;pointer-events:none}.bm-hud__score{font-size:clamp(20px,4vh,32px);font-weight:700;text-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.3);font-variant-numeric:tabular-nums}.bm-hud__menu{pointer-events:auto;width:var(--bm-knop);height:var(--bm-knop);border-radius:50%;font-size:calc(var(--bm-knop) * .5);line-height:1;display:flex;align-items:center;justify-content:center;background:#ffffffeb;border:none;cursor:pointer;box-shadow:0 3px 8px #0000004d;transition:transform .08s}.bm-hud__menu:active{transform:scale(.94)}.bm-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.bm-touch[hidden]{display:none}.bm-dpad{position:absolute;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));width:138px;height:138px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr)}.bm-dpad button{pointer-events:auto;border:none;border-radius:12px;cursor:pointer;background:#ffffff2e;color:#fff;font-size:20px;box-shadow:inset 0 0 0 2px #ffffff40;touch-action:none;transition:background .06s}.bm-dpad button:active,.bm-dpad button.ingedrukt{background:#ffffff73}.bm-dpad__up{grid-area:1 / 2}.bm-dpad__left{grid-area:2 / 1}.bm-dpad__right{grid-area:2 / 3}.bm-dpad__down{grid-area:3 / 2}.bm-bomb{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:92px;height:92px;border-radius:50%;pointer-events:auto;cursor:pointer;border:none;font-size:40px;background:var(--bm-accent);border-bottom:6px solid var(--bm-accent-dark);box-shadow:0 6px 16px #00000059;touch-action:none;transition:transform .06s}.bm-bomb:active{transform:scale(.92)}.bm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bm-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(--bm-text);overflow:hidden auto}.bm-overlay[hidden]{display:none}.bm-overlay{animation:bm-overlay-in .35s cubic-bezier(.2,.9,.3,1) both}@keyframes bm-overlay-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.bm-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bm-confetti span{position:absolute;top:-24px;border-radius:2px;opacity:.95;animation:bm-confetti-val linear infinite}@keyframes bm-confetti-val{to{transform:translateY(115vh) rotate(680deg)}}.bm-overlay h1{margin:0;line-height:1.05;font-size:clamp(28px,min(8vh,10vw),68px);font-weight:700;letter-spacing:1px;text-shadow:0 4px 0 rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.3)}.bm-hero{max-height:clamp(90px,22vh,210px);max-width:min(70vw,340px);object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.bm-hero[hidden]{display:none}.bm-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)}.bm-score-label{font-size:clamp(13px,2.2vh,18px);letter-spacing:8px;text-transform:uppercase;opacity:.85;font-weight:500}.bm-score{font-size:clamp(42px,11vh,100px);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}.bm-record{font-size:clamp(15px,2.7vh,22px);font-weight:600;color:var(--bm-accent);animation:bm-pop .5s ease}@keyframes bm-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.bm-btn{font-family:var(--bm-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(--bm-accent-dark);background:var(--bm-accent);border-bottom:6px solid var(--bm-accent-dark);box-shadow:0 6px 14px #00000047;transition:transform .08s}.bm-btn:active{transform:translateY(4px);border-bottom-width:2px}.bm-btn.secundair{color:#fff;background:#ffffff29;border-bottom-color:#0000004d}.bm-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (hover: hover){.bm-btn{transition:transform .15s,box-shadow .15s}.bm-btn:hover{transform:translateY(-2px);box-shadow:0 9px 18px #00000052}.bm-btn:active{transform:translateY(4px)}.bm-level-btn{transition:transform .15s,box-shadow .15s}.bm-level-btn:not(.dicht):hover{transform:translateY(-3px) scale(1.05);box-shadow:0 7px 14px #0000004d}.bm-level-btn:not(.dicht):active{transform:translateY(3px)}.bm-corner:hover,.bm-hud__menu:hover{transform:scale(1.08)}}.bm-themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.bm-themes[hidden]{display:none}.bm-theme-btn{font-family:var(--bm-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(--bm-text);padding:5px 16px;cursor:pointer}.bm-theme-btn.actief{background:var(--bm-accent);color:var(--bm-accent-dark);border-color:transparent}.bm-levels{display:grid;grid-template-columns:repeat(7,minmax(56px,86px));gap:clamp(8px,1.6vh,14px);justify-content:center}.bm-level-btn{position:relative;aspect-ratio:1;border:none;border-radius:16px;cursor:pointer;font-family:var(--bm-font);font-size:clamp(19px,3.6vh,32px);font-weight:700;color:var(--bm-accent-dark);background:var(--bm-accent);border-bottom:5px solid var(--bm-accent-dark);box-shadow:0 4px 10px #00000040;transition:transform .08s}.bm-level-btn:active{transform:translateY(3px);border-bottom-width:2px}.bm-level-btn.dicht{background:#ffffff24;color:#fff9;border-bottom-color:#0000004d;cursor:default;font-size:clamp(15px,2.6vh,22px)}@media (max-width: 640px){.bm-levels{grid-template-columns:repeat(5,minmax(50px,64px));gap:8px}}.bm-level-btn .vink{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;background:#4caf50;color:#fff;font-size:13px;line-height:22px;box-shadow:0 2px 5px #0000004d}.bm-corner{position:absolute;z-index:30;width:var(--bm-knop);height:var(--bm-knop);border-radius:50%;border:none;cursor:pointer;background:#0000004d;color:#fff;font-size:calc(var(--bm-knop) * .45);display:flex;align-items:center;justify-content:center;transition:transform .08s}.bm-corner:active{transform:scale(.9)}.bm-corner.met-afb,.bm-hud__menu.met-afb{background:none;box-shadow:none;padding:0}.bm-corner.met-afb img,.bm-hud__menu.met-afb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));pointer-events:none}.bm-corner--fs{right:calc(12px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px))}.bm-corner--mute{right:calc(12px + var(--bm-knop) + 8px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px))}@media (max-height: 500px){.bm-hud__chips{top:auto;bottom:12px;left:50%;transform:translate(-50%)}}@media (max-width: 640px){.bm-hud__center{top:calc(14px + var(--bm-knop) + env(safe-area-inset-top,0px))}.bm-hud__chips{top:calc(78px + var(--bm-knop) + env(safe-area-inset-top,0px))}}@font-face{font-family:Chewy;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/chewy.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/nunito-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bm-font: "Nunito", system-ui, sans-serif}.bm-overlay h1,.bm-score{font-family:Chewy,Nunito,system-ui,sans-serif;font-weight:400;letter-spacing:1.5px}