:root{--dp-page-bg: linear-gradient(180deg, #2a1a12, #452a1b);--dp-accent: #f9d34c;--dp-accent-dark: #cf9f1d;--dp-text: #fff7ea;--dp-font: "Nunito", system-ui, sans-serif;--dp-font-title: var(--dp-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--dp-page-bg);font-family:var(--dp-font);-webkit-user-select:none;user-select:none;touch-action:none}.dp-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}.dp-root [hidden]{display:none!important}.dp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:crosshair}.dp-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.dp-hud__level{position:absolute;top:calc(12px + var(--sat));left:calc(14px + var(--sal));font-family:var(--dp-font-title);font-weight:700;font-size:clamp(15px,2.6vh,22px);color:#fff;background:#00000057;border-radius:999px;padding:6px 16px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.dp-inkt{position:absolute;top:calc(12px + var(--sat));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}@media (max-width: 640px){.dp-inkt{top:calc(26px + var(--sat) + var(--dp-knop) * 2)}}.dp-inkt__sterren{display:flex;gap:6px;font-size:clamp(14px,2.4vh,20px);color:var(--dp-accent);text-shadow:0 1px 2px rgba(0,0,0,.5)}.dp-inkt__sterren .uit{color:#ffffff40}.dp-inkt__balk{width:clamp(120px,26vw,220px);height:12px;border-radius:999px;background:#0006;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.dp-inkt__vul{height:100%;background:linear-gradient(90deg,#e32b1d,#f9b234);border-radius:999px;transition:width .1s linear}.dp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--dp-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,20px);text-align:center;padding:clamp(12px,3vh,30px);color:var(--dp-text);overflow:hidden auto}.dp-overlay h1{margin:0;line-height:1.05;font-family:var(--dp-font-title);font-size:clamp(30px,min(8.5vh,11vw),74px);font-weight:700;letter-spacing:1px;text-shadow:0 4px 0 rgba(0,0,0,.28),0 8px 22px rgba(0,0,0,.35)}.dp-hero{width:auto;max-width:min(70vw,320px);max-height:min(40vh,360px);object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));pointer-events:none;-webkit-user-drag:none}.dp-sub{font-size:clamp(13px,2.3vh,19px);font-weight:600;background:#00000042;padding:clamp(6px,1vh,10px) clamp(16px,3vw,28px);border-radius:999px;max-width:min(92vw,560px)}.dp-score{font-family:var(--dp-font-title);font-weight:700;font-size:clamp(20px,4vh,34px);letter-spacing:.5px}.dp-klaar-sterren{font-size:clamp(40px,9vh,72px);line-height:1;display:flex;gap:10px}.dp-klaar-sterren .aan{color:var(--dp-accent);text-shadow:0 3px 0 rgba(0,0,0,.25);animation:dp-pop .45s ease}.dp-klaar-sterren .uit{color:#ffffff2e}@keyframes dp-pop{0%{transform:scale(0)}70%{transform:scale(1.25)}to{transform:scale(1)}}.dp-btn{font-family:var(--dp-font-title);font-weight:700;font-size:clamp(15px,2.7vh,22px);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:16px;padding:clamp(9px,1.7vh,14px) clamp(18px,3.4vw,40px);color:#1d2a5e;background:#f9d34c;border-bottom:6px solid #cf9f1d;box-shadow:0 6px 14px #00000059;transition:transform .08s}.dp-btn:active{transform:translateY(4px);border-bottom-width:2px}.dp-btn.secundair{color:#fff;background:#2e7d4f;border-bottom-color:#1d5636}.dp-btn:disabled{filter:grayscale(.6);opacity:.7;cursor:default;transform:none}.dp-btn-row{display:flex;gap:clamp(10px,2vw,18px);flex-wrap:wrap;justify-content:center}.dp-overlay--kiezer{justify-content:flex-start}.dp-overlay--kiezer h1{font-size:clamp(24px,5.5vh,48px)}.dp-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(7px,1.4vh,14px);justify-content:center;width:min(94vw,480px);max-width:480px;overflow-y:auto;flex:1 1 auto;min-height:0;padding:10px 6px calc(12px + var(--sab));scrollbar-width:thin;scrollbar-color:rgba(249,211,76,.5) transparent}.dp-level-btn{position:relative;aspect-ratio:1;border:none;border-radius:16px;cursor:pointer;background:#fff7e8eb;color:#4a2c12;border-bottom:5px solid rgba(0,0,0,.28);font-family:var(--dp-font-title);font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 5px 12px #00000047}.dp-level-btn:active{transform:translateY(3px)}.dp-level-btn__n{font-size:clamp(16px,3vh,26px);line-height:1}.dp-level-btn__s{font-size:clamp(11px,1.8vh,14px);letter-spacing:1px;display:flex;gap:1px}.dp-level-btn__s i{font-style:normal;color:#00000038}.dp-level-btn__s i.aan{color:#e08a00;text-shadow:0 1px 0 rgba(0,0,0,.15)}.dp-level-btn.gehaald{background:#f9d34c;border-bottom-color:#cf9f1d}.dp-level-btn.volgende{background:#2e7d4f;color:#fff;border-bottom-color:#1d5636;animation:dp-volgende 1.6s ease-in-out infinite}.dp-level-btn.volgende .dp-level-btn__s i{color:#ffffff59}@keyframes dp-volgende{0%,to{box-shadow:0 5px 12px #00000047,0 0 #f9d34ca6}50%{box-shadow:0 5px 12px #00000047,0 0 0 7px #f9d34c00}}.dp-level-btn__b{position:absolute;top:-6px;right:-6px;font-size:15px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.dp-level-btn.op-slot{background:#ffffff1a;color:#ffffff73;border-bottom-color:#0000004d;cursor:default;box-shadow:none}.dp-level-btn__slot{font-size:clamp(14px,2.4vh,20px);opacity:.8}.dp-root{--dp-knop: clamp(44px, 6.5vmin, 78px);--dp-knop-stap: calc(var(--dp-knop) * 1.18)}.dp-corner{position:absolute;z-index:30;width:var(--dp-knop);height:var(--dp-knop);border-radius:50%;top:calc(12px + var(--sat));border:none;cursor:pointer;background:#ffffffe0;box-shadow:0 4px 10px #00000059;display:flex;align-items:center;justify-content:center;transition:transform .08s;font-size:calc(var(--dp-knop) * .46)}.dp-corner:active{transform:scale(.92)}.dp-corner img{width:56%;height:56%;object-fit:contain}.dp-corner svg{display:block;width:60%;height:60%}.dp-corner--fs{right:calc(12px + var(--sar))}.dp-corner--mute{right:calc(12px + var(--sar) + var(--dp-knop-stap))}.dp-corner--muziek{right:calc(12px + var(--sar) + var(--dp-knop-stap) * 2)}.dp-corner--muziek.is-uit{opacity:.55;filter:grayscale(1)}.dp-corner--menu{right:calc(12px + var(--sar) + var(--dp-knop-stap) * 3)}.dp-corner--retry{right:calc(12px + var(--sar) + var(--dp-knop-stap) * 4);color:#b3271b;font-weight:800}.dp-corner--hint{right:calc(12px + var(--sar) + var(--dp-knop-stap) * 5)}@media (max-width: 640px){.dp-corner--menu{right:calc(12px + var(--sar));top:calc(18px + var(--sat) + var(--dp-knop))}.dp-corner--retry{right:calc(12px + var(--sar) + var(--dp-knop-stap));top:calc(18px + var(--sat) + var(--dp-knop))}.dp-corner--hint{right:calc(12px + var(--sar) + var(--dp-knop-stap) * 2);top:calc(18px + var(--sat) + var(--dp-knop))}}@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{--dp-font: "Nunito", system-ui, sans-serif;--dp-font-title: "Chewy", "Nunito", system-ui, sans-serif}.dp-overlay h1{letter-spacing:1px}