:root{--tp-page-bg: linear-gradient(180deg, #131b3a, #26315e);--tp-accent: #ffd23e;--tp-accent-dark: #9c6a12;--tp-text: #fff7ea;--tp-font: "Nunito", system-ui, sans-serif;--tp-font-title: var(--tp-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--tp-page-bg);font-family:var(--tp-font);-webkit-user-select:none;user-select:none;touch-action:none}.tp-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)}.tp-root [hidden]{display:none!important}.tp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.tp-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.tp-hud__kamer{position:absolute;top:calc(12px + var(--sat));left:calc(14px + var(--sal));font-family:var(--tp-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)}.tp-hud__oeps{position:absolute;top:calc(12px + var(--sat));right:calc(14px + var(--sar));font-family:var(--tp-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)}.tp-banner{position:absolute;z-index:8;left:50%;top:calc(64px + var(--sat));transform:translate(-50%);font-family:var(--tp-font-title);font-weight:700;font-size:clamp(16px,3.2vh,30px);color:#fff;text-align:center;padding:8px 22px;border-radius:14px;white-space:nowrap;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;box-shadow:0 8px 22px #0000004d}.tp-banner--troll{background:#963cdceb;animation:tp-pulse .5s infinite alternate}.tp-banner--klaar{background:#28a05af0}.tp-banner--oeps{background:#d32f20f0;animation:tp-pulse .5s infinite alternate}@keyframes tp-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.06)}}.tp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--tp-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(--tp-text);overflow:hidden auto}.tp-overlay h1{margin:0;line-height:1.05;font-family:var(--tp-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)}.tp-hero{width:auto;max-width:min(70vw,320px);max-height:min(42vh,380px);object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));pointer-events:none;-webkit-user-drag:none}.tp-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)}.tp-score{font-family:var(--tp-font-title);font-weight:700;font-size:clamp(20px,4vh,34px);letter-spacing:.5px}.tp-btn{font-family:var(--tp-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}.tp-btn:active{transform:translateY(4px);border-bottom-width:2px}.tp-btn.secundair{color:#fff;background:#2e7d4f;border-bottom-color:#1d5636}.tp-btn:disabled{filter:grayscale(.6);opacity:.7;cursor:default;transform:none}.tp-btn-row{display:flex;gap:clamp(10px,2vw,18px);flex-wrap:wrap;justify-content:center}.tp-oeps-icoon{height:1.35em;vertical-align:-.28em}.tp-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.tp-touch button{position:absolute;pointer-events:auto;width:clamp(64px,11vh,84px);height:clamp(64px,11vh,84px);border-radius:50%;border:none;cursor:pointer;background:#ffffff2e;color:#fff;font-size:clamp(24px,4.5vh,34px);box-shadow:0 4px 12px #00000059;-webkit-tap-highlight-color:transparent}.tp-touch button:active{background:#ffffff52}.tp-touch .tp-t-links{left:calc(16px + var(--sal));bottom:calc(18px + var(--sab))}.tp-touch .tp-t-rechts{left:calc(16px + var(--sal) + clamp(64px,11vh,84px) + 14px);bottom:calc(18px + var(--sab))}.tp-touch .tp-t-omlaag{right:calc(16px + var(--sar) + clamp(76px,13vh,100px) + 14px);bottom:calc(18px + var(--sab))}.tp-touch .tp-t-spring{right:calc(16px + var(--sar));bottom:calc(18px + var(--sab));width:clamp(76px,13vh,100px);height:clamp(76px,13vh,100px);background:var(--tp-accent);color:var(--tp-accent-dark)}.tp-corner{position:absolute;z-index:30;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:#ffffffe0;box-shadow:0 4px 10px #00000059;display:flex;align-items:center;justify-content:center;transition:transform .08s}.tp-corner:active{transform:scale(.92)}.tp-corner img{width:26px;height:26px;object-fit:contain}.tp-corner svg{display:block}.tp-corner--fs{right:calc(12px + var(--sar));top:calc(12px + var(--sat))}.tp-corner--mute{right:calc(66px + var(--sar));top:calc(12px + var(--sat))}.tp-corner--menu{right:calc(120px + var(--sar));top:calc(12px + var(--sat))}@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{--tp-font: "Nunito", system-ui, sans-serif;--tp-font-title: "Chewy", "Nunito", system-ui, sans-serif}.tp-overlay h1{letter-spacing:1px}