.fun{--a:#7d4fb8;--b:#2f1650;isolation:isolate;min-height:100dvh;background:#f3f1f7;overflow:clip}.fun,.fun-top{position:relative}.fun-top{overflow:hidden;color:#fff;padding:max(1rem,env(safe-area-inset-top)) 1rem 3.6rem;background:linear-gradient(155deg,var(--a),var(--b));border-radius:0 0 2rem 2rem}.fun-top:after,.fun-top:before{content:"";position:absolute;border-radius:9999px;background:rgba(255,255,255,.1);pointer-events:none}.fun-top:before{width:12rem;height:12rem;inset-inline-end:-4rem;top:-5rem}.fun-top:after{width:9rem;height:9rem;inset-inline-start:-3rem;bottom:-4rem;background:rgba(255,255,255,.07)}.fun-sheet{position:relative;z-index:2;margin-top:-2.6rem;padding:0 1rem 2rem}.fun-top--flat{padding-bottom:1.6rem}.fun-sheet--flat{margin-top:0;padding-top:1.6rem}.fun-glass{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.fun-card{border-radius:1.75rem;background:#fff;box-shadow:0 14px 34px rgba(30,16,51,.12),0 0 0 1px rgba(182,133,88,.2)}.fun-seg{height:.5rem;flex:1;border-radius:9999px;background:rgba(255,255,255,.28);transition:background-color .28s ease}.fun-seg[data-state=done]{background:#fff}.fun-seg[data-state=wrong]{background:rgba(255,255,255,.28);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.fun-seg[data-state=now]{background:rgba(255,255,255,.7)}.fun-combo{animation:fun-pop .42s cubic-bezier(.32,1.1,.5,1) both}@keyframes fun-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:none}}.fun-plus{position:absolute;inset-inline-end:1rem;top:.4rem;font-weight:900;font-size:1.4rem;color:#1c7d54;pointer-events:none;animation:fun-plus .9s ease-out both}@keyframes fun-plus{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-2.6rem,0);opacity:0}}.fun-opt{position:relative;display:flex;min-height:4rem;width:100%;align-items:center;gap:.85rem;border-radius:1.25rem;background:#fff;padding:.6rem .85rem;text-align:start;font-weight:800;font-size:15px;line-height:1.7;color:#1c1428;box-shadow:0 6px 16px rgba(30,16,51,.08),0 0 0 1.5px rgba(30,16,51,.1);transition:transform .22s var(--ease-out,ease-out),box-shadow .22s ease,background-color .22s ease,opacity .22s ease;-webkit-tap-highlight-color:transparent}.fun-opt:active:not(:disabled){transform:scale(.975)}.fun-opt:focus-visible{outline:3px solid var(--a);outline-offset:2px}.fun-opt__shape{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.8rem;background:var(--c,#6a3fa8);color:#fff}.fun-opt.is-right{background:#e8f6ee;box-shadow:0 0 0 2.5px #1c7d54;animation:fun-bounce .46s cubic-bezier(.32,1.1,.5,1)}.fun-opt.is-wrong{background:#fdeeea;box-shadow:0 0 0 2.5px #b8472b;animation:fun-shake .42s ease-in-out}.fun-opt.is-dim{opacity:.45}@keyframes fun-bounce{0%{transform:scale(.97)}55%{transform:scale(1.035)}to{transform:none}}@keyframes fun-shake{0%,to{transform:none}20%{transform:translate3d(-8px,0,0)}45%{transform:translate3d(7px,0,0)}70%{transform:translate3d(-4px,0,0)}}.fun-explain{animation:fun-rise .38s var(--ease-out,ease-out) both}@keyframes fun-rise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}.fun-in{animation:fun-card-in .42s var(--ease-out,cubic-bezier(.22,1,.36,1)) both;animation-delay:var(--d,0s)}@keyframes fun-card-in{0%{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:none}}.fun-zoom{transition:transform .75s cubic-bezier(.22,1,.36,1);will-change:transform}.fun-star{animation:fun-star .56s cubic-bezier(.32,1.4,.5,1) both;animation-delay:var(--d,0s)}@keyframes fun-star{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.fun-ring{transform:rotate(-90deg)}.fun-ring circle:last-child{transition:stroke-dashoffset 1.1s var(--ease-out,ease-out) .2s}.fun-confetti{position:fixed;inset:0;z-index:90;overflow:hidden;pointer-events:none}.fun-confetti span{position:absolute;top:-1.2rem;left:var(--x);width:var(--w,.55rem);height:calc(var(--w, .55rem) * 1.7);border-radius:2px;background:var(--c);opacity:0;animation:fun-fall var(--t,2.4s) cubic-bezier(.25,.6,.4,1) var(--d,0s) forwards}@keyframes fun-fall{0%{opacity:1;transform:translateZ(0) rotate(0deg)}to{opacity:0;transform:translate3d(var(--dx,0),105dvh,0) rotate(var(--r,540deg))}}.fun-toast{animation:fun-toast 4.2s ease both}@keyframes fun-toast{0%{opacity:0;transform:translate3d(0,-1.5rem,0) scale(.92)}8%{opacity:1;transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-1rem,0)}}.mem-grid{perspective:900px}.mem-card{position:relative;aspect-ratio:1;width:100%;border-radius:1.1rem;-webkit-tap-highlight-color:transparent}.mem-card__inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .46s cubic-bezier(.32,1.1,.5,1)}.mem-card[data-open=true] .mem-card__inner{transform:rotateY(180deg)}.mem-face{position:absolute;inset:0;overflow:hidden;border-radius:1.1rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mem-face--back{background:repeating-linear-gradient(0deg,rgba(230,188,144,.07) 0 1px,transparent 1px 7px),linear-gradient(150deg,#5b2d91,#2f1650);box-shadow:inset 0 0 0 2px rgba(230,188,144,.45),0 6px 14px rgba(30,16,51,.2)}.mem-face--front{transform:rotateY(180deg);background:#e7e3ee}.mem-card[data-matched=true] .mem-face--front{box-shadow:0 0 0 3px #1c7d54}.mem-card[data-matched=true]{animation:fun-bounce .46s cubic-bezier(.32,1.1,.5,1)}.mem-card:focus-visible{outline:3px solid var(--a);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fun-zoom{transition:none;will-change:auto}.fun-combo,.fun-explain,.fun-in,.fun-opt.is-right,.fun-opt.is-wrong,.fun-plus,.fun-star,.fun-toast,.mem-card[data-matched=true]{animation:none}.fun-confetti{display:none}.fun-ring circle:last-child,.mem-card__inner{transition:none}.mem-card:not([data-open=true]) .mem-face--front,.mem-card[data-open=true] .mem-face--back{opacity:0}}