@font-face{font-family:Sniglet;font-weight:800;src:url(/fonts/sniglet-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:Fredoka;font-weight:300 700;src:url(/fonts/fredoka-latin.woff2)format("woff2");font-display:swap}:root{--ink:#4a3a5e;--ink-soft:#6f5f84;--paper:#fffaf6;--sky:#d6ecff;--pink:#ff8fb1;--berry:#e8457a;--butter:#ffd36e;--mint:#a6e8d2;--lilac:#c9b8ff;--display:"Sniglet", "Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:#ffe9f2}main{overflow-x:clip}html,body{margin:0}body{background:linear-gradient(180deg, #bfe3ff 0%, var(--sky) 45%, #ffe9f2 100%) fixed;color:var(--ink);font:400 18px/1.55 var(--body)}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding-inline:16px}.top{justify-content:space-between;align-items:center;gap:12px;padding-block:18px;display:flex}.brand{font:800 26px/1 var(--display);color:var(--pink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-decoration:none}.nav{gap:18px;font-weight:600;display:flex}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.hero{text-align:center;justify-items:center;padding-block:0 40px;display:grid}.title{font:800 clamp(48px, min(11vw, 13vh), 120px)/1 var(--display);white-space:nowrap;margin:0}.title span{color:var(--c);-webkit-text-stroke:.1em var(--ink);paint-order:stroke fill;filter:drop-shadow(.04em 0 #fff)drop-shadow(-.04em 0 #fff)drop-shadow(0 .04em #fff)drop-shadow(0 -.04em #fff)drop-shadow(0 .08em #4a3a5e59);animation:2.6s ease-in-out infinite bob;animation-delay:calc(var(--i) * -.18s);display:inline-block}.title .gap{width:.3em}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.05em)}}.lead{text-wrap:balance;max-width:46ch;margin:10px auto 0;font-size:clamp(18px,2.2vw,22px);line-height:1.4}.hero-stage{width:100%;max-width:1080px;height:clamp(280px,100svh - 300px,600px);margin-top:4px;position:relative}.hero-canvas{pointer-events:none;position:absolute;inset:-6% -14% -10%}.hero-play{white-space:nowrap;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.hero-play:active{transform:translate(-50%)translateY(5px)}.games h2{font:800 clamp(30px, 4.5vw, 44px)/1.1 var(--display);text-align:center;margin:0 0 22px}.game-row{grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:48px;display:grid}.game{background:var(--paper);border-radius:26px;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.game img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.game-soon-art{aspect-ratio:16/9;font:800 72px/1 var(--display);color:#7fd0f5;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;background:repeating-linear-gradient(45deg,#dff1ff 0 18px,#eaf6ff 18px 36px);place-items:center;display:grid}.game-body{align-content:start;gap:8px;padding:18px 20px 20px;display:grid}.game h3{font:800 26px/1.1 var(--display);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.game h3 em{font:700 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--butter);border-radius:999px;padding:5px 10px;font-style:normal}.game p{margin:0}.game.more{background:0 0;border:3px dashed #b9c9e6;align-content:center}.play.small{justify-self:start;margin-top:6px;padding:12px 30px;font-size:20px}.play{background:var(--berry);color:#fff;font:800 30px/1 var(--display);border-radius:999px;padding:20px 46px;text-decoration:none;display:inline-block;box-shadow:0 7px #b02d5a}.play:active{transform:translateY(5px);box-shadow:0 2px #b02d5a}.play:focus-visible,.nav a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.shot{aspect-ratio:16/9;border:6px solid #fff;border-radius:28px;width:100%;max-width:100%;height:auto;transform:rotate(1.5deg);box-shadow:0 14px #4a3a5e24,0 24px 60px #4a3a5e2e}.steps{grid-template-columns:repeat(3,1fr);gap:18px;padding-block:8px 56px;display:grid}.step{background:var(--paper);border-radius:24px;padding:22px 22px 20px}.step b{font:800 24px/1.1 var(--display);margin-bottom:6px;display:block}.step i{background:var(--mint);width:34px;height:34px;font-style:normal;font:800 18px/1 var(--display);border-radius:50%;place-items:center;margin-bottom:10px;display:inline-grid}.foot{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:26px 40px;font-size:15px;display:flex}.page{max-width:68ch;padding-block:12px 64px}.page h1{font:800 clamp(40px, 7vw, 64px)/1 var(--display);color:var(--pink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-wrap:balance;margin:8px 0 24px}.page h2{font:700 24px/1.2 var(--body);margin:32px 0 6px}.promise{gap:10px;padding:0;list-style:none;display:grid}.promise li{background:var(--paper);border-radius:16px;padding:14px 18px}@media (max-width:560px){.hero-stage{height:clamp(280px,52svh,420px)}}@media (max-width:860px){.game-row{grid-template-columns:1fr}.lead{font-size:19px}}@media (prefers-reduced-motion:reduce){.title span{animation:none}}.jl{pointer-events:none;z-index:1;place-content:center;justify-items:center;gap:18px;transition:opacity .45s;display:grid;position:absolute;inset:0}.jl.jl-on-sky{background:linear-gradient(180deg, #bfe3ff 0%, var(--sky) 55%, #ffe9f2 100%);z-index:50;position:fixed}.jl.done{opacity:0}.jl-drops{align-items:flex-end;gap:14px;height:70px;display:flex}.jl-drops span{border:4px solid var(--ink);background:var(--pink);border-radius:50% 50% 46% 46%;width:38px;height:38px;animation:.9s cubic-bezier(.3,.1,.4,1) infinite jlHop;box-shadow:inset -6px -7px #00000014,inset 6px 6px #ffffff8c}.jl-drops span:nth-child(2){background:var(--butter);animation-delay:.15s}.jl-drops span:nth-child(3){background:#7fd0f5;animation-delay:.3s}@keyframes jlHop{0%,to{transform:translateY(0)scale(1.15,.85)}40%{transform:translateY(-30px)scale(.92,1.08)}60%{transform:translateY(-30px)scale(.95,1.05)}}.jl-label{font:700 18px/1 var(--body);color:var(--ink)}@media (prefers-reduced-motion:reduce){.jl-drops span{animation-duration:2.4s}}.jl-wrap{transition:opacity .45s;position:absolute;inset:0}.jl-wrap.ready{opacity:0}.hero-canvas{opacity:0;transition:opacity .6s}.hero-canvas.in{opacity:1}