@font-face{font-family:Luckiest Guy;src:url(./luckiest-guy-DNm231t9.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#bfe6f2;font-family:"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif}.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-page-bg: linear-gradient(180deg, #7ecdec 0%, #bfe6f2 55%, #f6eed8 100%);--sf-text: #17465a;--sf-accent: #ff8a4a;--sf-accent-donker: #c9581f;--sf-teal: #1d7a8c;--sf-geel: #ffd24d;--sf-geel-donker: #c9941b;--sf-paneel: #fdf8ec;color:var(--sf-text)}.sf-root [hidden]{display:none!important}.sf-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.sf-ic svg,.sf-pill svg{width:1.05em;height:1.05em;vertical-align:-.16em}.sf-hud{position:absolute;top:calc(10px + var(--sat));left:calc(12px + var(--sal));display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 310px - var(--sal) - var(--sar));z-index:25;pointer-events:none}.sf-pill{background:#0a324299;color:#fff;font-weight:700;font-size:clamp(14px,2.4vh,20px);padding:6px 14px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.sf-pill--munten svg{color:var(--sf-geel)}.sf-pill--pop{animation:sf-pop .3s ease-out}@keyframes sf-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.sf-corners{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:10px;z-index:60}.sf-corner{width:clamp(44px,7.2vh,62px);height:clamp(44px,7.2vh,62px);border:none;border-radius:16px;background:#0a324299;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}.sf-corner svg{width:58%;height:58%}.sf-corner:active{transform:scale(.93)}.sf-corner--muziek.is-aan{background:var(--sf-accent)}.sf-mik{position:absolute;left:50%;bottom:calc(26px + var(--sab));transform:translate(-50%);width:min(72vw,460px);z-index:20;pointer-events:none;text-align:center}.sf-mik__label{display:inline-block;background:#0a324299;color:#fff;font-weight:700;font-size:clamp(13px,2.2vh,18px);padding:4px 14px;border-radius:999px;margin-bottom:8px}.sf-mik__balk{position:relative;height:clamp(18px,3.2vh,26px);border-radius:999px;background:#0a32428c;overflow:hidden;display:flex}.sf-mik__zone{flex:1;border-right:2px solid rgba(255,255,255,.35);background:linear-gradient(180deg,#7ecdec80,#1d7a8c80)}.sf-mik__zone:last-child{border-right:none}.sf-mik__zone.is-actief{background:linear-gradient(180deg,#ffd24d,#ff8a4a)}.sf-mik__zone.is-dicht{background:#141e288c}.sf-mik__vul{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#ffffff40,#ffffff8c);border-radius:999px;pointer-events:none}.sf-mik__marker{position:absolute;top:-4px;bottom:-4px;width:6px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #0a324280;transform:translate(-3px);pointer-events:none}.sf-dril{position:absolute;right:calc(18px + var(--sar));top:50%;transform:translateY(-50%);height:min(58vh,420px);display:flex;gap:10px;align-items:stretch;z-index:20;pointer-events:none}.sf-dril__meterkoker{width:clamp(14px,2.2vh,20px);border-radius:999px;background:#0a32428c;position:relative;overflow:hidden}.sf-dril__meter{position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,#ffd24d,#ff8a4a);border-radius:999px;transition:height .08s linear}.sf-dril__spoor{width:clamp(52px,8.5vh,74px);border-radius:20px;background:linear-gradient(180deg,#7ecdecbf,#09263cd9);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0a324280}.sf-dril__zone{position:absolute;left:4px;right:4px;border-radius:14px;background:#7eec9ebf;box-shadow:inset 0 0 0 2px #18783c8c}.sf-dril__vis{position:absolute;left:50%;width:74%;transform:translate(-50%,50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.sf-dril__vis svg{display:block;transform:rotate(90deg)}.sf-dril__label{position:absolute;top:calc(100% + 10px);right:0;background:#0a324299;color:#fff;font-weight:700;font-size:clamp(12px,2vh,16px);padding:4px 12px;border-radius:999px;white-space:nowrap}.sf-toast{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#0a3242c7;color:#fff;font-weight:700;font-size:clamp(16px,3vh,26px);padding:10px 26px;border-radius:999px;z-index:30;pointer-events:none;animation:sf-toast .35s ease-out;text-align:center;max-width:86vw}.sf-toast small{display:block;font-weight:500;font-size:.72em;opacity:.9}@keyframes sf-toast{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.sf-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;z-index:35}.sf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:linear-gradient(180deg,#08263a80,#072032ad 45%,#051828cc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vh,16px);padding:calc(14px + var(--sat)) 16px calc(14px + var(--sab))}.sf-overlay h1{margin:0;font-family:Luckiest Guy,"Baloo 2",Trebuchet MS,system-ui,sans-serif;font-size:clamp(24px,5.2vh,40px);font-weight:400;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#2f8cb4,#1d6a8c 55%,#14536e);padding:clamp(8px,1.6vh,14px) clamp(28px,5vw,52px);border-radius:999px;border:3px solid #0e3c52;box-shadow:inset 0 3px #ffffff4d,0 5px #0a324259,0 10px 18px #0a324233;text-shadow:0 2px 0 rgba(10,50,66,.5)}.sf-overlay>.sf-voortgang{background:#09263acc;color:#d8eef8;border:1.5px solid rgba(140,210,240,.3);padding:5px 16px;border-radius:999px;font-weight:700;opacity:1}.sf-overlay--home{background:none;justify-content:flex-start;padding-top:clamp(16px,5vh,46px);padding-bottom:clamp(16px,4.5vh,40px);pointer-events:none}.sf-overlay--home>*{pointer-events:auto}.sf-overlay--home h1.sf-logo{position:relative;margin-top:clamp(20px,5vh,46px);background:none;border:none;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:.94;font-family:Luckiest Guy,"Baloo 2",Trebuchet MS,system-ui,sans-serif;transform:rotate(-2.5deg);text-shadow:none}.sf-logo__sub{font-size:clamp(20px,4.4vh,36px);font-weight:400;letter-spacing:.09em;color:#fff;text-transform:uppercase;text-shadow:2px 0 0 #14435c,-2px 0 0 #14435c,0 2px 0 #14435c,0 -2px 0 #14435c,2px 2px 0 #14435c,-2px 2px 0 #14435c,0 4px 0 #0d3040,0 7px 10px rgba(5,24,40,.45)}.sf-logo__naam{position:relative;font-size:clamp(58px,15vh,118px);font-weight:400;letter-spacing:.03em;line-height:1.1;padding:.05em .14em .08em;margin-top:-.06em;background:linear-gradient(180deg,#ffe98a 8%,#ffd24d,#ff9a3a 82%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2.5px 0 0 #14435c) drop-shadow(-2.5px 0 0 #14435c) drop-shadow(0 2.5px 0 #14435c) drop-shadow(0 -2.5px 0 #14435c) drop-shadow(0 6px 0 #0d3040) drop-shadow(0 12px 12px rgba(5,24,40,.4))}.sf-logo__vis{position:absolute;right:-14%;top:-38%;width:34%;transform:rotate(-24deg) scaleX(-1);filter:drop-shadow(0 5px 4px rgba(10,50,66,.4));pointer-events:none;animation:sf-logo-spring 3.4s ease-in-out infinite}.sf-logo__vis svg{width:100%;height:auto}@keyframes sf-logo-spring{0%,to{transform:rotate(-24deg) scaleX(-1) translateY(0)}50%{transform:rotate(-20deg) scaleX(-1) translateY(-7%)}}.sf-logo__spat{position:absolute;right:16%;top:-18%;width:9px;height:9px;border-radius:50%;background:#eaf8fd;border:2px solid rgba(20,67,92,.55);animation:sf-logo-spring 3.4s ease-in-out infinite}.sf-logo__spat--2{right:11%;top:-4%;width:7px;height:7px}.sf-logo__spat--3{right:22%;top:-30%;width:6px;height:6px}.sf-sub{margin:0;font-weight:500;font-size:clamp(15px,2.6vh,22px);color:#fff;text-shadow:0 2px 0 rgba(10,50,66,.45);text-align:center}.sf-home__spacer{flex:1}.sf-btn{border:3px solid #8c3a10;cursor:pointer;font-family:inherit;font-weight:800;color:#fff;background:linear-gradient(180deg,#ffab6a 0%,var(--sf-accent) 45%,var(--sf-accent-donker) 100%);border-radius:999px;padding:clamp(12px,2.4vh,20px) clamp(30px,6vw,56px);font-size:clamp(18px,3.6vh,30px);letter-spacing:.04em;text-shadow:0 2px 0 rgba(140,58,16,.5);box-shadow:inset 0 3px #fff6,0 5px #0a324259}.sf-btn:active{transform:translateY(3px);box-shadow:inset 0 3px #fff6,0 2px #0a324259}.sf-btn--klein{font-size:clamp(14px,2.4vh,20px);padding:10px 22px;box-shadow:0 3px #0a32424d}.sf-btn .sf-ic svg{color:var(--sf-geel)}.sf-btn:disabled{filter:grayscale(.7) brightness(.85);cursor:default}.sf-link{border:2.5px solid #0e3c52;background:linear-gradient(180deg,#4da4c8,#2a7a9c);font-family:inherit;font-weight:800;font-size:clamp(14px,2.4vh,18px);color:#fff;cursor:pointer;text-decoration:none;padding:8px 30px;border-radius:999px;letter-spacing:.03em;box-shadow:inset 0 2px #ffffff59,0 3px #0a324259;text-shadow:0 1px 0 rgba(10,50,66,.4)}.sf-link:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff59,0 1px #0a324259}.sf-home__tegels{display:flex;gap:clamp(10px,2vw,18px);flex-wrap:wrap;justify-content:center}.sf-tegel{border:3px solid #0e3c52;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#fffdf6,#f4ecd8);color:var(--sf-text);border-radius:20px;padding:10px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:clamp(96px,14vw,130px);box-shadow:inset 0 3px #ffffffe6,0 5px #0a324252}.sf-tegel:active{transform:translateY(2px)}.sf-tegel b{font-size:clamp(14px,2.4vh,19px);font-weight:800}.sf-tegel__icoon{width:clamp(40px,6.6vh,56px);height:clamp(40px,6.6vh,56px);border-radius:13px;background:linear-gradient(180deg,#b8e8f4,#6cc0e0);border:2px solid rgba(14,60,82,.3);box-shadow:inset 0 2px 3px #0a32422e;display:grid;place-items:center;margin-bottom:3px}.sf-tegel__icoon svg{width:64%;height:64%;color:#14536e}.sf-tegel__sub{font-size:clamp(11px,1.8vh,14px);font-weight:500;opacity:.75}.sf-onderSpel{position:absolute;left:calc(14px + var(--sal));bottom:calc(18px + var(--sab));z-index:22;border:2px solid rgba(140,210,240,.4);cursor:pointer;background:#09263ab8;color:#eaf6fc;border-radius:16px;width:clamp(46px,7.4vh,60px);height:clamp(46px,7.4vh,60px);display:grid;place-items:center;padding:0}.sf-onderSpel svg{width:62%;height:62%}.sf-onderSpel.is-aan{background:linear-gradient(180deg,#4da4c8,#1d6a8c);border-color:#8ae0f8;box-shadow:0 0 10px #78d6f580}.sf-onderSpel:active{transform:scale(.93)}.sf-winkelSpel{position:absolute;left:calc(14px + var(--sal));bottom:calc(18px + var(--sab) + clamp(46px,7.4vh,60px) + 10px);z-index:22;border:2px solid rgba(255,200,130,.5);cursor:pointer;background:linear-gradient(180deg,#ffab6a,var(--sf-accent-donker));color:#fff;border-radius:16px;width:clamp(46px,7.4vh,60px);height:clamp(46px,7.4vh,60px);display:grid;place-items:center;padding:0;box-shadow:inset 0 2px #ffffff59,0 3px #0a324259}.sf-winkelSpel svg{width:64%;height:64%}.sf-winkelSpel:active{transform:scale(.93)}.sf-onderHome{border:2px solid rgba(140,210,240,.35);cursor:pointer;font-family:inherit;font-weight:700;font-size:clamp(13px,2.3vh,17px);color:#eaf6fc;background:#09263ac7;border-radius:999px;padding:8px 18px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px #020e1866;margin-top:10px}.sf-onderHome:active{transform:translateY(2px);box-shadow:none}.sf-onderHome .sf-ic svg{width:1.4em;height:1.4em}.sf-onderHome__stand{background:#78828c99;padding:2px 12px;border-radius:999px;font-weight:900;letter-spacing:.04em}.sf-onderHome.is-aan .sf-onderHome__stand{background:linear-gradient(180deg,#8ae09a,#4a9a52);text-shadow:0 1px 0 rgba(0,0,0,.25)}.sf-paneel{background:linear-gradient(180deg,#0e344ce0,#09263aeb);color:#eef8fc;border-radius:26px;border:2.5px solid rgba(140,210,240,.35);padding:clamp(14px,2.6vh,26px);box-shadow:inset 0 2px #ffffff2e,0 10px 30px #020e1880;display:flex;flex-direction:column;gap:12px;align-items:center;width:min(94vw,620px);max-height:calc(100% - 70px)}.sf-paneel--breed{width:min(96vw,780px)}.sf-scroll{overflow-y:auto;width:100%;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;padding:2px}.sf-winkel__saldo{font-weight:800;font-size:clamp(16px,3vh,24px);color:#fff}.sf-winkel__saldo svg{width:1.05em;height:1.05em;vertical-align:-.16em;color:var(--sf-geel-donker)}.sf-upgrade{display:flex;align-items:center;gap:12px;width:100%;background:#123a54d9;border:2px solid rgba(140,210,240,.28);border-radius:18px;padding:9px 12px;box-shadow:0 3px #020e1859}.sf-upgrade__info b{color:#fff}.sf-upgrade__info p{color:#cfe8f4}.sf-upgrade__icoon{flex:none;width:clamp(46px,7.4vh,62px);height:clamp(46px,7.4vh,62px);border-radius:14px;background:linear-gradient(180deg,#b8e8f4,#6cc0e0);border:2px solid rgba(14,60,82,.3);box-shadow:inset 0 2px 3px #0a324233;display:grid;place-items:center}.sf-upgrade__icoon svg{width:62%;height:62%;color:#14536e;filter:drop-shadow(0 1.5px 0 rgba(255,255,255,.5))}.sf-upgrade__info{flex:1;min-width:0}.sf-upgrade__info b{font-size:clamp(14px,2.5vh,19px);font-weight:800}.sf-upgrade__info p{margin:0;font-weight:500;font-size:clamp(11px,1.9vh,14px);opacity:.75}.sf-pips{display:inline-flex;gap:3px;margin-left:8px;vertical-align:.1em}.sf-pip{width:9px;height:9px;border-radius:50%;background:#ffffff38;box-shadow:inset 0 1px 2px #020e1866}.sf-pip.is-vol{background:linear-gradient(180deg,#8ae09a,#4a9a52);box-shadow:inset 0 1px #ffffff80,0 0 4px #4a9a5280}.sf-upgrade .sf-btn--klein{white-space:nowrap}.sf-boten{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%}.sf-boot{border:2px solid rgba(140,210,240,.28);cursor:pointer;font-family:inherit;background:#123a54d9;color:#eef8fc;border-radius:18px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 3px #0a32422e}.sf-boot:active{transform:translateY(2px)}.sf-boot b{font-weight:800;font-size:clamp(13px,2.3vh,17px)}.sf-boot span{font-weight:500;font-size:clamp(11px,1.9vh,14px);opacity:.8}.sf-boot__icoon svg{width:clamp(30px,5vh,44px);height:clamp(30px,5vh,44px);color:var(--sf-teal)}.sf-boot.is-gekocht{border-color:#6fd07a;background:#184a2cd9;box-shadow:0 0 10px #6fd07a4d}.sf-kop{margin:4px 0 0;font-weight:800;font-size:clamp(13px,2.4vh,17px);align-self:flex-start;color:#fff;background:linear-gradient(180deg,#4da4c8,#2a7a9c);border:2px solid #0e3c52;padding:4px 18px;border-radius:999px;letter-spacing:.04em;text-shadow:0 1px 0 rgba(10,50,66,.4);box-shadow:inset 0 2px #ffffff4d,0 2px #0a324240}.sf-wateren{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;width:100%}.sf-water{border:3px solid #0e3c52;cursor:pointer;font-family:inherit;border-radius:20px;padding:0 0 12px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;font-weight:700;box-shadow:inset 0 -4px #0a1e3240,0 5px #0a324259;position:relative;overflow:hidden}.sf-water:active{transform:translateY(2px)}.sf-water__scene{width:100%;height:clamp(48px,8vh,66px);position:relative;pointer-events:none;margin-bottom:2px}.sf-water__zon{position:absolute;top:8px;right:14px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6c8,#ffd24d 70%);box-shadow:0 0 12px #ffe282e6}.sf-water--nacht .sf-water__zon{background:radial-gradient(circle at 35% 35%,#fff,#d8e2f0 70%);box-shadow:0 0 10px #dce6ffcc}.sf-water__golven{position:absolute;left:0;right:0;bottom:-4px;height:55%;background:radial-gradient(14px 8px at 10% 100%,transparent 62%,rgba(255,255,255,.28) 66%,transparent 74%),radial-gradient(14px 8px at 35% 90%,transparent 62%,rgba(255,255,255,.22) 66%,transparent 74%),radial-gradient(14px 8px at 62% 100%,transparent 62%,rgba(255,255,255,.28) 66%,transparent 74%),radial-gradient(14px 8px at 88% 92%,transparent 62%,rgba(255,255,255,.22) 66%,transparent 74%)}.sf-water__naam{font-size:clamp(14px,2.6vh,19px);font-weight:800;background:#0a283873;padding:3px 16px;border-radius:999px;text-shadow:0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 2px #ffffff1f;max-width:calc(100% - 16px)}.sf-water__chip{font-weight:700;font-size:clamp(11px,2vh,14px);background:#ffffffeb;color:var(--sf-text);padding:3px 12px;border-radius:999px;box-shadow:0 2px #0a324240}.sf-water__chip svg{width:1.05em;height:1.05em;vertical-align:-.16em;color:var(--sf-geel-donker)}.sf-water span{font-weight:500;font-size:clamp(11px,2vh,14px);opacity:.95}.sf-water.is-actief{outline:4px solid var(--sf-geel);outline-offset:-1px}.sf-water__vlag{position:absolute;top:8px;left:8px;background:linear-gradient(180deg,#8ae09a,#4a9a52);border:2px solid #2e6a36;color:#fff;font-weight:800;font-size:clamp(10px,1.8vh,13px);padding:2px 10px;border-radius:999px;text-shadow:0 1px 0 rgba(0,0,0,.25)}.sf-water.is-dicht{filter:grayscale(.55) brightness(.72)}.sf-water .sf-ic--slot{position:absolute;top:10px;left:50%;transform:translate(-50%)}.sf-water .sf-ic--slot svg{width:clamp(26px,4.4vh,36px);height:clamp(26px,4.4vh,36px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.sf-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sf-tab{border:2px solid rgba(140,210,240,.3);cursor:pointer;font-family:inherit;font-weight:800;font-size:clamp(12px,2.2vh,16px);padding:7px 16px;border-radius:999px;background:#081e30bf;color:#cfe8f4;box-shadow:0 2.5px #020e1866}.sf-tab:active{transform:translateY(2px);box-shadow:none}.sf-tab.is-actief{background:linear-gradient(180deg,#ffab6a,var(--sf-accent-donker));border-color:#8c3a10;color:#fff;text-shadow:0 1px 0 rgba(140,58,16,.5);box-shadow:inset 0 2px #fff6,0 2.5px #0a32424d}.sf-gids{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px;width:100%}.sf-viskaart{background:#123a54d9;color:#eef8fc;border-radius:16px;border:2px solid rgba(140,210,240,.28);padding:6px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;position:relative;box-shadow:0 3px #0a32422e}.sf-viskaart__vijver{width:100%;border-radius:11px;background:linear-gradient(180deg,#b8e8f4,#6cc0e0 60%,#3d94c4);box-shadow:inset 0 2px 4px #0a324240,inset 0 -2px #ffffff40;padding:6px 4px;display:grid;place-items:center}.sf-viskaart__vijver svg{width:86%;height:auto;filter:drop-shadow(0 3px 2px rgba(10,50,66,.3))}.sf-viskaart b{font-size:clamp(11px,2vh,14px);font-weight:800;line-height:1.1}.sf-viskaart span{font-weight:500;font-size:clamp(10px,1.8vh,12px);opacity:.8}.sf-viskaart.is-onbekend{background:#0a2232cc;border-style:dashed;border-color:#8cd2f04d}.sf-viskaart.is-onbekend .sf-viskaart__vijver{background:linear-gradient(180deg,#7d95a6,#55707f 60%,#3a5260)}.sf-viskaart--zeldzaam{border-color:#4a90d8;box-shadow:0 3px #1f548c66,0 0 10px #4a90d859}.sf-viskaart--legendarisch{border-color:var(--sf-geel);background:linear-gradient(180deg,#584614e6,#3a2e0ee6);box-shadow:0 0 14px #ffd24d73}.sf-viskaart--baas{border-color:var(--sf-accent);background:linear-gradient(180deg,#5c3012e6,#3c1e0ce6);box-shadow:0 0 14px #ff8a4a73}.sf-viskaart__badge{position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid rgba(14,60,82,.3);box-shadow:0 2px 3px #0a32424d;display:grid;place-items:center;z-index:1}.sf-viskaart__badge svg{width:18px;height:18px}.sf-viskaart--zeldzaam .sf-viskaart__badge svg{color:#4a90d8}.sf-viskaart--legendarisch .sf-viskaart__badge svg,.sf-viskaart--baas .sf-viskaart__badge svg{color:var(--sf-geel-donker)}.sf-overlay--kaart .sf-paneel{align-items:center;text-align:center;gap:6px;width:min(92vw,440px)}.sf-kaart__icoon{width:min(60vw,270px);border-radius:50%;aspect-ratio:1.45;display:grid;place-items:center;background:repeating-conic-gradient(from .08turn,rgba(255,255,255,.5) 0 .045turn,transparent .045turn .125turn),radial-gradient(circle,#b8e8f4,#6cc0e0 62%,#4aa8d0);border:3px solid rgba(14,60,82,.35);box-shadow:inset 0 3px 8px #0a324240;overflow:hidden}.sf-kaart__icoon svg{width:74%;height:auto;filter:drop-shadow(0 5px 5px rgba(10,50,66,.35))}.sf-kaart__naam{margin:0;font-size:clamp(22px,4.6vh,34px);font-weight:900}.sf-kaart__soort{margin:0;font-weight:700;font-size:clamp(13px,2.4vh,17px)}.sf-kaart__soort--zeldzaam{color:#8ac4f8}.sf-kaart__soort--legendarisch{color:var(--sf-geel)}.sf-kaart__soort--baas{color:#ffb27a}.sf-kaart__stats{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sf-stat{background:#081e30bf;border:1.5px solid rgba(140,210,240,.28);color:#fff;border-radius:12px;padding:6px 16px;font-weight:800;font-size:clamp(15px,2.8vh,22px)}.sf-stat small{display:block;font-weight:500;font-size:.62em;opacity:.7}.sf-stat svg{width:1em;height:1em;vertical-align:-.14em;color:var(--sf-geel-donker)}.sf-badges{display:flex;gap:8px;min-height:30px}.sf-badge{background:var(--sf-geel);color:#6b4a08;font-weight:900;font-size:clamp(12px,2.2vh,16px);padding:4px 14px;border-radius:999px;animation:sf-pop .4s ease-out}.sf-badge--nieuw{background:#6fbf73;color:#fff}.sf-end__rij{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sf-voortgang{font-weight:500;font-size:clamp(12px,2.2vh,16px);opacity:.85;margin:0}.sf-btn--onderCam.is-uit{filter:grayscale(.8) brightness(.9)}.sf-onderCam__uitleg{max-width:340px;text-align:center}.sf-dril.is-run .sf-dril__spoor{box-shadow:inset 0 0 0 3px #e8442e;animation:sf-run .4s ease-in-out infinite}.sf-dril.is-run .sf-dril__label{background:#e8442e;font-weight:900;animation:sf-run .4s ease-in-out infinite}@keyframes sf-run{50%{transform:translate(-50%) scale(1.07)}}.sf-dril.is-run .sf-dril__spoor{animation:none}.sf-dril__ronde{position:absolute;bottom:calc(100% + 10px);right:0;background:var(--sf-accent);color:#fff;font-weight:800;font-size:clamp(12px,2.1vh,16px);padding:4px 12px;border-radius:999px;white-space:nowrap}.sf-badge--perfect{background:linear-gradient(180deg,#ffd24d,#ff9a3a);color:#6b3a08}.sf-aq__bak{position:relative;width:100%;height:min(46vh,340px);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#9adcf2,#3d94c4 55%,#1d6a8c);border:3px solid #0e3c52;box-shadow:inset 0 4px 10px #0a32424d,inset 0 -3px #ffffff26}.sf-aq__bak:before{content:"";position:absolute;top:6%;left:4%;width:26%;height:30%;border-radius:50%;background:linear-gradient(160deg,rgba(255,255,255,.4),transparent 65%);transform:rotate(-18deg);pointer-events:none;z-index:2}.sf-aq__bak:after{content:"";position:absolute;inset:auto 0 0 0;height:14%;background:linear-gradient(180deg,#e8c882e6,#c8a860)}.sf-aqvis{position:absolute;left:0;animation:sf-zwem linear infinite;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));z-index:1}.sf-aqvis svg{display:block;width:100%;height:auto}@keyframes sf-zwem{0%{transform:translate(-130%) scaleX(1)}49%{transform:translate(calc(min(96vw,780px) - 60px)) scaleX(1)}50%{transform:translate(calc(min(96vw,780px) - 60px)) scaleX(-1)}99%{transform:translate(-130%) scaleX(-1)}to{transform:translate(-130%) scaleX(1)}}.sf-aq__leeg{margin:0;position:absolute;inset:45% 0 auto;text-align:center;color:#fff;font-weight:700}.sf-aq__banner{display:flex;align-items:center;gap:12px;background:#123a54e6;border:2px solid rgba(140,210,240,.3);color:#fff;border-radius:999px;padding:6px 8px 6px 18px;font-weight:800}.sf-missies{display:flex;flex-direction:column;gap:10px;width:100%}.sf-missie{display:flex;align-items:center;gap:12px;background:#123a54d9;border:2px solid rgba(140,210,240,.28);border-radius:14px;padding:10px 14px;color:#eef8fc}.sf-missie__balk{background:#041420b3!important}.sf-missie__info{flex:1;min-width:0}.sf-missie__info b{font-size:clamp(13px,2.4vh,17px);font-weight:800}.sf-missie__balk{margin-top:6px;height:10px;border-radius:999px;background:#0a32421f;overflow:hidden}.sf-missie__vul{height:100%;border-radius:999px;background:linear-gradient(90deg,#6fbf73,#4a9a52)}.sf-missie__beloning{font-weight:800;white-space:nowrap}@media (max-width: 560px){.sf-dril{height:48vh;right:calc(10px + var(--sar))}.sf-hud{max-width:calc(100% - 240px - var(--sal) - var(--sar))}.sf-overlay:not(.sf-overlay--home):not(.sf-overlay--kaart){justify-content:flex-start;padding-top:calc(66px + var(--sat))}.sf-overlay--home{padding-top:calc(60px + var(--sat))}.sf-overlay h1{font-size:clamp(20px,4.6vh,30px)}}@media (max-height: 660px) and (min-height: 501px){.sf-overlay{gap:8px;padding-top:calc(8px + var(--sat))}.sf-overlay h1{font-size:clamp(20px,4.4vh,30px);padding:7px 30px}.sf-paneel{max-height:calc(100% - 54px);padding:12px 14px;gap:8px}.sf-upgrade{padding:6px 10px}.sf-upgrade__icoon{width:42px;height:42px}.sf-kop{padding:3px 14px}}@media (max-height: 500px){.sf-corner{width:clamp(36px,10.5vh,48px);height:clamp(36px,10.5vh,48px);border-radius:12px}.sf-overlay{justify-content:flex-start;gap:6px;padding-top:calc(6px + var(--sat))}.sf-overlay h1{font-size:18px;padding:6px 24px;border-width:2px}.sf-overlay>.sf-voortgang{font-size:11px;padding:3px 12px}.sf-paneel{max-height:calc(100% - 44px);padding:10px 12px;gap:7px}.sf-overlay--home{justify-content:flex-start;padding-top:calc(40px + var(--sat));padding-bottom:8px;gap:4px}.sf-overlay--home h1.sf-logo{margin-top:0}.sf-logo__sub{font-size:15px}.sf-logo__naam{font-size:44px}.sf-logo__vis{width:28%;top:-30%}.sf-sub{font-size:13px}.sf-btn--speel{padding:8px 34px;font-size:19px}.sf-home__tegels{gap:8px}.sf-tegel{min-width:82px;padding:5px 10px 7px;border-radius:14px;border-width:2px}.sf-tegel__icoon{width:30px;height:30px;border-radius:9px;margin-bottom:1px}.sf-tegel b{font-size:12px}.sf-tegel__sub{font-size:10px}.sf-onderHome{margin-top:2px;padding:4px 14px;font-size:12px}.sf-dril{height:62vh}.sf-mik{bottom:calc(10px + var(--sab));width:min(56vw,380px)}.sf-onderSpel,.sf-winkelSpel{width:40px;height:40px;border-radius:12px}.sf-winkelSpel{bottom:calc(18px + var(--sab) + 50px)}}