.overflow-y-auto[data-v-5c0ac60a]::-webkit-scrollbar{width:4px}.overflow-y-auto[data-v-5c0ac60a]::-webkit-scrollbar-track{background:transparent}.overflow-y-auto[data-v-5c0ac60a]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.overflow-y-auto[data-v-5c0ac60a]::-webkit-scrollbar-thumb:hover{background:#0000004d}.transition-all[data-v-5c0ac60a]{transition:all .2s ease}.router-link-active[data-v-5c0ac60a]{transform:translate(2px)}.badge[data-v-5c0ac60a]{animation:fadeIn-5c0ac60a .3s ease}@keyframes fadeIn-5c0ac60a{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.bg-warning[data-v-5c0ac60a]{animation:progressFill-5c0ac60a 2s ease-in-out}@keyframes progressFill-5c0ac60a{0%{width:0}to{width:65%}}.grid-container[data-v-ed2b2f7c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid hsla(0,0%,100%,.1);border-radius:1rem}.grid-item[data-v-ed2b2f7c]{background:linear-gradient(135deg,#000000b3,#141414cc);border:2px solid hsla(0,0%,100%,.1);border-radius:.75rem;min-height:150px;overflow:hidden;position:relative;transition:all .3s ease}.grid-item[data-v-ed2b2f7c]:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.grid-item.available[data-v-ed2b2f7c]{background:linear-gradient(135deg,#1e1e1ee6,#323232e6);border-color:#fff3}.grid-item.selected[data-v-ed2b2f7c]{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.grid-item.empty[data-v-ed2b2f7c]{background:#0003;border:2px dashed hsla(0,0%,100%,.1);cursor:not-allowed}.grid-item.empty[data-v-ed2b2f7c]:hover{border-color:#fff3;box-shadow:none;transform:none}.item-content[data-v-ed2b2f7c]{position:relative;z-index:1}.item-icon[data-v-ed2b2f7c]{transition:transform .3s ease}.grid-item:hover .item-icon[data-v-ed2b2f7c]{transform:scale(1.1)}.line-clamp-2[data-v-ed2b2f7c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-box[data-v-ed2b2f7c]::-webkit-scrollbar{width:6px}.modal-box[data-v-ed2b2f7c]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.modal-box[data-v-ed2b2f7c]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.modal-box[data-v-ed2b2f7c]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.loading[data-v-e74610e0]{align-items:center;color:#10b981;display:flex;flex-direction:column;gap:16px;height:150px;justify-content:center}.spinner[data-v-e74610e0]{animation:spin-e74610e0 1s linear infinite;border:3px solid rgba(16,185,129,.2);border-left-color:#10b981;border-radius:50%;height:32px;width:32px}@keyframes spin-e74610e0{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty[data-v-e74610e0]{color:#64748b;padding:60px 20px;text-align:center}.empty-icon[data-v-e74610e0]{font-size:3rem;margin-bottom:16px;opacity:.6}.empty h4[data-v-e74610e0]{color:#e2e8f0;font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty p[data-v-e74610e0]{color:#94a3b8}.items-grid[data-v-e74610e0]{background:#0003;border:1px solid rgba(16,185,129,.2);border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:16px}@media (min-width:480px){.items-grid[data-v-e74610e0]{gap:9px;grid-template-columns:repeat(5,1fr);padding:18px}}@media (min-width:640px){.items-grid[data-v-e74610e0]{gap:10px;grid-template-columns:repeat(6,1fr);padding:20px}}.item-slot[data-v-e74610e0]{align-items:center;aspect-ratio:1;border:1px solid rgba(71,85,105,.4);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:60px;position:relative;transition:all .15s ease}@media (min-width:480px){.item-slot[data-v-e74610e0]{min-height:65px}}@media (min-width:640px){.item-slot[data-v-e74610e0]{min-height:70px}}.item-slot[data-v-e74610e0]:hover{border-color:#10b98199;transform:translateY(-1px)}.item-slot.has-item[data-v-e74610e0]{background:#334155cc;border-color:#94a3b866}.item-slot.usable[data-v-e74610e0]{border-color:#10b981;box-shadow:0 0 8px #10b9814d}.empty-slot[data-v-e74610e0]{color:#dbdbdb;font-size:1.25rem;opacity:.4}.item[data-v-e74610e0]{height:100%;position:relative;width:100%}.item[data-v-e74610e0],.item-icon[data-v-e74610e0]{align-items:center;display:flex;justify-content:center}.icon-img[data-v-e74610e0]{border-radius:4px;height:28px;-o-object-fit:cover;object-fit:cover;width:28px}@media (min-width:480px){.icon-img[data-v-e74610e0]{height:32px;width:32px}}@media (min-width:640px){.icon-img[data-v-e74610e0]{height:36px;width:36px}}.icon-emoji[data-v-e74610e0]{font-size:1.25rem}@media (min-width:480px){.icon-emoji[data-v-e74610e0]{font-size:1.5rem}}@media (min-width:640px){.icon-emoji[data-v-e74610e0]{font-size:1.75rem}}.quantity[data-v-e74610e0]{align-items:center;background:#fbbf24;border:1px solid #000;border-radius:50%;bottom:-2px;color:#000;display:flex;font-size:.625rem;font-weight:700;height:16px;justify-content:center;min-width:16px;position:absolute;right:-2px}@media (min-width:640px){.quantity[data-v-e74610e0]{font-size:.7rem;height:18px;min-width:18px}}.tooltip[data-v-e74610e0]{bottom:110%;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .2s;visibility:hidden;z-index:50}.item-slot:hover .tooltip[data-v-e74610e0]{opacity:1;visibility:visible}.tooltip-content[data-v-e74610e0]{background:#000000e6;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#fff;font-size:.75rem;min-width:180px;padding:12px}.tooltip-name[data-v-e74610e0]{color:#10b981;font-weight:600;margin-bottom:4px}.tooltip-desc[data-v-e74610e0]{color:#cbd5e1}.tooltip-desc[data-v-e74610e0],.tooltip-stats[data-v-e74610e0]{font-size:.7rem;margin-bottom:8px}.tooltip-stats[data-v-e74610e0]{color:#94a3b8}.tooltip-stats div[data-v-e74610e0]{margin-bottom:2px}.tooltip-use[data-v-e74610e0]{background:#10b9811a;border-radius:4px;color:#10b981;font-size:.7rem;font-weight:600;padding:4px 8px;text-align:center}.tips[data-v-e74610e0]{padding:12px}.tips-title[data-v-e74610e0]{font-size:.875rem;font-weight:600;margin-bottom:8px}.tips-list[data-v-e74610e0]{font-size:.75rem}.tips-list div[data-v-e74610e0]{margin-bottom:2px}.btn[data-v-e74610e0]{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;min-height:40px;padding:10px 16px;transition:all .2s}.btn.primary[data-v-e74610e0]{background:#10b981;color:#000}.btn.primary[data-v-e74610e0]:hover:not(:disabled){background:#059669}.btn.secondary[data-v-e74610e0]{background:#3b82f6cc;color:#fff}.btn.secondary[data-v-e74610e0]:hover{background:#2563ebe6}.btn[data-v-e74610e0]:disabled{cursor:not-allowed;opacity:.5}@media (max-width:479px){.items-grid[data-v-e74610e0]{gap:6px;padding:12px}.item-slot[data-v-e74610e0]{border-radius:6px;min-height:55px}.icon-img[data-v-e74610e0]{height:24px;width:24px}.icon-emoji[data-v-e74610e0]{font-size:1.1rem}.quantity[data-v-e74610e0]{font-size:.55rem;height:14px;min-width:14px}.empty-slot[data-v-e74610e0]{font-size:1rem}.tooltip-content[data-v-e74610e0]{font-size:.7rem;min-width:160px;padding:10px}}.custom-scrollbar[data-v-01ddbf66]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-01ddbf66]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-01ddbf66]::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:2px}.custom-scrollbar[data-v-01ddbf66]::-webkit-scrollbar-thumb:hover{background:#6366f180}.group:hover .badge[data-v-01ddbf66]{transform:scale(1.05);transition:transform .2s ease}.space-y-2>div[data-v-01ddbf66]{animation:slideInUp-01ddbf66 .3s ease-out}@layer components{.progress-3d[data-v-01ddbf66]{background:linear-gradient(145deg,#9ca3af,#6b7280);border:1px solid #4b5563;box-shadow:0 4px 8px #0000004d,inset 0 1px #fff3}.progress-track[data-v-01ddbf66]{background:linear-gradient(145deg,#1f2937,#000);box-shadow:inset 0 2px 4px #000c}.progress-fill[data-v-01ddbf66]{box-shadow:inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0000004d;position:relative}.progress-fill[data-v-01ddbf66]:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);border-radius:inherit;content:"";height:30%;left:0;position:absolute;top:0;width:100%}.credit3d[data-v-01ddbf66]{background:linear-gradient(145deg,#60fa6d,#06a14c);background-clip:padding-box;border:none;border-radius:25px;box-shadow:inset 4px 4px 4px #0f0f0f50,4px 4px 4px #1c1c1c21;color:#222;outline:none}}@keyframes slideInUp-01ddbf66{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.real-time-glow[data-v-01ddbf66]{animation:realTimeGlow-01ddbf66 2s ease-in-out}@keyframes realTimeGlow-01ddbf66{0%{box-shadow:0 0 5px #10b98180}50%{box-shadow:0 0 20px #10b981cc}to{box-shadow:0 0 5px #10b98180}}.progress-glow[data-v-01ddbf66]{overflow:hidden;position:relative}.progress-glow[data-v-01ddbf66]:after{animation:shimmer-01ddbf66 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer-01ddbf66{0%{left:-100%}to{left:100%}}.level-badge[data-v-01ddbf66]{animation:levelPulse-01ddbf66 3s ease-in-out infinite}@keyframes levelPulse-01ddbf66{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.balance-update[data-v-01ddbf66]{animation:balanceUpdate-01ddbf66 2s ease-in-out}@keyframes balanceUpdate-01ddbf66{0%{background-color:#10b9811a;transform:scale(1)}50%{background-color:#10b98133;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}@media (max-width:640px){.gap-3[data-v-01ddbf66]{gap:.5rem}.gap-2[data-v-01ddbf66]{gap:.375rem}.text-sm[data-v-01ddbf66]{font-size:.75rem}.text-xs[data-v-01ddbf66]{font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.animate-bounce[data-v-01ddbf66],.animate-pulse[data-v-01ddbf66],.animate-spin[data-v-01ddbf66],.transition-all[data-v-01ddbf66]{animation:none;transition:none}}.overflow-y-auto[data-v-01ddbf66]::-webkit-scrollbar{width:4px}.overflow-y-auto[data-v-01ddbf66]::-webkit-scrollbar-track{background:hsl(var(--b2))}.overflow-y-auto[data-v-01ddbf66]::-webkit-scrollbar-thumb{background:hsl(var(--p));border-radius:2px}.transition-transform[data-v-5aa8f2f9]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.overflow-y-auto[data-v-5aa8f2f9]::-webkit-scrollbar{width:4px}.overflow-y-auto[data-v-5aa8f2f9]::-webkit-scrollbar-track{background:transparent}.overflow-y-auto[data-v-5aa8f2f9]::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.mobile-menu-open[data-v-5aa8f2f9]{overflow:hidden}.z-30[data-v-5aa8f2f9]{z-index:30}.z-40[data-v-5aa8f2f9]{z-index:40}.z-50[data-v-5aa8f2f9]{z-index:50}.level-up-overlay[data-v-3d3d4198]{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.level-up-content[data-v-3d3d4198],.level-up-overlay[data-v-3d3d4198]{align-items:center;display:flex;justify-content:center}.level-up-content[data-v-3d3d4198]{animation:levelUpEntrance-3d3d4198 .5s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000006b;border-radius:20px;box-shadow:0 20px 40px #0006;height:100%;overflow:hidden;padding:2rem;pointer-events:auto;position:relative;transform:scale(0);width:100%}@keyframes levelUpEntrance-3d3d4198{0%{transform:scale(0) rotate(-10deg)}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.close-btn[data-v-3d3d4198]{background:#f44;border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:35px;position:absolute;right:15px;top:15px;width:35px;z-index:10}.close-btn[data-v-3d3d4198]:hover{background:#f66;transform:scale(1.1)}.lottie-section[data-v-3d3d4198]{min-height:300px}.lottie-animation[data-v-3d3d4198],.lottie-section[data-v-3d3d4198]{align-items:center;display:flex;justify-content:center}.lottie-animation[data-v-3d3d4198]{height:300px;width:400px}.fallback-animation[data-v-3d3d4198]{animation:fallbackPulse-3d3d4198 1.5s ease-in-out infinite;font-size:6rem}.fallback-animation[data-v-3d3d4198],.fallback-level-animation[data-v-3d3d4198]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.level-bounce[data-v-3d3d4198]{animation:levelBounce-3d3d4198 2s ease-in-out infinite;font-size:6rem}@keyframes fallbackPulse-3d3d4198{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes levelBounce-3d3d4198{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(-30px) scale(1.2)}75%{transform:translateY(-15px) scale(1.1)}}@media (max-width:640px){.level-up-content[data-v-3d3d4198]{padding:1.5rem;width:100%}.lottie-animation[data-v-3d3d4198]{height:200px;width:300px}.fallback-animation[data-v-3d3d4198],.level-bounce[data-v-3d3d4198]{font-size:4rem}}@keyframes levelUpCelebration-d9699ac7{0%,to{transform:translate(0)}25%{transform:translate(-2px) rotate(-.5deg)}75%{transform:translate(2px) rotate(.5deg)}}.level-up-celebration[data-v-d9699ac7]{animation:levelUpCelebration-d9699ac7 .1s ease-in-out 30}
