:root{--ink:#2b1866;--font-display:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-text:"Baloo 2", system-ui, -apple-system, sans-serif;--yellow-text:#ffe680;--muted-on-white:#6a5a9e;--muted-on-panel:#c9c3e6}html,body{color:#fff;height:100%;font-family:var(--font-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#5e4bd6;margin:0}#root{height:100%}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:4px solid #fff}.fd{font-family:var(--font-display);letter-spacing:.005em;font-weight:700}.oxs{text-shadow:1.6px 0 0 var(--ink), -1.6px 0 0 var(--ink), 0 1.6px 0 var(--ink), 0 -1.6px 0 var(--ink), 1.2px 1.2px 0 var(--ink), -1.2px 1.2px 0 var(--ink), 1.2px -1.2px 0 var(--ink), -1.2px -1.2px 0 var(--ink), 0 3px 0 var(--ink)}.os{text-shadow:2.5px 0 0 var(--ink), -2.5px 0 0 var(--ink), 0 2.5px 0 var(--ink), 0 -2.5px 0 var(--ink), 1.8px 1.8px 0 var(--ink), -1.8px 1.8px 0 var(--ink), 1.8px -1.8px 0 var(--ink), -1.8px -1.8px 0 var(--ink), 0 4.5px 0 var(--ink), 1.8px 4.2px 0 var(--ink), -1.8px 4.2px 0 var(--ink)}.om{text-shadow:4px 0 0 var(--ink), 3.7px 1.5px 0 var(--ink), 2.8px 2.8px 0 var(--ink), 1.5px 3.7px 0 var(--ink), 0 4px 0 var(--ink), -1.5px 3.7px 0 var(--ink), -2.8px 2.8px 0 var(--ink), -3.7px 1.5px 0 var(--ink), -4px 0 0 var(--ink), -3.7px -1.5px 0 var(--ink), -2.8px -2.8px 0 var(--ink), -1.5px -3.7px 0 var(--ink), 0 -4px 0 var(--ink), 1.5px -3.7px 0 var(--ink), 2.8px -2.8px 0 var(--ink), 3.7px -1.5px 0 var(--ink), 0 8px 0 var(--ink), 2.8px 7px 0 var(--ink), -2.8px 7px 0 var(--ink)}.ol{text-shadow:6px 0 0 var(--ink), 5.5px 2.3px 0 var(--ink), 4.2px 4.2px 0 var(--ink), 2.3px 5.5px 0 var(--ink), 0 6px 0 var(--ink), -2.3px 5.5px 0 var(--ink), -4.2px 4.2px 0 var(--ink), -5.5px 2.3px 0 var(--ink), -6px 0 0 var(--ink), -5.5px -2.3px 0 var(--ink), -4.2px -4.2px 0 var(--ink), -2.3px -5.5px 0 var(--ink), 0 -6px 0 var(--ink), 2.3px -5.5px 0 var(--ink), 4.2px -4.2px 0 var(--ink), 5.5px -2.3px 0 var(--ink), 0 12px 0 var(--ink), 4.2px 10.5px 0 var(--ink), -4.2px 10.5px 0 var(--ink), 0 9px 0 var(--ink)}.card{box-sizing:border-box;border:4px solid var(--ink);box-shadow:inset 0 -6px 0 #e4dafa, 0 6px 0 var(--ink);color:var(--ink);background:#fff;border-radius:26px}.panel{box-sizing:border-box;border:4px solid var(--ink);box-shadow:inset 0 4px 0 #ffffff1f, inset 0 -6px 0 #2e1a7e, 0 6px 0 var(--ink);background:linear-gradient(#4f33b5 0%,#3e2699 100%);border-radius:26px}.btn{box-sizing:border-box;border:4px solid var(--ink);font-family:var(--font-display);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:10px;font-weight:700;line-height:1.05;transition:transform 80ms,box-shadow 80ms,opacity .12s;display:inline-flex}.btn:disabled{cursor:default;opacity:.5}.btn:active:not(:disabled){transform:translateY(4px)}.btn-lg{border-radius:38px;height:76px;padding:0 22px 5px;font-size:25px}.btn-md{border-radius:30px;height:60px;padding:0 18px 4px;font-size:19px}.btn-pad{border-width:5px;border-radius:36px;width:100%;height:72px;padding-bottom:6px;font-size:28px}.btn-green{color:#fff;box-shadow:inset 0 -6px 0 #36a02a, inset 0 3px 0 #ffffff73, 0 5px 0 var(--ink);background:linear-gradient(#86e474 0%,#5bd34a 62%)}.btn-green:active:not(:disabled){box-shadow:inset 0 -4px 0 #36a02a, inset 0 3px 0 #ffffff73, 0 1px 0 var(--ink)}.btn-pad.btn-green{box-shadow:inset 0 -9px 0 #36a02a, inset 0 4px 0 #fff6, 0 6px 0 var(--ink)}.btn-white{color:var(--ink);box-shadow:inset 0 -5px 0 #dcd0f5, inset 0 3px 0 #ffffff73, 0 5px 0 var(--ink);background:#fff}.btn-white:active:not(:disabled){box-shadow:inset 0 -3px 0 #dcd0f5, 0 1px 0 var(--ink)}@keyframes bt-spin{to{transform:rotate(360deg)}}@keyframes bt-pop{0%{transform:scale(.8)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes bt-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bt-sag{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bt-dot{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}@keyframes bt-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bt-beat{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bt-wiggle{0%,to{transform:rotate(10deg)}50%{transform:rotate(4deg)scale(1.05)}}.spin-fast{will-change:transform;animation:3s linear infinite bt-spin}.bob{animation:2.4s ease-in-out infinite bt-bob}.beat{animation:.8s ease-in-out infinite bt-beat}.wiggle{animation:2.4s ease-in-out infinite bt-wiggle}.spin{will-change:transform;animation:100s linear infinite bt-spin}.spin-slow{will-change:transform;animation:18s linear infinite bt-spin}.pop{animation:.5s cubic-bezier(.2,.9,.3,1.3) both bt-pop}.rise{animation:.35s ease-out both bt-rise}.sag{animation:1.8s ease-in-out infinite bt-sag}.float{animation:2.6s ease-in-out infinite bt-float}.dot{animation:1.2s ease-in-out infinite bt-dot}@media (prefers-reduced-motion:reduce){.spin,.spin-slow,.spin-fast,.bob,.beat,.wiggle,.pop,.rise,.sag,.float,.dot{animation:none}.btn{transition:none}}