*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:#050505;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{min-height:100vh;min-height:100dvh}:root{--bg-0: #050505;--bg-1: #0A0A0A;--bg-2: #0F0F0F;--bg-3: #161616;--bg-4: #1E1E1E;--gold: #C9A84C;--gold-soft: #D4B86A;--gold-deep: #7A5418;--gold-dim: rgba(201, 168, 76, .12);--gold-border: rgba(201, 168, 76, .35);--border: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow-md: 0 4px 12px rgba(0,0,0,.55);--shadow-lg: 0 10px 28px rgba(0,0,0,.6);--shadow-xl: 0 18px 48px rgba(0,0,0,.65);--shadow-gold: 0 0 36px rgba(201,168,76,.22);--shadow-gold-lg: 0 0 64px rgba(201,168,76,.32)}.root{min-height:100vh;min-height:100dvh;background:var(--bg-1);display:flex;justify-content:center}.frame{width:100%;max-width:390px;min-height:100vh;min-height:100dvh;background:var(--bg-1);position:relative;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.frame,.frame *,.root,.root *{scrollbar-width:none;-ms-overflow-style:none}.frame::-webkit-scrollbar,.frame *::-webkit-scrollbar,.root::-webkit-scrollbar,.root *::-webkit-scrollbar{width:0!important;height:0!important;display:none;background:transparent}@keyframes up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tabIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes goldIdlePulse{0%,to{box-shadow:0 6px 24px #c9a84c47,0 0 #c9a84c00}50%{box-shadow:0 8px 32px #c9a84c6b,0 0 0 4px #c9a84c0d}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes logoBoom{0%{opacity:0;transform:scale(.5) translateY(16px)}65%{transform:scale(1.1) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes letterDrop{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes goldLine{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes shimmerPan{0%{background-position:-300% center}to{background-position:300% center}}@keyframes glowPulse{0%,to{box-shadow:0 0 30px #c9a84c40,0 0 60px #c9a84c1a}50%{box-shadow:0 0 60px #c9a84c80,0 0 120px #c9a84c33}}@keyframes splashOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes ringPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes numPop{0%{opacity:0;transform:translateY(5px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadLogoIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes loadGlow{0%,to{filter:drop-shadow(0 0 12px rgba(201,168,76,.3))}50%{filter:drop-shadow(0 0 28px rgba(201,168,76,.7))}}.splash-exit{animation:splashOut .7s cubic-bezier(.4,0,.2,1) 3.3s both}.logo-glow{animation:glowPulse 2.2s ease-in-out 1.4s infinite}.shimmer{background:linear-gradient(90deg,#fff 20%,#c9a84c,#fff 80%);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerPan 2.5s linear 1.3s both}.up{animation:up .48s cubic-bezier(.16,1,.3,1) both}.u1{animation:up .48s cubic-bezier(.16,1,.3,1) .06s both}.u2{animation:up .48s cubic-bezier(.16,1,.3,1) .12s both}.u3{animation:up .48s cubic-bezier(.16,1,.3,1) .18s both}.u4{animation:up .48s cubic-bezier(.16,1,.3,1) .24s both}.u5{animation:up .48s cubic-bezier(.16,1,.3,1) .3s both}.u6{animation:up .48s cubic-bezier(.16,1,.3,1) .36s both}.fi{animation:fadeIn .45s ease both}.si{animation:scaleIn .38s cubic-bezier(.16,1,.3,1) both}.tab{animation:tabIn .3s cubic-bezier(.16,1,.3,1) both}.gold-idle{animation:goldIdlePulse 2.6s ease-in-out infinite}.tap,.scale-tap{cursor:pointer;transition:transform .13s ease,opacity .13s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tap:active,.scale-tap:active{transform:scale(.96);opacity:.85}.scroll-row{display:flex;overflow-x:auto;gap:12px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.btn-g{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(180deg,#d4b86a,#c9a84c 55%,#b89438);color:#0a0a0a;border:none;border-radius:50px;padding:18px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:15px;letter-spacing:2.8px;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,filter .2s ease;box-shadow:0 6px 22px #c9a84c47,inset 0 1px #ffffff59;overflow:hidden}.btn-g:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 45%);pointer-events:none}.btn-g:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 36px #c9a84c6b,inset 0 1px #fff6}.btn-g:active{transform:scale(.97)}.btn-g:disabled{opacity:.32;pointer-events:none;box-shadow:none}.btn-o{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:transparent;color:#c9a84c;border:1.5px solid rgba(201,168,76,.45);border-radius:50px;padding:16px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:14px;letter-spacing:2.2px;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.btn-o:hover{background:#c9a84c14;border-color:#c9a84ca6}.btn-o:active{transform:scale(.97)}.bc{font-family:Barlow Condensed,Arial Narrow,sans-serif}.b{font-family:Barlow,Helvetica Neue,sans-serif}.ovl,.overline{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:2.5px;color:#888}.display{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:900;font-size:64px;line-height:.92;letter-spacing:-1.5px;text-transform:uppercase;color:#fff}.headline{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:900;font-size:42px;line-height:.98;letter-spacing:-.8px;text-transform:uppercase;color:#fff}.title{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:24px;line-height:1.05;letter-spacing:-.2px;text-transform:uppercase;color:#fff}.body{font-family:Barlow,Helvetica Neue,sans-serif;font-weight:500;font-size:15px;line-height:1.6;color:#aaa}.caption{font-family:Barlow,Helvetica Neue,sans-serif;font-weight:500;font-size:12px;color:#666}.gold-rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:2px}.gold-rule-vert{width:3px;background:linear-gradient(180deg,var(--gold),rgba(201,168,76,.2));border-radius:2px}.msg-user{background:#c9a84c;color:#000;border-radius:18px 18px 4px;align-self:flex-end;font-weight:600}.msg-pupi{background:#1c1c1c;color:#ccc;border-radius:18px 18px 18px 4px;align-self:flex-start;border:1px solid rgba(255,255,255,.07)}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.dot1{animation:typingDot 1.2s ease infinite 0s}.dot2{animation:typingDot 1.2s ease infinite .2s}.dot3{animation:typingDot 1.2s ease infinite .4s}input::placeholder,textarea::placeholder{color:#6a6a6a;opacity:1}input,textarea,select{color:#fff;caret-color:#c9a84c}input:focus,textarea:focus,select:focus{border-color:#c9a84ca6!important;outline:none;box-shadow:0 0 0 3px #c9a84c1a}input:disabled,textarea:disabled{color:#777}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #161616 inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#c9a84c!important;transition:background-color 5000s ease-in-out 0s}button:focus-visible,[role=button]:focus-visible,.tap:focus-visible{outline:2px solid rgba(201,168,76,.6);outline-offset:2px;border-radius:8px}.count-up{animation:countUp .6s cubic-bezier(.16,1,.3,1) both}@keyframes confettiFall{0%{opacity:0;transform:translate3d(var(--cx, 0),-10vh,0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate3d(var(--cx, 0),110vh,0) rotate(var(--cr, 720deg))}}.confetti-dot{position:absolute;top:0;width:7px;height:7px;border-radius:2px;background:#c9a84c;box-shadow:0 0 6px #c9a84c8c;pointer-events:none;animation:confettiFall 2.2s cubic-bezier(.16,.6,.4,1) both}@keyframes wcCheckPop{0%{opacity:0;transform:scale(.4) rotate(-12deg)}60%{opacity:1;transform:scale(1.15) rotate(0)}to{opacity:1;transform:scale(1) rotate(0)}}.wc-check{animation:wcCheckPop .6s cubic-bezier(.16,1,.3,1) .1s both}.heat-cell{width:100%;aspect-ratio:1 / 1;border-radius:4px;transition:background .2s ease,transform .15s ease}.cue-bar{display:inline-block;width:2px;background:#c9a84c;border-radius:1px;transform-origin:bottom center;animation:cueBar .9s ease-in-out infinite}.cue-bar.bar1{animation-delay:0s;height:10px}.cue-bar.bar2{animation-delay:.15s;height:10px}.cue-bar.bar3{animation-delay:.3s;height:10px}@keyframes cueBar{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}@keyframes cuePulse{0%,to{box-shadow:0 0 #c9a84c73}50%{box-shadow:0 0 0 10px #c9a84c00}}.cue-pulse{animation:cuePulse 2.2s ease-out infinite}