@font-face{font-family:Fredoka;src:url(/assets/fredoka-BNJ_U3lW.woff2) format("woff2-variations");font-weight:400 600;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/nunito-BwMWTNnV.woff2) format("woff2-variations");font-weight:400 700;font-display:swap}:root{--display: "Fredoka", system-ui, sans-serif;--text: "Nunito", system-ui, sans-serif;--pad: clamp(1.25rem, 3vw, 3rem);--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1)}[data-theme=cream]{--bg: #f7f0e4;--ink: #33291f;--soft: #7d6d5c;--accent: #e8975c}[data-theme=blush]{--bg: #fbeee9;--ink: #3a2723;--soft: #8a6c63;--accent: #e8735c}[data-theme=sage]{--bg: #eef0e6;--ink: #2b3327;--soft: #6d7a66;--accent: #7fa383}[data-theme=paper]{--bg: #f6f3ea;--ink: #2c2a26;--soft: #7a756a;--accent: #d0803f}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--text);font-weight:500;-webkit-font-smoothing:antialiased;overflow:hidden;transition:background-color .7s var(--ease-soft),color .7s var(--ease-soft)}canvas,svg{display:block}ul{list-style:none;padding:0}button{font:inherit;color:inherit}.stage{position:fixed;inset:0}.hud{position:fixed;z-index:20;pointer-events:none}.hud--top{top:0;left:0;right:0;display:flex;justify-content:space-between;padding:var(--pad)}.hud__mark,.hud__index{font-family:var(--display);font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:var(--soft)}.hud__mark{display:inline-flex;align-items:center;gap:.4rem;pointer-events:auto;text-decoration:none;transition:color .32s var(--ease-soft)}.hud__mark:hover{color:var(--ink)}.hud__mark-icon{width:.9em;height:.9em;fill:currentColor}.hud--meta{right:var(--pad);bottom:calc(var(--pad) + 3.6rem);text-align:right;max-width:22rem}.hud--meta h2{font-family:var(--display);font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:600;letter-spacing:-.01em}.hud--meta p{margin-top:.25rem;font-size:.875rem;color:var(--soft)}.hud--pick{left:50%;translate:-50% 0;bottom:var(--pad);display:flex;gap:.5rem;flex-wrap:wrap;pointer-events:auto}.hud--pick button{display:inline-flex;align-items:baseline;gap:.45rem;padding:.55rem .9rem;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--soft);font-family:var(--display);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .26s var(--ease-soft),color .26s var(--ease-soft),transform .34s var(--ease)}.hud--pick button span{font-size:.6875rem;opacity:.6}.hud--pick button:hover{transform:translateY(-2px);color:var(--ink)}.hud--pick button[aria-current=true]{background:var(--ink);color:var(--bg)}.hud--hint{left:var(--pad);bottom:var(--pad);font-size:.75rem;color:var(--soft);opacity:.75}.sq__label,.clay__label,.goo__label,.wob__label{font-family:var(--display);font-size:.8125rem;font-weight:500;color:var(--accent)}.sq__head,.clay__head,.goo__head,.wob__head{margin-top:.75rem;font-family:var(--display);font-size:clamp(2rem,1rem + 3.4vw,4.25rem);font-weight:600;line-height:1.02;letter-spacing:-.025em}.sq__sub,.clay__sub,.goo__sub,.wob__sub{margin-top:.9rem;max-width:34ch;font-size:1rem;line-height:1.55;color:var(--soft)}.sq{position:absolute;inset:0}.sq__stage{position:absolute;top:50%;right:14%;translate:0 -50%;width:min(30vw,300px);aspect-ratio:1;pointer-events:auto;cursor:pointer}.sq__char{position:relative;width:100%;height:100%}.sq__body{position:absolute;inset:0;background:linear-gradient(165deg,#f0a869,#dd8342);border-radius:52% 52% 46% 46%/60% 60% 40% 40%;box-shadow:inset -10px -16px 28px #96521a47,inset 12px 14px 26px #ffd6aa80;will-change:transform}.sq__eye{position:absolute;top:38%;width:15%;aspect-ratio:1;background:#3a2a1c;border-radius:50%;transform-origin:center}.sq__eye:nth-of-type(1){left:27%}.sq__eye:nth-of-type(2){right:27%}.sq__eye i{position:absolute;top:18%;left:18%;width:38%;height:38%;background:#fff;border-radius:50%}.sq__blush{position:absolute;top:52%;width:16%;aspect-ratio:1.5;background:#e8745c;border-radius:50%;opacity:.32;filter:blur(3px)}.sq__blush:nth-of-type(3){left:17%}.sq__blush:nth-of-type(4){right:17%}.sq__shadow{position:absolute;left:12%;bottom:-7%;width:76%;height:9%;background:#6b5233;border-radius:50%;filter:blur(11px);opacity:.3}.sq__copy{position:absolute;left:var(--pad);top:50%;translate:0 -50%;max-width:30rem}.sq__row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;pointer-events:auto}.sq__btn{--dx: 0;--dy: 0;padding:.85rem 1.5rem;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font-family:var(--display);font-size:.9375rem;font-weight:500;cursor:pointer;transform:translate(calc(var(--dx) * 1px),calc(var(--dy) * 1px));transition:transform .42s var(--ease),background-color .26s var(--ease-soft)}.sq__btn:hover{background:var(--accent)}.sq__btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 22%,transparent)}.sq__btn--ghost:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.sq__cards{position:absolute;left:var(--pad);bottom:calc(var(--pad) + 5.5rem);display:flex;gap:.75rem}.sq__card{padding:.7rem 1.15rem;border-radius:1rem;background:color-mix(in srgb,var(--ink) 6%,transparent);font-family:var(--display);font-size:.8125rem;color:var(--soft);will-change:transform}.clay{position:absolute;inset:0}.clay__canvas{position:absolute;inset:0;width:100%;height:100%}.clay__copy{position:absolute;left:var(--pad);top:22%;max-width:26rem}.goo{position:absolute;inset:0}.goo__defs{position:absolute;width:0;height:0}.goo__stage{position:absolute;inset:0;filter:url(#goo-filter);pointer-events:auto;touch-action:none;cursor:grab}.goo__stage:active{cursor:grabbing}.goo__blob{--r: 90px;position:absolute;top:0;left:0;width:calc(var(--r) * 2);height:calc(var(--r) * 2);border-radius:50%;background:var(--accent);will-change:transform}.goo__blob:nth-child(2){background:#f0a08a}.goo__blob:nth-child(3){background:#e8735c}.goo__blob:nth-child(4){background:#f5b9a4}.goo__labels{position:absolute;inset:0;pointer-events:none}.goo__labels span{position:absolute;top:0;left:0;font-family:var(--display);font-size:.9375rem;font-weight:500;letter-spacing:.01em;white-space:nowrap;color:#5e2a1e;will-change:transform}.goo__copy{position:absolute;left:var(--pad);top:22%;max-width:26rem}.wob{position:absolute;inset:0;color:var(--ink)}.wob__svg{position:absolute;inset:0;width:100%;height:100%}.wob__copy{position:absolute;left:var(--pad);top:18%;max-width:26rem}.wob__mark{stroke:var(--accent);stroke-width:2.6}.wob__list{position:absolute;left:var(--pad);top:62%;display:flex;flex-direction:column;gap:.9rem;pointer-events:auto}.wob__list li{font-family:var(--display);font-size:1.375rem;font-weight:500;cursor:pointer;transition:transform .32s var(--ease),color .22s var(--ease-soft)}.wob__list li:hover{transform:translate(8px);color:var(--accent)}@media(max-width:60rem){.sq__stage{right:6%;width:min(42vw,220px)}.sq__copy,.clay__copy,.goo__copy,.wob__copy{top:auto;bottom:34%;translate:none}.sq__cards,.hud--hint{display:none}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}