*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f3eeff;font-family:Nunito,system-ui,sans-serif;overflow-x:hidden}.bg3d{z-index:0;pointer-events:none;background:linear-gradient(165deg,#d8ccff 0%,#f1ebff 48%,#ffebd2 100%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(70px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite alternate drift;position:absolute}.blob-a{background:#a98bff;width:46vmax;height:46vmax;top:-12vmax;left:-14vmax}.blob-b{background:#ffc46b;width:38vmax;height:38vmax;animation-delay:-6s;top:26%;right:-12vmax}.blob-c{background:#6fe0d2;width:36vmax;height:36vmax;animation-delay:-11s;bottom:-16vmax;left:20%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(4vmax,3vmax)scale(1.12)}}.floater{filter:drop-shadow(0 14px 12px #2b254040);-webkit-user-select:none;user-select:none;animation:6.5s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(-7deg)scale(1)}50%{transform:translateY(-24px)translate(10px)rotate(7deg)scale(1.06)}}.btn3d{cursor:pointer;color:#fff;letter-spacing:.3px;box-shadow:0 6px 0 var(--edge,#5136c9), 0 16px 26px #2b254033;border:none;border-radius:18px;padding:13px 22px;font-family:"Baloo 2",Nunito,cursive;font-size:17px;font-weight:700;transition:transform 90ms,box-shadow 90ms,filter .15s;transform:translateY(0)}.btn3d:hover:not(:disabled){filter:brightness(1.07)}.btn3d:active:not(:disabled){box-shadow:0 1px 0 var(--edge,#5136c9), 0 6px 12px #2b254026;transform:translateY(5px)}.btn3d:disabled{opacity:.6;cursor:wait}.card3d{background:#fff;border:2px solid #ece7f7;border-radius:28px;box-shadow:0 10px #e6def7,0 28px 48px #4b2e8c2e}.chip3d{box-shadow:0 4px 0 var(--edge,#e6def7), 0 10px 18px #2b25401a;border-radius:100px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:800;display:inline-flex}.bar3d{background:#e7dff7;border-radius:100px;height:20px;overflow:hidden;box-shadow:inset 0 3px 7px #2b254033}.bar3d-fill{background:linear-gradient(90deg,#ff9f1c,#ff5c7a);border-radius:100px;height:100%;position:relative;box-shadow:0 2px 6px #ff5c7a73}.bar3d-fill:after{content:"";background:repeating-linear-gradient(45deg,#ffffff47 0 12px,#0000 12px 24px);border-radius:100px;animation:1.1s linear infinite barslide;position:absolute;inset:0}@keyframes barslide{to{transform:translate(34px)}}.day3d{text-align:center;border-radius:20px;flex:none;width:96px;padding:13px 8px;transition:transform .12s,box-shadow .12s;position:relative}.day3d.unlocked{cursor:pointer}.day3d.unlocked:hover{transform:translateY(-6px)}.day3d.locked{cursor:not-allowed;filter:grayscale(.5);opacity:.6}.inp3d{color:#2b2540;background:#fbf9ff;border:2.5px solid #ece7f7;border-radius:16px;outline:none;width:100%;padding:13px 15px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 3px 6px #2b25400f}.inp3d:focus{border-color:#7c5cfc;box-shadow:0 0 0 4px #7c5cfc2e,inset 0 3px 6px #2b25400f}@media (prefers-reduced-motion:reduce){.floater,.blob,.bar3d-fill:after{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.spin-slow{animation:16s linear infinite spin}@keyframes bounceY{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-9px)}}.bounce-y{animation:1.4s ease-in-out infinite bounceY}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.wiggle-hover:hover{animation:.45s ease-in-out wiggle}@media (prefers-reduced-motion:reduce){.spin-slow,.bounce-y,.wiggle-hover:hover{animation:none}}img,video{max-width:100%;height:auto}@media (width<=352px){.pathwrap{transform-origin:top;transform:scale(.86);margin-bottom:-80px!important}}@media (width<=640px){.btn3d{padding:12px 18px;font-size:16px}.chip3d{padding:8px 13px}.bar3d{height:16px}}@media (hover:none){.day3d.unlocked:hover{transform:none}.wiggle-hover:hover{animation:none}}.frac{vertical-align:middle;flex-direction:column;align-items:stretch;margin:0 3px;font-size:.9em;font-weight:800;line-height:1.05;display:inline-flex}.frac .fr-top{text-align:center;padding:0 5px}.frac .fr-bot{text-align:center;border-top:2.2px solid;padding:0 5px}
