.amelie{--geel:#ffc94a;--koraal:#ff7a6b;--turkoois:#3fc1c9;--lila:#a78bfa;--gras:#6bcb77;--room:#fff8ee;--inkt:#2f2a4a;--lucht-1:#9fe4ff;--lucht-2:#cdf0ff;--lucht-3:#ffe9c9;--grond:#7ed492;--onder:#fdf1de;position:relative;min-height:100vh;min-height:100svh;margin:0;padding:0 0 2.5rem;overflow-x:hidden;box-sizing:border-box;background:var(--onder);font-family:ui-rounded,SF Pro Rounded,Varela Round,Quicksand,Trebuchet MS,Verdana,Liberation Sans,DejaVu Sans,Arial,system-ui,sans-serif;color:var(--inkt);text-align:center;transition:background .9s ease}.amelie a,.amelie button,.amelie h1,.amelie h2,.amelie p{font-family:inherit}.amelie.nacht{--lucht-1:#1f2a5e;--lucht-2:#3b3f86;--lucht-3:#6d4f8f;--grond:#3f7f5c;--room:#fdf6ff;--onder:#2a2450;--inkt:#241f3d}.hemel{position:relative;min-height:46vh;min-height:46svh;background:linear-gradient(180deg,var(--lucht-1) 0,var(--lucht-2) 62%,var(--lucht-3) 100%);transition:background .9s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:clamp(2.5rem,7vw,4rem) 1rem clamp(1.5rem,4vw,2.5rem);overflow:hidden}.zon{position:absolute;top:6%;right:8%;width:clamp(70px,13vw,130px);height:clamp(70px,13vw,130px);border-radius:50%;border:4px solid var(--inkt);background:var(--geel);box-shadow:0 6px 0 rgba(47,42,74,.18),0 0 60px rgba(255,201,74,.75);cursor:pointer;transition:transform .26s cubic-bezier(.34,1.56,.64,1),background .5s ease;animation:ademen 6s ease-in-out infinite}.zon:focus-visible,.zon:hover{transform:scale(1.08) rotate(8deg)}.gezicht{position:absolute;inset:8%;width:84%;height:84%}.nacht .gezicht{z-index:1}.nacht .zon{background:#fff3c4;box-shadow:0 6px 0 rgba(47,42,74,.18),0 0 70px rgba(255,243,196,.6)}.nacht .zon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle at 118% 30%,var(--lucht-1) 42%,transparent 43%)}.wolk{position:absolute;width:clamp(90px,16vw,170px);color:#fff;pointer-events:none;animation:drijven linear infinite}.wolk svg{display:block;width:100%;height:auto}.wolk-1{top:10%;animation-duration:58s}.wolk-2{top:26%;width:clamp(70px,12vw,125px);animation-duration:82s;animation-delay:-26s}.wolk-3{top:6%;width:clamp(110px,20vw,210px);opacity:.9;animation-duration:104s;animation-delay:-60s}.nacht .wolk{opacity:.5}.sterren{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .9s ease}.nacht .sterren{opacity:1}.sterren i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fffdf0;box-shadow:0 0 8px #fffdf0;animation:twinkelen 3.5s ease-in-out infinite}.naam{z-index:2;align-items:center;margin:0 0 clamp(.5rem,3vw,1.5rem);display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:clamp(4px,1.4vw,14px);font-size:1rem}.ballon,.naam{position:relative}.ballon{width:clamp(58px,12vw,96px);height:clamp(72px,14.6vw,118px);padding:0;border:4px solid var(--inkt);border-radius:50% 50% 46% 46%;color:var(--inkt);font:inherit;font-size:clamp(1.6rem,4.6vw,2.6rem);font-weight:800;line-height:1;cursor:pointer;box-shadow:inset -8px -10px 0 rgba(0,0,0,.07),0 6px 0 rgba(47,42,74,.18);animation:zweven 4.5s ease-in-out infinite;transition:transform .16s cubic-bezier(.34,1.56,.64,1)}.ballon:after{content:"";position:absolute;top:99%;left:50%;width:2px;height:clamp(18px,4vw,30px);background:var(--inkt);opacity:.45;transform:translateX(-50%) rotate(4deg);transform-origin:top center}.ballon:nth-child(2){margin-top:1.6rem}.ballon:nth-child(3){margin-top:.5rem}.ballon:nth-child(4){margin-top:2rem}.ballon:nth-child(5){margin-top:.8rem}.ballon:nth-child(6){margin-top:1.8rem}.ballon:focus-visible,.ballon:hover{transform:translateY(-6px) scale(1.06) rotate(-2deg)}.ballon:active{transform:scale(.94)}.ballon.weg{animation:knappen .32s ease-out forwards;pointer-events:none}.snipper{position:fixed;width:10px;height:14px;border-radius:2px;pointer-events:none;animation:dwarrelen .9s ease-out forwards}.opnieuw{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem 1.5rem;min-height:64px;border:4px solid var(--inkt);border-radius:999px;background:var(--geel);color:var(--inkt);font:inherit;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 6px 0 rgba(47,42,74,.25);transition:transform .14s ease,box-shadow .14s ease}.opnieuw:hover{transform:translateY(-2px);box-shadow:0 8px 0 rgba(47,42,74,.25)}.opnieuw:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(47,42,74,.25)}.gras{position:relative;height:clamp(70px,12vw,120px);margin-top:-1px;background:var(--grond);border-top:4px solid var(--inkt);border-radius:46% 54% 0 0/26px 26px 0 0;transition:background .9s ease}.bloem{position:absolute;bottom:0;width:clamp(26px,4vw,38px);color:inherit;transform-origin:bottom center;animation:wiegen 3.4s ease-in-out infinite}.bloem svg{display:block;width:100%;height:auto}.speelveld{position:relative;z-index:2;width:min(94vw,46rem);margin:clamp(1.2rem,4vw,2rem) auto 0;padding:clamp(.9rem,3vw,1.4rem);background:var(--room);border:4px solid var(--inkt);border-radius:28px;box-shadow:0 10px 0 rgba(47,42,74,.2)}.speelveld h2{margin:0 0 .8rem;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:800}.tekenblad{display:block;width:100%;height:clamp(200px,42vw,320px);border:3px dashed rgba(47,42,74,.35);border-radius:18px;background:#fff;touch-action:none;cursor:crosshair}.krijtjes{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem}.krijt{width:56px;height:56px;padding:0;border:4px solid var(--inkt);border-radius:50%;cursor:pointer;box-shadow:0 4px 0 rgba(47,42,74,.22);transition:transform .14s cubic-bezier(.34,1.56,.64,1)}.krijt:hover{transform:translateY(-3px) scale(1.06)}.krijt[aria-pressed=true]{transform:translateY(-5px) scale(1.12);box-shadow:0 7px 0 rgba(47,42,74,.28)}.gum{min-width:72px;height:56px;padding:0 1rem;border:4px solid var(--inkt);border-radius:999px;background:#fff;color:var(--inkt);font:inherit;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 0 rgba(47,42,74,.22)}.gum:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(47,42,74,.22)}.briefje{position:relative;z-index:2;width:min(92vw,34rem);margin:clamp(1.2rem,4vw,2rem) auto 0;padding:clamp(1.1rem,3.5vw,1.8rem);background:var(--room);border:4px solid var(--inkt);border-radius:24px;box-shadow:0 10px 0 rgba(47,42,74,.2);transform:rotate(-1deg);font-size:clamp(1.02rem,2.7vw,1.15rem);line-height:1.6}.briefje p{margin:0 0 .8rem}.briefje p:last-child{margin-bottom:0}.briefje .ondertekening{font-weight:800}.voet{position:relative;z-index:2;margin:1.4rem auto 0;font-size:.82rem;color:rgba(47,42,74,.75)}.nacht .voet{color:rgba(255,255,255,.88)}.nacht .briefje,.nacht .speelveld{color:#2f2a4a}.voet a{color:inherit}.voet span{opacity:.5;margin:0 .45rem}@keyframes ademen{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes drijven{0%{left:-180px}to{left:105vw}}@keyframes twinkelen{0%,to{opacity:.3}50%{opacity:1}}@keyframes zweven{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes wiegen{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes knappen{0%{transform:scale(1);opacity:1}40%{transform:scale(1.35);opacity:.9}to{transform:scale(.2);opacity:0}}@keyframes dwarrelen{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--dr));opacity:0}}@media (prefers-reduced-motion:reduce){.ballon,.bloem,.sterren i,.wolk,.zon{animation:none}.snipper{animation-duration:1ms}}.amelie :focus-visible{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px rgba(47,42,74,.5)}@media (max-width:430px){.naam{gap:3px}.ballon{width:46px;height:58px;font-size:1.35rem;border-width:3px}.ballon:nth-child(2),.ballon:nth-child(4),.ballon:nth-child(6){margin-top:1rem}.ballon:nth-child(3),.ballon:nth-child(5){margin-top:.4rem}}.versturen{display:block;width:min(100%,22rem);margin:1rem auto 0;padding:1rem 1.5rem;min-height:68px;border:4px solid var(--inkt);border-radius:999px;background:var(--koraal);color:#fff;font:inherit;font-size:1.2rem;font-weight:800;cursor:pointer;box-shadow:0 6px 0 rgba(47,42,74,.28);transition:transform .14s ease,box-shadow .14s ease,background .3s ease}.versturen:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 0 rgba(47,42,74,.28)}.versturen:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 rgba(47,42,74,.28)}.versturen:disabled{background:var(--gras);cursor:default}.melding{margin:.7rem 0 0;font-size:1rem;font-weight:700}.dagbericht,.nachtjes,.verhaaltjes{position:relative;z-index:2;width:min(94vw,46rem);margin:clamp(1rem,3.5vw,1.6rem) auto 0;padding:clamp(1rem,3vw,1.5rem);background:var(--room);border:4px solid var(--inkt);border-radius:28px;box-shadow:0 10px 0 rgba(47,42,74,.2);color:var(--inkt)}.dagbericht h2,.verhaaltjes h2{margin:0 0 .7rem;font-size:clamp(1.15rem,3.4vw,1.5rem);font-weight:800}.dagtekst{margin:0;font-size:clamp(1.1rem,3.2vw,1.35rem);line-height:1.5;font-weight:700}.dagemoji{display:block;font-size:clamp(2.4rem,9vw,3.4rem);line-height:1.1;margin-bottom:.3rem}.verhaaltjes .knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.verhaal{display:inline-flex;align-items:center;gap:.7rem;min-height:68px;padding:.6rem 1.2rem .6rem .7rem;border:4px solid var(--inkt);border-radius:999px;background:var(--turkoois);color:var(--inkt);font:inherit;font-size:1.05rem;font-weight:800;cursor:pointer;box-shadow:0 5px 0 rgba(47,42,74,.25);transition:transform .14s ease,box-shadow .14s ease,background .2s ease}.verhaal:hover{transform:translateY(-2px);box-shadow:0 7px 0 rgba(47,42,74,.25)}.verhaal:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(47,42,74,.25)}.verhaal.speelt{background:var(--geel)}.driehoek{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:3px solid var(--inkt);background:#fff;font-size:1.1rem}.verhaaltitel{max-width:14rem;text-align:left}.nachtjes{display:flex;align-items:center;justify-content:center;gap:.9rem;font-size:clamp(1.05rem,3vw,1.25rem)}.nachtjes p{margin:0}.taart{font-size:clamp(2.2rem,8vw,3rem);animation:wiegen 3.6s ease-in-out infinite}.volle-naam{position:relative;z-index:2;margin:0;font-weight:800;font-size:clamp(.95rem,2.6vw,1.1rem);opacity:.8}.schatkist-knop{position:relative;z-index:2;width:min(94vw,46rem);margin:clamp(1rem,3.5vw,1.6rem) auto 0;text-align:center}.schatkist-open{justify-content:center;min-height:76px;padding:.7rem 1.6rem;font-size:clamp(1.15rem,3.4vw,1.35rem);background:var(--geel);text-decoration:none}.schatkist-open span{font-size:1.6em}.voor-gasten{margin:.8rem 0 0;font-weight:700}.voor-gasten a{color:inherit}.nacht .voor-gasten{color:rgba(255,255,255,.92)}.schatkist-open:hover{color:var(--inkt);text-decoration:none}