:root{--night: #1c1230;--plum: #2a1a3f;--plum-2: #38255a;--cream: #fff7ea;--cream-dim: rgba(255, 247, 234, .85);--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:.12em;font-size:13px;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:15px;color:var(--cream-dim);padding-left:16px}.error{color:#ff8fa3;font-size:17px;font-weight:800;text-align:center}.hint{color:var(--cream-dim);font-size:16px}.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:14px;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,minmax(0,1fr));gap:8px}.rockpad__opt{aspect-ratio:1;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:1px;min-height:20px;align-items:flex-end;justify-content:center;max-width:100%}.hand-preview{display:grid;place-items:center;padding:4px 0 2px}.guesspad{display:grid;grid-template-columns:repeat(5,minmax(0,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:3px;font-size:11px;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:15px;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}}.screen--game{gap:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(14px + env(safe-area-inset-bottom))}.screen--game .total{font-size:44px}.total__label{font-size:.5em;vertical-align:middle;color:var(--cream);margin-right:4px}.screen--game .reveal{gap:8px}.screen--game .guesspad{gap:6px}.screen--game .guesspad__num{font-size:22px}.gamehead{background:var(--plum);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.gamehead__row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.gamehead__title{font-family:var(--font-display);font-size:19px;font-weight:600}.hostbtn{min-height:40px;padding:0 14px;border-radius:999px;background:var(--plum-2);font-weight:800;font-size:16px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.steps__item{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 4px;border-radius:999px;background:#00000040;color:var(--cream-dim);font-family:var(--font-display);font-weight:600;font-size:16px}.steps__item.is-now{background:var(--sun);color:var(--night)}.steps__item.is-done{color:var(--mint)}.steps__num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;font-size:13px}.steps__item.is-now .steps__num{background:var(--night);color:var(--sun)}.pstrip{display:flex;gap:8px;overflow-x:auto;padding:4px 6px 2px 2px;scrollbar-width:none}.pstrip::-webkit-scrollbar{display:none}.ptile{flex:0 0 auto;width:54px;display:flex;flex-direction:column;align-items:center;gap:4px}.ptile__face{position:relative;border-radius:50%;padding:2px;border:3px solid transparent}.ptile__face .chip__avatar{font-size:18px}.ptile--me .ptile__face{border-color:var(--lilac)}.ptile--turn .ptile__face{border-color:var(--sun);animation:turnpulse 1.2s ease-in-out infinite}.ptile--safe{opacity:.6}.ptile__badge{position:absolute;right:-8px;bottom:-6px;min-width:24px;height:24px;padding:0 5px;border-radius:999px;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:1;background:var(--plum-2);color:var(--cream);border:2px solid var(--plum)}.ptile__badge--ok{background:var(--mint);color:var(--night)}.ptile__badge--out{background:var(--cream);color:var(--night);font-size:12px;text-transform:uppercase;letter-spacing:.04em;right:-10px}.ptile__badge--num{background:var(--sun);color:var(--night)}.ptile__badge--turn{background:var(--sun)}.ptile__off{position:absolute;left:-2px;top:-2px;width:13px;height:13px;border-radius:50%;background:var(--danger);border:2px solid var(--plum)}.ptile__name{font-size:14px;font-weight:800;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes turnpulse{0%,to{box-shadow:0 0 #ffc85799}50%{box-shadow:0 0 0 6px #ffc85700}}.panel{background:var(--plum);border-radius:var(--radius);padding:16px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);animation:rise var(--dur) var(--ease) both}.panel__title{font-family:var(--font-display);font-size:30px;font-weight:700;text-align:center;line-height:1.1}.panel__title--hot{color:var(--sun)}.panel__sub{font-size:19px;font-weight:700;text-align:center;color:var(--cream);line-height:1.3}.panel__note{font-size:17px;text-align:center;color:var(--cream-dim)}.panel__art{display:grid;place-items:center;margin:-4px 0}.banner-big{font-size:18px;justify-content:center;text-align:center}.reveal__hand--small{width:60px;font-size:14px}.reveal__hand--small .reveal__name{max-width:60px}.reveal__hand--small .reveal__count{font-size:18px}.banner--slim{padding:8px 12px;font-size:15px;text-align:center}@media(max-height:740px){.screen--game .topbar .mascot{width:28px;height:28px}.screen--game .panel{gap:10px;padding:14px 12px}.screen--game .panel__title{font-size:26px}.screen--game .panel__sub{font-size:17px}.screen--game .panel__art .cup{width:64px;height:73px}.screen--game .panel .mascot{width:64px;height:64px}.screen--game .rockpad__opt{aspect-ratio:1.15}.screen--game .btn{min-height:56px}}.reveal__hands:has(.reveal__hand--small){gap:6px 4px}