@font-face{font-family:Pacifico;src:url(./pacifico-7HIToT7q.woff2)format("woff2");font-display:block}@font-face{font-family:Lobster;src:url(./lobster-VmWungf4.woff2)format("woff2");font-display:block}@font-face{font-family:TitanOne;src:url(./titan-one-DwVbh4mi.woff2)format("woff2");font-display:block}@font-face{font-family:ComicRelief;src:url(./comic-relief-BaAwNr1x.woff2)format("woff2");font-display:block}:root{--nacht:#000;--paneel:#0a0a2a;--lijst:#1a0033;--roze:#f6c;--geel:#ff0;--lila:#ccf;--grijs:silver;--pad:16px;--comic:"Comic Sans MS", "Comic Sans", "Chalkboard SE", "Comic Neue", cursive;--win:Verdana, Geneva, Tahoma, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scrollbar-color:var(--roze) var(--lijst)}body{background-color:var(--nacht);color:#fff;background-image:radial-gradient(1px 1px at 12px 18px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 70px 44px,#ffe4f6 50%,#0000 51%),radial-gradient(1px 1px at 40px 90px,#cfe8ff 50%,#0000 51%),radial-gradient(2px 2px at 104px 112px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 92px 8px,#fff 50%,#0000 51%);background-size:128px 128px;min-height:100vh;margin:0;font:18px/1.45 Times New Roman,Times,serif}body:before,body:after{content:"";z-index:-1;pointer-events:none;animation:2.4s ease-in-out infinite twinkle;position:fixed;inset:0}body:before{background-image:radial-gradient(2.5px 2.5px at 30px 60px,#f6c 50%,#0000 51%),radial-gradient(2px 2px at 150px 20px,#c9f 50%,#0000 51%),radial-gradient(3px 3px at 200px 170px,#e8e8e8 50%,#0000 51%),radial-gradient(2px 2px at 90px 210px,#f9d 50%,#0000 51%);background-size:240px 240px}body:after{background-image:radial-gradient(2px 2px at 60px 130px,#fff 50%,#0000 51%),radial-gradient(3px 3px at 180px 90px,#c6f 50%,#0000 51%),radial-gradient(2px 2px at 120px 230px,silver 50%,#0000 51%);background-size:260px 260px;animation-duration:3.1s;animation-delay:.8s}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}a{color:#0ff}a:hover{color:var(--geel)}.marquee{white-space:nowrap;border-bottom:3px ridge var(--roze);background:navy;overflow:hidden}.marquee-text{font-family:var(--comic);color:var(--geel);padding:8px 0 8px 100%;font-size:18px;animation:22s linear infinite marquee;display:inline-block}@keyframes marquee{to{transform:translate(-100%)}}.blink{animation:1.1s step-end infinite blink}.blink-late{animation:1.1s step-end .55s infinite blink}@keyframes blink{50%{opacity:0}}.app{gap:22px;max-width:820px;margin:0 auto;padding:26px 16px 56px;display:grid}.head{text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.disco{pointer-events:none;position:absolute;top:-26px;right:0}.disco img{width:44px;height:auto;display:block}@media (min-width:1140px){.disco{right:-170px}.disco img{width:70px}}.title-row{align-items:center;gap:12px;max-width:100%;display:flex}.star{flex:none;width:clamp(20px,6vw,34px);height:clamp(20px,6vw,34px)}.title{min-width:0;margin:0;line-height:0}.title img{max-width:100%;height:auto;image-rendering:pixelated;display:block}.tagline{color:#fcf;margin:0;font-style:italic}.lang{gap:6px;display:flex}.lang button{min-width:52px;min-height:36px;font:700 14px var(--win);color:#000;background:var(--grijs);cursor:pointer;border:3px outset #fff}.lang button[aria-pressed=true]{background:var(--roze);border-style:inset;border-color:#fcf}.construction{background:repeating-linear-gradient(-45deg,#fc0 0 14px,#000 14px 28px);border:3px outset #ff9;align-items:center;gap:12px;width:min(100%,468px);height:60px;margin:14px 0;padding:0 12px;display:flex}.construction img{display:block}.construction span{font:700 clamp(15px, 4.5vw, 20px) var(--comic);color:#000;background:#fc0;flex:1;padding:4px 8px}.rainbow{background:linear-gradient(90deg,red,#f90,#ff0,#0f0,#0ff,#36f,#c0f,#f09);border:0;width:100%;height:6px;margin:0}.frame{padding:22px var(--pad);background:var(--lijst);border:6px ridge var(--roze);flex-direction:column;align-items:center;gap:18px;display:flex}.stage{border:3px inset var(--grijs);background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/16px 16px;place-items:center;width:100%;min-height:210px;padding:12px;display:grid}.side{flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);display:flex}.preview,.result{max-width:100%;height:auto;display:block}.preview{touch-action:none;cursor:grab}.preview:active{cursor:grabbing}.selection{width:100%;font:14px var(--win);color:#000;background:var(--grijs);border:3px outset #fff;gap:9px;padding:10px 12px;display:grid}.selection.is-empty{visibility:hidden}.selection-row{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.selection input[type=range]{accent-color:#ff1493;flex:120px;min-width:0}.inline{white-space:nowrap;font:inherit!important;color:#000!important;margin:0!important}.masks{flex-wrap:wrap;gap:6px;display:flex}.masks button{min-height:34px;font:13px var(--win);color:#000;background:var(--grijs);cursor:pointer;border:2px outset #fff;padding:0 12px}.masks button[aria-checked=true]{color:#fff;background:navy;border-style:inset;font-weight:700}.hint{color:var(--lila);margin:0;font-size:15px}.frame .hint{text-align:center}.error{text-align:center;font:700 15px var(--win);color:#000;background:var(--geel);border:3px outset #ff9;margin:0;padding:10px 14px}.make-wrap{padding:10px 18px;display:inline-block;position:relative}.make-wrap:has(>#make[hidden]){display:none}.twinkle{pointer-events:none;width:14px;height:14px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.make-wrap:has(>#make:disabled) .twinkle{display:none}.t1{top:0;left:0}.t2{animation-delay:.8s;top:4px;right:0}.t3{animation-delay:1.6s;bottom:2px;right:6px}.shine{position:relative;overflow:hidden}.shine:not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffffe6 50%,#0000 65%);animation:2.8s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.save-tip{text-align:center;white-space:pre-line;font:13px/1.5 var(--win);color:#ff9;margin:0}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary,.ghost,.danger{cursor:pointer;color:#000}.primary{min-height:64px;font:700 clamp(20px, 6vw, 26px) var(--comic);background:var(--geel);border:6px outset #ff9;padding:10px 28px}.primary:disabled{color:#404040;background:var(--grijs);cursor:not-allowed;border-color:#e0e0e0}.ghost,.danger{min-height:40px;font:15px var(--win);background:var(--grijs);border:3px outset #fff;padding:0 14px}.danger{white-space:nowrap;align-items:center;gap:6px;min-height:36px;font-size:14px;display:inline-flex}.primary:not(:disabled):active,.ghost:active,.danger:active,.tab:active,.step-next:active,.lang button:active,.masks button:active,.stickers button:active{border-style:inset}.as-button{align-items:center;text-decoration:none;display:inline-flex}.controls{display:grid}.tabs{flex-wrap:wrap;align-items:flex-end;gap:4px;padding-left:8px;display:flex}.tab{min-height:44px;font:700 17px var(--comic);color:#000;background:var(--grijs);cursor:pointer;border:4px outset #fff;border-bottom:0;padding:0 18px}.tab[aria-selected=true]{color:#fff;background:var(--bar);border-style:ridge;border-color:var(--accent);min-height:52px;font-size:19px;position:relative;top:4px}.panel{padding:var(--pad);background:var(--paneel);border:4px ridge var(--accent)}.panel.group-picture{text-align:center}.panel.group-picture .chips{justify-content:center}.panel.group-picture .thumbs{grid-template-columns:repeat(auto-fill,112px);justify-content:center}.group-picture{--accent:#6cf;--bar:navy}.group-text{--accent:#fc3;--bar:#930}.group-stickers{--accent:#6f9;--bar:#063}.steps{border-top:2px dashed var(--accent);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:18px;padding-top:12px;display:flex}.step-next{min-height:44px;font:700 16px var(--comic);color:#000;background:var(--geel);cursor:pointer;border:4px outset #ff9;margin-left:auto;padding:0 16px}.group-stickers .hint{color:#cfc}.field-label,label{color:var(--geel);margin:0 0 8px;font-weight:700;display:block}.spaced{margin-top:18px!important}#text{width:100%;font:20px var(--comic);color:#000;border:3px inset var(--grijs);resize:vertical;background:#fff;border-radius:0;padding:8px 10px}#text::placeholder{color:#6b6b6b}#text:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--geel);outline-offset:2px}.counter{text-align:right;font-variant-numeric:tabular-nums;color:#fc9;margin-top:5px;font-size:14px;display:block}.chips{flex-wrap:wrap;gap:4px 22px;display:flex}.chips button{min-height:40px;font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.chips button:before{content:"";border:2px inset var(--grijs);background:#fff;border-radius:50%;width:16px;height:16px}.chips button[aria-checked=true]{color:var(--geel);font-weight:700}.chips button[aria-checked=true]:before{background:radial-gradient(circle,#ff1493 0 3.5px,#fff 4px)}.thumbs{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;display:grid}.thumbs button{cursor:pointer;background:0 0;border:2px solid #fff;place-items:center;padding:0;display:grid}.thumbs button[aria-checked=true]{outline:3px dashed var(--geel);outline-offset:3px}.thumbs button.is-transparent canvas{background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/12px 12px}.thumbs canvas{max-width:100%;height:auto;display:block}.stickers{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;margin-bottom:14px;display:grid}.stickers button{aspect-ratio:1;cursor:pointer;background:#fff;border:3px outset #cfc;grid-template:100%/100%;place-items:center;min-height:0;padding:4px;display:grid}.stickers img{object-fit:contain;width:100%;height:100%}.subject-row{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.foot{text-align:center;justify-items:center;gap:12px;display:grid}.email{background:var(--lijst);border:4px ridge var(--roze);align-items:center;gap:12px;padding:10px 16px;display:flex}.email img{display:block}.email-text{justify-items:start;gap:2px;min-width:0;display:grid}.email-shout{font:700 20px var(--comic);color:var(--geel)}.email a{overflow-wrap:anywhere;font:15px var(--win)}.links{flex-wrap:wrap;justify-content:center;gap:4px 22px;display:flex}.links a{align-items:center;gap:6px;min-height:44px;display:inline-flex}.pixel{shape-rendering:crispedges;width:16px;height:16px}.visitors{justify-items:center;gap:6px;display:grid}.visitors-label{font:700 11px var(--win);text-transform:uppercase;color:var(--grijs)}.digits{background:#000;border:3px inset gray;gap:3px;padding:5px;display:flex}.digits span{color:#3f3;text-shadow:0 0 6px #3f3;background:#021402;place-items:center;width:22px;height:32px;font:700 24px Courier New,Courier,monospace;display:grid}.updated{font:700 13px var(--win);color:var(--grijs);align-items:center;gap:8px;margin:24px 0 0;display:flex}.clock{width:22px;height:22px}.trail{z-index:10;pointer-events:none;position:fixed;inset:0;overflow:hidden}.trail span{font-size:14px;line-height:1;animation:.8s ease-out forwards spark;position:absolute;transform:translate(-50%,-50%)}@keyframes spark{to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.4)}}.ad{padding:12px var(--pad);text-align:center;background:var(--lijst);border:4px ridge var(--grijs)}.ad:has(ins[data-ad-status=unfilled]){display:none}.ad-label{font:700 11px var(--win);text-transform:uppercase;color:var(--grijs);margin:0 0 8px}.about{padding:4px var(--pad) 12px;background:var(--lijst);border:4px ridge var(--roze)}.about h2{font:700 22px var(--comic);color:var(--geel);margin:12px 0 6px}.about p{margin:0 0 10px}.about dt{color:#0ff;margin-top:10px;font-weight:700}.about dd{margin:0}@media (max-width:520px){:root{--pad:12px}.frame{border-width:4px}.tabs{flex-wrap:nowrap;padding-left:4px}.tab,.tab[aria-selected=true]{flex:auto;min-width:0;padding:4px 6px;font-size:14px;line-height:1.15}}@media (prefers-reduced-motion:reduce){.marquee-text,.blink,.blink-late,.twinkle,body:before,body:after{animation:none}.shine:not(:disabled):after{display:none}.marquee-text{padding-left:12px}}