: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}}:root{--st-font: "Nunito", system-ui, sans-serif;--st-titelfont: "Chewy", "Nunito", system-ui, sans-serif;--st-roze: #e0356e;--st-roze-licht: #ff5fa8;--st-goud: #ffb02e;--st-lila: #8e5cc9;--st-inkt: #7c2f5c;--st-rand: #ffd2e8;--st-bg: radial-gradient(120% 90% at 50% -10%, #fff3fa, #ffd9ec 45%, #f8bede);--st-schaduw: 0 4px 0 rgba(190,90,150,.3);--st-schaduw-groot: 0 10px 0 rgba(170,40,110,.35);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#f8bede}.st-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--st-font);color:var(--st-inkt);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.st-root [hidden]{display:none!important}.st-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--st-bg) center / cover no-repeat}.st-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35),transparent 40%);pointer-events:none}.st-scherm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vmin,18px);padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));overflow:hidden;box-sizing:border-box}.st-kop{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(30px,6.5vmin,60px);color:var(--st-roze);text-shadow:0 3px 0 var(--st-rand)}.st-knop{font-family:var(--st-titelfont);font-weight:400;letter-spacing:.5px;cursor:pointer;border:none;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ff7fbb,#ff479c);box-shadow:0 5px #cc2e7a;font-size:clamp(20px,3.8vmin,32px);padding:clamp(10px,2vmin,16px) clamp(28px,6vmin,52px);transition:transform .08s,box-shadow .08s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.st-knop:active{transform:translateY(3px);box-shadow:0 2px #cc2e7a}.st-knop:focus-visible{outline:3px solid var(--st-goud);outline-offset:3px}.st-knop--lila{background:linear-gradient(180deg,#b48ae0,#8e5cc9);box-shadow:0 5px #6f42a5}.st-knop--lila:active{box-shadow:0 2px #6f42a5}.st-knop--goud{background:linear-gradient(180deg,#ffd166,#ffb02e);box-shadow:0 5px #c9820a;color:#6b3d00}.st-knop--goud:active{box-shadow:0 2px #c9820a}.st-knop--klein{font-size:clamp(16px,2.8vmin,22px);padding:8px 20px}.st-knop svg{width:1.1em;height:1.1em}.st-knop:disabled{opacity:.5;cursor:default}.st-start{gap:clamp(6px,1.5vmin,14px)}.st-hero{position:relative;display:flex;align-items:flex-end;justify-content:center;height:clamp(170px,36vmin,360px);max-width:100%}.st-hero img{height:100%;width:auto;filter:drop-shadow(0 8px 10px rgba(120,30,80,.35))}.st-titel{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(44px,10vmin,104px);line-height:1;color:var(--st-roze);text-shadow:0 3px 0 var(--st-rand),0 8px 18px rgba(170,40,110,.25);text-align:center;transform:rotate(-2deg)}.st-titel .goud{color:var(--st-goud)}.st-knop--spelen{margin-top:clamp(4px,1vmin,10px);font-size:clamp(26px,5vmin,40px);padding:clamp(12px,2.4vmin,18px) clamp(40px,9vmin,72px)}.st-rollen__kaarten{display:flex;gap:clamp(14px,4vmin,40px);flex-wrap:wrap;justify-content:center}.st-rolkaart{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(150px,30vmin,260px);padding:clamp(12px,2vmin,20px) 12px 16px;border:none;border-radius:26px;background:#fff;box-shadow:var(--st-schaduw-groot);cursor:pointer;font-family:var(--st-font);color:var(--st-inkt);transition:transform .12s}.st-rolkaart:hover{transform:translateY(-4px)}.st-rolkaart:active{transform:translateY(2px);box-shadow:var(--st-schaduw)}.st-rolkaart__portret{width:100%;height:clamp(130px,26vmin,230px);object-fit:contain;object-position:bottom}.st-rolkaart__naam{font-family:var(--st-titelfont);font-size:clamp(20px,3.8vmin,32px);color:var(--st-roze)}.st-rolkaart__hartjes{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:3px;background:#fff0f7;border-radius:999px;padding:3px 10px;color:var(--st-roze);font-weight:800;font-size:14px}.st-rolkaart__hartjes svg{width:16px;height:16px}.st-kaart{justify-content:flex-start;padding-top:calc(14px + var(--sat));gap:clamp(8px,1.6vmin,16px)}.st-kaart__kop{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:6px 20px 6px 6px;box-shadow:var(--st-schaduw);margin-right:var(--su-sys-breedte);max-width:calc(100% - var(--su-sys-breedte))}.st-kaart__portret{width:clamp(44px,8vmin,64px);height:clamp(44px,8vmin,64px);border-radius:50%;object-fit:cover;object-position:top;background:#ffe6f2}.st-kaart__naam{font-family:var(--st-titelfont);font-size:clamp(18px,3.4vmin,26px);color:var(--st-roze);line-height:1.1}.st-kaart__sub{font-weight:500;font-size:clamp(12px,2.2vmin,15px);opacity:.85}.st-kaart__totaal{display:inline-flex;align-items:center;gap:4px;margin-left:8px;color:var(--st-roze);font-weight:800;font-size:clamp(16px,3vmin,22px)}.st-kaart__totaal svg{width:1.1em;height:1.1em}.st-kaart__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.6vmin,16px);width:min(100%,980px);flex:0 1 auto;min-height:0}.st-hkaart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:clamp(10px,2vmin,18px) 8px 12px;border:none;border-radius:22px;background:#fff;box-shadow:var(--st-schaduw);cursor:pointer;font-family:var(--st-font);color:var(--st-inkt);transition:transform .12s;min-height:clamp(130px,26vmin,220px)}.st-hkaart:not(:disabled):hover{transform:translateY(-3px)}.st-hkaart.is-dicht{background:#fff6fb;color:#c99ab6;box-shadow:0 4px #be5a9626;cursor:default}.st-hkaart.is-volgend{outline:4px solid var(--st-goud);outline-offset:-4px;animation:st-wiebel 1.6s ease-in-out infinite}.st-hkaart.is-klaar .st-hkaart__nr{background:#3fbf7f}.st-hkaart__nr{position:absolute;top:-10px;left:-6px;width:30px;height:30px;border-radius:50%;background:var(--st-roze);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px;box-shadow:0 3px #aa286e59}.st-hkaart__icoon{width:clamp(40px,9vmin,76px);height:clamp(40px,9vmin,76px);color:var(--st-roze)}.st-hkaart__icoon svg{width:100%;height:100%}.st-hkaart.is-dicht .st-hkaart__icoon{color:#d9b3c8}.st-hkaart__titel{font-family:var(--st-titelfont);font-size:clamp(14px,2.8vmin,22px);color:var(--st-roze);text-align:center;line-height:1.05}.st-hkaart.is-dicht .st-hkaart__titel{color:#c99ab6}.st-hkaart__sub{font-weight:500;font-size:clamp(11px,1.9vmin,13px);text-align:center;opacity:.8;line-height:1.15}.st-hkaart__hartjes{margin-top:auto}.st-hartjes,.st-stickers,.st-dag{display:inline-flex;gap:2px}.st-hartjes__h,.st-stickers__h,.st-dag__h{width:clamp(14px,2.6vmin,20px);height:clamp(14px,2.6vmin,20px);color:#e6b8cf;display:inline-block}.st-hartjes__h.vol,.st-stickers__h.vol,.st-dag__h.vol{color:var(--st-roze)}.st-hartjes__h svg,.st-stickers__h svg,.st-dag__h svg{width:100%;height:100%;display:block}.st-kaart__acties{display:flex;gap:12px}@keyframes st-wiebel{0%,to{transform:rotate(0)}25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}.st-speel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.st-strip-host,.st-game{position:absolute;top:0;right:0;bottom:0;left:0}.st-strip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;touch-action:manipulation}.st-strip__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.st-strip--in .st-strip__bg{animation:st-fade .5s ease both}.st-strip__figuren{position:absolute;left:0;right:0;bottom:0;height:100%;pointer-events:none}.st-fig{position:absolute;bottom:-2%;height:clamp(190px,46vh,460px);transform:translate(-50%);transition:filter .25s,transform .25s;filter:brightness(.86)}.st-fig img{height:100%;width:auto;display:block;filter:drop-shadow(0 10px 14px rgba(40,10,30,.4))}.st-fig--links{left:22%}.st-fig--midden{left:50%}.st-fig--rechts{left:78%}.st-fig--klein{height:clamp(150px,36vh,360px)}.st-fig--spiegel img{transform:scaleX(-1)}.st-fig.spreekt{filter:brightness(1);transform:translate(-50%) scale(1.04);z-index:2}.st-fig.wissel img{animation:st-pop .3s cubic-bezier(.2,1.5,.4,1)}.st-strip--in .st-fig{animation:st-omhoog .45s cubic-bezier(.2,1.3,.4,1) both}.st-ballon{position:absolute;top:calc(14px + var(--sat));left:16px;right:calc(16px + var(--su-sys-breedte));width:auto;max-width:640px;box-sizing:border-box;background:#fff;color:#4a1f3a;border-radius:22px;padding:clamp(12px,2vmin,18px) clamp(16px,3vmin,26px) clamp(14px,2.2vmin,20px);box-shadow:var(--st-schaduw-groot);font-weight:600;font-size:clamp(17px,2.9vmin,26px);line-height:1.3;z-index:5;pointer-events:none;animation:st-pop .25s cubic-bezier(.2,1.4,.4,1) both;overflow:visible;overflow-wrap:anywhere}.st-ballon:after{content:"";position:absolute;bottom:-16px;width:0;height:0;border:12px solid transparent;border-top:16px solid #fff;border-bottom:0}.st-ballon--links:after{left:15%}.st-ballon--midden:after{left:50%;transform:translate(-50%)}.st-ballon--rechts:after{right:15%}.st-ballon--links{margin-right:auto}.st-ballon--rechts{margin-left:auto}.st-ballon--midden{margin:0 auto}.st-ballon--verteller{background:#fff8ee;color:#5a3b2a;text-align:center;font-weight:500;font-style:italic;margin:0 auto;border-radius:16px}.st-ballon--verteller:after{display:none}.st-ballon--denk{border-radius:40px}.st-ballon--denk:after{border:0;width:14px;height:14px;border-radius:50%;background:#fff;bottom:-22px;box-shadow:-14px 14px 0 -4px #fff}.st-ballon__naam{font-family:var(--st-titelfont);font-weight:400;color:var(--st-roze);font-size:clamp(14px,2.4vmin,20px);margin-bottom:2px;letter-spacing:.3px}.st-ballon__tekst{min-height:1.3em}.st-ballon__verder{position:absolute;right:12px;bottom:8px;width:18px;height:18px;color:var(--st-roze);opacity:0;animation:st-knipper 1s ease-in-out infinite}.st-ballon.klaar .st-ballon__verder{opacity:1}.st-ballon__verder svg{width:100%;height:100%}@keyframes st-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes st-omhoog{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes st-fade{0%{filter:brightness(1.5) saturate(.6)}to{filter:none}}@keyframes st-knipper{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.st-game{z-index:3}.st-toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:50;pointer-events:none;font-family:var(--st-titelfont);font-size:clamp(26px,5.5vmin,52px);color:#fff;letter-spacing:.5px;-webkit-text-stroke:clamp(3px,.6vmin,6px) #7c2f5c;paint-order:stroke fill;text-shadow:0 4px 0 rgba(90,20,60,.35);animation:st-toast 1.5s ease forwards;text-align:center;max-width:90vw}.st-toast.is-goed{color:#ffe08a}.st-toast.is-fout{color:#ffd0e6}@keyframes st-toast{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)}}.st-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:49;overflow:hidden}.st-fx__hart{position:absolute;width:36px;height:36px;color:var(--st-roze);transform:translate(-50%,-50%);animation:st-hart 1.1s ease-out forwards;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.st-fx__hart svg{width:100%;height:100%}@keyframes st-hart{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{transform:translate(-50%,-70%) scale(1.2);opacity:1}to{transform:translate(-50%,-220%) scale(.9);opacity:0}}.st-dagboek__boek{display:flex;width:min(100%,900px);max-height:calc(100% - 20px);background:#fff;border-radius:26px;box-shadow:var(--st-schaduw-groot);overflow:hidden}.st-dagboek__pagina{flex:1;padding:clamp(14px,3vmin,28px);min-width:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.st-dagboek__pagina--links{background:repeating-linear-gradient(180deg,#fff 0,#fff 28px,#ffeef6 28px,#ffeef6 29px);border-right:2px dashed var(--st-rand)}.st-dagboek__pagina--rechts{align-items:center;justify-content:center;text-align:center}.st-dagboek__titel{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(20px,4vmin,34px);color:var(--st-roze)}.st-dagboek__lijst{display:flex;flex-direction:column;gap:6px}.st-dagboek__rij{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-weight:600;font-size:clamp(13px,2.4vmin,17px)}.st-dagboek__rij.is-nieuw .st-stickers__h.vol{animation:st-pop .5s cubic-bezier(.2,1.6,.4,1) both}.st-dagboek__dag{grid-column:1 / -1}.st-dag__h{width:13px;height:13px}.st-dagboek__vraag{font-family:var(--st-titelfont);font-size:clamp(20px,3.8vmin,30px);color:var(--st-roze)}.st-dagboek__keuze{display:flex;gap:6px}.st-dagboek__hart{width:clamp(40px,8vmin,62px);height:clamp(40px,8vmin,62px);border:none;background:none;color:#ecc6da;cursor:pointer;padding:0;transition:transform .1s,color .1s}.st-dagboek__hart.is-aan{color:var(--st-roze);transform:scale(1.12)}.st-dagboek__hart svg{width:100%;height:100%}.st-dagboek__uitleg{font-weight:500;font-size:clamp(13px,2.4vmin,16px);opacity:.8}.st-dagboek__groot{display:inline-flex;align-items:center;gap:8px;font-size:clamp(36px,7vmin,64px);font-weight:800;color:var(--st-roze)}.st-dagboek__groot svg{width:1em;height:1em}.st-eind__titel{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(28px,6vmin,52px);color:var(--st-roze);text-shadow:0 3px 0 var(--st-rand)}.st-eind__tekst{margin:8px 0 0;font-weight:500;font-size:clamp(15px,2.6vmin,19px);color:#5a3b4a}.st-eind__hartjes{display:inline-flex;align-items:baseline;gap:8px;margin-top:10px;color:var(--st-roze);font-weight:800;font-size:clamp(34px,7vmin,60px)}.st-eind__hartjes svg{width:.9em;height:.9em;align-self:center}.st-eind__hartjes span{font-size:.4em;font-weight:600}.st-mg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.st-mg__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.st-hud{position:absolute;top:calc(12px + var(--sat));left:12px;right:var(--su-sys-breedte);z-index:10;display:flex;gap:8px;align-items:center;flex-wrap:wrap;pointer-events:none}.st-chip{display:inline-flex;align-items:center;gap:6px;background:#fffffff0;color:var(--st-inkt);border-radius:999px;padding:6px 14px 6px 10px;font-weight:800;font-size:clamp(14px,2.6vmin,20px);box-shadow:var(--st-schaduw);font-variant-numeric:tabular-nums}.st-chip svg{width:1.2em;height:1.2em;color:var(--st-roze)}.st-chip--klok{min-width:4.2em;justify-content:center}.st-meter{position:relative;height:14px;width:clamp(120px,24vmin,220px);background:#fffc;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #00000026}.st-meter__vul{height:100%;width:0;background:linear-gradient(90deg,#ff7fbb,#e0356e);border-radius:999px;transition:width .12s linear}.st-mg__uitleg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;background:#fff;border-radius:24px;padding:clamp(16px,3vmin,28px) clamp(20px,4vmin,36px);box-shadow:var(--st-schaduw-groot);text-align:center;max-width:min(520px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:12px;box-sizing:border-box}.st-mg__uitleg h3{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(24px,4.6vmin,38px);color:var(--st-roze)}.st-mg__uitleg p{margin:0;font-weight:500;font-size:clamp(15px,2.6vmin,19px);color:#5a3b4a;line-height:1.35}.st-mg__klaar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#ffd7eceb}.st-mg__klaar .st-paneel{background:#fff;border-radius:26px;padding:22px 28px 26px;box-shadow:var(--st-schaduw-groot);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:min(460px,calc(100% - 32px))}.st-mg__klaar h3{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(26px,5vmin,42px);color:var(--st-roze)}.st-mg__klaar p{margin:0;font-weight:500;font-size:clamp(14px,2.5vmin,18px);color:#5a3b4a}.st-mg__klaar .st-hartjes__h{width:clamp(30px,6vmin,46px);height:clamp(30px,6vmin,46px)}.st-mg__klaar .st-hartjes__h.vol{animation:st-pop .5s cubic-bezier(.2,1.6,.4,1) both}.st-mg__klaar .st-hartjes__h:nth-child(2){animation-delay:.15s}.st-mg__klaar .st-hartjes__h:nth-child(3){animation-delay:.3s}.st-touch{position:absolute;bottom:calc(14px + var(--sab));z-index:15;display:flex;gap:10px}.st-touch--links{left:14px}.st-touch--rechts{right:14px}.st-touch__knop{width:clamp(56px,11vmin,80px);height:clamp(56px,11vmin,80px);border-radius:50%;border:none;background:#ffffffe6;color:var(--st-inkt);box-shadow:0 4px #00000040;display:grid;place-items:center;padding:clamp(12px,2.4vmin,18px);touch-action:none;-webkit-user-select:none;user-select:none}.st-touch__knop svg{width:100%;height:100%}.st-touch__knop:active,.st-touch__knop.is-aan{transform:translateY(3px);box-shadow:0 1px #00000040;background:#fff}@media (min-width: 701px) and (min-height: 560px){.st-kaart{justify-content:center;padding-top:calc(70px + var(--sat))}}@media (max-width: 700px){.st-kaart__grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow-y:auto}.st-ballon{top:calc(12px + var(--sat) + var(--su-knop) + 10px);left:16px;right:16px;max-width:none}.st-ballon--links:after{left:22%}.st-ballon--rechts:after{right:22%}.st-hkaart{min-height:120px}.st-fig{height:clamp(150px,32vh,300px)}.st-fig--links{left:25%}.st-fig--rechts{left:75%}.st-fig--klein{height:clamp(120px,26vh,240px)}.st-dagboek__boek{flex-direction:column}.st-dagboek__pagina--links{border-right:0;border-bottom:2px dashed var(--st-rand);max-height:46%}}@media (max-height: 620px) and (orientation: landscape){.st-fig{height:clamp(150px,48vh,300px)}.st-hero{height:clamp(120px,30vmin,220px)}}@media (prefers-reduced-motion: reduce){.st-hkaart.is-volgend,.st-ballon__verder{animation:none}}@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}.st-hero{gap:0}.st-hero .hero-fig{height:92%}.st-hero .hero-fig:first-child{transform:rotate(-4deg) translate(10%)}.st-hero .hero-fig:last-child{transform:rotate(4deg) translate(-10%)}.st-hero .hero-hart{position:absolute;left:50%;top:4%;width:clamp(44px,10vmin,96px);height:clamp(44px,10vmin,96px);transform:translate(-50%);color:var(--st-roze);filter:drop-shadow(0 4px 0 #fff) drop-shadow(0 8px 10px rgba(170,40,110,.3));animation:pv-klop 1.2s ease-in-out infinite;z-index:2}.st-hero .hero-hart svg{width:100%;height:100%}@keyframes pv-klop{0%,to{transform:translate(-50%) scale(1)}30%{transform:translate(-50%) scale(1.15)}45%{transform:translate(-50%) scale(1.02)}60%{transform:translate(-50%) scale(1.12)}}.vl-lucht{position:absolute;left:0;right:0;top:calc(70px + var(--sat));bottom:22%}.vl-vlinder{position:absolute;width:clamp(44px,9vmin,76px);height:clamp(44px,9vmin,76px);transform:translate(-50%,50%);cursor:pointer;padding:6px;color:#ff5fa8;filter:drop-shadow(0 3px 3px rgba(80,20,60,.35));animation:vl-flap .5s ease-in-out infinite;touch-action:manipulation}.vl-vlinder svg{width:100%;height:100%}.vl-vlinder--k1{color:#ffb02e}.vl-vlinder--k2{color:#8e5cc9}.vl-vlinder--k3{color:#4fc3f7}.vl-vlinder.is-gevangen{animation:vl-gevangen .35s ease forwards;pointer-events:none}.vl-vlinder.is-weg{animation:vl-weg .3s ease forwards;pointer-events:none}@keyframes vl-flap{0%,to{transform:translate(-50%,50%) scaleX(1) rotate(-6deg)}50%{transform:translate(-50%,50%) scaleX(.6) rotate(6deg)}}@keyframes vl-gevangen{to{transform:translate(-50%,50%) scale(1.8);opacity:0}}@keyframes vl-weg{to{transform:translate(-50%,50%) translateY(-40px);opacity:0}}.vl-speler{position:absolute;left:2%;bottom:16%;height:clamp(150px,38vh,340px);width:auto;filter:drop-shadow(0 8px 12px rgba(40,10,30,.45));pointer-events:none;z-index:2}.vl-band{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#4a3222,#2e1d12);box-shadow:0 -6px 16px #00000059;z-index:3}.vl-band__loper{position:absolute;inset:14% 0 auto;height:44%;background:repeating-linear-gradient(90deg,#6b4a32 0,#6b4a32 40px,#5a3c27 40px,#5a3c27 80px);border-top:4px solid #8a6a4e;border-bottom:4px solid #1d120a;animation:vl-loper 1.2s linear infinite}@keyframes vl-loper{0%{background-position:0 0}to{background-position:-80px 0}}.vl-zakken{position:absolute;top:0;right:0;bottom:0;left:0}.vl-zak{position:absolute;bottom:38%;width:clamp(56px,11vmin,92px);height:clamp(64px,13vmin,108px);transform:translate(-50%);cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));touch-action:manipulation}.vl-zak svg{width:100%;height:100%}.vl-zak.is-ingepakt{animation:vl-ingepakt .45s ease forwards;pointer-events:none}@keyframes vl-ingepakt{40%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) translateY(-60px) scale(.8);opacity:0}}.vl-hoofdpiet{position:absolute;top:calc(50px + var(--sat));right:0;height:clamp(120px,30vh,260px);transform:translate(120%);transition:transform .8s cubic-bezier(.3,1,.4,1);z-index:1;pointer-events:none}.vl-hoofdpiet img{height:100%;width:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.vl-hoofdpiet.is-aan{transform:translate(6%)}.kk-lief{position:absolute;right:8%;bottom:14%;height:clamp(170px,44vh,400px);z-index:1}.kk-lief__img{height:100%;width:auto;filter:drop-shadow(0 8px 12px rgba(40,10,30,.45));transform-origin:50% 100%}.kk-lief.is-draait .kk-lief__img{animation:kk-draai .22s ease-in-out}@keyframes kk-draai{0%{transform:scaleX(1)}50%{transform:scaleX(.08);opacity:.7}to{transform:scaleX(1)}}.kk-lief__tell{position:absolute;top:-12%;left:50%;width:clamp(34px,7vmin,56px);height:clamp(34px,7vmin,56px);border-radius:50%;background:#fff;color:var(--st-roze);display:grid;place-items:center;transform:translate(-50%) scale(0);font-family:var(--st-titelfont);font-size:clamp(22px,4.6vmin,38px);box-shadow:var(--st-schaduw);transition:transform .2s cubic-bezier(.2,1.5,.4,1)}.kk-lief[data-fase=tell] .kk-lief__tell{transform:translate(-50%) scale(1)}.kk-speler{position:absolute;left:7%;bottom:12%;height:clamp(150px,38vh,340px);transform:translateY(30%);transition:transform .25s ease;z-index:2;pointer-events:none}.kk-speler img{height:100%;width:auto;filter:drop-shadow(0 8px 12px rgba(40,10,30,.45))}.kk-speler.is-kijkt{transform:translateY(0)}.kk-stapel{position:absolute;left:1%;bottom:1%;width:clamp(240px,32vw,420px);z-index:3;pointer-events:none}.kk-stapel svg{width:100%;height:auto;display:block}.kk-tip{position:absolute;left:50%;bottom:calc(10% + var(--sab));transform:translate(-50%);background:#ffffffeb;color:var(--st-inkt);border-radius:999px;padding:8px 18px;font-weight:500;font-size:clamp(13px,2.4vmin,17px);box-shadow:var(--st-schaduw);z-index:4;pointer-events:none}.kk-meter{pointer-events:none}.mo-stappen{position:absolute;top:calc(12px + var(--sat));left:12px;right:var(--su-sys-breedte);display:flex;gap:8px;z-index:10;flex-wrap:wrap}.mo-stappen .st-chip{opacity:.6;font-weight:600}.mo-stappen .st-chip span{font-weight:800}.mo-stappen .st-chip.is-actief{opacity:1;background:#fff;outline:3px solid var(--st-goud)}.mo-vlak{position:absolute;left:12px;right:12px;top:calc(66px + var(--sat));bottom:calc(12px + var(--sab));display:flex;gap:12px}.mo-kolom{flex:1;min-width:0;min-height:0}.mo-pop{position:relative;display:flex;align-items:flex-end;justify-content:center}.mo-pop img{height:100%;max-height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(40,10,30,.45))}.mo-pop__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.mo-pop__overlay svg{height:100%;width:auto;max-width:100%}.mo-paneel{background:#fffffff0;border-radius:22px;box-shadow:var(--st-schaduw-groot);padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;box-sizing:border-box;flex:0 0 min(46%,440px)}.mo-paneel h3{margin:0;font-family:var(--st-titelfont);font-weight:400;font-size:clamp(18px,3.4vmin,28px);color:var(--st-roze)}.mo-rij__naam{font-weight:500;font-size:clamp(12px,2.2vmin,15px);opacity:.85;margin-bottom:4px}.mo-rij__items,.mo-items{display:flex;flex-wrap:wrap;gap:8px}.mo-item{width:clamp(58px,11vmin,84px);height:clamp(58px,11vmin,84px);border:none;border-radius:16px;background:#fff3fa;box-shadow:var(--st-schaduw);cursor:pointer;padding:6px;transition:transform .1s}.mo-item svg{width:100%;height:100%;display:block}.mo-item.is-aan{background:#fff;outline:4px solid var(--st-goud);transform:scale(1.05)}.mo-item:active{transform:translateY(2px)}.mo-werk{display:flex;align-items:center;justify-content:center}.mo-werk__svg{width:min(100%,72vmin);aspect-ratio:200 / 180;background:#ffffff8c;border-radius:26px;box-shadow:var(--st-schaduw-groot);padding:10px;box-sizing:border-box}.mo-werk__svg.is-plakken{cursor:crosshair;outline:4px dashed var(--st-roze)}.mo-werk__svg svg{width:100%;height:100%;display:block}.mo-tabs{display:flex;gap:6px;flex-wrap:wrap}.mo-tab{border:none;border-radius:999px;padding:8px 16px;background:#ffe6f2;color:var(--st-inkt);font-family:var(--st-titelfont);font-size:clamp(14px,2.6vmin,20px);cursor:pointer;box-shadow:var(--st-schaduw)}.mo-tab.is-aan{background:linear-gradient(180deg,#ff7fbb,#ff479c);color:#fff;box-shadow:0 4px #cc2e7a}.mo-kleuren{display:flex;gap:8px;flex-wrap:wrap}.mo-kleur{width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--k);box-shadow:var(--st-schaduw);cursor:pointer}.mo-kleur.is-aan{outline:3px solid var(--st-goud);transform:scale(1.1)}.mo-tools{display:flex;gap:8px;margin-top:auto}.mo-tool{width:46px;height:46px;border-radius:14px;border:none;background:#fff;color:var(--su-ink);box-shadow:0 3px #0000004d;padding:10px;cursor:pointer}.mo-tool svg{width:100%;height:100%}.mo-tool:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.mo-gedicht{flex:1;max-width:760px;margin:0 auto;align-self:flex-start;max-height:100%}.mo-regels{display:flex;flex-direction:column;gap:12px}.mo-regel{display:flex;flex-direction:column;gap:6px}.mo-regel__tekst{font-weight:600;font-size:clamp(15px,2.8vmin,22px);line-height:1.3}.mo-regel__woord{color:var(--st-roze);border-bottom:3px solid var(--st-goud);padding:0 4px}.mo-regel__woord.is-leeg{color:#c99ab6}.mo-regel__keuzes{display:flex;gap:6px;flex-wrap:wrap}.mo-woord{border:none;border-radius:999px;padding:6px 14px;background:#ffe6f2;color:var(--st-inkt);font-family:var(--st-font);font-weight:700;font-size:clamp(13px,2.4vmin,17px);cursor:pointer;box-shadow:var(--st-schaduw)}.mo-woord.is-aan{background:linear-gradient(180deg,#ffd166,#ffb02e);color:#6b3d00;box-shadow:0 4px #c9820a}.mo-klaar{position:absolute;right:16px;bottom:calc(16px + var(--sab));z-index:12}@media (max-width: 700px),(max-height: 520px){.mo-vlak{flex-direction:column}.mo-paneel{flex:1 1 52%}.mo-pop,.mo-werk{flex:0 0 42%}.mo-werk__svg{width:auto;height:100%;aspect-ratio:200 / 180}.mo-klaar{bottom:auto;top:calc(12px + var(--sat));right:var(--su-sys-breedte);font-size:18px;padding:8px 20px}}.dk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.pa-fig{position:absolute;bottom:-2%;height:clamp(160px,42vh,380px);width:auto;filter:drop-shadow(0 8px 12px rgba(40,10,30,.45));pointer-events:none;transform-origin:50% 100%}.pa-fig--links{left:4%}.pa-fig--rechts{right:4%}.pa-fig.dans{animation:pa-dans .35s ease}@keyframes pa-dans{0%,to{transform:rotate(0) translateY(0)}40%{transform:rotate(-4deg) translateY(-14px)}70%{transform:rotate(3deg) translateY(-4px)}}.pa-baan{position:absolute;left:50%;top:calc(70px + var(--sat));bottom:6%;width:clamp(110px,22vmin,180px);transform:translate(-50%);background:linear-gradient(180deg,#ffffff14,#ffffff4d);border-radius:999px;box-shadow:inset 0 0 0 3px #ffffff80}.pa-lijn{position:absolute;left:-10%;right:-10%;top:78%;height:8px;border-radius:4px;background:#fff;box-shadow:0 0 14px #ff7fbb,0 3px #aa286e4d}.pa-noten{position:absolute;top:0;right:0;bottom:22%;left:0}.pa-noot{position:absolute;left:50%;width:clamp(44px,9vmin,70px);height:clamp(44px,9vmin,70px);transform:translate(-50%,-50%);color:var(--st-roze);filter:drop-shadow(0 3px 3px rgba(80,20,60,.35))}.pa-noot svg{width:100%;height:100%}.pa-noot.is-raak{animation:pa-raak .3s ease forwards}.pa-noot.is-mis{animation:pa-mis .25s ease forwards}@keyframes pa-raak{to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes pa-mis{to{transform:translate(-50%,-50%) translateY(30px);opacity:0}}.pa-oordeel{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%) scale(.6);font-family:var(--st-titelfont);font-size:clamp(22px,4.6vmin,40px);color:#fff;-webkit-text-stroke:3px #7c2f5c;paint-order:stroke fill;opacity:0;white-space:nowrap;pointer-events:none}.pa-oordeel.is-zichtbaar{animation:pa-oordeel .6s ease forwards}.pa-oordeel.is-perfect{color:#ffe08a}.pa-oordeel.is-goed{color:#c9f7d2}.pa-oordeel.is-mis{color:#ffd0e6}@keyframes pa-oordeel{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-110%) scale(1)}}.fo-regen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.fo-regen span{position:absolute;top:-40px;color:var(--st-roze);opacity:.9;animation:fo-regen linear infinite}.fo-regen span svg{width:1em;height:1em}@keyframes fo-regen{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(40deg)}}.fo-polaroid{position:absolute;left:50%;top:calc(50% - 30px);transform:translate(-50%,-50%) rotate(-2deg);width:min(440px,72vmin,calc(100% - 32px));background:#fffaf4;border-radius:10px;padding:14px 14px 12px;box-shadow:0 14px 40px #3c0a2866;box-sizing:border-box}.fo-foto{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:#223}.fo-foto__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fo-foto__fig{position:absolute;bottom:-4%;height:70%}.fo-foto__fig img{height:100%;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.fo-foto__fig--links{left:10%}.fo-foto__fig--rechts{right:10%}.fo-foto__outfit{position:absolute;left:0;top:0;height:100%;width:auto}.fo-foto__hart{position:absolute;left:50%;bottom:4%;width:26%;transform:translate(-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.fo-foto__hart svg{width:100%;height:auto;display:block}.fo-foto__h{position:absolute;width:10%;color:#ff5fa8;animation:pv-klop 1.4s ease-in-out infinite}.fo-foto__h--1{left:42%;top:8%}.fo-foto__h--2{left:54%;top:16%;animation-delay:.4s;width:7%}.fo-foto__h svg{width:100%;height:100%}.fo-tekst{padding:10px 4px 0;text-align:center;font-weight:500;font-size:clamp(11px,2vmin,15px);color:var(--st-inkt);line-height:1.3}.fo-namen{margin-top:4px;font-family:var(--st-titelfont);font-size:clamp(16px,3.2vmin,24px);color:var(--st-roze)}.fo-acties{position:absolute;left:50%;bottom:calc(14px + var(--sab));transform:translate(-50%);display:flex;gap:12px;z-index:5}.fo-acties .st-knop{font-size:clamp(16px,3vmin,22px);padding:10px 22px}@media (max-height: 640px){.fo-polaroid{width:min(360px,60vmin)}.fo-tekst{display:none}}@media (max-width: 700px){.pa-fig{height:clamp(120px,26vh,220px);bottom:0}.pa-fig--links{left:-4%}.pa-fig--rechts{right:-4%}.kk-lief{right:2%;bottom:30%;height:clamp(140px,30vh,260px)}.kk-speler{left:4%;bottom:8%;height:clamp(130px,30vh,260px)}.kk-stapel{width:clamp(200px,60vw,300px)}.vl-speler{height:clamp(120px,28vh,240px)}}