:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--su-ink: #1d1a2e;--su-paneel: #fff8ee;--su-knop: 46px;--su-sys-breedte: 232px }.su-sys{position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop);height:var(--su-knop);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop) * .217);box-shadow:0 3px #0000004d;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.su-sys__btn svg{width:100%;height:100%;display:block}.su-sys__btn.is-uit{opacity:.55}.su-sys__btn:hover{background:#fff}.su-sys__btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.su-sys__btn[hidden]{display:none!important}.su-sys__btn:focus-visible{outline:3px solid #ffd24d;outline-offset:2px}.su-eind{display:flex;align-items:flex-end;gap:6px;width:min(100%,560px)}.su-eind__sint{width:clamp(90px,22vmin,170px);height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:su-sint .6s cubic-bezier(.2,1.5,.4,1) backwards}.su-paneel{flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(100%,520px);max-height:calc(100vh - 40px - var(--sat, 0px) - var(--sab, 0px));overflow-y:auto;box-shadow:0 14px 40px #00000080;box-sizing:border-box;position:relative;text-align:center}.su-paneel__acties{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px;width:100%}.su-paneel__acties>button{width:min(100%,300px);box-sizing:border-box}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media (max-width: 480px){.su-eind{flex-direction:column;align-items:center}.su-eind__sint{width:92px;margin-bottom:-18px;z-index:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.cv-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cv-page-bg, #1d4a17);color:var(--cv-text, #ffffff);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.cv-root [hidden],.cv-root[hidden]{display:none!important}.cv-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.cv-hud{position:absolute;top:0;left:0;right:0;padding:max(10px,env(safe-area-inset-top)) var(--su-sys-breedte, 200px) 0 12px;display:flex;align-items:center;gap:10px;pointer-events:none}.cv-hud__left{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.cv-hud__score{font-size:clamp(24px,5vw,34px);font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.45)}.cv-combo{display:flex;align-items:center;gap:7px;background:#0000004d;border-radius:999px;padding:3px 10px 3px 9px}.cv-combo.pop{animation:cv-pop .25s ease}@keyframes cv-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.cv-combo__label{font-size:14px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.4)}.cv-combo__bar{width:clamp(56px,12vw,84px);height:8px;border-radius:999px;background:#ffffff47;overflow:hidden}.cv-combo__bar>span{display:block;height:100%;border-radius:999px;background:var(--cv-accent, #f5b81c);transition:width .12s ease}.cv-hud__lives{display:flex;gap:4px}.cv-hud__lives span{width:clamp(20px,4.4vw,28px);height:clamp(20px,4.4vw,28px);color:#ff4d5e;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.cv-hud__lives span svg{width:100%;height:100%;display:block}.cv-hud__lives .op{opacity:.3;filter:grayscale(1)}.cv-tip{position:absolute;left:50%;top:30%;transform:translate(-50%);z-index:6;max-width:min(90vw,520px);background:#0000008c;border-radius:999px;padding:8px 18px;font-size:clamp(13px,2.4vmin,18px);font-weight:500;text-align:center;pointer-events:none}.cv-hud__spacer{flex:1}.cv-effects{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 48px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.cv-effect{display:flex;align-items:center;gap:7px;background:#0000004d;border-radius:999px;padding:3px 9px}.cv-effect__icon{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:800;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.4)}.cv-effect__icon svg{width:16px;height:16px;flex:none}.cv-effect__bar{width:min(30vw,140px);height:8px;border-radius:999px;background:#ffffff47;overflow:hidden}.cv-effect__bar>span{display:block;height:100%;border-radius:999px;background:var(--cv-accent, #f5b81c)}.cv-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cv-page-bg, #1d4a17);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.cv-overlay-inner{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.cv-title{margin:0;font-size:clamp(34px,9vw,52px);font-weight:900;text-shadow:0 3px 0 rgba(0,0,0,.3)}.cv-sub{margin:0;font-size:16px;font-weight:700;opacity:.9}.cv-stars{display:flex;gap:10px;font-size:clamp(38px,10vw,54px);line-height:1}.cv-stars span{color:#ffffff38;text-shadow:0 2px 3px rgba(0,0,0,.25)}.cv-stars span.is-on{color:#ffd23e;text-shadow:0 0 14px rgba(255,210,62,.55),0 2px 3px rgba(0,0,0,.3);animation:cv-star-pop .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes cv-star-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cv-bigscore{font-size:clamp(46px,15vw,72px);font-weight:900;color:var(--cv-accent, #f5b81c);line-height:1.05}.cv-record{font-size:16px;font-weight:900;color:#7dff9b}.cv-theme-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.cv-chip{border:2px solid rgba(255,255,255,.75);border-radius:999px;background:transparent;color:var(--cv-text, #fff);font:inherit;font-size:14px;font-weight:800;padding:7px 16px;cursor:pointer}.cv-chip.is-active{background:#fff;color:var(--cv-accent-dark, #14407a);border-color:#fff}.cv-btn{border:none;border-bottom:5px solid var(--cv-accent-dark, #b97e10);border-radius:16px;background:var(--cv-accent, #f5b81c);color:#fff;font:inherit;font-size:19px;font-weight:900;padding:14px 34px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.25);min-width:220px}.cv-btn:active{transform:translateY(3px);border-bottom-width:2px}.cv-btn.cv-btn-secondary{background:#ffffff24;border-bottom-color:#00000059}.cv-overlay--end{padding:calc(20px + var(--sat, 0px)) 16px calc(20px + var(--sab, 0px))}.cv-overlay--end .su-paneel{max-width:none;gap:10px;display:flex;flex-direction:column;align-items:center}.cv-overlay--end .cv-title{font-size:clamp(28px,7vw,44px);color:var(--cv-accent-dark, #8f140b);text-shadow:none}.cv-overlay--end .cv-record{color:#1f8a3a}.cv-overlay--end .cv-endmsg{color:#5a4a4a;opacity:1;font-weight:500}.cv-overlay--end .cv-stars span:not(.is-on){color:#0000001f;text-shadow:none}.cv-overlay--end .cv-btn{min-width:0}.cv-overlay--end .cv-btn.cv-btn-secondary{background:#6d3fb8;border-bottom-color:#3f2270}.cv-figure{max-height:clamp(90px,21vh,190px);max-width:min(50vw,220px);object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}@media (max-height: 640px){.cv-figure{max-height:14vh}}.cv-endmsg{max-width:340px;font-size:17px;line-height:1.4}