@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-base:224 25% 6%;--bg-surface:223 20% 12%;--bg-surface-glass:223 20% 12% / .65;--border-glass:220 20% 20% / .4;--border-focus:260 80% 65%;--text-primary:210 20% 98%;--text-secondary:215 15% 75%;--text-muted:215 12% 50%;--accent-primary:262 83% 58%;--accent-primary-glow:262 83% 58% / .3;--accent-secondary:195 90% 50%;--accent-secondary-glow:195 90% 50% / .3;--color-success:142 70% 45%;--color-warning:38 92% 50%;--color-danger:350 80% 50%;--bubble-pink:330 90% 65%;--bubble-mint:155 80% 50%;--bubble-blue:195 95% 55%;--bubble-yellow:45 95% 55%;--bubble-purple:270 85% 65%;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 8px 32px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-glow:0 0 24px hsla(var(--accent-primary), .25);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-elastic:.45s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}select,option{background-color:hsl(var(--bg-surface));color:hsl(var(--text-primary))}#root{background:radial-gradient(circle at 50% 0%, hsla(var(--accent-primary), .12), transparent 60%), radial-gradient(circle at 100% 100%, hsla(var(--accent-secondary), .06), transparent 50%);border-left:1px solid hsla(var(--border-glass));border-right:1px solid hsla(var(--border-glass));flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=768px){#root{box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);border:1px solid hsla(var(--border-glass));height:95dvh;max-height:900px}body{background:radial-gradient(circle at 10%, #08090d 0%, hsl(var(--bg-base)) 100%)}}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.2}p{color:hsl(var(--text-secondary));font-size:.95rem;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsla(var(--text-muted), .3);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:hsla(var(--text-secondary), .5)}.category-scroll-container{scrollbar-width:thin;scrollbar-color:hsl(var(--bubble-pink)) hsla(var(--text-primary), .05);-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.category-scroll-container::-webkit-scrollbar{height:6px;display:block}.category-scroll-container::-webkit-scrollbar-track{background:hsla(var(--text-primary), .05);border-radius:10px}.category-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg, hsl(var(--bubble-pink)), hsl(var(--bubble-blue)));border-radius:10px}.glass-panel{background:hsl(var(--bg-surface-glass));-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--border-glass));box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.glass-panel-glow{background:hsl(var(--bg-surface-glass));-webkit-backdrop-filter:blur(16px);border:1px solid hsla(var(--accent-primary), .2);box-shadow:var(--shadow-glow), var(--shadow-md);border-radius:var(--radius-lg)}.thumb-zone-bottom{flex-direction:column;gap:1rem;margin-top:auto;padding:1.5rem;display:flex}.btn-primary{background:linear-gradient(135deg, hsl(var(--accent-primary)), #5911d4);color:hsl(var(--text-primary));border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 16px hsla(var(--accent-primary), .35);transition:var(--transition-elastic);border:none;justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex}.btn-primary:active{box-shadow:0 2px 8px hsla(var(--accent-primary), .2);transform:scale(.95)}.btn-secondary{background:hsla(var(--text-primary), .05);color:hsl(var(--text-primary));border:1px solid hsla(var(--border-glass));border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex}.btn-secondary:active{background:hsla(var(--text-primary), .1);transform:scale(.96)}.btn-danger{background:linear-gradient(135deg, hsl(var(--color-danger)), #b31a33);color:hsl(var(--text-primary));border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 16px hsla(var(--color-danger), .35);transition:var(--transition-elastic);border:none;justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600;display:flex}.btn-danger:active{transform:scale(.95)}[data-hand=left] .hand-mirror{flex-direction:row-reverse!important}[data-hand=left] .hand-align-end{justify-content:flex-start!important}[data-hand=right] .hand-align-end{justify-content:flex-end!important}[data-hand=left] .hand-align-right{text-align:left!important}[data-hand=right] .hand-align-right{text-align:right!important}[data-hand=left] .hand-placement-switch{order:-1!important}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 16px hsla(var(--accent-primary), .2)}50%{box-shadow:0 0 32px hsla(var(--accent-primary), .45)}to{box-shadow:0 0 16px hsla(var(--accent-primary), .2)}}.animate-slide-up{animation:slideUp var(--transition-elastic) forwards}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}.input-glass{background:hsla(var(--text-primary), .04);border:1px solid hsla(var(--border-glass));border-radius:var(--radius-md);color:hsl(var(--text-primary));width:100%;transition:var(--transition-fast);outline:none;min-height:56px;padding:1rem;font-family:inherit;font-size:1rem}.input-glass:focus{border-color:hsl(var(--border-focus));background:hsla(var(--text-primary), .08);box-shadow:0 0 16px hsla(var(--accent-primary), .15)}.alert-banner{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.alert-banner.info{background:hsla(var(--accent-secondary), .1);border-color:hsla(var(--accent-secondary), .3);color:hsl(var(--accent-secondary))}.alert-banner.warning{background:hsla(var(--color-warning), .1);border-color:hsla(var(--color-warning), .3);color:hsl(var(--color-warning))}.btn-bubble{background:linear-gradient(135deg, hsl(var(--bubble-blue)), #0284c7);color:#fff;text-shadow:0 2px #0003;cursor:pointer;border:3px solid #0f172a;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:.6rem 1.2rem;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 5px #0f172a}.btn-bubble:active{transform:translateY(3px);box-shadow:0 2px #0f172a}.btn-bubble-pink{background:linear-gradient(135deg, hsl(var(--bubble-pink)), #be185d)}.btn-bubble-mint{background:linear-gradient(135deg, hsl(var(--bubble-mint)), #047857)}.btn-bubble-purple{background:linear-gradient(135deg, hsl(var(--bubble-purple)), #6d28d9)}.btn-bubble-yellow{background:linear-gradient(135deg, hsl(var(--bubble-yellow)), #b45309);color:#0f172a;text-shadow:0 1px #fff6}.badge-capsule{color:#fff;background:#1e293b;border:2px solid #0f172a;border-radius:24px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 3px #0f172a}.game-grid-playful{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}@media (width<=360px){.game-grid-playful{grid-template-columns:1fr}}.card-playful{border-radius:var(--radius-lg);cursor:pointer;text-align:center;background:#1e293b;border:3px solid #0f172a;flex-direction:column;align-items:center;padding:1rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #0f172a}.card-playful:hover{transform:translateY(-4px);box-shadow:0 9px #0f172a}.card-playful:active{transform:translateY(3px);box-shadow:0 2px #0f172a}.card-icon-container{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:.8rem;font-size:2.2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 1px 1px #ffffff1a,0 8px 16px #0000004d}.card-playful:hover .card-icon-container{transform:scale(1.1)rotate(4deg)}.card-playful:before{content:"";background:#0f172a;width:100%;height:6px;position:absolute;top:0;left:0}.card-playful.pink{border-color:hsl(var(--bubble-pink))}.card-playful.pink:before{background:hsl(var(--bubble-pink))}.card-playful.pink:active{box-shadow:0 2px 0 hsl(var(--bubble-pink))}.card-playful.mint{border-color:hsl(var(--bubble-mint))}.card-playful.mint:before{background:hsl(var(--bubble-mint))}.card-playful.mint:active{box-shadow:0 2px 0 hsl(var(--bubble-mint))}.card-playful.blue{border-color:hsl(var(--bubble-blue))}.card-playful.blue:before{background:hsl(var(--bubble-blue))}.card-playful.blue:active{box-shadow:0 2px 0 hsl(var(--bubble-blue))}.card-playful.purple{border-color:hsl(var(--bubble-purple))}.card-playful.purple:before{background:hsl(var(--bubble-purple))}.card-playful.purple:active{box-shadow:0 2px 0 hsl(var(--bubble-purple))}.card-playful.yellow{border-color:hsl(var(--bubble-yellow))}.card-playful.yellow:before{background:hsl(var(--bubble-yellow))}.card-playful.yellow:active{box-shadow:0 2px 0 hsl(var(--bubble-yellow))}.avatar-container-gamified{background:#334155;border:3px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.75rem;display:inline-flex;position:relative;box-shadow:0 4px #0f172a}.avatar-hat-floating{z-index:5;pointer-events:none;filter:drop-shadow(0 3px 2px #0006);font-size:2.2rem;animation:3s ease-in-out infinite hatBounce;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-12deg)}@keyframes hatBounce{0%,to{transform:translate(-50%)rotate(-12deg)translateY(0)}50%{transform:translate(-50%)rotate(-8deg)translateY(-3px)}}.shop-card-hat{text-align:center;background:#1e293b;border:2px solid #0f172a;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:transform .15s;display:flex;position:relative;box-shadow:0 4px #0f172a}.shop-card-hat.equipped{border-color:hsl(var(--bubble-mint));background:#10b9810d}.shop-card-hat.owned{border-color:hsl(var(--bubble-blue))}@keyframes coinBurst{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.3)rotate(15deg)}to{transform:scale(1)}}.animate-coin-pop{animation:.4s ease-out coinBurst}@keyframes auraPulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}to{opacity:.8;transform:scale(1)}}@keyframes auraFloat{0%{transform:translate(0)rotate(0)}50%{transform:translate(1px,-2px)rotate(180deg)}to{transform:translate(0)rotate(360deg)}}.aura-fire{animation:1.8s ease-in-out infinite auraPulse}.aura-cosmic{animation:2.4s ease-in-out infinite auraPulse}.aura-healing{animation:2s ease-in-out infinite auraPulse}.aura-gold{animation:1.4s ease-in-out infinite auraPulse}.aura-frozen{animation:2.2s ease-in-out infinite auraPulse}.aura-lightning{animation:1.2s ease-in-out infinite auraPulse}.aura-float-icon{animation:8s linear infinite auraFloat}@keyframes chipFall{0%{transform:translateY(calc(var(--fall-rows,6) * -50px));animation-timing-function:cubic-bezier(.55,.055,.675,.19)}80%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}90%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:translateY(-7px)}to{transform:translateY(0)}}.animate-chip-fall{animation:.4s forwards chipFall}