:root{--dv-page-bg: linear-gradient(180deg, #123, #245);--dv-accent: #ffd166;--dv-accent-dark: #b98a1e;--dv-text: #ffffff;--dv-font: "Fredoka", "Nunito", system-ui, sans-serif;--dv-font-title: var(--dv-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--dv-page-bg);font-family:var(--dv-font);-webkit-user-select:none;user-select:none;touch-action:none}.dv-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)}.dv-root [hidden]{display:none!important}.dv-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.dv-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;color:#fff}.dv-hud__lives{position:absolute;top:calc(10px + var(--sat));left:calc(14px + var(--sal));display:flex;align-items:center;gap:8px;font-size:clamp(18px,3.6vh,26px);text-shadow:0 2px 0 rgba(0,0,0,.35);white-space:nowrap}.dv-hud__lives .op{opacity:.25;filter:grayscale(1)}.dv-hud__streak{font-size:clamp(13px,2.4vh,18px);font-weight:700;background:#00000059;border-radius:999px;padding:3px 12px;font-variant-numeric:tabular-nums}.dv-hud__streak.vlam{animation:dv-vlam .5s ease infinite alternate}@keyframes dv-vlam{0%{transform:scale(1)}to{transform:scale(1.12)}}.dv-hud__center{position:absolute;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.dv-hud__level{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}.dv-hud__klok{font-size:clamp(12px,2.2vh,16px);font-weight:700;background:#00000059;border-radius:999px;padding:3px 14px;font-variant-numeric:tabular-nums;white-space:nowrap}.dv-hud__klok.urgent{background:#d92b2b;color:#fff;animation:dv-puls .45s ease infinite alternate}@keyframes dv-puls{0%{transform:scale(1);box-shadow:0 0 #d92b2b99}to{transform:scale(1.1);box-shadow:0 0 0 8px #d92b2b00}}.dv-hud__right{position:absolute;top:calc(10px + var(--sat));right:calc(14px + var(--sar));display:flex;align-items:center;gap:10px;pointer-events:none}.dv-hud__score{font-family:var(--dv-font-title);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}.dv-hud__menu{pointer-events:auto;font-family:var(--dv-font);font-size:clamp(13px,2.2vh,16px);font-weight:600;color:var(--dv-accent-dark);background:#ffffffeb;border:none;border-radius:999px;padding:6px 16px;cursor:pointer;box-shadow:0 3px 8px #0000004d;transition:transform .08s}.dv-hud__menu:active{transform:scale(.94)}.dv-hud__tas{position:absolute;bottom:calc(14px + var(--sab));left:50%;transform:translate(-50%);font-size:clamp(15px,2.8vh,22px);font-weight:700;background:#0006;border-radius:999px;padding:6px 18px;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.35)}.dv-stick{position:absolute;z-index:8;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff4d;pointer-events:none}.dv-stick__knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffff8c;box-shadow:0 2px 8px #0000004d}.dv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--dv-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(--dv-text);overflow:hidden auto}.dv-art{height:clamp(70px,20vh,190px);max-width:min(60vw,320px);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));pointer-events:none}.dv-overlay h1{margin:0;line-height:1.05;font-family:var(--dv-font-title);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)}.dv-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)}.dv-score-label{font-size:clamp(13px,2.2vh,18px);letter-spacing:8px;text-transform:uppercase;opacity:.85;font-weight:500}.dv-score{font-family:var(--dv-font-title);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}.dv-record{font-size:clamp(15px,2.7vh,22px);font-weight:600;color:var(--dv-accent);animation:dv-pop .5s ease}@keyframes dv-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.dv-btn{font-family:var(--dv-font-title);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(--dv-accent-dark);background:var(--dv-accent);border-bottom:6px solid var(--dv-accent-dark);box-shadow:0 6px 14px #00000047;transition:transform .08s}.dv-btn:active{transform:translateY(4px);border-bottom-width:2px}.dv-btn.secundair{color:#fff;background:#ffffff29;border-bottom-color:#0000004d}.dv-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.dv-themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dv-theme-btn{font-family:var(--dv-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(--dv-text);padding:5px 16px;cursor:pointer}.dv-theme-btn.actief{background:var(--dv-accent);color:var(--dv-accent-dark);border-color:transparent}.dv-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}.dv-corner:active{transform:scale(.9)}.dv-corner--fs{right:calc(12px + var(--sar));bottom:calc(12px + var(--sab))}.dv-corner--mute{left:calc(12px + var(--sal));bottom:calc(12px + var(--sab))}@media (max-width: 620px){.dv-hud__center{top:calc(50px + var(--sat))}}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/baloo2-800-latin.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:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/baloo2-800-latin-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}@font-face{font-family:Nunito;font-style:normal;font-weight:700 800;font-display:swap;src:url(../fonts/nunito-latin.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:700 800;font-display:swap;src:url(../fonts/nunito-latin-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{--dv-font: "Nunito", system-ui, sans-serif;--dv-font-title: "Baloo 2", "Nunito", system-ui, sans-serif}.dv-overlay h1{letter-spacing:.5px}