:root{--night: #1c1230;--plum: #2a1a3f;--plum-2: #38255a;--cream: #fff7ea;--cream-dim: rgba(255, 247, 234, .72);--cream-faint: rgba(255, 247, 234, .14);--coral: #ff6b57;--coral-deep: #d94a39;--sun: #ffc857;--mint: #5ee6b0;--lilac: #b79cff;--rock: #9c8fb8;--rock-dark: #5f5176;--danger: #ff4d6d;--radius: 22px;--radius-sm: 14px;--shadow: 0 14px 40px rgba(0, 0, 0, .35);--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--dur: .32s;--ease: cubic-bezier(.2, .9, .3, 1.2)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--night);background-image:radial-gradient(1200px 600px at 100% -10%,rgba(183,156,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(255,107,87,.16),transparent 60%);background-attachment:fixed;color:var(--cream);font-family:var(--font-body);font-weight:600;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;touch-action:manipulation}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.05;letter-spacing:-.01em}p{margin:0}a{color:var(--lilac)}.screen{min-height:100%;max-width:520px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.screen--center{justify-content:center}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--cream-dim)}.title{font-size:clamp(38px,11vw,56px);font-weight:700}.title--sm{font-size:clamp(26px,7vw,34px);font-weight:600}.lead{color:var(--cream-dim);font-size:16px}.card{background:var(--plum);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.card--soft{background:#2a1a3fb3;box-shadow:none;border:1px solid var(--cream-faint)}.card h2{font-size:20px;font-weight:600}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 22px;width:100%;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:20px;background:var(--coral);color:var(--night);box-shadow:0 8px 0 var(--coral-deep),0 16px 30px #ff6b5740;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s}.btn:active{transform:translateY(6px);box-shadow:0 2px 0 var(--coral-deep),0 6px 14px #ff6b5733}.btn:disabled{filter:grayscale(.6) brightness(.7);cursor:not-allowed;transform:none}.btn--secondary{background:var(--plum-2);color:var(--cream);box-shadow:0 8px #22143a}.btn--secondary:active{box-shadow:0 2px #22143a}.btn--ghost{background:transparent;color:var(--cream-dim);box-shadow:none;min-height:48px;font-size:17px}.btn--ghost:active{transform:none;background:var(--cream-faint)}.btn--danger{background:var(--danger);box-shadow:0 8px #b32a46;color:var(--cream)}.btn--sun{background:var(--sun);box-shadow:0 8px #cf9a2c}.btn--mint{background:var(--mint);box-shadow:0 8px #2fb985}.btn--sm{min-height:44px;font-size:16px;padding:0 16px;width:auto;box-shadow:0 4px 0 var(--coral-deep)}.btn--sm.btn--secondary{box-shadow:0 4px #22143a}.btn--sm:active{transform:translateY(3px);box-shadow:0 1px 0 var(--coral-deep)}.input{width:100%;min-height:60px;padding:0 20px;border-radius:999px;border:2px solid var(--cream-faint);background:#00000040;color:var(--cream);font-size:20px;font-weight:700;outline:none}.input:focus{border-color:var(--lilac)}.input--code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--font-display);font-size:28px}.input::placeholder{color:#fff7ea59;letter-spacing:normal}.field{display:flex;flex-direction:column;gap:8px}.label{font-size:13px;color:var(--cream-dim);padding-left:16px}.error{color:var(--danger);font-size:15px}.hint{color:var(--cream-dim);font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700}.topbar__code{font-family:var(--font-display);letter-spacing:.2em;font-size:15px;background:var(--cream-faint);padding:6px 12px;border-radius:999px}.iconbtn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--cream-faint);color:var(--cream);font-size:18px}.iconbtn[aria-pressed=true]{background:var(--lilac);color:var(--night)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em;background:var(--cream-faint);color:var(--cream)}.pill--mint{background:var(--mint);color:var(--night)}.pill--sun{background:var(--sun);color:var(--night)}.pill--coral{background:var(--coral);color:var(--night)}.pill--lilac{background:var(--lilac);color:var(--night)}.pill--dim{opacity:.6}.pill--demo{background:repeating-linear-gradient(135deg,var(--sun) 0 8px,#e4ad3f 8px 16px);color:var(--night)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:999px;background:var(--plum-2);font-size:15px;font-weight:700;position:relative}.chip--me{outline:2px solid var(--lilac)}.chip--dim{opacity:.45}.chip--safe{background:#5ee6b02e}.chip--active{background:var(--sun);color:var(--night)}.chip__avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--night)}.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--mint)}.chip__dot--off{background:var(--danger)}.chip__x{margin-left:2px;width:22px;height:22px;border-radius:50%;background:var(--cream-faint);font-size:12px}.list{display:flex;flex-direction:column;gap:8px}.list__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#0000002e}.list__num{font-family:var(--font-display);font-size:18px;color:var(--cream-dim);width:24px;text-align:center}.list__grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--cream-faint)}.rockpad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rockpad__opt{aspect-ratio:.82;border-radius:var(--radius-sm);background:#00000038;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display);font-size:26px;font-weight:700;transition:transform .14s var(--ease),border-color .14s,background .14s}.rockpad__opt:active{transform:scale(.94)}.rockpad__opt[aria-pressed=true]{border-color:var(--lilac);background:#b79cff2e;transform:scale(1.04)}.rockpad__opt:disabled{opacity:.6}.rockpad__rocks{display:flex;gap:3px;min-height:22px;align-items:flex-end}.hand-preview{display:grid;place-items:center;padding:4px 0 2px}.guesspad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.guesspad__num{aspect-ratio:1;border-radius:var(--radius-sm);background:#00000038;font-family:var(--font-display);font-size:24px;font-weight:700;transition:transform .12s var(--ease),background .12s;display:grid;place-items:center;position:relative}.guesspad__num:active{transform:scale(.92)}.guesspad__num[aria-pressed=true]{background:var(--sun);color:var(--night);transform:scale(1.06)}.guesspad__num:disabled{opacity:.25;text-decoration:line-through}.guesspad__num small{position:absolute;bottom:4px;font-size:10px;font-family:var(--font-body);font-weight:800;opacity:.8;text-decoration:none}.guesses{display:flex;flex-wrap:wrap;gap:8px}.guess{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#00000038;font-size:14px;font-weight:800}.guess__num{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:var(--night);font-family:var(--font-display);font-size:16px}.guess--hit .guess__num{background:var(--mint)}.guess--pending{opacity:.5}.guess--pending .guess__num{background:var(--cream-faint);color:var(--cream)}.status{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);background:#00000038;font-size:16px}.status--hot{background:var(--sun);color:var(--night);font-weight:800}.status--mint{background:var(--mint);color:var(--night);font-weight:800}.status--danger{background:#ff4d6d38}.dots:after{content:"…";animation:dots 1.4s steps(4) infinite;display:inline-block;width:1.2em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.reveal{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.reveal__hands{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.reveal__hand{width:92px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:800}.reveal__name{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.reveal__count{font-family:var(--font-display);font-size:20px;color:var(--sun);opacity:0}.reveal__hand--open .reveal__count{animation:pop .42s var(--ease) .26s both}.reveal__hand--hit .reveal__name{color:var(--mint)}.cup{display:block;overflow:visible}.cup__cup,.cup__rock{transform-box:fill-box}.cup__cup{transform-origin:20% 100%;transition:transform .38s var(--ease)}.cup--lifted .cup__cup{transform:translateY(-30px) rotate(-16deg)}.cup__rock{transform-origin:50% 100%}.cup--lifted .cup__rock{animation:rock-pop .36s var(--ease) both}.cup--shake .cup__cup{animation:cup-shuffle .25s ease-in-out 3}@keyframes rock-pop{0%{transform:scale(.6)}60%{transform:scale(1.12,.9)}to{transform:none}}@keyframes cup-shuffle{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-3px) rotate(-4deg)}70%{transform:translate(3px) rotate(4deg)}}.total{font-family:var(--font-display);font-size:72px;font-weight:700;line-height:1;color:var(--sun);text-shadow:0 8px 30px rgba(255,200,87,.4);animation:pop .5s var(--ease) both}.total--pending{color:var(--cream-faint);text-shadow:none;animation:pulse 1.2s infinite}@keyframes pop{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes bob{0%,to{transform:translateY(0) scale(1.03,.97)}50%{transform:translateY(-7px) scale(.98,1.02)}}@keyframes shadow-bob{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.65}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.45}}@keyframes confetti{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.6}}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.rise{animation:rise var(--dur) var(--ease) both}.shake{animation:shake .42s ease both}.mascot{display:block;overflow:visible;flex-shrink:0}.mascot--center{margin-inline:auto}.mascot__body{transform-box:fill-box;transform-origin:50% 100%}.mascot__shadow{transform-box:fill-box;transform-origin:50% 50%}.mascot--float .mascot__body{animation:bob 3.2s ease-in-out infinite}.mascot--float .mascot__shadow{animation:shadow-bob 3.2s ease-in-out infinite}.mascot--wobble .mascot__body{animation:wobble 1.6s ease-in-out infinite}.mascot--shake .mascot__body{animation:shake .42s ease both}.mascot .eye{transform-box:fill-box;transform-origin:50% 50%;animation:blink 4.6s infinite}.mascot__confetti{animation:twinkle 1.4s ease-in-out infinite}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:50}.confetti i{position:absolute;top:-20px;width:10px;height:16px;border-radius:3px;animation:confetti 2.8s ease-in forwards}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0514b3;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:12px}.sheet{width:100%;max-width:520px;background:var(--plum);border-radius:var(--radius);padding:22px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:rise .26s var(--ease) both;box-shadow:var(--shadow)}.banner{border-radius:var(--radius-sm);padding:12px 14px;font-size:15px;background:#ffc85724;border:1px dashed rgba(255,200,87,.5)}.big-rocks{display:flex;gap:6px;justify-content:center}.history{display:flex;flex-direction:column;gap:8px}.history__item{display:flex;gap:10px;align-items:center;font-size:15px}.crown{font-size:18px}@media(prefers-reduced-motion:reduce),(prefers-reduced-motion:no-preference)and (min-width:0){:root[data-motion=off] *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) *{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(min-width:720px){.screen{padding-top:40px}}