:root{--cp2-page-bg: linear-gradient(180deg, #123, #245);--cp2-accent: #ffd166;--cp2-accent-dark: #b98a1e;--cp2-text: #ffffff;--cp2-font: "Fredoka", "Nunito", system-ui, sans-serif;--cp2-font-title: var(--cp2-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--cp2-page-bg);font-family:var(--cp2-font);-webkit-user-select:none;user-select:none;touch-action:none}.cp2-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)}.cp2-root [hidden]{display:none!important}.cp2-root .cp2-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:crosshair}.cp2-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.cp2-hud__pct{position:absolute;top:calc(10px + var(--sat));left:calc(14px + var(--sal));font-family:var(--cp2-font-title);font-size:clamp(26px,5vh,42px);font-weight:700;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.3);font-variant-numeric:tabular-nums;letter-spacing:.5px}.cp2-hud__board{position:absolute;top:calc(12px + var(--sat));right:calc(14px + var(--sar));display:flex;flex-direction:column;gap:3px;background:#00000052;border-radius:12px;padding:8px 12px;min-width:138px}.cp2-rij{display:flex;align-items:center;gap:7px;font-size:clamp(11px,1.9vh,14px);font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.cp2-rij.ik{text-shadow:0 0 8px rgba(255,255,255,.5)}.cp2-rij.af{opacity:.45}.cp2-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 1.5px #fff9}.cp2-naam{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96px}.cp2-pct{margin-left:auto}.cp2-minimap{position:absolute;right:calc(12px + var(--sar));bottom:calc(62px + var(--sab));width:clamp(84px,16vmin,120px);height:clamp(84px,16vmin,120px);background:#0000004d;border:2px solid rgba(255,255,255,.45);border-radius:8px}.cp2-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--cp2-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(--cp2-text);overflow:hidden auto}.cp2-overlay h1{margin:0;line-height:1.05;font-family:var(--cp2-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)}.cp2-hero{width:auto;max-width:min(72vw,340px);max-height:min(38vh,320px);object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35));pointer-events:none;-webkit-user-drag:none}.cp2-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)}.cp2-score-label{font-size:clamp(13px,2.2vh,18px);letter-spacing:6px;text-transform:uppercase;opacity:.85;font-weight:500}.cp2-score{font-family:var(--cp2-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}.cp2-record{font-size:clamp(15px,2.7vh,22px);font-weight:600;color:var(--cp2-accent);animation:cp2-pop .5s ease}@keyframes cp2-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.cp2-btn{font-family:var(--cp2-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(--cp2-accent-dark);background:var(--cp2-accent);border-bottom:6px solid var(--cp2-accent-dark);box-shadow:0 6px 14px #00000047;transition:transform .08s}.cp2-btn:active{transform:translateY(4px);border-bottom-width:2px}.cp2-btn.secundair{color:#fff;background:#ffffff29;border-bottom-color:#0000004d}.cp2-btn:disabled{opacity:.6;cursor:default;transform:none}.cp2-btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cp2-themes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cp2-theme-btn{font-family:var(--cp2-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(--cp2-text);padding:5px 16px;cursor:pointer}.cp2-theme-btn.actief{background:var(--cp2-accent);color:var(--cp2-accent-dark);border-color:transparent}.cp2-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}.cp2-corner:active{transform:scale(.9)}.cp2-corner--fs{right:calc(12px + var(--sar));bottom:calc(12px + var(--sab))}.cp2-corner--mute{left:calc(12px + var(--sal));bottom:calc(12px + var(--sab))}@media (max-width: 520px){.cp2-hud__board{min-width:116px;padding:6px 9px}.cp2-naam{max-width:70px}}@font-face{font-family:Luckiest Guy;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/luckiest-guy.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:Luckiest Guy;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/luckiest-guy-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: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{--cp2-font: "Nunito", system-ui, sans-serif;--cp2-font-title: "Luckiest Guy", "Nunito", system-ui, sans-serif}.cp2-overlay h1{letter-spacing:1.5px}