:root{--sf-font: "Nunito", system-ui, sans-serif;--sf-font-title: var(--sf-font)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#3a2417;font-family:var(--sf-font);-webkit-user-select:none;user-select:none;touch-action:none}.sf-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)}.sf-root [hidden]{display:none!important}.sf-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.sf-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.sf-hud__level{position:absolute;top:calc(12px + var(--sat));left:calc(14px + var(--sal));font-family:var(--sf-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)}.sf-banner{position:absolute;z-index:8;left:50%;top:calc(64px + var(--sat));transform:translate(-50%);font-family:var(--sf-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;background:#d32f20f0;text-shadow:0 2px 6px rgba(0,0,0,.5);pointer-events:none;box-shadow:0 8px 22px #0000004d}.sf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:linear-gradient(180deg,#46281a,#2b1810);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:#fff4e2;overflow:hidden auto}.sf-overlay h1{margin:0;line-height:1.05;font-family:var(--sf-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)}.sf-hero{width:auto;max-width:min(74vw,360px);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}.sf-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)}.sf-btn{font-family:var(--sf-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}.sf-btn:active{transform:translateY(4px);border-bottom-width:2px}.sf-btn.secundair{color:#fff;background:#2e7d4f;border-bottom-color:#1d5636}.sf-btn-row{display:flex;gap:clamp(10px,2vw,18px);flex-wrap:wrap;justify-content:center}.sf-root{--sf-knop: clamp(52px, 7.5vmin, 80px)}.sf-corner{position:absolute;z-index:30;width:var(--sf-knop);height:var(--sf-knop);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;font-size:calc(var(--sf-knop) * .46);top:calc(12px + var(--sat))}.sf-corner:active{transform:scale(.92)}.sf-corner img{width:56%;height:56%;object-fit:contain}.sf-corner svg{display:block;width:58%;height:58%}.sf-corner--fs{right:calc(12px + var(--sar))}.sf-corner--mute{right:calc(12px + var(--sar) + (var(--sf-knop) + 10px))}.sf-corner--menu{right:calc(12px + var(--sar) + 2 * (var(--sf-knop) + 10px))}.sf-corner--retry{right:calc(12px + var(--sar) + 3 * (var(--sf-knop) + 10px));color:#b3271b;font-weight:800}.sf-corner--hint{right:calc(12px + var(--sar) + 4 * (var(--sf-knop) + 10px))}@media (max-width: 520px){.sf-corner--hint{right:calc(12px + var(--sar));top:calc(12px + var(--sat) + var(--sf-knop) + 10px)}}@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{--sf-font: "Nunito", system-ui, sans-serif;--sf-font-title: "Chewy", "Nunito", system-ui, sans-serif}.tp-overlay h1{letter-spacing:1px}