:root{--bg:#140a33;--bg-2:#22105a;--surface:#ffffff0f;--surface-2:#ffffff1a;--line:#ffffff1f;--text:#fdf6e3;--muted:#bfb2e6;--gold:#ffd166;--saffron:#ff9f1c;--pink:#f15bb5;--violet:#7b2cbf;--radius:20px;--display:"Baloo 2", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bg{z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%, #3a1d8a 0%, var(--bg-2) 35%, var(--bg) 75%);position:fixed;inset:0;overflow:hidden}.bg-glow{filter:blur(80px);opacity:.35;border-radius:50%;width:60vmax;height:60vmax;animation:24s ease-in-out infinite alternate drift;position:absolute}.bg-glow-a{background:var(--pink);top:-20vmax;left:-25vmax}.bg-glow-b{background:var(--saffron);opacity:.22;animation-delay:-12s;bottom:-30vmax;right:-25vmax}@keyframes drift{to{transform:translate(10vmax,8vmax)scale(1.15)}}.star{background:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}.floater{opacity:0;filter:drop-shadow(0 0 6px #ffd16680);animation:linear infinite rise;position:absolute;bottom:-40px}@keyframes rise{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.55}50%{transform:translate(var(--sway), -55vh) rotate(180deg)}90%{opacity:.4}to{opacity:0;transform:translateY(-110vh)rotate(360deg)}}.app{z-index:1;max-width:720px;padding:max(16px, env(safe-area-inset-top)) 16px 120px;margin:0 auto;position:relative}.hero{text-align:center;padding-top:8px}.title{font-family:var(--display);letter-spacing:.01em;margin:8px 0 2px;font-size:clamp(2.6rem,11vw,4rem);font-weight:800;line-height:1}.title span{background:linear-gradient(120deg, var(--gold), var(--saffron) 40%, var(--pink) 80%, var(--gold));color:#0000;filter:drop-shadow(0 4px 18px #ff9f1c59);cursor:default;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer;display:inline-block}@keyframes shimmer{to{background-position:300% 0}}.tagline{color:var(--muted);margin:0;font-size:.95rem;font-weight:600}.hero-stage{flex-direction:column;align-items:center;margin-top:10px;display:flex}.baba{touch-action:manipulation;max-width:62vw;padding:0;display:block}.baba svg{overflow:visible}.baba svg *{transform-box:view-box}.m-float{animation:3.2s ease-in-out infinite m-float}.m-shadow{transform-origin:100px 212px;animation:3.2s ease-in-out infinite m-shadow}.m-aura{transform-origin:100px 110px;animation:4s ease-in-out infinite m-aura}.m-ring{transform-origin:100px 110px;opacity:0;animation:3.9s ease-out infinite m-ring}.m-ring.r2{animation-delay:1.3s}.m-ring.r3{animation-delay:2.6s}.m-orbit{transform-origin:100px 110px;animation:14s linear infinite spin}.m-head{transform-origin:100px 124px;animation:6s ease-in-out infinite m-tilt}.m-eyes{transform-origin:100px 86px;animation:4.2s infinite m-blink}.m-strands{transform-origin:70px 90px;animation:2.6s ease-in-out infinite m-sway}.m-strands.s2{animation-duration:3.1s;animation-delay:-.8s}.m-backhair{transform-origin:100px 60px;animation:3.4s ease-in-out infinite m-backsway}.m-lock{transform-origin:128px 70px;animation:3.2s ease-in-out infinite m-lock}.m-hoop{transform-origin:68px 97px;animation:1.6s ease-in-out infinite m-hoop}.m-brows{transition:transform .3s}.m-third,.m-mouth-open,.m-glow-eyes{opacity:0;transition:opacity .3s}.awake .m-aura{animation-duration:1.2s}.awake .m-orbit{animation-duration:4s}.awake .m-third{opacity:1;transform-origin:100px 69px;animation:.8s ease-in-out infinite m-third}.awake .m-mouth-closed{opacity:0}.awake .m-mouth-open{opacity:1;transform-origin:100px 106px;animation:.45s ease-in-out infinite m-talk}.awake .m-glow-eyes{opacity:1}.awake .m-brows{transform:translateY(-1.6px)}@keyframes m-float{50%{transform:translateY(-9px)}}@keyframes m-shadow{50%{opacity:.2;transform:scaleX(.8)}}@keyframes m-aura{50%{opacity:.8;transform:scale(1.08)}}@keyframes m-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes m-tilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes m-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes m-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(7deg)}}@keyframes m-backsway{0%,to{transform:skew(0)}50%{transform:skew(-2.5deg)}}@keyframes m-lock{0%,to{transform:rotate(0)}50%{transform:rotate(-2.5deg)}}@keyframes m-hoop{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes m-third{50%{transform:scale(1.35)}}@keyframes m-talk{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.bubble-wrap{justify-content:center;align-items:flex-end;width:100%;min-height:74px;display:flex}.bubble{color:#3a1d5c;max-width:420px;font-family:var(--display);background:#fff8e7;border-radius:18px;padding:10px 18px;font-size:1.05rem;font-weight:600;line-height:1.3;position:relative;box-shadow:0 10px 30px #0000004d,0 0 0 3px #ffd16666}.bubble:after{content:"";background:#fff8e7;border-radius:3px;width:18px;height:18px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble span{white-space:pre;display:inline-block}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:18px 0 16px;display:grid}.player{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);min-width:0;padding:14px 12px 12px;position:relative}.player.is-me{border-color:#ffd1668c;box-shadow:0 0 24px #ffd16626}.crown{filter:drop-shadow(0 2px 6px #0006);font-size:1.6rem;position:absolute;top:-16px;left:-6px}.player-top{align-items:center;gap:8px;display:flex}.player-avatar{font-size:1.8rem;line-height:1}.player-names{flex-direction:column;min-width:0;display:flex}.player-name{font-family:var(--display);text-align:left;white-space:nowrap;text-overflow:ellipsis;padding:0;font-size:1.05rem;font-weight:700;overflow:hidden}.player-name:disabled{cursor:default}.player-name:not(:disabled):hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.you-tag{font-size:.65rem;font-family:var(--body);background:var(--gold);color:#3a1d5c;vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px}.player-sub{color:var(--muted);font-size:.72rem}.karma{font-family:var(--display);color:var(--gold);font-variant-numeric:tabular-nums;margin-top:8px;font-size:2rem;font-weight:800;line-height:1}.karma-unit{color:var(--muted);margin-left:4px;font-size:.8rem;font-weight:600}.level{flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:6px;font-size:.75rem;font-weight:700;display:flex}.level-next{color:var(--muted);font-weight:600}.bar{background:#ffffff1a;border-radius:999px;height:7px;margin-top:6px;overflow:hidden}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--saffron), var(--gold), var(--pink));background-size:200% 100%;height:100%;animation:3s linear infinite shimmer}.vs{font-family:var(--display);color:var(--pink);font-size:1.1rem;font-weight:800}.actions{grid-template-columns:1.4fr 1fr;gap:10px;margin-bottom:20px;display:grid}.oracle-btn,.inspire-btn{border-radius:var(--radius);font-family:var(--display);flex-direction:column;align-items:center;gap:2px;padding:14px 10px;font-size:1.1rem;font-weight:800;line-height:1.1;display:flex}.oracle-btn span,.inspire-btn span{font-size:1.8rem;display:inline-block}.oracle-btn small,.inspire-btn small{font-family:var(--body);opacity:.85;font-size:.72rem;font-weight:600}.oracle-btn{color:#2a1250;background:linear-gradient(135deg, var(--gold), var(--saffron) 55%, var(--pink));background-size:200% 200%;animation:3s ease-in-out infinite glowpulse,8s linear infinite shimmer}@keyframes glowpulse{0%,to{box-shadow:0 0 #ff9f1c80,0 10px 30px #f15bb540}50%{box-shadow:0 0 0 8px #ff9f1c00,0 10px 40px #f15bb573}}.inspire-btn{background:var(--surface-2);border:1px solid var(--line)}.tabs{border:1px solid var(--line);background:#00000040;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.tab{font-family:var(--display);color:var(--muted);border-radius:999px;padding:10px 8px;font-size:1rem;font-weight:700;transition:color .2s;position:relative}.tab.on{color:#2a1250}.tab-pill{background:linear-gradient(135deg, var(--gold), var(--saffron));border-radius:999px;position:absolute;inset:0}.tab-label{align-items:center;gap:6px;display:inline-flex;position:relative}.tab-count{background:#0003;border-radius:999px;min-width:22px;padding:0 6px;font-size:.8rem;display:inline-block}.filters{scrollbar-width:none;gap:8px;padding:12px 2px 4px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:.82rem;font-weight:700}.filter.on{color:#1b0d3f;background:var(--cat,var(--gold));border-color:#0000}.list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.card{border:1px solid var(--line);border-left:5px solid var(--cat);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);touch-action:pan-y;background:linear-gradient(160deg,#ffffff17,#ffffff0a);padding:14px 14px 12px;position:relative;overflow:hidden}.card.picked{border-color:#ffd166b3;box-shadow:0 0 0 1px #ffd16666,0 0 30px #ffd16633}.card.picked:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffd1661f 50%,#0000 70%) 0 0/250% 100%;animation:3.5s linear infinite shimmer;position:absolute;inset:0}.card.done{opacity:.85}.swipe-hint{font-family:var(--display);color:var(--gold);pointer-events:none;background:linear-gradient(90deg,#ffd16640,#0000 60%);align-items:center;padding-left:16px;font-weight:800;display:flex;position:absolute;inset:0}.card-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800}.spice{letter-spacing:-2px;font-size:.8rem}.pick-badge{color:#2a1250;background:var(--gold);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.72rem;font-weight:800}.card-title{font-family:var(--display);overflow-wrap:anywhere;margin:8px 0 4px;font-size:1.2rem;font-weight:700;line-height:1.25}.card.done .card-title{-webkit-text-decoration:line-through #ffd16699;text-decoration:line-through #ffd16699;text-decoration-thickness:2px}.card-note{color:var(--muted);overflow-wrap:anywhere;margin:0 0 6px;font-size:.9rem}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.meta{color:var(--muted);font-size:.78rem}.meta b{color:var(--text)}.reaction-done{font-size:1.1rem}.card-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.earned{color:var(--gold);font-size:.85rem;font-weight:800}.done-btn{color:#1b0d3f;background:var(--cat,var(--gold));box-shadow:0 4px 14px color-mix(in srgb, var(--cat,var(--gold)) 40%, transparent);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:800}.ghost-btn{color:var(--muted);border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700;transition:background .2s,color .2s}.ghost-btn:hover{background:var(--surface-2);color:var(--text)}.ghost-btn.danger{color:#fff;background:#d62f5a;border-color:#0000}.ghost-btn.wide{width:100%;padding:12px 16px}.reactions{overflow:hidden}.reactions p{color:var(--muted);margin:12px 0 6px;font-size:.85rem;font-weight:800}.reaction-row{justify-content:space-between;gap:4px;display:flex}.reaction-row button{background:var(--surface);border-radius:50%;width:48px;height:48px;font-size:1.8rem}.empty{text-align:center;color:var(--muted);padding:36px 16px;font-weight:600}.empty-emoji{font-size:3.4rem;display:inline-block}.fab{right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));z-index:20;color:#2a1250;background:radial-gradient(circle at 30% 30%, #fff1c1, var(--gold) 40%, var(--saffron));border-radius:50%;width:66px;height:66px;font-size:2.4rem;font-weight:700;line-height:1;position:fixed;box-shadow:0 10px 30px #ff9f1c80,0 0 0 6px #ffd16626}.fab:after{content:"";border:2px solid var(--gold);border-radius:50%;animation:2.4s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-6px}@keyframes ping{75%,to{opacity:0;transform:scale(1.5)}}.footer{color:var(--muted);flex-direction:column;align-items:center;gap:4px;margin-top:40px;font-size:.8rem;display:flex}.link{color:var(--gold);padding:0;text-decoration:underline}.toast{z-index:60;color:#fff;background:#d62f5a;border-radius:14px;max-width:480px;padding:12px 16px;font-weight:700;position:fixed;bottom:24px;left:16px;right:96px;box-shadow:0 10px 30px #0006}.floaters{pointer-events:none;z-index:80;position:fixed;inset:0}.float-pts{white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.float-pts span{font-family:var(--display);color:var(--gold);text-shadow:0 0 20px #ff9f1ce6,0 2px #7a2e1c;font-size:2rem;font-weight:800}.float-pts small{color:#fff;background:#f15bb5d9;border-radius:999px;padding:2px 8px;font-weight:800}.scrim{z-index:50;-webkit-backdrop-filter:blur(6px);background:#080319a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;padding:0 18px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#2b1670,#1a0d45);border-bottom:0;border-radius:28px 28px 0 0;position:relative;overflow-y:auto;box-shadow:0 -20px 60px #00000080}@media (width>=640px){.scrim{align-items:center}.sheet{border-bottom:1px solid var(--line);border-radius:28px}}.sheet-handle-zone{cursor:grab;touch-action:none;padding:10px 0 6px}.sheet-handle{background:#ffffff4d;border-radius:999px;width:44px;height:5px;margin:0 auto}.sheet-close{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border-radius:50%;position:absolute;top:12px;right:14px}.sheet-title{font-family:var(--display);margin:4px 40px 12px 0;font-size:1.5rem;font-weight:800}.add-form{flex-direction:column;gap:14px;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex;position:relative}.field>span,.field legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:.85rem;font-weight:800}.field textarea,.field input,.mantra-form input{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);resize:none;background:#00000040;border-radius:14px;padding:12px 14px;font-size:1.05rem}.field textarea{font-family:var(--display);font-size:1.15rem;font-weight:600}.count{color:var(--muted);font-size:.7rem;position:absolute;bottom:8px;right:10px}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.pick-chip{border:1px solid color-mix(in srgb, var(--cat) 50%, transparent);color:var(--cat);border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700;position:relative}.pick-chip.on{color:#1b0d3f}.pick-chip-bg{background:var(--cat);border-radius:999px;position:absolute;inset:-1px}.pick-chip-label{position:relative}.spice-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.spice-btn{border:1px solid var(--line);background:#0003;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:1.1rem;display:flex}.spice-btn span{letter-spacing:-3px;display:inline-block}.spice-btn small{color:var(--muted);font-size:.72rem;font-weight:800}.spice-btn.on{background:#ff595e2e;border-color:#ff595e}.hint{color:var(--gold);margin:6px 0 0;font-size:.8rem;font-weight:700}.primary-btn{width:100%;font-family:var(--display);color:#2a1250;background:linear-gradient(135deg, var(--gold), var(--saffron));border-radius:16px;padding:14px 18px;font-size:1.15rem;font-weight:800;box-shadow:0 8px 24px #ff9f1c59}.primary-btn:disabled{opacity:.6}.oracle,.inspire{text-align:center}.oracle .sheet-title,.inspire .sheet-title{margin-left:40px}.ball-stage{flex-direction:column;align-items:center;margin:10px 0 8px;display:flex;position:relative}.ball{z-index:1;background:radial-gradient(circle at 35% 30%,#e9d5ff 0%,#a06cd5 30%,#5a189a 65%,#240046 100%);border-radius:50%;place-items:center;width:170px;height:170px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 40px #b388ff99,inset 0 -10px 30px #0006}.ball.revealed{box-shadow:0 0 70px #ffd166cc,inset 0 -10px 30px #0006}.ball-swirl{filter:blur(14px);background:conic-gradient(#0000,#f15bb58c,#0000 30%,#4cc9f080,#0000 60%,#ffd16680,#0000);animation:3s linear infinite spin;position:absolute;inset:-30%}.ball.gazing .ball-swirl{animation-duration:.9s}@keyframes spin{to{transform:rotate(360deg)}}.ball-shine{filter:blur(6px);background:#ffffff8c;border-radius:50%;width:34%;height:20%;position:absolute;top:14%;left:20%;transform:rotate(-30deg)}.ball-emoji{filter:drop-shadow(0 0 12px #ffffffb3);font-size:3.6rem;position:relative}.ball-base{background:linear-gradient(#b5651d,#6b3a1e);border-radius:0 0 60px 60px/0 0 30px 30px;width:120px;height:30px;margin-top:-14px;box-shadow:0 8px 20px #0006}.oracle-text{flex-direction:column;align-items:center;gap:8px;min-height:190px;display:flex}.oracle-line{color:var(--muted);margin:8px 0 0;font-style:italic;font-weight:800}.oracle-sub{color:var(--muted);margin:0 0 6px;font-size:.88rem}.oracle-sub b{color:var(--gold)}.oracle-topic{font-family:var(--display);overflow-wrap:anywhere;margin:0;padding:0 8px;font-size:1.5rem;font-weight:800;line-height:1.2}.oracle-topic.gazing{opacity:.6;filter:blur(.5px)}.oracle-actions{flex-direction:column;gap:8px;width:100%;margin-top:8px;display:flex}.deck{perspective:900px;height:250px;margin:14px 8px 18px;position:relative}.deck-shadow,.inspire-card{border-radius:24px;position:absolute;inset:0}.deck-shadow{border:1px solid var(--line);background:#ffffff0d}.deck-shadow-1{transform:translateY(8px)scale(.96)rotate(2deg)}.deck-shadow-2{transform:translateY(16px)scale(.92)rotate(-3deg)}.inspire-card{border:2px solid color-mix(in srgb, var(--cat,var(--gold)) 70%, transparent);box-shadow:0 16px 40px #0006, 0 0 30px color-mix(in srgb, var(--cat,var(--gold)) 25%, transparent);cursor:grab;touch-action:pan-y;background:linear-gradient(160deg,#3b1f8c,#26105e);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px;display:flex}.inspire-title{font-family:var(--display);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.swipe-legend{color:var(--muted);font-size:.72rem;font-weight:700}.inspire-actions{grid-template-columns:1fr 1.6fr;align-items:stretch;gap:10px;display:grid}.gate{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;padding:24px 16px;display:flex;position:relative}.gate-title{font-family:var(--display);background:linear-gradient(120deg, var(--gold), var(--saffron), var(--pink));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,12vw,3.8rem);font-weight:800;line-height:1}.gate-sub{color:var(--muted);margin:4px 0 14px;font-weight:600;line-height:1.5}.gate-choices{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:460px;display:grid}.gate-btn{background:var(--surface-2);border:1px solid var(--line);font-family:var(--display);border-radius:22px;flex-direction:column;align-items:center;gap:4px;padding:18px 10px;font-size:1.05rem;line-height:1.15;display:flex}.gate-btn.raga{color:#2a1250;background:linear-gradient(135deg, var(--gold), var(--saffron));border:0}.gate-btn small{font-family:var(--body);opacity:.8;font-size:.75rem}.gate-emoji{font-size:2.4rem}.mantra-form{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.gate-error{color:#ff8fab;font-weight:700}@media (width<=380px){.scoreboard{grid-template-columns:1fr 1fr}.vs{display:none}.karma{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}