@font-face{font-family:FangYuan;src:url(/assets/CAg9vd4i.woff2)format("woff2-variations"),url(/assets/CAg9vd4i.woff2)format("woff2");font-weight:200 700;font-display:swap}:root{--cream-0:#fffdf9;--cream-50:#fffaf3;--cream-100:#fff4e6;--cream-200:#fbe9d4;--cream-300:#f1d9bd;--cocoa-900:#47333a;--cocoa-700:#6d5359;--cocoa-500:#9a8287;--cocoa-300:#cbb8b9;--cocoa-100:#efe4e1;--berry-100:#ffedf1;--berry-200:#ffd6e0;--berry-300:#ffbccd;--berry-400:#ff9db6;--berry-500:#f77f9e;--berry-600:#e05f83;--mint-100:#e8f8f2;--mint-200:#cdeee3;--mint-300:#a9e4d2;--mint-400:#84d6bf;--mint-500:#4fbf9f;--mint-600:#2b9f80;--butter-100:#fff6dc;--butter-200:#ffecb8;--butter-400:#ffd673;--butter-500:#f5bd45;--butter-600:#d99a1c;--lilac-200:#e8e0ff;--lilac-400:#bca6ff;--sky-200:#dcecff;--sky-400:#9cc8ff;--gold-a:#ffe9a8;--gold-b:#f6c45a;--gold-c:#d9932d;--accent:var(--berry-500);--accent-deep:var(--berry-600);--accent-soft:var(--berry-100);--font-title:"FangYuan", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-letter:"LXGW WenKai Lite", "Kaiti SC", "STKaiti", "KaiTi", serif;--r-xl:30px;--r-lg:22px;--r-md:16px;--r-sm:12px;--shadow-1:0 1px 2px #6e403a0f, 0 6px 14px -8px #6e403a38;--shadow-2:0 2px 4px #6e403a0d, 0 18px 36px -18px #6e403a57;--shadow-3:0 4px 10px #6e403a0f, 0 30px 60px -24px #6e403a6b;--hairline:1px solid #6e403a17;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-w:100vw;--app-h:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-machine=claw]{--accent:var(--mint-500);--accent-deep:var(--mint-600);--accent-soft:var(--mint-100)}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--cream-100);color:var(--cocoa-900);font:15px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{height:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}img{max-width:100%;display:block}.t-title{font-family:var(--font-title);font-variation-settings:"BEVL" 100;letter-spacing:.02em;font-weight:700}.t-num{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-weight:700}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage-outer{background:var(--cream-100);place-items:center;display:grid;position:fixed;inset:0}.app{width:var(--app-w);height:var(--app-h);isolation:isolate;background:var(--cream-50);contain:layout paint;position:relative;overflow:hidden}@media (min-width:640px) and (min-height:600px){:root{--app-w:min(414px, calc((100dvh - 48px) * .4615));--app-h:min(896px, calc(100dvh - 48px))}.stage-outer{background:radial-gradient(60vmax 50vmax at 15% 10%, #ffe3ea 0%, transparent 60%), radial-gradient(50vmax 45vmax at 90% 85%, #dff4ec 0%, transparent 60%), radial-gradient(40vmax 40vmax at 85% 15%, #fff0c9 0%, transparent 55%), var(--cream-100)}.app{border-radius:46px;box-shadow:0 0 0 10px #fffdfa,0 0 0 11px #6e403a14,0 50px 90px -30px #6e403a73,0 18px 30px -18px #6e403a4d}.desk-note{display:flex!important}}.desk-note{color:var(--cocoa-500);align-items:center;gap:12px;font-size:13px;display:none;position:fixed;bottom:28px;left:32px}.desk-note b{font-family:var(--font-title);color:var(--cocoa-700);font-size:15px;display:block}.btn{--b:var(--accent);--b-deep:var(--accent-deep);height:56px;font-family:var(--font-title);letter-spacing:.06em;color:#fff;background:radial-gradient(120% 90% at 50% -10%, #ffffff8c 0%, #fff0 55%), linear-gradient(180deg, color-mix(in oklab, var(--b) 88%, white) 0%, var(--b) 60%, color-mix(in oklab, var(--b) 85%, var(--b-deep)) 100%);box-shadow:inset 0 -4px 0 color-mix(in oklab, var(--b-deep) 70%, transparent), inset 0 2px 0 #ffffff73, 0 14px 24px -12px color-mix(in oklab, var(--b-deep) 80%, transparent), 0 3px 6px -2px color-mix(in oklab, var(--b-deep) 40%, transparent);text-shadow:0 1px 0 color-mix(in oklab, var(--b-deep) 60%, transparent);will-change:transform;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:18px;font-weight:700;transition:filter .2s;display:inline-flex;position:relative}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffffbf,#fff0);border-radius:999px;height:9px;position:absolute;top:7px;left:18%;right:18%}.btn:disabled{filter:grayscale(.6)opacity(.6);cursor:default}.btn.ghost{color:var(--cocoa-700);background:var(--cream-0);text-shadow:none;box-shadow:inset 0 -3px 0 var(--cream-200), 0 10px 20px -14px #6e403a80, 0 0 0 1px #6e403a0f}.btn.ghost:after{opacity:.6}.btn.sm{height:42px;padding:0 18px;font-size:15px}.btn.block{width:100%}.btn.gold{--b:#f3bb4b;--b-deep:#c98516;color:#6b3e05;text-shadow:0 1px #ffffff80}.icon-btn{-webkit-backdrop-filter:blur(10px);width:42px;height:42px;color:var(--cocoa-700);box-shadow:var(--shadow-1), inset 0 0 0 1px #ffffffb3;background:#fffdf9d1;border-radius:50%;place-items:center;display:grid}.icon-btn svg{width:22px;height:22px}.chip{background:var(--cream-0);height:30px;box-shadow:var(--shadow-1);color:var(--cocoa-700);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 6px;font-size:13px;display:inline-flex}.card{background:var(--cream-0);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.field{border-radius:var(--r-md);background:var(--cream-100);align-items:center;height:54px;padding:0 16px;transition:box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent), 0 0 0 4px var(--accent-soft);background:#fff}.field.error{box-shadow:inset 0 0 0 1.5px var(--berry-500)}.field input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.field input::placeholder{color:var(--cocoa-300)}.field .lead{color:var(--cocoa-500);border-right:1px solid var(--cocoa-100);white-space:nowrap;margin-right:10px;padding-right:10px;font-size:14px}.grain:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .38 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.scene{z-index:1;inset:0;position:absolute!important}.mascot{touch-action:manipulation;flex:none;position:relative}.mascot svg{width:100%;height:100%;display:block;overflow:visible}.mascot .m-body{transform-origin:100px 200px;animation:3.2s ease-in-out infinite m-breathe}.mascot.is-float .m-body{animation:3.2s ease-in-out infinite m-breathe,5.5s ease-in-out infinite m-hover}.mascot .m-tail{transform-origin:136px 186px;animation:2.6s ease-in-out infinite m-tail}.mascot .m-head{transform-origin:100px 140px;animation:7s ease-in-out infinite m-tilt}.mascot .m-eyes{transform-origin:100px 96px;animation:4.6s infinite m-blink}.mascot .m-ear-r{transform-origin:130px 60px;animation:9s ease-in-out infinite m-ear}.mascot .m-charm{transform-origin:100px 156px;animation:3.2s ease-in-out infinite m-charm}.mascot:not(.mood-wave) .m-arm{display:none}.mascot.mood-wave .m-arm{transform-origin:134px 158px;animation:.7s ease-in-out infinite alternate m-wave}.mascot.mood-proud .m-head{animation:m-proud 1.1s var(--spring) both}.mascot.mood-surprised .m-body{animation:m-jump .5s var(--spring)}.mascot.mood-dizzy .m-head{animation:.9s ease-in-out infinite m-dizzy}.mascot.mood-dizzy .m-stars{transform-origin:100px 34px;animation:1.4s linear infinite m-orbit}.mascot .m-zzz{animation:2.4s ease-in-out infinite m-zzz}.mascot .m-squish{animation:m-squish .55s var(--spring);transform-origin:100px 200px}@keyframes m-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.985)}}@keyframes m-hover{0%,to{translate:0}50%{translate:0 -3px}}@keyframes m-tail{0%,to{rotate:-4deg}50%{rotate:9deg}}@keyframes m-tilt{0%,70%,to{rotate:0deg}78%,90%{rotate:-4deg}}@keyframes m-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}@keyframes m-ear{0%,88%,to{rotate:0deg}90%{rotate:10deg}92%{rotate:-3deg}94%{rotate:6deg}}@keyframes m-charm{0%,to{rotate:-5deg}50%{rotate:5deg}}@keyframes m-wave{0%{rotate:-6deg}to{rotate:16deg}}@keyframes m-proud{0%{translate:0 4px;rotate:0deg}to{translate:0 -2px;rotate:-6deg}}@keyframes m-jump{0%{translate:0}40%{translate:0 -14px}to{translate:0}}@keyframes m-dizzy{0%,to{rotate:-7deg}50%{rotate:7deg}}@keyframes m-orbit{to{rotate:360deg}}@keyframes m-zzz{0%,to{opacity:.3;translate:0 4px}50%{opacity:1;translate:4px -4px}}@keyframes m-squish{0%{transform:scale(1)}25%{transform:scale(1.12,.86)}55%{transform:scale(.94,1.08)}to{transform:scale(1)}}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);background:#47333a47;position:absolute;inset:0}.sheet{z-index:41;background:var(--cream-50);max-height:72%;padding-bottom:calc(var(--safe-bottom) + 12px);transition:max-height .45s var(--ease-out);border-radius:30px 30px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 -1px #ffffffe6,0 -20px 50px -20px #6e403a59}.sheet.is-full{max-height:calc(100% - var(--safe-top) - 24px);height:calc(100% - var(--safe-top) - 24px)}.sheet-grip{cursor:grab;touch-action:none;flex:none;place-items:center;height:26px;display:grid}.sheet-grip i{background:var(--cocoa-100);border-radius:99px;width:42px;height:5px}.dialog-wrap{z-index:60;-webkit-backdrop-filter:blur(4px);background:#47333a52;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.dialog{background:var(--cream-0);width:100%;max-width:330px;box-shadow:var(--shadow-3);text-align:center;border-radius:30px;padding:26px 22px 20px;position:relative}.dialog h3{font-family:var(--font-title);margin:4px 0 6px;font-size:21px;font-weight:700}.dialog p{color:var(--cocoa-500);margin:0 0 18px;font-size:14px}.dialog .row{gap:10px;display:flex}.dialog .row .btn{flex:1;padding:0}.toasts{top:calc(var(--safe-top) + 10px);z-index:90;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.toast{max-width:100%;box-shadow:var(--shadow-2);color:var(--cocoa-700);-webkit-backdrop-filter:blur(12px);background:#fffdf9f5;border-radius:18px;padding:10px 16px;font-size:14px}.toast.tone-error{color:var(--berry-600)}.toast.tone-notice{text-align:left;width:100%;color:var(--cocoa-900);background:#faf8f6f0;border-radius:20px;padding:12px 16px;font-size:14.5px}.toast-app{color:var(--cocoa-500);margin-bottom:2px;font-size:12px;display:block}.bubble{max-width:240px;box-shadow:var(--shadow-2);font-family:var(--font-title);color:var(--cocoa-900);transform-origin:0 100%;background:#fff;border-radius:18px;padding:10px 14px;font-size:14.5px;font-weight:500;line-height:1.5;display:inline-grid;position:relative}.bubble>span{grid-area:1/1}.bubble-ghost{visibility:hidden}.bubble:after{content:"";background:#fff;border-radius:3px;width:14px;height:14px;position:absolute;transform:rotate(45deg)}.bubble.tail-left:after{bottom:14px;left:-5px}.bubble.tail-right{transform-origin:100% 100%}.bubble.tail-right:after{bottom:14px;right:-5px}.bubble.tail-down{transform-origin:bottom}.bubble.tail-down:after{bottom:-5px;left:calc(50% - 7px)}.login-sheet{max-height:86%}.login-head{align-items:center;gap:12px;padding:0 22px 12px;display:flex}.login-head h2{margin:0;font-size:22px}.login-head p{color:var(--cocoa-500);margin:2px 0 0;font-size:13px}.login-form{flex-direction:column;gap:10px;padding:4px 20px 6px;display:flex;overflow-y:auto}.login-form .lead{min-width:3.4em}.code-field{padding-right:6px}.code-btn{min-width:96px;height:40px;color:var(--accent-deep);background:var(--accent-soft);border-radius:12px;flex:none;padding:0 12px;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s}.code-btn:active{transform:scale(.95)}.code-btn:disabled{color:var(--cocoa-300);background:var(--cream-200)}.agree{color:var(--cocoa-500);align-items:flex-start;gap:8px;margin-top:4px;font-size:13px;line-height:1.55;display:flex;position:relative}.agree input{opacity:0;position:absolute}.agree-box{border:2px solid var(--cocoa-300);width:19px;height:19px;transition:all .2s var(--spring);background:#fff;border-radius:7px;flex:none;place-items:center;margin-top:1px;display:grid}.agree-box svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20px;width:14px;height:14px;transition:stroke-dashoffset .3s 50ms}.agree input:checked+.agree-box{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.agree input:checked+.agree-box svg{stroke-dashoffset:0}.agree input:focus-visible+.agree-box{outline:3px solid var(--accent-soft)}.agree.error .agree-box{border-color:var(--berry-500)}.agree button{color:var(--accent-deep);font-weight:600}.login-err{min-height:20px;color:var(--berry-600);text-align:center;font-size:13px}.legal{text-align:left}.legal h3{text-align:center}.legal-body{max-height:46vh;margin:8px 0 16px;padding-right:4px;overflow-y:auto}.legal-body p{color:var(--cocoa-700);text-align:left;margin:0 0 8px;font-size:13.5px}.backpack{min-height:52%}.bag-head{justify-content:space-between;align-items:center;padding:0 22px 12px;display:flex}.bag-eyebrow{color:var(--cocoa-500);letter-spacing:.2em;font-size:9px;font-weight:700}.bag-head h2{margin:0;font-size:24px}.bag-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 22px 18px;overflow-y:auto}.bag-description{color:var(--cocoa-500);margin:0 0 16px;font-size:13px}.bag-tabs{background:#f2e9de;border-radius:16px;gap:6px;margin-bottom:18px;padding:5px;display:flex}.bag-tabs button{color:var(--cocoa-500);border-radius:12px;flex:1;padding:7px 4px;font-size:13px}.bag-tabs button.on{color:var(--cocoa-900);background:#fffdf8;box-shadow:0 3px 8px -4px #b09989}.bag-tabs small{opacity:.6;margin-left:7px}.bag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bag-item{text-align:left;background:#fffdf9;border:1px solid #f2e6d9;border-radius:22px;min-width:0;padding:12px;box-shadow:0 7px 18px -12px #9d786b}.bag-item.is-secret{background:linear-gradient(140deg,#fffdf7,#fff2cd);border-color:#f2d797}.bag-item-art{background:radial-gradient(#ffe9e9,#0000 75%);border-radius:14px;place-items:center;height:112px;display:grid}.bag-item.is-secret .bag-item-art{background:radial-gradient(#ffdf95,#0000 75%)}.bag-item-art img,.bag-item-art>svg{object-fit:contain;width:100%;max-height:100px}.bag-item-tag{color:var(--cocoa-500);margin:7px 0 3px;font-size:9px;display:block}.bag-item>b{overflow-wrap:anywhere;font-size:15px;display:block}.bag-unopened{color:#fff9f2;background:linear-gradient(145deg,#ffc6d4,#f598b4);border-radius:20px;place-items:center;width:78px;height:78px;display:grid;rotate:-9deg;box-shadow:inset 0 2px #fff0f2,inset 0 -5px #d87997,0 10px 20px -9px #b67989}.bag-unopened span{font:700 18px var(--font-title);position:absolute}.bag-unopened svg{opacity:.45}.bag-empty{flex-direction:column;align-items:center;padding:14px 0;display:flex}.bag-empty b{margin-top:7px;font-size:18px}.bag-empty p{color:var(--cocoa-500);margin:3px 0;font-size:12px}.bag-keeper{justify-content:center;align-items:center;gap:12px;padding-top:20px;display:flex}.bag-keeper p{color:var(--cocoa-700);font-size:12px}.bag-keeper span{color:var(--cocoa-500);font-size:11px}.bag-detail{text-align:center;padding-top:14px}.bag-detail .pcard-wrap{margin:0 auto}.bag-detail h3{margin:20px 0 3px;font-size:21px}.bag-origin{color:var(--cocoa-500);font-size:11px}.bag-delivery{text-align:left;color:#77634e;background:#f3efe7;border-radius:18px;align-items:center;gap:12px;margin:18px 0;padding:14px;display:flex}.bag-delivery b{font-size:13px;display:block}.bag-delivery span{color:var(--cocoa-500);font-size:11px}.bag-detail>.btn{margin-top:14px}.bag-image-view{z-index:2;background:#fffaf3;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.bag-image-view .icon-btn{position:absolute;top:12px;right:16px}.bag-image-view img{object-fit:contain;max-height:80%}.bag-letter{color:#9c7135;text-align:left;background:linear-gradient(130deg,#fff5d9,#fffaf0);border:1px solid #ebcf9e;border-radius:18px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:16px;display:flex}.bag-letter div{flex:1}.bag-letter b{font-size:14px}.bag-letter span{color:#9d8a71;font-size:11px;display:block}.finale{z-index:75;position:absolute;inset:0;overflow:hidden}.finale-bg{background:radial-gradient(60% 40% at 50% 34%,#fffdf2 0%,#fffdf200 70%),radial-gradient(90% 60% at 0 100%,#ffd6e0 0%,#ffd6e000 60%),radial-gradient(90% 60% at 100% 100%,#cdeee3 0%,#cdeee300 60%),linear-gradient(#fff1d6 0%,#fbe4d4 100%);position:absolute;inset:0}.finale-rays{background:repeating-conic-gradient(#ffe9a8bf 0deg 6deg,#ffe9a800 6deg 15deg);width:200vmax;height:200vmax;margin:-100vmax 0 0 -100vmax;animation:40s linear infinite finale-spin;position:absolute;top:34%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000008c 14%,#0000 38%);mask:radial-gradient(circle,#000 0%,#0000008c 14%,#0000 38%)}@keyframes finale-spin{to{rotate:360deg}}.finale-halo{background:radial-gradient(circle,#fffffff2 0%,#fff6d699 35%,#fff6d600 70%);border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;position:absolute;top:34%;left:50%}.finale-body{padding:calc(var(--safe-top) + 44px) 22px calc(var(--safe-bottom) + 22px);text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.finale-kicker{box-shadow:var(--shadow-1);color:#a46a1b;letter-spacing:.22em;background:#ffffffbf;border-radius:99px;padding:4px 12px;font-size:10.5px;font-weight:700}.finale-title{justify-content:center;margin:14px 0 4px;font-size:38px;line-height:1.15;display:flex}.finale-title span{display:inline-block}.finale-sub{color:var(--cocoa-700);margin:0;font-size:14px}.finale-cards{justify-content:center;gap:4px;margin:auto 0;padding:18px 0 8px;display:flex}.finale-cards .pcard-wrap.size-md{--w:min(40vw, 168px)}.finale-card{flex-direction:column;align-items:center;gap:10px;display:flex}.finale-float{animation:4.2s ease-in-out infinite finale-float}.finale-card-tag{letter-spacing:.06em;color:#fff;background:var(--berry-500);box-shadow:0 6px 12px -6px var(--berry-600);border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:700}.finale-card.c-claw .finale-card-tag{background:var(--mint-500);box-shadow:0 6px 12px -6px var(--mint-600)}@keyframes finale-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.finale-foot{z-index:3;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex;position:relative}.finale-cat{flex-direction:column;align-items:center;display:flex;position:relative}.finale-bubble{max-width:270px;margin-bottom:8px}.finale-jump{animation:finale-jump 1.6s var(--spring) infinite;transform-origin:50% 100%}@keyframes finale-jump{0%,55%,to{transform:translateY(0)scale(1)}8%{transform:translateY(0)scale(1.08,.9)}25%{transform:translateY(-22px)scale(.96,1.05)}42%{transform:translateY(0)scale(1.06,.93)}}.finale-actions{width:100%;margin-top:14px}.finale-confetti{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}@media (max-height:700px){.finale-body{padding-top:calc(var(--safe-top) + 26px)}.finale-title{font-size:32px}.finale-cards{padding-top:10px}.finale-cards .pcard-wrap.size-md{--w:min(31vw, 128px)}}.hud{z-index:5;padding:0 14px calc(var(--safe-bottom) + 14px);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-card{-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-2), inset 0 0 0 1px #ffffffb3;background:#fffdf9eb;border-radius:26px;margin-right:70px}.hud-hint{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;align-items:flex-end;gap:4px;padding:10px 12px 10px 6px;display:flex}.hud-hint .bubble{margin-bottom:26px}.hud-status{align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex}.hud-status b{font-size:18px;display:block}.hud-status span{color:var(--cocoa-500);font-size:12.5px}.dots{background:radial-gradient(circle, var(--accent) 3.5px, transparent 4px) 0 0 / 12px 8px repeat-x;width:34px;height:8px;margin-left:auto;animation:.9s steps(3,end) infinite dots;-webkit-mask:linear-gradient(90deg,#000 0 100%);mask:linear-gradient(90deg,#000 0 100%)}@keyframes dots{0%{clip-path:inset(0 66% 0 0)}to{clip-path:inset(0 -10% 0 0)}}.hud-confirm{text-align:center;padding:18px 18px 16px}.confirm-tag{color:var(--accent-deep);background:var(--accent-soft);border-radius:99px;padding:3px 12px;font-size:12.5px;display:inline-block}.hud-confirm h3{margin:8px 0 2px;font-size:21px}.hud-confirm p{color:var(--cocoa-500);margin:0 0 14px;font-size:13.5px}.hud-confirm .row{gap:10px;display:flex}.hud-confirm .row .btn{flex:1;padding:0}.hud-knob{justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 12px 20px;display:flex}.knob-copy b{font-size:20px;display:block}.knob-copy span{color:var(--cocoa-500);font-size:13px}.knob{touch-action:none;cursor:grab;flex:none;width:130px;height:130px;position:relative}.knob svg{position:absolute;inset:0}.knob-track{fill:none;stroke:var(--cream-200);stroke-width:8px}.knob-progress{fill:none;stroke:var(--butter-500);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 80ms linear}.knob-dial{background:radial-gradient(circle at 35% 30%,#fff6d8 0%,#fff6d800 45%),radial-gradient(circle,#ffe08f 0%,#ffd06a 62%,#f2b440 100%);border-radius:50%;position:absolute;inset:22px;box-shadow:inset 0 -5px #d99a1c8c,inset 0 3px #ffffffb3,0 10px 18px -8px #d99a1ccc}.knob-grip{background:linear-gradient(#f6c45a,#e2a12b);border-radius:99px;height:22px;position:absolute;top:calc(50% - 11px);left:10px;right:10px;box-shadow:inset 0 2px #ffffff8c,0 3px 6px -2px #965a0a80}.knob-dot{background:var(--berry-500);border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);right:18px;box-shadow:inset 0 1px #fff9}.knob-arrow{width:30px;height:30px;box-shadow:var(--shadow-1);background:#fff;border-radius:50%;place-items:center;animation:1.6s ease-in-out infinite nudge;display:grid;position:absolute;top:-4px;right:-4px}.knob-arrow svg{fill:none;width:18px;height:18px;stroke:var(--cocoa-700);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}@keyframes nudge{50%{rotate:40deg}}.claw-instrument{top:calc(var(--safe-top) + 68px);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9cc;border:1px solid #fffc;border-radius:22px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;left:18px;right:18px}.claw-clock{width:48px;height:48px;color:var(--accent-deep);flex:none;place-items:center;display:grid;position:relative}.claw-clock svg{position:absolute;inset:0}.claw-clock circle{fill:none;stroke-width:3px}.clock-track{stroke:#dcefe5}.clock-bar{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.claw-clock b{font-size:22px}.claw-clock small{font:10px var(--font-body);margin-left:1px}.claw-clock.is-urgent{color:#d65379}.claw-instrument>div>b{font-size:13px;display:block}.claw-instrument>div>span{color:var(--cocoa-500);font-size:11px;display:block}.claw-camera{color:#347c67;background:#e4f5ec;border-radius:14px;align-items:center;gap:5px;margin-left:auto;padding:9px 10px;font-size:12px;display:flex}.claw-hud .hud-card{margin-right:0}.claw-hud .hud-status{margin-right:70px}.claw-ready{margin-bottom:66px;padding:17px 20px 20px}.claw-ready-head{align-items:center;gap:10px;display:flex}.claw-kicker{letter-spacing:.18em;color:#347c67;font-size:10px;font-weight:700}.claw-ready h3{margin:0;font-size:23px}.claw-ready p{color:var(--cocoa-500);margin:4px 0 15px;font-size:13px}.claw-controls{box-shadow:var(--shadow-2), inset 0 2px 0 #fff, inset 0 -4px 0 #cde9dd;background:linear-gradient(155deg,#fffdf9fa,#e2f7eef0);justify-content:space-around;align-items:center;margin-bottom:3px;padding:18px 18px 14px;display:flex}.joystick-wrap,.claw-grab-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.joystick-wrap>span,.claw-grab-wrap>span{color:#527b6c;letter-spacing:.06em;font-size:11px}.joystick{touch-action:none;cursor:grab;background:linear-gradient(160deg,#fffcf5,#e6f1e9);border-radius:50%;width:126px;height:126px;position:relative;box-shadow:inset 0 2px #fff,inset 0 -3px #c6dcd0,0 7px 12px -8px #5a8874}.joystick:focus-visible{outline-offset:4px;outline:3px solid #5cc4a6}.stick-well{background:radial-gradient(circle at 48% 40%,#a5cdbb,#cde5d8 60%,#f2faf5);border-radius:50%;position:absolute;inset:17px;box-shadow:inset 0 5px 9px #356a522e,0 1px #fff}.stick-cap{color:#fff9f1;pointer-events:none;background:radial-gradient(circle at 34% 20%,#c1f1dd,#76ceae 50%,#4ca582);border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:35px;left:35px;box-shadow:inset 0 2px 1px #e6fff2,inset 0 -4px #439570,0 9px 14px -5px #568a72}.stick-arrow{clip-path:polygon(50% 0,100% 100%,0 100%);background:#699c83;width:6px;height:6px;position:absolute}.stick-arrow.up{top:5px;left:60px}.stick-arrow.right{top:60px;right:5px;rotate:90deg}.stick-arrow.down{bottom:5px;left:60px;rotate:180deg}.stick-arrow.left{top:60px;left:5px;rotate:-90deg}.claw-grab{color:#fffaf4;background:radial-gradient(circle at 35% 16%,#ffdce5,#f998b3 45%,#df6d91);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;font-size:25px;line-height:1.25;display:flex;box-shadow:inset 0 3px #fff0f4,inset 0 -6px #c9567c,0 13px 20px -9px #c2768a,0 0 0 7px #fffaf3}@media (max-height:720px){.claw-ready{margin-bottom:54px;padding:12px 16px 14px}.claw-ready h3{font-size:20px}.claw-controls{padding:10px 14px}.joystick{width:110px;height:110px}.stick-cap{top:27px;left:27px}.stick-arrow.up,.stick-arrow.down{left:52px}.stick-arrow.right,.stick-arrow.left{top:52px}.claw-grab{width:82px;height:82px}}.reveal{z-index:70;position:absolute;inset:0;overflow:hidden}.reveal-bg{background:radial-gradient(70% 48% at 50% 46%,#fffaf4 0%,#fffaf400 70%),radial-gradient(120% 80% at 50% 110%,#f3cbd6 0%,#f3cbd600 60%),linear-gradient(#f6e6e3 0%,#f1d8dc 100%);transition:background .8s;position:absolute;inset:0}.reveal.is-rare.phase-card .reveal-bg,.reveal.is-rare.phase-leaving .reveal-bg{background:radial-gradient(70% 48% at 50% 44%,#fffbea 0%,#fffbea00 70%),radial-gradient(120% 80% at 50% 110%,#f8d996 0%,#f8d99600 60%),linear-gradient(#f8ecd8 0%,#f3dcc0 100%)}.reveal-rays{background:repeating-conic-gradient(#ffeeba8c 0deg 7deg,#ffeeba00 7deg 18deg);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;animation:24s linear infinite rays;position:absolute;top:44%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0009 18%,#0000 42%);mask:radial-gradient(circle,#000 0%,#0009 18%,#0000 42%)}@keyframes rays{to{rotate:360deg}}.stage-host{touch-action:none;position:absolute;inset:0}.reveal-canvas{inset:0;position:absolute!important}.stage-loading{color:var(--cocoa-500);place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.stage-hint{left:0;right:0;bottom:calc(var(--safe-bottom) + 70px);pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute}.stage-hint b{color:var(--cocoa-900);font-size:22px}.stage-hint span{color:var(--cocoa-500);font-size:13.5px}.gesture{width:40px;height:40px;margin-top:10px;display:block}.gesture svg{fill:#fff;width:100%;height:100%;stroke:var(--cocoa-900);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 4px 6px #6e403a4d)}.g-right{animation:1.6s ease-in-out infinite g-right}.g-up{animation:1.4s ease-in-out infinite g-up}.g-across{animation:1.4s ease-in-out infinite g-across}@keyframes g-right{0%{opacity:0;transform:translate(-50px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(60px)}}@keyframes g-up{0%{opacity:0;transform:translateY(24px)}25%{opacity:1}to{opacity:0;transform:translateY(-36px)}}@keyframes g-across{0%{opacity:0;transform:translate(-70px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(70px)}}.stage-steps{top:calc(var(--safe-top) + 26px);pointer-events:none;justify-content:center;gap:8px;display:flex;position:absolute;left:0;right:0}.stage-steps i{width:26px;height:6px;transition:background .3s, width .3s var(--spring);background:#6e403a24;border-radius:99px}.stage-steps i.on{background:var(--accent);width:40px}.stage-steps i.done{background:var(--accent-deep)}.charge-ring{width:54px;height:54px;margin-top:10px}.charge-ring .track{fill:#ffffffb3;stroke:#6e403a1f;stroke-width:5px}.charge-ring .bar{fill:none;stroke:var(--butter-500);stroke-width:5px;stroke-linecap:round}.reveal-result{padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.reveal-head{text-align:center}.reveal-kicker{letter-spacing:.08em;color:var(--cocoa-700);background:#ffffffb3;border-radius:99px;padding:3px 12px;font-size:12.5px;display:inline-block}.reveal-head h2{color:var(--cocoa-900);margin:8px 0 0;font-size:28px}.gold-text{background:linear-gradient(#e9a225 0%,#b86c08 100%);filter:drop-shadow(0 2px #fffc);-webkit-background-clip:text;background-clip:text;color:#0000!important}.reveal-actions{gap:10px;width:100%;max-width:330px;display:flex}.reveal-actions .btn{flex:1;padding:0}.reveal-note{color:var(--cocoa-500);margin:-6px 0 0;font-size:12.5px}.reveal-cat{position:absolute;top:52%;right:18px}.pcard-wrap{perspective:900px;--w:min(66vw, 268px)}.pcard-wrap.size-md{--w:min(52vw, 200px)}.pcard-flip{transform-style:preserve-3d}.pcard{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--hyp:0;width:var(--w);aspect-ratio:63/88;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));touch-action:none;position:relative}.pcard-face{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0;overflow:hidden}.pcard-front{background:var(--cream-0);box-shadow:0 30px 50px -24px #6e403a8c,0 8px 16px -8px #6e403a4d}.pcard.is-secret .pcard-front{background:linear-gradient(135deg,#fff1bf 0%,#f3c057 22%,#fff4cf 40%,#e7a63a 60%,#ffe8a6 80%,#d99430 100%);padding:9px}.pcard.is-secret .pcard-front:before{content:"";background:radial-gradient(80% 60% at 50% 40%,#fffdf6 0%,#fff4dd 70%,#fbe5bf 100%);border-radius:13px;position:absolute;inset:9px;box-shadow:inset 0 0 0 1.5px #ffffffd9}.pcard.is-sticker .pcard-front{background:radial-gradient(90% 70% at 50% 40%,#fff 0%,#fff5ec 100%);border:8px solid #fff}.pcard-art{z-index:1;place-items:center;display:grid;position:absolute;inset:9% 8% 18%}.pcard.is-secret .pcard-art{inset:12% 10% 14%}.pcard-art img{object-fit:contain;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)drop-shadow(0 14px 18px #78461e59);max-width:100%;max-height:100%;transform:translateZ(30px)}.gift-ph{width:86%}.pcard-badge{z-index:2;color:#ffe7a3;background:linear-gradient(#6b4210,#4a2c08);border-radius:99px;align-items:center;gap:6px;padding:4px 12px 4px 6px;display:flex;position:absolute;bottom:14px;left:50%;translate:-50%;box-shadow:inset 0 0 0 1px #ffdc8c80}.pcard-badge span{color:#5a3506;letter-spacing:.12em;background:linear-gradient(#ffe08f,#e8a633);border-radius:99px;padding:1px 6px;font-size:9.5px;font-weight:800}.pcard-badge b{font-family:var(--font-title);letter-spacing:.2em;font-size:13px}.pcard-caption{z-index:2;text-align:center;position:absolute;bottom:18px;left:0;right:0}.pcard-caption span{letter-spacing:.2em;color:var(--cocoa-500);font-size:11px;display:block}.pcard-caption b{color:var(--cocoa-900);font-size:20px}.pcard-holo{z-index:3;pointer-events:none;mix-blend-mode:color-dodge;opacity:calc(.25 + var(--hyp) * .55);background:repeating-linear-gradient(115deg, #ff77a88c 0%, #ffed758c 6%, #79ffd28c 12%, #84baff8c 18%, #d68cff8c 24%, #ff77a88c 30%), radial-gradient(circle at var(--mx) var(--my), #ffffff80 0%, transparent 45%);background-size:300% 300%,100% 100%;background-position:var(--mx) var(--my), 0 0;position:absolute;inset:0}.pcard.is-sticker .pcard-holo{opacity:calc(.08 + var(--hyp) * .22)}.pcard-glare{z-index:4;pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffffe6 0%, #ffffff40 25%, #0000002e 90%);opacity:.6;position:absolute;inset:0}.pcard-back{background:repeating-linear-gradient(45deg,#ffffff2e 0 10px,#fff0 10px 20px),linear-gradient(160deg,#ffb7c9,#f77f9e);border:8px solid #fffaf2;transform:rotateY(180deg);box-shadow:0 30px 50px -24px #6e403a8c}.pcard-back-inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.pcard-back-inner span{letter-spacing:.24em;color:#fff;font-size:16px}.poster-wrap{z-index:80;-webkit-backdrop-filter:blur(6px);background:#47333a73;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.poster{text-align:center;width:100%;max-width:330px}.poster img{width:100%;box-shadow:var(--shadow-3);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:18px}.poster-loading{aspect-ratio:1080/1680;background:var(--cream-50);color:var(--cocoa-500);border-radius:18px;place-items:center;display:grid}.poster-tip{color:#fff;margin:12px 0;font-size:13.5px}.poster .row{gap:10px;display:flex}.poster .row .btn{flex:1;padding:0;text-decoration:none}.bg{z-index:0;--px:0;--py:0;background:linear-gradient(#fffaf4 0%,#fff4e8 55%,#fbe7d3 100%);position:absolute;inset:0;overflow:hidden}.bg-blobs{filter:blur(46px)saturate(1.05);opacity:.9;position:absolute;inset:-20%}.bg-blobs i{border-radius:50%;transition:background 1.2s;animation:22s ease-in-out infinite alternate blob;position:absolute}.bg-blobs .b1{background:#ffd6e0;width:62%;height:42%;top:6%;left:2%}.bg-blobs .b2{background:#fff0c4;width:54%;height:40%;animation-duration:26s;animation-delay:-6s;top:20%;right:0}.bg-blobs .b3{background:#d8f3ea;width:64%;height:40%;animation-duration:30s;animation-delay:-12s;bottom:6%;left:18%}.bg-blobs .b4{background:#ebe3ff;width:40%;height:30%;animation-duration:24s;animation-delay:-3s;bottom:24%;left:-4%}.bg-claw .b1{background:#d4f3e8}.bg-claw .b3{background:#ffe0e8}@keyframes blob{0%{transform:translate(0)scale(1)}50%{transform:translate(8%,6%)scale(1.12)}to{transform:translate(-6%,-4%)scale(.94)}}.bg-floor{background:radial-gradient(60% 52% at 50% 0,#fff0e0f2 0%,#fbe7d300 70%);height:34%;position:absolute;bottom:-6%;left:-10%;right:-10%}.bg-item{opacity:.85;translate:calc(var(--px) * var(--d) * -14px) calc(var(--py) * var(--d) * -10px);animation:10s ease-in-out infinite alternate drift;position:absolute}.bg-item svg{display:block}@keyframes drift{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-14px)rotate(5deg)}}.bg-grain{position:absolute;inset:0}.sparks{z-index:100;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spark{background:var(--c);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px;animation:spark .7s var(--ease-out) forwards;margin:-5px 0 0 -5px;position:absolute}.spark.heart{clip-path:path("M5 9.2C2 7.2 0 5.4 0 3.2 0 1.4 1.3 0 3 0c.9 0 1.6.4 2 1 .4-.6 1.1-1 2-1 1.7 0 3 1.4 3 3.2 0 2.2-2 4-5 6Z")}@keyframes spark{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1.1) rotate(var(--r));opacity:0}}.ui{z-index:2;pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}.topbar{top:calc(var(--safe-top) + 10px);z-index:10;pointer-events:none;justify-content:space-between;align-items:center;height:44px;display:flex;position:absolute;left:14px;right:14px}.topbar>*{pointer-events:auto}.me-chip{-webkit-backdrop-filter:blur(10px);height:42px;box-shadow:var(--shadow-1), inset 0 0 0 1px #ffffffb3;background:#fffdf9db;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 5px;display:flex}.me-avatar{background:var(--berry-100);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.me-name{color:var(--cocoa-700);text-overflow:ellipsis;white-space:nowrap;max-width:8em;font-size:14px;font-weight:600;overflow:hidden}.me-chip.is-guest .me-name{color:var(--accent-deep)}.topbar-title{color:var(--cocoa-900);white-space:nowrap;font-size:17px;position:absolute;left:50%;translate:-50%}.topbar-right{gap:8px;display:flex}.menu-catch{position:fixed;inset:0}.menu{background:var(--cream-0);min-width:200px;box-shadow:var(--shadow-3);transform-origin:24px 0;border-radius:20px;padding:8px;position:absolute;top:52px;left:0}.menu-head{border-bottom:var(--hairline);margin-bottom:6px;padding:8px 10px 10px}.menu-head b{font-size:15px;display:block}.menu-head span{color:var(--cocoa-500);font-variant-numeric:tabular-nums;font-size:12.5px}.menu-item{width:100%;color:var(--cocoa-700);border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:14.5px;display:flex}.menu-item:active{background:var(--cream-100)}.hero{top:calc(var(--safe-top) + 66px);z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:20px;right:14px}.hero-copy{pointer-events:none}.eyebrow{letter-spacing:.16em;color:var(--cocoa-500);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.live-dot{background:var(--mint-500);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite live;box-shadow:0 0 #4fbf9f99}@keyframes live{to{box-shadow:0 0 0 7px #4fbf9f00}}.hero h1{letter-spacing:.04em;color:var(--cocoa-900);margin:2px 0 0;font-size:36px;line-height:1.15}.hero-sub{color:var(--cocoa-500);margin:4px 0 10px;font-size:13.5px}.chances{gap:8px;display:flex}.chance{height:28px;box-shadow:var(--shadow-1);color:var(--cocoa-700);background:#fffdf9db;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:12.5px;display:inline-flex}.chance i{background:var(--berry-400);border-radius:3px;width:8px;height:8px}.chance.c-claw i{background:var(--mint-400);border-radius:50%}.chance b{color:var(--cocoa-900);font-size:13px}.chance.is-done{opacity:.7}.hero-cat{pointer-events:auto;margin-top:-4px;position:relative}.hero-bubble{width:max-content;max-width:190px;font-size:13.5px;position:absolute;bottom:calc(100% + 2px);right:4px}.hero-bubble.tail-down:after{left:auto;right:38px}.hall-panel{z-index:3;padding:0 16px calc(var(--safe-bottom) + 10px);position:absolute;bottom:0;left:0;right:0}.pager{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;display:flex}.pager-name{align-items:baseline;gap:8px;display:flex;overflow:hidden}.pager-name span{color:var(--accent-deep);font-size:13px}.pager-name b{color:var(--cocoa-900);font-size:19px;display:inline-block}.pager-dots{align-items:center;gap:6px;display:flex}.pager-dots i{background:var(--cocoa-300);width:7px;height:7px;transition:width .35s var(--spring), background .3s;border-radius:99px}.pager-dots i.on{background:var(--accent);width:20px}.pager-arrow{width:30px;height:30px;color:var(--cocoa-700);box-shadow:var(--shadow-1);background:#fffdf9cc;border-radius:50%;place-items:center;display:grid}.pager-arrow:disabled{opacity:.35}.pool{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-1), inset 0 0 0 1px #fff9;background:#fffdf9d1;border-radius:20px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.pool-card{background:linear-gradient(140deg,#fff6d6 0%,#ffd77a 45%,#f3b54c 70%,#ffe9a8 100%);border-radius:10px;flex:none;place-items:center;width:40px;height:50px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb3,0 6px 12px -6px #d9932dcc}.pool-card:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffffd9 50%,#0000 60%);animation:3.2s ease-in-out infinite foil;position:absolute;inset:-40%}.pool-card span{color:#8a5212;text-shadow:0 1px #fff9;font-size:24px}@keyframes foil{0%,40%{translate:-60%}to{translate:60%}}.pool-text b{color:var(--cocoa-900);font-size:14.5px;display:block}.pool-text span{color:var(--cocoa-500);font-size:12px}.cta-row{gap:10px;padding-right:66px;display:flex}.cta{flex:1;height:58px;font-size:19px}.ticker{height:30px;color:var(--cocoa-500);white-space:nowrap;align-items:center;gap:8px;margin-top:8px;padding:0 6px;font-size:11.5px;display:flex;overflow:hidden}.ticker-count b{color:var(--cocoa-700);font-size:12px}.ticker-sep{background:var(--cocoa-300);border-radius:50%;flex:none;width:3px;height:3px}.ticker-roll{flex:1;min-width:0;height:18px;position:relative;overflow:hidden}.ticker-roll span{text-overflow:ellipsis;max-width:100%;position:absolute;top:0;left:0;overflow:hidden}.fab{right:16px;bottom:calc(var(--safe-bottom) + 48px);z-index:20;width:58px;height:58px;color:var(--cocoa-900);box-shadow:inset 0 -3px 0 var(--cream-300), inset 0 2px 0 #fff, 0 14px 24px -12px #6e403a8c;background:linear-gradient(#fffdf8,#fff2e2);border-radius:22px;place-items:center;display:grid;position:absolute}.fab svg{width:28px;height:28px}.fab-badge{background:var(--berry-500);color:#fff;text-align:center;min-width:20px;height:20px;box-shadow:0 0 0 2.5px var(--cream-50);border-radius:99px;padding:0 5px;font-size:11.5px;font-weight:700;line-height:20px;position:absolute;top:-5px;right:-5px}.fab-dot{background:var(--butter-500);border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite live-butter;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #fff}@keyframes live-butter{to{box-shadow:0 0 0 2px #fff,0 0 0 9px #f5bd4500}0%{box-shadow:0 0 0 2px #fff,0 0 #f5bd4599}}.fab.is-machine{bottom:calc(var(--safe-bottom) + 18px)}.hall-layer{pointer-events:none;position:absolute;inset:0}.hall-layer>*{pointer-events:auto}.hall-layer>.hero{pointer-events:none}.guide{z-index:50;cursor:pointer;position:absolute;inset:0;overflow:hidden}.guide-hole{pointer-events:none;position:absolute;top:0;left:0;box-shadow:0 0 0 200vmax #2c1c23b8}.guide-ring{border-radius:inherit;border:2.5px solid #fffffff2;animation:1.6s ease-out infinite guide-ring;position:absolute;inset:-4px;box-shadow:0 0 #fff9}@keyframes guide-ring{0%{box-shadow:0 0 #ffffff8c}to{box-shadow:0 0 0 14px #fff0}}.guide-skip{top:calc(var(--safe-top) + 16px);color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff2e;border-radius:99px;height:34px;padding:0 16px;font-size:13.5px;position:absolute;right:14px;box-shadow:inset 0 0 0 1px #ffffff59}.guide-pop{cursor:default;align-items:flex-end;gap:6px;display:flex;position:absolute;left:16px;right:16px}.guide-pop.align-right{flex-direction:row-reverse}.guide-talk{flex-direction:column;flex:1;align-items:flex-start;gap:10px;min-width:0;padding-bottom:6px;display:flex}.guide-pop.align-right .guide-talk{align-items:flex-end}.guide-bubble{max-width:100%;font-size:15px}.guide-ctrl{align-items:center;gap:12px;display:flex}.guide-pop.align-right .guide-ctrl{flex-direction:row-reverse}.guide-dots{gap:5px;display:flex}.guide-dots i{width:6px;height:6px;transition:width .35s var(--spring), background .3s;background:#fff6;border-radius:99px}.guide-dots i.on{background:#fff;width:18px}.guide-dots i.done{background:#ffffffbf}.guide-next.btn.sm{height:38px;padding:0 18px;font-size:14.5px}.guide-cat{filter:drop-shadow(0 10px 16px #00000040);flex:none}.guide-pop.is-center{flex-direction:column;justify-content:center;align-items:center;gap:0;padding-bottom:40px;top:0;bottom:0}.guide-pop.is-center .guide-talk{display:contents}.guide-pop.is-center .guide-bubble{text-align:center;order:0;max-width:270px;margin-bottom:14px}.guide-pop.is-center .guide-cat{order:1}.guide-pop.is-center .guide-ctrl{flex-direction:column;order:2;gap:14px;margin-top:22px}.guide-pop.is-center .guide-next.btn.sm{min-width:160px;height:48px;font-size:16px}.guide-swipe{pointer-events:none;width:38px;height:38px;margin-left:-19px;animation:1.8s ease-in-out infinite guide-swipe;position:absolute;bottom:-52px;left:50%}.guide-swipe svg{fill:#fff;width:100%;height:100%;stroke:var(--cocoa-900);stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 4px 6px #0000004d)}@keyframes guide-swipe{0%{opacity:0;transform:translate(70px)rotate(8deg)}15%{opacity:1}70%{opacity:1;transform:translate(-70px)rotate(-6deg)}to{opacity:0;transform:translate(-80px)rotate(-6deg)}}.loader{z-index:200;background:radial-gradient(70% 45% at 50% 38%,#fff 0%,#fff0 70%),linear-gradient(#fff7ee 0%,#ffeef2 100%);place-items:center;display:grid;position:absolute;inset:0}.loader-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:0 28px;display:flex}.candy-bar{align-items:center;width:min(260px,72vw);height:56px;display:flex}.candy-end{flex:none;width:34px;height:48px}.candy-end.l{transform-origin:100%;margin-right:-6px;animation:1.4s ease-in-out infinite wiggle-l}.candy-end.r{transform-origin:0;margin-left:-6px;animation:1.4s ease-in-out infinite wiggle-r}@keyframes wiggle-l{50%{transform:rotate(-6deg)}}@keyframes wiggle-r{50%{transform:rotate(6deg)}}.candy-body{z-index:1;background:#fffaf2;border:3.5px solid #47333a;border-radius:20px;flex:1;height:40px;position:relative;overflow:hidden}.candy-fill{background:repeating-linear-gradient(-55deg,#ffffff8c 0 9px,#fff0 9px 18px) 0 0/44px 44px,linear-gradient(90deg,#ffb7c9,#ff9db6) 0 0/100% 100%;border-radius:0 16px 16px 0;height:100%;transition:width .12s linear;animation:.9s linear infinite stripes}@keyframes stripes{to{background-position:44px 0,0 0}}.candy-shine{background:#ffffffb3;border-radius:99px;height:6px;position:absolute;top:5px;left:12px;right:12px}.loader-meta{flex-direction:column;align-items:center;gap:2px;min-height:46px;display:flex}.loader-meta b{color:var(--cocoa-900);font-size:22px}.loader-meta span{color:var(--cocoa-500);font-size:13px}.loader-brand{bottom:calc(var(--safe-bottom) + 28px);text-align:center;letter-spacing:.12em;color:var(--cocoa-300);font-size:13px;position:absolute;left:0;right:0}.loader.is-error h2{margin:0;font-size:22px}.loader.is-error p{color:var(--cocoa-500);margin:-8px 0 4px;font-size:14px}