@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155;--bg-navigation: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #475569;--shadow-color: rgba(99, 102, 241, .3);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-error: #ef4444;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-orange: #f97316;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-card: linear-gradient(135deg, #334155 0%, #1e293b 100%);--gradient-overlay: linear-gradient(135deg, rgba(99, 102, 241, .2) 0%, rgba(139, 92, 246, .2) 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-fun: linear-gradient(135deg, #ff9a8b 0%, #a8e6cf 100%);--bg-pattern-dots: radial-gradient(circle, #475569 1px, transparent 1px);--bg-pattern-grid: linear-gradient(#475569 1px, transparent 1px), linear-gradient(90deg, #475569 1px, transparent 1px);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(99, 102, 241, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4), 0 0 0 1px rgba(99, 102, 241, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4), 0 0 0 1px rgba(99, 102, 241, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(99, 102, 241, .1);--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-primary);background-image:var(--bg-pattern-dots);background-size:20px 20px;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100%}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:428px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-error{color:var(--accent-error)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-fun{background:var(--gradient-fun)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}@media (max-width: 375px){.container{padding:0 var(--spacing-sm)}body{background-size:15px 15px}}*{transition:all .3s cubic-bezier(.4,0,.2,1)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button{background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.no-scroll{overflow:hidden!important;height:100vh!important;position:fixed!important;width:100%!important;top:0!important;left:0!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-slideInUp{animation:slideInUp .5s ease-out}.animate-fadeIn{animation:fadeIn .5s ease-out}.agreement-page{max-width:428px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--bg-primary);min-height:100vh;line-height:1.6}.agreement-page section{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.agreement-page h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--accent-primary)}.agreement-page h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.agreement-page h2:first-of-type{margin-top:0}.agreement-page p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.6}.agreement-page ul{margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.agreement-page li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.6}.agreement-page strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}@media (max-width: 480px){.agreement-page{padding:var(--spacing-md) var(--spacing-sm)}.agreement-page section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.agreement-page h1{font-size:var(--font-size-xl)}.agreement-page h2{font-size:var(--font-size-md)}.agreement-page p,.agreement-page li{font-size:var(--font-size-xs)}}@media (max-width: 375px){.agreement-page{padding:var(--spacing-sm)}.agreement-page section{padding:var(--spacing-sm)}.agreement-page h1{font-size:var(--font-size-lg)}}[data-theme=dark] .agreement-page section{background-color:var(--bg-card)}@media (prefers-reduced-motion: reduce){.agreement-page section{transition:none}}.loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:50vh;color:var(--text-secondary);text-align:center}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.loading-text{margin-top:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.mobile-optimized-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);padding-bottom:80px}.new-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--bg-navigation);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.user-container{cursor:pointer;transition:opacity .2s ease}.user-container:active{opacity:.7}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s ease}.user-container:hover .user-avatar{border-color:var(--accent-primary)}.balance-container{display:flex;align-items:center;background-color:var(--bg-card);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.balance-container:hover{background-color:#ffffff0d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.balance-container:active{transform:translateY(0)}.balance-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-right:var(--spacing-xs)}.balance-icon{width:16px;height:16px;opacity:.8}.wallet-container{transform:scale(.9);transform-origin:right center}.category-tabs{display:flex;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--bg-navigation);padding:var(--spacing-md) var(--spacing-md) 2px var(--spacing-md);gap:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-card);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-xl);white-space:nowrap;transition:all .2s ease;cursor:pointer;flex-shrink:0;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.category-tab.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-1px)}.category-tab:not(.active):hover{background-color:#ffffff0d;color:var(--text-primary)}.category-tab:active{transform:translateY(0)}.cases-container{padding:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);flex-grow:1}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:600px;margin:0 auto}@media (min-width: 480px){.case-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 768px){.case-grid{grid-template-columns:repeat(3,1fr)}}.case{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--border-color);cursor:pointer}.case:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-secondary)}.case:active{transform:translateY(-2px)}.case-inactive{opacity:.6;cursor:not-allowed}.case-inactive:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--border-color)}.case-img-wrapper{flex:1;display:flex;justify-content:center;align-items:center;background:var(--gradient-card);position:relative;padding:var(--spacing-lg);overflow:hidden}.case-img{width:70%;height:auto;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 4px 12px rgba(139,92,246,.3))}.case:hover .case-img{transform:scale(1.05)}.case-img-blur{opacity:.5;filter:blur(2px)}.case-price{width:100%;background:var(--gradient-primary);color:#fff!important;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--spacing-md) 0;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.5)}.case-price:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:caseShine 4s infinite}@keyframes caseShine{0%{left:-100%}25%{left:100%}to{left:100%}}.price-icon{width:18px;height:18px;opacity:1;filter:brightness(1.2)}.code-required-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--gradient-warning);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2)}.code-required-badge span{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.error-container{padding:var(--spacing-xl);margin:var(--spacing-lg);text-align:center;color:var(--accent-error);background:#ef444426;border-radius:var(--radius-lg);border:1px solid rgba(239,68,68,.3);box-shadow:var(--shadow-sm)}.no-cases-message{margin-top:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.case-premium{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(254,243,199,.1) 100%);border:2px solid var(--accent-warning)}.case-premium:hover{border-color:var(--accent-warning);box-shadow:0 10px 25px #f59e0b40}.case-premium .case-price{background:var(--gradient-warning);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.case-free{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(220,252,231,.1) 100%);border:2px solid var(--accent-success)}.case-free:hover{border-color:var(--accent-success);box-shadow:0 10px 25px #10b98140}.case-free .case-price{background:var(--gradient-success);color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}.case{animation:caseSlideUp .5s ease forwards}@keyframes caseSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 375px){.new-header{padding:var(--spacing-sm) var(--spacing-md)}.user-avatar{width:36px;height:36px}.balance-amount{font-size:var(--font-size-xs)}.cases-container{padding:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}.case-grid{gap:var(--spacing-sm)}}.menu-page{max-width:428px;margin:0 auto;padding:0 var(--spacing-md) calc(80px + var(--spacing-md)) var(--spacing-md);background-color:var(--bg-primary);min-height:100vh}.menu-header{padding:var(--spacing-md) 0 var(--spacing-lg) 0;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.user-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.user-details{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:56px;height:56px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:3px solid var(--accent-primary);box-shadow:var(--shadow-sm)}.user-text{display:flex;flex-direction:column}.user-greeting{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0;font-weight:var(--font-weight-medium)}.user-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.user-balance{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--gradient-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;border:none}.user-balance:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.balance-icon{width:18px;height:18px}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.action-button{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.action-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:#ffffff0d}.action-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.action-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.action-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.3}.categories-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;text-align:center}.case-categories{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-xs) 0 var(--spacing-md) 0;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:var(--spacing-lg)}.case-categories::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-pill.active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.category-pill:hover:not(.active){background-color:#ffffff0d;color:var(--text-primary);transform:translateY(-1px)}.cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.case-card{background-color:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:relative}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.case-image-container{position:relative;height:180px;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-card))}.case-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.case-card:hover .case-image{transform:scale(1.05)}.case-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.case-info{padding:var(--spacing-lg)}.case-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.3}.case-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-footer{display:flex;align-items:center;justify-content:space-between}.case-price{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.price-icon{width:20px;height:20px}.case-open-btn{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.case-open-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.free-case{border-color:var(--accent-success);background:linear-gradient(135deg,var(--bg-card),rgba(52,199,89,.03))}.free-case .case-badge{background:var(--accent-success)}.premium-case{border-color:var(--accent-warning);background:linear-gradient(135deg,var(--bg-card),rgba(255,149,0,.03))}.premium-case .case-badge{background:var(--accent-warning)}.empty-cases{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.5}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-description{font-size:var(--font-size-sm);margin:0;line-height:1.5}@media (max-width: 480px){.menu-page{padding:0 var(--spacing-sm) calc(80px + var(--spacing-sm)) var(--spacing-sm)}.menu-header{padding:var(--spacing-sm) 0 var(--spacing-md) 0}.user-info{margin-bottom:var(--spacing-md)}.user-avatar{width:48px;height:48px}.user-name{font-size:var(--font-size-md)}.user-balance{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.menu-actions{gap:var(--spacing-sm)}.action-button{padding:var(--spacing-md)}.action-icon{width:28px;height:28px;font-size:var(--font-size-md)}.section-title{font-size:var(--font-size-lg)}.cases-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.case-image-container{height:160px}.case-info{padding:var(--spacing-md)}.case-name{font-size:var(--font-size-md)}}@media (max-width: 375px){.user-details{gap:var(--spacing-sm)}.user-avatar{width:44px;height:44px}.user-name{font-size:var(--font-size-sm)}.menu-actions{grid-template-columns:1fr}.case-image-container{height:140px}}.skeleton-avatar{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 480px){.skeleton-avatar{width:48px;height:48px}.skeleton-balance{width:80px;height:28px}.skeleton-case-card{height:240px}}@media (max-width: 375px){.skeleton-avatar{width:44px;height:44px}.skeleton-balance{width:70px;height:26px}.skeleton-case-card{height:220px}}@media (prefers-reduced-motion: reduce){.case-card,.action-button,.user-balance,.case-open-btn,.category-pill,.case-image{transition:none}.skeleton-avatar,.skeleton-balance,.skeleton-livefeed,.skeleton-category-pill,.skeleton-case-card{animation:none;background:var(--bg-secondary)}}.modern-loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary);padding:var(--spacing-lg)}.modern-loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:320px;width:100%}.dynamic-spinner{position:relative;width:80px;height:80px;margin-bottom:var(--spacing-xl)}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spinMultiple 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:var(--accent-primary);animation-duration:1.5s}.spinner-ring:nth-child(2){border-right-color:var(--accent-secondary);animation-duration:2s;animation-direction:reverse;width:70%;height:70%;top:15%;left:15%}.spinner-ring:nth-child(3){border-bottom-color:var(--accent-success);animation-duration:1s;width:40%;height:40%;top:30%;left:30%}@keyframes spinMultiple{to{transform:rotate(360deg)}}.loading-text-animated{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.typing-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);animation:fadeInUp .8s ease-out}.loading-dots{display:flex;gap:4px}.loading-dots span{width:6px;height:6px;background-color:var(--accent-primary);border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.modern-loading-subtext{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5;animation:fadeInUp 1s ease-out .3s both}.skeleton-container{max-width:428px;margin:0 auto;padding:var(--spacing-md);background-color:var(--bg-primary);min-height:100vh}.skeleton-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-card);border-radius:var(--radius-lg)}.skeleton-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.skeleton-line-title{height:20px;width:70%}.skeleton-line-subtitle{width:50%}.skeleton-balance{width:100px;height:32px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-full);animation:shimmer 1.5s infinite}.skeleton-category-pill{width:80px;height:36px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-full);animation:shimmer 1.5s infinite}.skeleton-livefeed{height:40px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);animation:shimmer 1.5s infinite}.skeleton-case-card{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:280px;animation:shimmer 1.5s infinite}.skeleton-case-card:nth-child(1){animation-delay:0s}.skeleton-case-card:nth-child(2){animation-delay:.1s}.skeleton-case-card:nth-child(3){animation-delay:.2s}.skeleton-case-card:nth-child(4){animation-delay:.3s}.skeleton-case-card:nth-child(5){animation-delay:.4s}.skeleton-case-card:nth-child(6){animation-delay:.5s}.skeleton-category-pill:nth-child(2){animation-delay:.1s}.skeleton-category-pill:nth-child(3){animation-delay:.2s}.skeleton-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-card{height:120px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.skeleton-card:nth-child(2){animation-delay:.1s}.skeleton-card:nth-child(3){animation-delay:.2s}.inline-loading{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);justify-content:center}.pulse-loader{display:flex;gap:4px}.pulse-dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;animation:pulseDot 1.4s infinite ease-in-out}.pulse-dot:nth-child(1){animation-delay:0s}.pulse-dot:nth-child(2){animation-delay:.16s}.pulse-dot:nth-child(3){animation-delay:.32s}@keyframes pulseDot{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.inline-loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:50vh;color:var(--text-secondary);text-align:center}.loading-content{position:relative;width:60px;height:60px;margin-bottom:var(--spacing-lg)}.loading-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-primary);animation:legacySpin 1.5s linear infinite}.loading-circle:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--accent-secondary);animation-duration:1.2s;animation-direction:reverse}.loading-circle:nth-child(3){width:50%;height:50%;top:25%;left:25%;border-top-color:var(--accent-success);animation-duration:.9s}.loading-text{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-sm)}.loading-subtext{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}@keyframes legacySpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.modern-loading-container{padding:var(--spacing-md)}.dynamic-spinner{width:60px;height:60px}.typing-text{font-size:var(--font-size-md)}.modern-loading-subtext{font-size:var(--font-size-xs)}.skeleton-header{padding:var(--spacing-md)}.skeleton-avatar{width:48px;height:48px}.skeleton-balance{width:80px;height:28px}.skeleton-case-card{height:240px}.loading-content{width:48px;height:48px}.loading-text{font-size:var(--font-size-sm)}.loading-subtext{font-size:var(--font-size-xs)}}@media (max-width: 375px){.dynamic-spinner{width:50px;height:50px}.typing-text{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){.spinner-ring,.loading-circle,.loading-dots span,.pulse-dot{animation:none}.skeleton-line,.skeleton-avatar,.skeleton-card,.skeleton-balance,.skeleton-category-pill,.skeleton-livefeed,.skeleton-case-card{animation:none;background:var(--bg-secondary)}.typing-text,.modern-loading-subtext{animation:none}}@media (min-width: 768px){.loading-container{min-height:400px}.loading-content{width:160px;height:160px}.loading-text{font-size:24px}.loading-subtext{font-size:16px}}.footer-menu{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-navigation);border-top:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;padding:var(--spacing-sm) 0 calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));z-index:100;box-shadow:0 -2px 12px var(--shadow-color)}.footer-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;flex:1;padding:var(--spacing-xs);border-radius:var(--radius-sm);margin:0 var(--spacing-xs);transition:all .2s ease;min-height:44px;position:relative}.footer-tab:hover{background-color:#ffffff0d}.footer-tab:active{transform:scale(.95);background-color:#ffffff1a}.footer-tab-active{color:var(--accent-primary)}.footer-tab-active .footer-icon{transform:scale(1.1)}.footer-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:var(--spacing-xs);transition:transform .2s ease}.icon-image{width:22px;height:22px;opacity:.8;transition:opacity .2s ease}.footer-tab-active .icon-image{opacity:1}.footer-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;line-height:1;white-space:nowrap}.footer-tab .badge{position:absolute;top:2px;right:50%;transform:translate(12px);background-color:var(--accent-error);color:#fff;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1}.footer-tab-active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--accent-primary);border-radius:50%;opacity:0;animation:fadeInDot .3s ease forwards}@keyframes fadeInDot{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@supports (padding: max(0px)){.footer-menu{padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom))}}@media (max-width: 320px){.footer-tab{margin:0 2px}.footer-label{font-size:10px}.icon-image{width:20px;height:20px}}@media (min-width: 768px){.footer-menu{max-width:428px;left:50%;right:auto;transform:translate(-50%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}}@media (max-width: 600px){.invite-title{font-size:26px}.invite-description{font-size:14px}.copy-button{width:100%}}.footer-tab-coming-soon{opacity:.6;cursor:not-allowed;pointer-events:none}.footer-tab-coming-soon:hover{background-color:transparent}.coming-soon-badge{position:absolute;top:-8px;right:50%;transform:translate(50%);background:#e74c3c;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #0000004d;transform:translate(50%) scale(1)}50%{box-shadow:0 2px 8px #e74c3c99;transform:translate(50%) scale(1.05)}}.case-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0a0fd9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.case-modal{position:relative;background:linear-gradient(135deg,#1d1d2e,#11111a);border:1px solid rgba(255,255,255,.05);border-radius:24px;width:90%;max-width:340px;height:auto;max-height:85vh;padding:24px 20px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 10px 30px #0000004d}.close-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;transition:color .2s ease,transform .2s ease;z-index:1010;padding:4px;line-height:1}.close-button:hover{color:#fff;transform:scale(1.1)}.case-title{color:#fefefe;font-size:22px;font-weight:700;text-align:center;margin-top:12px;margin-bottom:18px;width:100%;word-break:break-word}.wheel-section-wrapper{position:relative;width:100%;height:90px;display:flex;align-items:center;justify-content:center}.background-wheel-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1}.background-wheel-horizontal{display:flex;align-items:center;gap:4px;height:100%;padding:0 10px;animation:infinite-scroll 80s linear infinite;width:-moz-fit-content;width:fit-content}.background-gift-horiz{width:63px;height:55px;background:#1b1b27;border:2px solid #381c59;border-radius:12px;padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:.4}.background-gift-horiz img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.wheel-container{position:relative;width:100%;height:100%;background:#2a2a3a;border-radius:16px;overflow:hidden;border:1px solid #3a3a50;box-shadow:inset 0 0 10px #0003;display:flex;align-items:center;z-index:2}.wheel-container:before,.wheel-container:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:5}.wheel-container:before{left:0;background:linear-gradient(90deg,#2a2a3a 20%,transparent 100%)}.wheel-container:after{right:0;background:linear-gradient(270deg,#2a2a3a 20%,transparent 100%)}.wheel-horizontal{display:flex;align-items:center;gap:4px;will-change:transform;height:100%;padding:0 10px}.pointers-container{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none;z-index:10}.union-top{width:auto;height:28px;-o-object-fit:contain;object-fit:contain;margin-top:-8px}.union-bottom{width:auto;height:28px;-o-object-fit:contain;object-fit:contain;transform:rotate(180deg);margin-bottom:-8px}.gift-horiz{width:63px;height:55px;background:#1b1b27;border:2px solid #381c59;border-radius:12px;padding:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,border-color .3s ease,box-shadow .3s ease;overflow:hidden}.gift-horiz img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.gift-horiz.highlighted{border-color:#00f3ff;box-shadow:0 0 12px #00f3ffcc,0 0 20px #00f3ff80,inset 0 0 8px #00f3ff66;transform:scale(1.1)}.open-buttons-container{display:flex;gap:10px;width:100%;margin-top:24px}.open-button{flex:1;padding:14px;background:linear-gradient(135deg,#9a0bd9,#5f00ff);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:18px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .3s ease,opacity .3s ease;box-shadow:0 4px 15px #5f00ff66;z-index:3;text-align:center}.fast-open-button{background:linear-gradient(135deg,#00b7cc,#008c9e);box-shadow:0 4px 15px #00b7cc66}.open-button:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #9000ff80;background:linear-gradient(135deg,#a31ce6,#6c13ff)}.fast-open-button:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #00b7cc80;background:linear-gradient(135deg,#00cde6,#009cb3)}.open-button:disabled,.fast-open-button:disabled{background:linear-gradient(135deg,#525262,#414150);color:#888;cursor:not-allowed;box-shadow:none;opacity:.7}.open-button.insufficient,.fast-open-button.insufficient{background:linear-gradient(135deg,#7a2a2a,#602020);color:#aaa}.possible-gifts-wrapper{width:100%;flex:1;min-height:100px;max-height:250px;overflow-y:auto;overflow-x:hidden;margin-top:20px;padding-right:6px;scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:#7965b1 #1a1a24;z-index:3;position:relative}.possible-gifts-wrapper::-webkit-scrollbar{width:8px}.possible-gifts-wrapper::-webkit-scrollbar-track{background:#1a1a24;border-radius:10px}.possible-gifts-wrapper::-webkit-scrollbar-thumb{background:#7965b1;border-radius:10px;border:2px solid #1a1a24}.possible-gifts-wrapper::-webkit-scrollbar-thumb:hover{background:#9881d5}.possible-gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px;width:100%;padding-bottom:10px;min-height:100px}.possible-gift{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#2a2a3a;padding:8px;border-radius:12px;border:1px solid #444;transition:transform .2s ease,border-color .2s ease}.possible-gift:hover{transform:scale(1.03);border-color:#666}.possible-gift-image{width:100%;aspect-ratio:1 / 1;-o-object-fit:contain;object-fit:contain}.gift-price{margin-top:8px;font-size:12px;color:#ccc;display:flex;align-items:center;gap:4px;width:100%;justify-content:center}.ton-icon{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.case-contains{margin-top:24px;color:#bbb;font-size:14px;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:1.5px;width:100%;z-index:3}.drop-result-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:20px;background-color:#0f0a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drop-result{background:linear-gradient(135deg,#1d1d2e,#11111a);padding:28px 32px;border-radius:24px;text-align:center;width:100%;max-width:340px;box-shadow:0 8px 30px #000000b3;color:#fefefe;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;pointer-events:auto;position:relative;animation:pop-in-drop .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05)}.drop-result .close-button{top:12px;right:12px;background:transparent;border:none;color:#888;font-size:24px;cursor:pointer;transition:color .2s ease,transform .2s ease;z-index:1010;position:absolute;padding:4px;line-height:1}.drop-result .close-button:hover{color:#fff;transform:scale(1.1)}.drop-title{font-size:22px;font-weight:700;margin-top:0;margin-bottom:16px;color:#bb86fc;text-shadow:0 0 10px rgba(187,134,252,.8)}.drop-image{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:16px;background:#1b1b27;padding:10px;margin:16px auto 20px;display:block;border:1px solid #381c59;transition:transform .3s ease}.drop-image:hover{transform:scale(1.08)}.transfer-warning{background:linear-gradient(135deg,#ff6b6b,#e74c3c);color:#fff;padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;margin:12px 0;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #ff6b6b4d}.buttons{display:flex;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}.sell-button{background:linear-gradient(135deg,#9a0bd9,#5f00ff);color:#fff;padding:12px 24px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;min-width:120px;box-shadow:0 4px 12px #9000ff66}.sell-button:hover{background:linear-gradient(135deg,#a31ce6,#6c13ff);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #9000ff80}.keep-button{background:linear-gradient(135deg,#00d26a,#00a854);color:#fff;padding:12px 24px;border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;min-width:120px;box-shadow:0 4px 12px #00d26a66}.keep-button:hover:not(:disabled){background:linear-gradient(135deg,#00e676,#00b862);transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px #00d26a80}.keep-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes pop-in-drop{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.loader-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100px;color:#888;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.loader{width:20px;height:20px;border:5px solid rgba(0,240,255,.2);border-top-color:#00f0ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.code-form{width:100%;display:flex;flex-direction:column;gap:12px;padding:0 4px}.code-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease}.code-input:focus{outline:none;border-color:#9d4edd;box-shadow:0 0 0 2px #9d4edd33}.code-submit{background:linear-gradient(135deg,#9d4edd,#5a00e5);color:#fff;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.code-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9d4edd66}.code-submit:active:not(:disabled){transform:translateY(0)}.code-submit:disabled{opacity:.7;cursor:not-allowed}.live-feed-container{width:100%;position:relative}.live-feed-title{display:flex;justify-content:center;align-items:center;padding:8px 0;background:linear-gradient(to right,#20203a,#2e2259);border-top:1px solid rgba(157,78,221,.3);box-shadow:0 2px 10px #0003;position:relative;overflow:hidden}.feed-title-text{font-size:14px;font-weight:700;color:#fff;text-transform:loader;letter-spacing:1px;position:relative;z-index:1;text-shadow:0 0 8px rgba(157,78,221,.7)}.feed-title-text:before{content:"";position:absolute;width:120%;height:8px;bottom:-5px;left:-10%;background:linear-gradient(90deg,transparent,#9d4edd,#00eeff,transparent);opacity:.7;z-index:-1}.live-feed-wrapper{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow:hidden}.live-indicator{display:flex;align-items:center;flex-shrink:0;margin-right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.blinking-dot{width:6px;height:6px;background-color:var(--accent-success);border-radius:50%;margin-right:var(--spacing-xs);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.vertical-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-success);text-transform:uppercase;letter-spacing:.5px}.live-feed{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0;flex:1;position:relative}.live-feed::-webkit-scrollbar{display:none}.live-feed-item{width:32px;height:32px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background-color:var(--bg-card);border:1px solid var(--border-color);flex-shrink:0;transition:all .2s ease;box-shadow:var(--shadow-sm)}.live-feed-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.live-feed-item:active{transform:scale(.95)}.live-feed-item.appear{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.live-feed-wrapper:after{content:"";position:absolute;top:0;right:var(--spacing-md);width:20px;height:100%;background:linear-gradient(to left,var(--bg-secondary) 0%,rgba(28,28,30,.8) 50%,transparent 100%);pointer-events:none;z-index:1}@media (max-width: 375px){.live-feed-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}.live-indicator{margin-right:var(--spacing-sm)}.live-feed-item{width:28px;height:28px}}.notification{position:fixed;left:50%;transform:translate(-50%);display:flex;align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);margin:0 var(--spacing-md);max-width:400px;width:calc(100vw - 2 * var(--spacing-md));z-index:1000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-top{top:var(--spacing-lg);transform:translate(-50%,-20px)}.notification-bottom{bottom:calc(var(--spacing-lg) + 80px);transform:translate(-50%,20px)}.notification.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.notification-success{border-left:3px solid var(--accent-success)}.notification-error{border-left:3px solid var(--accent-error)}.notification-warning{border-left:3px solid var(--accent-warning)}.notification-info{border-left:3px solid var(--accent-primary)}.notification-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);margin-right:var(--spacing-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.notification-success .notification-icon{background-color:#34c7591a;color:var(--accent-success)}.notification-error .notification-icon{background-color:#ff3b301a;color:var(--accent-error)}.notification-warning .notification-icon{background-color:#ff95001a;color:var(--accent-warning)}.notification-info .notification-icon{background-color:#007aff1a;color:var(--accent-primary)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.4}.notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4;word-break:break-word}.notification-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);margin-left:var(--spacing-sm);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);flex-shrink:0;transition:all .2s ease}.notification-close:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.notification-close:active{transform:scale(.95)}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.notification{padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm);width:calc(100vw - 2 * var(--spacing-sm));border-radius:var(--radius-md)}.notification-top{top:var(--spacing-md)}.notification-bottom{bottom:calc(var(--spacing-md) + 80px)}.notification-icon{width:24px;height:24px;margin-right:var(--spacing-sm);font-size:var(--font-size-xs)}.notification-title,.notification-message{font-size:var(--font-size-xs)}.notification-close{width:20px;height:20px;font-size:var(--font-size-md)}}@media (max-width: 375px){.notification{padding:var(--spacing-sm);border-radius:var(--radius-sm)}.notification-icon{width:22px;height:22px;margin-right:var(--spacing-sm)}}[data-theme=dark] .notification{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .notification-close:hover{background-color:#ffffff0d}@media (prefers-contrast: high){.notification{border-width:2px}.notification-success,.notification-error,.notification-warning,.notification-info{border-left-width:4px}}@media (prefers-reduced-motion: reduce){.notification{transition:opacity .2s ease}.notification-close{transition:background-color .2s ease}}.app-container{width:100%;max-width:100%;overflow-x:hidden;background-color:var(--bg-primary)}.leaderboard-page{max-width:428px;margin:0 auto;padding:0 var(--spacing-md) calc(80px + var(--spacing-lg)) var(--spacing-md);background-color:var(--bg-primary)}.leaderboard-header{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md)}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.leaderboard-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-theme-toggle{flex-shrink:0}.leaderboard-tabs{display:flex;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border-color)}.leaderboard-tabs .tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:none;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);text-align:center;white-space:nowrap}.leaderboard-tabs .tab.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.leaderboard-tabs .tab:hover:not(.active){color:var(--text-primary)}.leaderboard-content{margin-top:var(--spacing-lg)}.top-players{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.top-player-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);position:relative;transition:all .2s ease}.top-player-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl)}.top-player-card.rank-1{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,215,0,.1) 100%);border:2px solid rgba(255,215,0,.4);position:relative;overflow:hidden}.top-player-card.rank-1:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:shimmer 3s infinite}.top-player-card.rank-2{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(192,192,192,.08) 100%);border:2px solid rgba(192,192,192,.3)}.top-player-card.rank-3{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(205,127,50,.08) 100%);border:2px solid rgba(205,127,50,.3)}@keyframes shimmer{0%{left:-100%}to{left:100%}}.rank-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);border:2px solid var(--border-color)}.rank-1 .rank-indicator{background:linear-gradient(135deg,gold,orange);color:#000;border-color:gold;box-shadow:0 0 20px #ffd70080;animation:goldGlow 2s ease-in-out infinite alternate}.rank-2 .rank-indicator{background:linear-gradient(135deg,silver,#a0a0a0);color:#000;border-color:silver;box-shadow:0 0 15px #c0c0c066}.rank-3 .rank-indicator{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#000;border-color:#cd7f32;box-shadow:0 0 15px #cd7f3266}@keyframes goldGlow{0%{box-shadow:0 0 20px #ffd70080}to{box-shadow:0 0 30px #ffd700cc}}.player-info{display:flex;align-items:center;gap:var(--spacing-md)}.player-avatar{width:56px;height:56px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0;transition:all .3s ease;background:var(--bg-secondary)}.top-player-card:hover .player-avatar{transform:scale(1.1);border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.leaderboard-card:hover .player-avatar{transform:scale(1.05);border-color:var(--accent-primary)}.player-details{flex:1;min-width:0}.player-details h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats{display:flex;flex-direction:column;gap:var(--spacing-xs)}.player-stats .stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.player-stats .stat img{width:16px;height:16px}.player-stats .stat span{font-weight:var(--font-weight-medium)}.leaderboard-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.leaderboard-card{background-color:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s ease}.leaderboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.leaderboard-card .rank{width:32px;height:32px;border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.leaderboard-card .player-info{flex:1;min-width:0}.leaderboard-card .player-avatar{width:44px;height:44px}.leaderboard-card .player-details h3{font-size:var(--font-size-md)}.leaderboard-card .player-stats{flex-direction:row;gap:var(--spacing-md)}.leaderboard-card .player-stats .stat{font-size:var(--font-size-xs)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.empty-icon{font-size:64px;margin-bottom:var(--spacing-md);animation:bounce 2s infinite}.empty-state p{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.empty-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}@media (max-width: 480px){.leaderboard-page{padding:0 var(--spacing-sm) calc(80px + var(--spacing-md)) var(--spacing-sm)}.header-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.leaderboard-header h1{font-size:var(--font-size-2xl)}.leaderboard-theme-toggle{align-self:flex-end}.top-player-card{padding:var(--spacing-md)}.player-info{gap:var(--spacing-sm)}.player-avatar{width:48px;height:48px}.rank-indicator{width:28px;height:28px;font-size:var(--font-size-xs)}.player-details h3{font-size:var(--font-size-md)}.player-stats{gap:var(--spacing-xs)}.player-stats .stat{font-size:var(--font-size-xs)}.leaderboard-card{padding:var(--spacing-sm)}.leaderboard-card .rank{width:28px;height:28px;font-size:var(--font-size-xs)}.leaderboard-card .player-avatar{width:40px;height:40px}}@media (max-width: 375px){.leaderboard-header h1{font-size:var(--font-size-xl)}.top-player-card{padding:var(--spacing-sm)}.player-stats{flex-direction:column;gap:2px}.leaderboard-card .player-stats{flex-direction:column;align-items:flex-start;gap:2px}}[data-theme=dark] .rank-1 .rank-indicator,[data-theme=dark] .rank-2 .rank-indicator,[data-theme=dark] .rank-3 .rank-indicator{color:#000}@media (prefers-reduced-motion: reduce){.top-player-card,.leaderboard-card,.player-avatar,.rank-indicator{transition:none;animation:none}}@media (max-width: 768px){.rank-1 .rank-indicator,.empty-icon{animation:none}.top-player-card.rank-1:before{animation:none}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;width:100%;overflow-x:hidden}:root{--primary-color: #007aff;--primary-gradient: linear-gradient(90deg, #007aff, #00e0ff);--highlight-color: #00e0ff;--background-dark: #121219;--card-background: #1a1a24;--text-color: #ffffff;--text-secondary: #a8a8b3;--border-color: #2a2a35;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--shadow: 0 2px 8px rgba(0, 0, 0, .2)}.invite-page-container{min-height:100vh;background-color:var(--bg-primary)}.invite-container{max-width:428px;margin:0 auto;padding:var(--spacing-md) var(--spacing-md) calc(80px + var(--spacing-lg)) var(--spacing-md)}.invite-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.invite-header{text-align:center;margin-bottom:var(--spacing-lg)}.invite-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.invite-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.highlight{color:var(--accent-primary);font-weight:var(--font-weight-bold)}.invite-action-area{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invite-info{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.invite-count,.invite-earnings{text-align:center;flex:1}.count-value,.earnings-value{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.count-label,.earnings-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.vertical-divider{width:1px;height:40px;background-color:var(--border-color);margin:0 var(--spacing-md)}.ton-icon{width:16px;height:16px}.invite-buttons{display:flex;gap:var(--spacing-md)}.invite-button,.copy-button{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.invite-button{background:var(--gradient-primary);color:#fff}.copy-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);flex:0 0 auto;width:48px;padding:var(--spacing-md)}.invite-button:hover,.copy-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.invite-button:active,.copy-button:active{transform:translateY(0)}.invite-button:disabled,.copy-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.telegram-icon,.copy-icon{width:18px;height:18px}.referral-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.referral-header{margin-bottom:var(--spacing-lg)}.referral-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.referral-search{margin-bottom:var(--spacing-lg)}.search-input-container{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #007aff1a}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:60px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-xs);transition:color .2s ease}.search-clear:hover{color:var(--text-primary)}.search-button{background-color:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;padding:var(--spacing-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.search-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-icon{width:18px;height:18px}.search-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.search-result{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.referral-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.referral-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.referral-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.referral-avatar{width:44px;height:44px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.referral-details{flex:1;min-width:0}.referral-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-info{display:flex;align-items:center;gap:var(--spacing-sm)}.referral-date{font-size:var(--font-size-xs);color:var(--text-muted)}.no-referrals{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-referrals p{font-size:var(--font-size-sm);margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.pagination-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--bg-card);transform:translateY(-1px)}.pagination-button.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-icon{width:16px;height:16px}.animate-fadein{animation:fadeIn .5s ease forwards}.modern-card{transition:all .2s ease}@media (max-width: 480px){.invite-container{padding:var(--spacing-sm) var(--spacing-sm) calc(80px + var(--spacing-md)) var(--spacing-sm)}.invite-card,.referral-card{padding:var(--spacing-md)}.invite-title{font-size:var(--font-size-xl)}.invite-info{padding:var(--spacing-sm)}.count-value,.earnings-value{font-size:var(--font-size-lg)}.vertical-divider{margin:0 var(--spacing-sm)}.invite-buttons{gap:var(--spacing-sm)}.invite-button{padding:var(--spacing-sm) var(--spacing-md)}.copy-button{width:44px;padding:var(--spacing-sm)}.referral-item{padding:var(--spacing-sm)}.referral-avatar{width:40px;height:40px}}@media (max-width: 375px){.invite-title{font-size:var(--font-size-lg)}.invite-info{flex-direction:column;gap:var(--spacing-md);text-align:center}.vertical-divider{display:none}.search-input-container{flex-direction:column;gap:var(--spacing-sm)}.search-input{width:100%}.search-button{width:100%;height:44px}.search-clear{right:var(--spacing-md)}}[data-theme=dark] .search-input{background-color:#ffffff0d}[data-theme=dark] .search-clear:hover,[data-theme=dark] .pagination-button:hover:not(:disabled){background-color:#ffffff0d}@media (prefers-reduced-motion: reduce){.invite-button,.copy-button,.referral-item,.pagination-button,.search-button{transition:none}.animate-fadein,.search-spinner{animation:none}}.profile-container{max-width:428px;margin:0 auto;padding:0 var(--spacing-md) calc(80px + var(--spacing-lg)) var(--spacing-md);background-color:var(--bg-primary)}@media (min-width: 481px) and (max-width: 768px){.profile-container{max-width:600px;padding:0 var(--spacing-lg) calc(80px + var(--spacing-lg)) var(--spacing-lg)}.inventory-grid,.history-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.history-item,.inventory-item{padding:var(--spacing-md)}}@media (min-width: 769px){.profile-container{max-width:900px;padding:0 var(--spacing-lg) calc(80px + var(--spacing-xl)) var(--spacing-lg)}.inventory-grid,.history-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md)}.history-item,.inventory-item{padding:var(--spacing-lg)}.profile-header{padding:var(--spacing-xl)}.profile-top,.profile-stats,.tabs-navigation{gap:var(--spacing-lg)}.inventory-actions{gap:var(--spacing-sm)}.small-btn{min-width:80px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.history-img,.inventory-img{width:56px;height:56px}.drop-name,.inventory-name,.drop-price{font-size:var(--font-size-md)}.drop-date{font-size:var(--font-size-sm)}}.profile-header{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(99,102,241,.3);position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);transform:skew(-25deg);animation:headerShine 4s infinite;pointer-events:none}@keyframes headerShine{0%{left:-100%}25%{left:100%}to{left:100%}}.profile-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.profile-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.avatar-container{flex-shrink:0}.avatar{width:60px;height:60px;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s ease}.profile-info{flex:1;min-width:0}.username-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap}.username{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-id-container{display:flex;align-items:center;background-color:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.user-id-container:hover{background-color:var(--bg-secondary);transform:translateY(-1px)}.user-id{font-size:var(--font-size-xs);color:var(--text-secondary);margin-right:var(--spacing-xs);font-weight:var(--font-weight-medium)}.copy-btn{background:none;border:none;cursor:pointer;padding:2px;opacity:.7;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{opacity:1}.copy-btn img{width:14px;height:14px;filter:var(--text-secondary)}.profile-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0;position:relative}.wallet-container{text-align:right}.profile-wallet{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.token-icon{width:20px;height:20px}.wallet-balance{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--text-primary)}.wallet-actions{display:flex;gap:var(--spacing-sm);align-items:center}.deposit-button{background:var(--gradient-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3)}.deposit-button:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:buttonShine 3s infinite}@keyframes buttonShine{0%{left:-100%}20%{left:100%}to{left:100%}}.deposit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.deposit-button:active{transform:translateY(0)}.connect-wallet-wrapper{transform:scale(.85);transform-origin:right center}.profile-stats{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.stat-item{text-align:center;flex:1}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs);line-height:1.2}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.content-section{margin-top:var(--spacing-lg)}.tabs-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.tabs-container{display:flex;background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xs);border:1px solid var(--border-color)}.tab{padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:none;color:var(--text-secondary);border:none;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);flex:1;text-align:center;white-space:nowrap}.tab.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary)}.sell-all-button{background:var(--gradient-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);color:#fff;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm)}.sell-all-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.sell-all-button:active:not(:disabled){transform:translateY(0)}.sell-all-button:disabled{opacity:.6;cursor:not-allowed}.sell-all-icon{width:16px;height:16px}.sell-all-button.loading{position:relative;color:transparent}.sell-all-button.loading:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.inline-pagination{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--bg-secondary);transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);min-width:40px;text-align:center}.inventory-grid,.history-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.history-item,.inventory-item{background:var(--gradient-card);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid rgba(99,102,241,.2);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--spacing-md);position:relative;overflow:hidden}.history-item:before,.inventory-item:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff0d,#fff0);transform:skew(-25deg);transition:left .5s ease}.history-item:hover,.inventory-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #6366f133;border-color:#6366f166}.history-item:hover:before,.inventory-item:hover:before{left:100%}.history-img,.inventory-img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);background-color:var(--bg-secondary);padding:var(--spacing-xs);flex-shrink:0}.history-details,.inventory-details{flex:1;min-width:0}.drop-name,.inventory-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-price{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--accent-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.token-icon-price{width:14px;height:14px}.drop-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.inventory-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.small-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;min-width:60px}.sell-btn{background:var(--gradient-success);color:#fff}.transfer-btn{background:var(--gradient-primary);color:#fff}.small-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.small-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-state p{font-size:var(--font-size-sm);margin:0}@media (min-width: 769px){.empty-state{padding:var(--spacing-xxl)}.empty-state p{font-size:var(--font-size-md)}}.mobile-items-container{margin-top:var(--spacing-md)}.scroll-container{max-height:60vh;overflow-y:auto;padding:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}@media (min-width: 769px){.scroll-container{max-height:70vh;padding:var(--spacing-md)}}.scroll-container::-webkit-scrollbar{width:4px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media (max-width: 480px){.profile-container{padding:0 var(--spacing-sm) calc(80px + var(--spacing-md)) var(--spacing-sm)}.profile-header{padding:var(--spacing-md)}.profile-top{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.profile-left{width:100%}.profile-right{align-items:flex-start;width:100%}.username{font-size:var(--font-size-lg)}.avatar{width:50px;height:50px}.wallet-actions{width:100%;justify-content:space-between}.profile-stats{gap:var(--spacing-sm)}.stat-value{font-size:var(--font-size-lg)}.tabs-navigation{flex-direction:column;align-items:stretch}.tabs-container{order:1}.sell-all-button,.inline-pagination{order:2;margin-top:var(--spacing-sm)}}@media (max-width: 375px){.profile-header{padding:var(--spacing-sm)}.username-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.username{font-size:var(--font-size-md)}.profile-stats{gap:var(--spacing-xs)}}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .copy-btn img{filter:invert(.6)}[data-theme=dark] .tab:hover:not(.active){background-color:#ffffff0d}.skeleton-stat-value{width:60px;height:28px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.skeleton-stat-label{width:80px;height:16px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-top:var(--spacing-xs);animation:shimmer 1.5s infinite}.skeleton-button{width:80px;height:36px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite}.skeleton-tab{width:100px;height:40px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md);animation:shimmer 1.5s infinite}.skeleton-tab:first-child{animation-delay:0s}.skeleton-tab:last-child{animation-delay:.1s}.skeleton-items-grid{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) 0}.skeleton-item-card{height:80px;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--border-color) 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}.skeleton-item-card:nth-child(1){animation-delay:0s}.skeleton-item-card:nth-child(2){animation-delay:.1s}.skeleton-item-card:nth-child(3){animation-delay:.2s}.skeleton-item-card:nth-child(4){animation-delay:.3s}.skeleton-item-card:nth-child(5){animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 480px){.skeleton-button{width:70px;height:32px}.skeleton-tab{width:80px;height:36px}.skeleton-stat-value{width:50px;height:24px}.skeleton-stat-label{width:60px;height:14px}.skeleton-item-card{height:70px}}@media (max-width: 375px){.skeleton-button{width:60px;height:30px}.skeleton-tab{width:70px;height:34px}.skeleton-stat-value{width:45px;height:22px}.skeleton-stat-label{width:55px;height:12px}.skeleton-item-card{height:65px}}@media (prefers-reduced-motion: reduce){.history-item,.inventory-item,.small-btn,.pagination-btn,.deposit-button,.sell-all-button{transition:none}.sell-all-button.loading:after{animation:none}.skeleton-stat-value,.skeleton-stat-label,.skeleton-button,.skeleton-tab,.skeleton-item-card{animation:none;background:var(--bg-secondary)}}.deposit-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.deposit-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:400px;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deposit-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.deposit-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.close-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.deposit-content{padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.category-tabs{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--spacing-lg);gap:4px}.category-tab{flex:1;background:none;border:none;padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.category-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.category-icon{font-size:18px}.category-name{font-size:var(--font-size-xs)}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md)}.payment-method{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);position:relative;min-height:90px}.payment-method:hover:not(.disabled){border-color:var(--accent-primary);background:var(--bg-card);transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method.disabled{opacity:.6;cursor:not-allowed}.method-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.method-icon svg{width:100%;height:100%}.method-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.emoji-icon{font-size:20px;line-height:1}.method-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.coming-soon-badge{position:absolute;top:8px;right:8px;background:var(--accent-warning);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;line-height:1}.promocode-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) 0}.promocode-icon{font-size:48px;margin-bottom:var(--spacing-md)}.promocode-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.promocode-input-wrapper{margin-top:16px;width:100%}.promocode-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-secondary);transition:all .2s ease}.promocode-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-card);box-shadow:0 0 0 3px #06b6d41a}.promocode-input::-moz-placeholder{color:var(--text-muted)}.promocode-input::placeholder{color:var(--text-muted)}.amount-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.selected-method-info{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.method-details{flex:1}.selected-method-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.selected-method-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.deposit-limits{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.limits-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.limits-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.limit-item{display:flex;justify-content:space-between;align-items:center}.limit-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.limit-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.input-wrapper{position:relative}.amount-input{width:100%;padding:var(--spacing-lg);padding-bottom:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-align:center;transition:all .2s ease;box-sizing:border-box}.amount-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #06b6d41a}.amount-input::-moz-placeholder{color:var(--text-muted)}.amount-input::placeholder{color:var(--text-muted)}.currency-label{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);pointer-events:none}.fee-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center}.fee-info span{font-size:var(--font-size-sm);color:var(--text-secondary)}.deposit-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-primary);display:flex;gap:var(--spacing-md)}.cancel-btn,.back-btn,.confirm-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center}.cancel-btn,.back-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover,.back-btn:hover{background:var(--bg-card);transform:translateY(-1px)}.confirm-btn{background:var(--gradient-primary);color:#fff}.confirm-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.confirm-btn:active,.cancel-btn:active,.back-btn:active{transform:translateY(0)}@media (max-width: 480px){.deposit-overlay{padding:var(--spacing-sm)}.deposit-modal{max-width:100%}.deposit-header{padding:var(--spacing-md)}.deposit-title{font-size:var(--font-size-md)}.deposit-content{padding:var(--spacing-md)}.payment-methods{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.payment-method{padding:6px;min-height:75px}.method-icon{width:44px;height:44px}.method-icon img{width:32px;height:32px}.emoji-icon{font-size:28px}.method-name{font-size:var(--font-size-xs)}.amount-input{font-size:var(--font-size-lg);padding:var(--spacing-md)}.deposit-footer{padding:var(--spacing-md)}}@media (max-width: 375px){.category-tabs{gap:2px}.category-tab{padding:var(--spacing-xs)}.category-icon{font-size:16px}.category-name{font-size:var(--font-size-xs)}.payment-methods{grid-template-columns:repeat(2,1fr)}.payment-method{padding:4px;min-height:65px}.method-icon{width:38px;height:38px}.method-icon img{width:28px;height:28px}.emoji-icon{font-size:24px}.deposit-footer{flex-direction:column}}[data-theme=dark] .amount-input,[data-theme=dark] .promocode-input{background:#ffffff0d}[data-theme=dark] .category-tab.active{background:#ffffff1a}@media (prefers-reduced-motion: reduce){.deposit-modal,.payment-method,.category-tab,.confirm-btn,.cancel-btn,.back-btn{animation:none;transition:none}}.inline-converter{position:absolute;bottom:8px;left:var(--spacing-md);display:flex;align-items:center;gap:4px;background:#06b6d41a;padding:4px 8px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(6,182,212,.2);animation:fadeInUp .3s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.converter-equals{font-size:var(--font-size-xs);color:var(--text-secondary);opacity:.8}.converted-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.converted-currency{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--accent-primary);opacity:.8}.transfer-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.transfer-warning-modal{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:100%;position:relative;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);text-align:center}.close-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:var(--font-size-lg);color:var(--text-muted);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .2s ease}.close-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.transfer-warning-modal h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;padding-right:40px}.warning-content{margin-bottom:var(--spacing-xl)}.warning-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.bot-link{margin:var(--spacing-lg) 0}.bot-button{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);text-decoration:none;display:inline-block}.bot-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.countdown{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.countdown p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.proceed-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all .2s ease;background-color:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color)}.proceed-button.active{background:var(--gradient-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm)}.proceed-button.active:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.proceed-button:disabled{cursor:not-allowed}@media (max-width: 480px){.transfer-warning-overlay{padding:var(--spacing-sm)}.transfer-warning-modal{padding:var(--spacing-lg)}.transfer-warning-modal h2{font-size:var(--font-size-lg);padding-right:32px}.warning-content p{font-size:var(--font-size-xs)}.bot-button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}.proceed-button{font-size:var(--font-size-sm)}}@media (max-width: 375px){.transfer-warning-modal h2{font-size:var(--font-size-md)}}[data-theme=dark] .countdown{background-color:#ffffff0d}@media (prefers-reduced-motion: reduce){.bot-button,.proceed-button{transition:none}}.notfound-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary);padding:var(--spacing-lg);text-align:center}.neon-404{font-size:128px;font-weight:var(--font-weight-bold);color:var(--accent-primary);margin:0 0 var(--spacing-lg) 0;line-height:1;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .8s ease-out}.notfound-subtext{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0;font-weight:var(--font-weight-medium);animation:fadeIn 1s ease-out .2s both}@media (max-width: 480px){.notfound-wrapper{padding:var(--spacing-md)}.neon-404{font-size:96px}.notfound-subtext{font-size:var(--font-size-md)}}@media (max-width: 375px){.neon-404{font-size:72px}.notfound-subtext{font-size:var(--font-size-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.neon-404,.notfound-subtext{animation:none}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary);padding:var(--spacing-lg);position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,122,255,.05) 0%,transparent 70%);pointer-events:none}.loading-box{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:320px;width:100%;z-index:1}.app-logo{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-status{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;transition:color .3s ease;animation:fadeInScale .8s ease-out}.loading-status.error{color:var(--accent-error)}.neon{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.error-message{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.5;padding:var(--spacing-md);background-color:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-md);animation:slideInUp .5s ease-out}.spinner-wrapper{display:flex;justify-content:center;align-items:center;height:100px;margin-bottom:var(--spacing-xl)}.spinner{position:relative;width:60px;height:60px}.spinner:before,.spinner:after{content:"";position:absolute;border-radius:50%;animation:spinPulse 2s linear infinite}.spinner:before{width:100%;height:100%;border:3px solid transparent;border-top-color:var(--accent-primary);animation:spinRotate 1s linear infinite}.spinner:after{width:80%;height:80%;top:10%;left:10%;border:3px solid transparent;border-top-color:var(--accent-secondary);animation:spinRotate 1.5s linear infinite reverse}@keyframes spinRotate{to{transform:rotate(360deg)}}@keyframes spinPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.progress-container{width:200px;height:4px;background-color:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--spacing-lg)}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm);animation:progressAnimation 2s ease-in-out infinite;transform-origin:left}@keyframes progressAnimation{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(0)}}.status-messages{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:center;margin-bottom:var(--spacing-xl)}.status-primary{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);animation:fadeInUp .6s ease-out}.status-secondary{font-size:var(--font-size-sm);color:var(--text-secondary);animation:fadeInUp .8s ease-out .2s both}.loading-footer{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);text-align:center;width:100%;max-width:300px}.footer-text{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 var(--spacing-xs) 0}.footer-subtext{font-size:var(--font-size-xs);color:var(--text-muted);margin:0}.footer-subtext a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease;font-weight:var(--font-weight-medium)}.footer-subtext a:hover{color:var(--accent-secondary);text-decoration:underline}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.loading-screen{padding:var(--spacing-md)}.app-logo{width:60px;height:60px;font-size:var(--font-size-xl)}.loading-status{font-size:var(--font-size-xl)}.spinner{width:48px;height:48px}.spinner-wrapper{height:80px}.progress-container{width:160px}.status-primary{font-size:var(--font-size-sm)}.status-secondary{font-size:var(--font-size-xs)}}@media (max-width: 375px){.app-logo{width:50px;height:50px;font-size:var(--font-size-lg)}.loading-status{font-size:var(--font-size-lg)}.progress-container{width:140px}}[data-theme=dark] .loading-screen:before{background:radial-gradient(ellipse at center,rgba(0,122,255,.08) 0%,transparent 70%)}[data-theme=dark] .error-message{background-color:#ff3b3026;border-color:#ff3b304d}@media (prefers-reduced-motion: reduce){.app-logo,.spinner,.progress-bar,.loading-status,.status-primary,.status-secondary,.error-message{animation:none}.spinner:before,.spinner:after{animation:none;border-color:var(--accent-primary)}.progress-bar{transform:scaleX(.5)}}.maintenance-screen{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary);background-image:var(--bg-pattern-dots);background-size:20px 20px;position:relative;overflow-x:hidden}.maintenance-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 30%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:1}}.maintenance-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);position:relative;z-index:1}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.float-element{position:absolute;width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);opacity:.05;animation:float 6s ease-in-out infinite}.float-1{top:20%;left:10%;animation-delay:0s}.float-2{top:60%;right:15%;animation-delay:2s}.float-3{bottom:30%;left:20%;animation-delay:4s}.float-4{top:40%;right:40%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.maintenance-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:450px;width:100%;z-index:2}.maintenance-logo{position:relative;margin-bottom:var(--spacing-2xl);animation:fadeInScale 1s ease-out}.logo-icon{position:relative;width:120px;height:120px;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl);z-index:1}.gear-icon{position:relative;font-size:48px}.gear{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotateGear 4s linear infinite}.gear-1{animation-delay:0s}.gear-2{animation-delay:.5s;font-size:32px;opacity:.7}@keyframes rotateGear{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.logo-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:var(--gradient-primary);border-radius:var(--radius-2xl);opacity:.3;filter:blur(20px);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.maintenance-heading{margin-bottom:var(--spacing-2xl);animation:fadeInUp 1s ease-out .3s both}.maintenance-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(99,102,241,.3)}.title-underline{height:4px;width:60px;background:var(--gradient-primary);margin:0 auto;border-radius:var(--radius-sm);animation:expandLine 1s ease-out .5s both}@keyframes expandLine{0%{width:0}to{width:60px}}.status-container{margin-bottom:var(--spacing-2xl);animation:fadeInUp 1s ease-out .6s both}.status-primary{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md)}.status-secondary{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6;max-width:380px}.progress-section{margin-bottom:var(--spacing-2xl);width:100%;animation:fadeInUp 1s ease-out .9s both}.progress-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.progress-track{width:100%;max-width:300px;height:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-sm);animation:progressMove 3s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressMove{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.features-section{margin-bottom:var(--spacing-2xl);animation:fadeInUp 1s ease-out 1.2s both}.features-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .3s ease;animation:fadeInScale .8s ease-out}.feature-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.feature-item:nth-child(1){animation-delay:1.3s}.feature-item:nth-child(2){animation-delay:1.4s}.feature-item:nth-child(3){animation-delay:1.5s}.feature-item:nth-child(4){animation-delay:1.6s}.feature-icon{font-size:32px;margin-bottom:var(--spacing-sm);animation:bounce 2s ease-in-out infinite}.feature-item:nth-child(2) .feature-icon{animation-delay:.5s}.feature-item:nth-child(3) .feature-icon{animation-delay:1s}.feature-item:nth-child(4) .feature-icon{animation-delay:1.5s}.feature-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.eta-section{margin-bottom:var(--spacing-2xl);animation:fadeInUp 1s ease-out 1.5s both}.eta-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.eta-icon{font-size:32px;animation:pulse 2s ease-in-out infinite}.eta-text{text-align:left}.eta-primary{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.eta-time{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.social-section{animation:fadeInUp 1s ease-out 1.8s both}.social-text{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.social-links{display:flex;justify-content:center;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .3s ease}.social-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary);background:var(--gradient-primary);color:#fff}.social-icon{font-size:18px}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:.6;animation:particleFloat 8s linear infinite}.particle-1{left:10%;animation-delay:0s}.particle-2{left:20%;animation-delay:1s}.particle-3{left:30%;animation-delay:2s}.particle-4{left:60%;animation-delay:3s}.particle-5{left:80%;animation-delay:4s}.particle-6{left:90%;animation-delay:5s}@keyframes particleFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.maintenance-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-lg);margin-top:auto;animation:fadeInUp 1s ease-out 2s both}.footer-content{text-align:center;max-width:428px;margin:0 auto}.footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.footer-subtext{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 480px){.maintenance-container{padding:var(--spacing-lg) var(--spacing-md)}.maintenance-title{font-size:var(--font-size-2xl)}.logo-icon{width:100px;height:100px}.gear-icon{font-size:40px}.features-grid{grid-template-columns:1fr}.eta-container{flex-direction:column;text-align:center}.eta-text{text-align:center}}@media (max-width: 375px){.maintenance-title{font-size:var(--font-size-xl)}.logo-icon{width:80px;height:80px}.gear-icon{font-size:32px}.status-primary{font-size:var(--font-size-lg)}.status-secondary{font-size:var(--font-size-sm)}.feature-item{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.maintenance-screen:before,.logo-glow,.gear,.progress-fill,.progress-fill:after,.feature-icon,.eta-icon,.particle,.float-element{animation:none}.maintenance-content>*{animation:none}}@media (prefers-contrast: high){.feature-item,.eta-container,.social-link{border-width:2px}.maintenance-title{-webkit-text-fill-color:var(--text-primary);color:var(--text-primary)}}