@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes pearl-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(166,36,255,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 16px rgba(166,36,255,.6))}}.pearl-idle{animation:pearl-pulse 2s ease-in-out infinite}@keyframes pearl-appear{0%{transform:scale(0) translateY(20px);opacity:0}50%{transform:scale(1.2) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.pearl-appear{animation:pearl-appear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.pearl-number{animation:float-up 1.5s ease-out forwards;font-family:BOUNDED,sans-serif;font-weight:800;color:#ff9719;text-shadow:0 0 10px rgba(166,36,255,.8);font-size:24px}@keyframes pearl-collect{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.3) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}.pearl-collect{animation:pearl-collect .8s cubic-bezier(.68,-.55,.27,1.55)}@keyframes pearl-rain{0%{transform:translateY(-100px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(calc(100vh + 50px)) rotate(720deg);opacity:0}}.pearl-rain{animation:pearl-rain 3s ease-in forwards;position:absolute}.pearl-rain:nth-child(1){animation-delay:0s;left:10%}.pearl-rain:nth-child(2){animation-delay:.3s;left:25%}.pearl-rain:nth-child(3){animation-delay:.6s;left:40%}.pearl-rain:nth-child(4){animation-delay:.9s;left:55%}.pearl-rain:nth-child(5){animation-delay:1.2s;left:70%}.pearl-rain:nth-child(6){animation-delay:1.5s;left:85%}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(166,36,255,.6)) drop-shadow(0 0 20px rgba(255,151,25,.4))}50%{filter:drop-shadow(0 0 20px rgba(166,36,255,.9)) drop-shadow(0 0 40px rgba(255,151,25,.6))}}.pearl-glow{animation:glow-pulse 1.5s ease-in-out infinite}@keyframes pearl-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.pearl-shake{animation:pearl-shake .5s}@keyframes pearl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pearl-loading{animation:pearl-spin 1s linear infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.pearl-sparkle{animation:sparkle 1.5s ease-in-out infinite;background:radial-gradient(circle,#FFFFFF 0%,transparent 70%);border-radius:50%;width:4px;height:4px}.pearl-sparkle:nth-child(odd){animation-delay:.5s}@keyframes pearl-bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(0)}75%{transform:translateY(-7px)}}.pearl-bounce{animation:pearl-bounce .6s ease-out}.pearl-earn{animation:pearl-appear .6s cubic-bezier(.34,1.56,.64,1),glow-pulse 1.5s ease-in-out infinite .6s}.pearl-rare{animation:pearl-appear .8s cubic-bezier(.34,1.56,.64,1),glow-pulse 1s ease-in-out infinite .8s,pearl-bounce .6s ease-out .8s;filter:drop-shadow(0 0 30px rgba(166,36,255,1)) drop-shadow(0 0 50px rgba(255,151,25,.8))}@keyframes counter-update{0%{transform:scale(1)}50%{transform:scale(1.2);color:#ff9719}to{transform:scale(1);color:#fff}}.balance-update{animation:counter-update .4s ease-out}.pearl-container{position:relative;display:inline-block}.pearl-icon{width:32px;height:32px;display:inline-block;vertical-align:middle}.pearl-icon-large{width:64px;height:64px}.pearl-icon-small{width:16px;height:16px}@media(prefers-reduced-motion:reduce){.pearl-idle,.pearl-glow,.pearl-pulse,.pearl-sparkle{animation:none}}.pearl-icon,.pearl-container{will-change:transform,opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes pearl-levitate{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}.pearl-levitate{animation:pearl-levitate 3s ease-in-out infinite}@keyframes pearl-glow-enhanced{0%,to{filter:drop-shadow(0 0 20px rgba(255,151,25,.8)) drop-shadow(0 0 40px rgba(166,36,255,.6)) drop-shadow(0 0 60px rgba(255,151,25,.4))}50%{filter:drop-shadow(0 0 30px rgba(255,151,25,1)) drop-shadow(0 0 50px rgba(166,36,255,.8)) drop-shadow(0 0 80px rgba(255,151,25,.6))}}.pearl-glow-enhanced{animation:pearl-glow-enhanced 2s ease-in-out infinite}.pearl-idle.pearl-levitate{animation:pearl-pulse 2s ease-in-out infinite,pearl-levitate 3s ease-in-out infinite,pearl-glow-enhanced 2s ease-in-out infinite}.pearl-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none;z-index:1}.pearl-particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,gold,#ffd70000 70%);border-radius:50%;animation:particle-float 3s ease-in-out infinite;opacity:0}@keyframes particle-float{0%{opacity:0;transform:translate(0) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(1.5)}}.pearl-particle:nth-child(1){--tx: 60px;--ty: 0px;animation-delay:0s}.pearl-particle:nth-child(2){--tx: 42px;--ty: 42px;animation-delay:.4s}.pearl-particle:nth-child(3){--tx: 0px;--ty: 60px;animation-delay:.8s}.pearl-particle:nth-child(4){--tx: -42px;--ty: 42px;animation-delay:1.2s}.pearl-particle:nth-child(5){--tx: -60px;--ty: 0px;animation-delay:1.6s}.pearl-particle:nth-child(6){--tx: -42px;--ty: -42px;animation-delay:2s}.pearl-particle:nth-child(7){--tx: 0px;--ty: -60px;animation-delay:2.4s}.pearl-particle:nth-child(8){--tx: 42px;--ty: -42px;animation-delay:2.8s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(1.5);opacity:0}}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:3px solid rgba(255,151,25,.6);border-radius:50%;animation:pulse-ring 2s ease-out infinite;pointer-events:none}.pulse-ring:nth-child(2){animation-delay:1s}@font-face{font-family:BOUNDED;src:url(/fonts/Bounded-Variable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:BOUNDED;src:url(/fonts/Bounded-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BOUNDED;src:url(/fonts/Bounded-Black.ttf) format("truetype");font-weight:800 900;font-style:normal;font-display:swap}:root{--font-heading: "BOUNDED", "Impact", "Arial Black", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Courier New", monospace}.font-heading{font-family:var(--font-heading);font-weight:700;letter-spacing:.02em}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}:root{--color-orange: #FF9719;--color-purple: #A624FF;--color-dark-purple: #2E004F;--color-white: #FFFFFF;--color-gray: #F2F2F2;--color-black: #000000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--color-dark-purple) 0%,var(--color-black) 100%);color:var(--color-white);min-height:100vh}.app{min-height:100vh}.page{padding:20px;max-width:600px;margin:0 auto}.page-header{text-align:center;margin-bottom:32px}.page-header h1{font-size:32px;background:linear-gradient(90deg,var(--color-orange) 0%,var(--color-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.balance-section{display:flex;justify-content:center;margin:48px 0}.btn-primary{background:linear-gradient(135deg,var(--color-orange) 0%,var(--color-purple) 100%);color:var(--color-white);border:none;padding:16px 32px;border-radius:12px;font-family:var(--font-heading);font-size:16px;cursor:pointer;width:100%;max-width:300px;transition:transform .2s;box-shadow:0 4px 20px #ff97194d}.btn-primary:hover{transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.btn-secondary{background:#ffffff1a;border:2px solid var(--color-purple);color:var(--color-white);padding:12px 24px;border-radius:12px;font-family:var(--font-body);font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#fff3;border-color:var(--color-orange)}.actions{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:32px}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff97194d}50%{box-shadow:0 0 40px #ff971999}}
