@import url(https://fonts.googleapis.com/css2?family=Jersey+10&family=Rubik:wght@300;400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap);html{-webkit-overflow-scrolling:touch;padding:0}body,html{background-color:#10151e!important;margin:0;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed!important;background-image:radial-gradient(circle,#ffffff08 1px,#0000 0)!important;background-size:28px 28px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);z-index:0}#root,body{position:relative}#root{background-color:initial;min-height:100vh;z-index:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#4bf364,#3dd955);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 16px #4bf36466,0 2px 8px #0000004d;color:#000;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:24px;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:48px;z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.scroll-to-top:hover{box-shadow:0 8px 24px #4bf36480,0 4px 12px #0006;transform:translateY(-4px) scale(1.1)}.scroll-to-top:active{transform:translateY(0) scale(.95)}.scroll-to-top svg{transition:transform .2s ease}.scroll-to-top:hover svg{transform:translateY(-2px)}@media (max-width:768px){.scroll-to-top{bottom:16px;height:44px;right:16px;width:44px}}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h1,h2,h3,h4,h5,h6{font-family:Rubik,sans-serif}:root{--brand-strong-rgb:16,185,129;--brand-main-rgb:16,185,129;--brand-strong:#4bf364;--brand-main:#4bf364;--brand-gradient:linear-gradient(135deg,var(--brand-strong) 0%,var(--brand-main) 100%)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 10px #10b98166;box-shadow:0 0 10px rgba(var(--brand-strong-rgb),.4)}50%{box-shadow:0 0 20px #10b981b3;box-shadow:0 0 20px rgba(var(--brand-strong-rgb),.7)}}@keyframes borderGlow{0%,to{border-color:#10b9814d;border-color:rgba(var(--brand-strong-rgb),.3)}50%{border-color:#10b98199;border-color:rgba(var(--brand-strong-rgb),.6)}}@keyframes inputFocus{0%{box-shadow:0 0 0 0 #10b98166;box-shadow:0 0 0 0 rgba(var(--brand-strong-rgb),.4)}to{box-shadow:0 0 0 8px #10b98100;box-shadow:0 0 0 8px rgba(var(--brand-strong-rgb),0)}}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes priceFlashGreen{0%{background-color:#39ff1466;transform:scale(1.05)}to{background-color:initial;transform:scale(1)}}@keyframes priceFlashRed{0%{background-color:#f446;transform:scale(1.05)}to{background-color:initial;transform:scale(1)}}@keyframes numberPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}@keyframes slideUpReveal{0%{filter:blur(4px);opacity:0;transform:translateY(30px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.animate-price-up{animation:priceFlashGreen .6s ease-out}.animate-price-down{animation:priceFlashRed .6s ease-out}.animate-number-pop{animation:numberPop .3s ease-out}.animate-stagger-item{animation:staggerFadeIn .4s ease-out backwards}.animate-bounce-hover:hover{animation:subtleBounce .4s ease-in-out}.animate-success{animation:successPop .4s cubic-bezier(.175,.885,.32,1.275)}.animate-slide-up{animation:slideUpReveal .5s ease-out backwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.stagger-9{animation-delay:.45s}.stagger-10{animation-delay:.5s}.stagger-11{animation-delay:.55s}.stagger-12{animation-delay:.6s}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-4px)}.item-card-change-badge .dollar-text{display:inline}.item-card-change-badge .percent-text,.item-card-change-badge:hover .dollar-text{display:none}.item-card-change-badge:hover .percent-text{display:inline}.pagination-btn:not(:disabled):hover{background:#4bf36433!important;border-color:#4bf36480!important;transform:translateY(-1px)}.pagination-btn.active:hover{background:#4bf364!important;transform:scale(1.05)!important}.pagination-nav:not(:disabled):hover{background:#4bf36426!important;color:#4bf364!important}.press-effect:active{transform:scale(.97);transition:transform .1s ease}.glow-pulse{animation:glow 2s ease-in-out infinite}.App{display:flex;flex-direction:column;font-family:Quicksand,sans-serif;overflow-x:hidden}.app-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#111827f2;border-bottom:1px solid #ffffff1a;box-sizing:border-box;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-content{gap:32px;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 32px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{flex-shrink:0}.logo-link{align-items:center;display:flex;transition:opacity .2s ease}.logo-link:hover{opacity:.85}.site-logo{height:32px;width:auto}.header-nav{flex:1 1;gap:24px;justify-content:space-between}.header-nav,.nav-links-center{align-items:center;display:flex}.nav-links-center{gap:4px;margin-left:auto}.nav-link{align-items:center;background:#0000;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-family:Inter,Rubik,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link-active{background:#ffffff1a!important;color:#fff!important}.nav-game-icon{border-radius:4px;height:18px;object-fit:cover;width:18px}.nav-actions{gap:12px;margin-left:auto}.nav-actions,.nav-btn{align-items:center;display:flex}.nav-btn{border-radius:8px;cursor:pointer;font-family:Inter,Rubik,sans-serif;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-btn svg{height:16px;width:16px}.nav-btn-primary{background:#4bf364;border:none;color:#0a0e14}.nav-btn-primary:hover{background:#5ff575;box-shadow:0 4px 12px #4bf3644d;transform:translateY(-1px)}.nav-btn-primary.active{background:#3de054}.nav-btn-primary svg{stroke:#0a0e14}.nav-currency{align-items:center;display:flex}.nav-dropdown{position:relative}.nav-dropdown-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-family:Inter,Rubik,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-dropdown-trigger.active,.nav-dropdown-trigger:hover{background:#ffffff14;color:#fff}.nav-dropdown-trigger .nav-game-icon{border-radius:4px;height:18px;object-fit:cover;width:18px}.dropdown-arrow{opacity:.5;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{left:0;opacity:0;padding-top:6px;position:absolute;top:100%;transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:1000}.nav-dropdown-menu:before{background:#0000;content:"";height:6px;left:0;position:absolute;right:0;top:0}.nav-dropdown-menu-inner{background:#1a1f2a;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 24px #0006;min-width:160px;overflow:hidden}.nav-dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown-item{align-items:center;color:#ffffffb3;display:flex;font-size:13px;font-weight:500;gap:10px;padding:11px 14px;text-decoration:none;transition:all .15s ease}.nav-dropdown-item:hover{background:#ffffff0f;color:#fff}.nav-dropdown-item.active{background:#4bf36414;color:#4bf364}.dropdown-item-icon{font-size:14px}.currency-selector{position:relative}.currency-trigger{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-family:Inter,Rubik,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.currency-trigger:hover{background:#ffffff14;border-color:#ffffff26}.currency-code{font-size:12px;opacity:.6}.currency-arrow{margin-left:2px;opacity:.5;transition:transform .2s ease}.currency-arrow.open{transform:rotate(180deg)}.currency-dropdown{opacity:0;padding-top:6px;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .2s ease;visibility:hidden;z-index:1000}.currency-dropdown:before{background:#0000;content:"";height:6px;left:0;position:absolute;right:0;top:0}.currency-dropdown-inner{background:#1a1f2a;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 8px 24px #0006;min-width:100px;overflow:hidden}.currency-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.currency-option{align-items:center;background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;font-family:Inter,Rubik,sans-serif;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-align:left;transition:all .15s ease;width:100%}.currency-option:hover{background:#ffffff0f;color:#fff}.currency-option.active{background:#4bf36414;color:#4bf364}.currency-option-symbol{text-align:center;width:18px}.currency-option-code{opacity:.6}.dropdown-trigger{align-items:center;display:flex;gap:5px}.dropdown-arrow{display:inline-block;transition:transform .3s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:fadeInDown .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#141419fa,#1e1923fa);border:1px solid #10b98166;border:1px solid rgba(var(--brand-strong-rgb),.4);border-radius:12px;box-shadow:0 12px 32px #00000080,0 0 0 1px #10b9811a;box-shadow:0 12px 32px #00000080,0 0 0 1px rgba(var(--brand-strong-rgb),.1);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{align-items:center;border-bottom:1px solid #10b98114;border-bottom:1px solid rgba(var(--brand-strong-rgb),.08);color:#ffffffd9;display:flex;font-size:14px;font-weight:500;padding:14px 20px;position:relative;text-decoration:none;transition:all .2s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover:not(.disabled){background:linear-gradient(135deg,#10b98140,#10b98126);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.25) 0,rgba(var(--brand-main-rgb),.15) 100%);color:#fff;padding-left:24px}.dropdown-item:hover:not(.disabled) .dropdown-icon{transform:scale(1.1)}.dropdown-item.disabled{cursor:not-allowed;font-style:italic;opacity:.4}.dropdown-icon{border-radius:4px;height:18px;margin-right:10px;object-fit:contain;transition:transform .2s ease;width:18px}.app-title{color:#fff;margin:0}.app-title,.app-tld{font-family:Rubik,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px}.app-tld{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4bf364,#4bf364);-webkit-background-clip:text;background-clip:text}.app-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;letter-spacing:.5px;margin:0}.search-container{box-sizing:border-box;padding:20px}.App{background:#0000;box-sizing:border-box;color:#e6eef8;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}.search-container{margin:0 auto 40px;max-width:100%;padding:0}.search-form-inline{align-items:stretch;display:flex;gap:12px;margin-bottom:25px}.search-container form{margin-bottom:25px}.search-input-wrapper{flex:2 1;min-width:280px;position:relative}.search-icon{color:#fff6;left:18px}.search-icon,.search-icon-user{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-icon-user{color:#ffffff80;left:20px}.search-input{background:#111827cc;font-weight:500;height:100%;padding:16px 20px 16px 52px;width:100%}.game-dropdown,.search-input{border:1px solid #ffffff14;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Quicksand,sans-serif;font-size:15px;transition:all .3s ease}.game-dropdown{-webkit-appearance:none;appearance:none;background:#141925;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;font-weight:600;min-width:180px;padding:14px 40px 14px 52px}.game-dropdown-wrapper{min-width:220px;position:relative}.game-dropdown-button{align-items:center;background:#111827cc;border:1px solid #ffffff14;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:15px;font-weight:600;gap:12px;height:100%;padding:16px;transition:background .2s ease,border-color .2s ease;width:100%}.game-dropdown-button:hover:not(:disabled){background:#4bf3640d;border-color:#4bf3644d}.game-dropdown-button:disabled{cursor:not-allowed;opacity:.6}.game-dropdown-icon{border-radius:4px;flex-shrink:0;height:24px;object-fit:cover;width:24px}.game-dropdown-label{flex:1 1;text-align:left}.game-dropdown-arrow{color:#fff9;flex-shrink:0;transition:transform .3s ease}.game-dropdown-menu{background:#141925;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 8px 32px #00000080;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.game-dropdown-option{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:15px;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.game-dropdown-option:hover{background:#4bf3641a}.game-dropdown-option.selected{background:#4bf36433;color:#4bf364}.game-option-icon{border-radius:4px;flex-shrink:0;height:24px;object-fit:cover;width:24px}.game-dropdown:hover{background:#222938;border-color:#4bf3644d}.game-dropdown:focus{background:#222938;border-color:#4bf36466;outline:none}.game-dropdown option{background:#1d2332;color:#fff}.fetch-button{background:linear-gradient(135deg,#4bf364,#3dd957);border:none;border-radius:8px;box-shadow:0 4px 12px #4bf36440;box-sizing:border-box;color:#0a0f0e;cursor:pointer;font-family:Quicksand,sans-serif;font-size:15px;font-weight:700;height:100%;min-width:140px;padding:16px 32px;transition:all .3s ease}.fetch-button:hover:not(:disabled){background:linear-gradient(135deg,#5df473,#4ae966);box-shadow:0 6px 20px #4bf36459;transform:translateY(-2px)}.fetch-button:active:not(:disabled){transform:translateY(0)}.fetch-button:disabled{cursor:not-allowed;opacity:.6}.search-input::placeholder{color:#fff6}.search-input:focus{background:#4bf3640d;border-color:#4bf3644d;outline:none}.search-input:disabled{animation:loadingPulse 1.5s ease-in-out infinite;cursor:not-allowed;opacity:.6}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #10b98133;border-top-color:#4bf364;border:3px solid rgba(var(--brand-strong-rgb),.2);border-radius:50%;border-top-color:var(--brand-strong);height:20px;position:absolute;right:18px;top:50%;transform:translateY(-50%);width:20px}.game-selector{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.game-box{align-items:center;animation:slideInLeft .5s ease-out backwards;background:#1e1e26b3;border:2px solid #10b9814d;border:2px solid rgba(var(--brand-strong-rgb),.3);border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:600;gap:8px;min-width:140px;padding:14px 16px;transition:all .3s ease}.best-offer-shimmer{border-radius:14px;position:relative}.best-offer-shimmer:before{animation:bestOfferShimmer 2.5s linear infinite;background:conic-gradient(from 0deg,#4ade800d,#4ade80e6,#4ade800d);background-size:200% 200%;border-radius:inherit;content:"";filter:drop-shadow(0 0 6px rgba(74,222,128,.35)) drop-shadow(0 0 14px rgba(74,222,128,.15));inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}@keyframes bestOfferShimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-shine{overflow:hidden;position:relative}.btn-shine:after{background:linear-gradient(120deg,#fff0,#ffffff8c,#fff0);content:"";height:100%;left:-120%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:60%}.btn-shine:hover:after{animation:btnShineSweep .9s ease}@keyframes btnShineSweep{0%{left:-120%}to{left:140%}}.btn-primary{box-shadow:0 6px 18px #22c55e59!important}.btn-primary:hover{box-shadow:0 10px 26px #22c55e8c!important}.btn-neutral{box-shadow:0 6px 18px #ffffff26!important}.btn-neutral:hover{box-shadow:0 10px 26px #ffffff40!important}.cta-neo{align-items:center;border:none;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;gap:8px;isolation:isolate;justify-content:center;letter-spacing:.3px;padding:10px 18px;position:relative;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}.cta-neo .cta-icon{transition:transform .25s ease}.cta-neo:hover .cta-icon{transform:translateX(4px)}.cta-neo:active{transform:scale(.98)}.cta-neo.is-primary{background:linear-gradient(135deg,#34d399,#4bf364);border:1px solid #10b98199;box-shadow:0 8px 24px #10b98159,inset 0 -6px 14px #00000026}.cta-neo.is-primary:hover{background:linear-gradient(135deg,#4ade80,#22c55e)}.cta-neo.is-neutral{background:linear-gradient(135deg,#ffffff29,#ffffff14);border:1px solid #ffffff1f;box-shadow:0 8px 24px #00000059,inset 0 -6px 12px #00000026}.cta-neo.is-neutral:hover{background:linear-gradient(135deg,#ffffff38,#ffffff1a)}.best-price-badge{align-items:center;background:linear-gradient(135deg,#4ade8040,#4ade801f);border:1px solid #4ade8080;border-radius:999px;box-shadow:0 6px 18px #10b98140;color:#d1fae5;display:inline-flex;font-size:11px;font-weight:800;gap:6px;padding:4px 10px;position:absolute;right:12px;top:6px}.game-box:nth-child(2){animation-delay:.1s}.game-box:hover:not(:disabled){background:linear-gradient(135deg,#10b98140,#2d2d2de6);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.25) 0,#2d2d2de6 100%);border-color:#10b98180;border-color:rgba(var(--brand-strong-rgb),.5);box-shadow:0 8px 20px #10b9814d;box-shadow:0 8px 20px rgba(var(--brand-strong-rgb),.3);transform:translateY(-3px)}.game-box.active{background:linear-gradient(135deg,#06b6d440,#06b6d426);border:2px solid #4bf364;box-shadow:0 0 15px #06b6d480,0 0 30px #06b6d433;color:#fff;transform:scale(1.02)}.game-box:disabled{animation:loadingPulse 1.5s ease-in-out infinite;cursor:not-allowed;opacity:.6}.game-icon{font-size:28px}.game-logo{height:48px;object-fit:cover;width:48px}.game-name{font-family:Quicksand,sans-serif;font-size:12px;text-align:center}.error-message{color:#ffb4b4;font-size:14px;margin-top:10px}.error-container{background:#80141e1f;border:1px solid #c83c461f;border-radius:6px;color:#ffd6d6;margin-bottom:18px;padding:12px}.items-container{border-radius:10px;box-sizing:border-box;margin:0 auto;max-width:1380px;min-width:0;padding:0;width:100%}.items-container h2{color:#eaf4ff;font-size:22px;margin-bottom:18px}.cards-grid{grid-gap:20px;align-content:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,180px));justify-content:center;margin-bottom:24px;min-height:400px;width:100%}.item-card{align-items:center;animation:fadeInUp .5s ease-out backwards;background:linear-gradient(135deg,#10b9811a,#232323cc);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.1) 0,#232323cc 100%);border:1px solid #10b98133;border:1px solid rgba(var(--brand-strong-rgb),.2);border-radius:10px;box-shadow:0 8px 20px #0006;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:220px;justify-content:flex-start;max-height:220px;min-height:220px;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s ease}.item-card:first-child{animation-delay:.05s}.item-card:nth-child(2){animation-delay:.1s}.item-card:nth-child(3){animation-delay:.15s}.item-card:nth-child(4){animation-delay:.2s}.item-card:nth-child(5){animation-delay:.25s}.item-card:nth-child(n+6){animation-delay:.3s}.item-card:hover{background:linear-gradient(135deg,#9d4edd40,#2d2d2de6);background:linear-gradient(135deg,rgba(var(--rarity-r,157),var(--rarity-g,78),var(--rarity-b,221),.25) 0,#2d2d2de6 100%);border-color:#9d4edd80;border-color:var(--rarity-hex,#9d4edd80);box-shadow:0 14px 32px #9d4edd66;box-shadow:0 14px 32px rgba(var(--rarity-r,157),var(--rarity-g,78),var(--rarity-b,221),.4);transform:translateY(-6px)}.card-image-container{align-items:center;display:flex;height:110px;justify-content:center;min-height:110px;position:relative;width:100%}.item-image{border-radius:6px;height:auto;max-height:70px;max-width:70px;object-fit:contain;padding:4px;transform:scale(.75);width:auto}.item-card:hover .item-image{animation:float 1.5s ease-in-out infinite}.card-info{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center;width:100%}.item-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#eaf4ff;display:-webkit-box;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;width:100%}.item-wear{color:#ffffffb3;font-size:11px;font-weight:500;margin-top:4px}.item-price{color:#ddafff;font-size:16px;font-weight:700;margin-top:4px}.qty-badge{background:linear-gradient(135deg,#4bf364,#4bf364);background:var(--brand-gradient);border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px}.item-image.placeholder{background:linear-gradient(135deg,#0f2236,#081623);border:1px dashed #ffffff08;border-radius:6px;display:inline-block;height:48px;width:48px}.sort-controls{display:flex;gap:12px}.sort-button{background:linear-gradient(135deg,#10b98126,#232323cc);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.15) 0,#232323cc 100%);border:1px solid #10b98126;border:1px solid rgba(var(--brand-strong-rgb),.15);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.sort-button:hover{background:linear-gradient(135deg,#10b98140,#2d2d2de6);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.25) 0,#2d2d2de6 100%);border-color:#10b98180;border-color:rgba(var(--brand-strong-rgb),.5);box-shadow:0 6px 16px #10b9814d;box-shadow:0 6px 16px rgba(var(--brand-strong-rgb),.3);transform:translateY(-2px)}.sort-button.active{background:linear-gradient(135deg,#4bf364,#4bf364);background:var(--brand-gradient);border-color:#0000;box-shadow:0 6px 20px #10b98166;box-shadow:0 6px 20px rgba(var(--brand-strong-rgb),.4);color:#fff}.total-summary{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b9811a,#232323cc);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.1) 0,#232323cc 100%);border:1px solid #10b98133;border:1px solid rgba(var(--brand-strong-rgb),.2);border-radius:10px;box-shadow:0 8px 20px #0006;color:#fff;display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;padding:20px 24px}.total-count{align-items:flex-start;display:flex;flex-direction:column;min-width:100px}.count-number{font-size:40px;font-weight:800;line-height:1}.count-label{font-size:14px;opacity:.9}.total-worth.small{min-width:200px;text-align:center}.total-worth.small .worth-label{font-size:14px;margin-bottom:2px;opacity:.95}.total-worth.small .price{font-size:28px;font-weight:800;white-space:nowrap}.total-worth-flashy{padding:8px 16px;position:relative}.total-worth-flashy .worth-label{color:#4bf364;color:var(--brand-main);font-size:15px!important;font-weight:600;letter-spacing:.3px;margin-bottom:4px;opacity:.95!important;text-transform:uppercase}.total-worth-flashy .price{color:#fff;font-size:34px!important;font-weight:800!important;letter-spacing:-.5px}.no-items{color:#9fb0d4}@media (max-width:768px){.app-header{margin-bottom:20px;padding:12px 16px}.header-content{flex-direction:column;gap:12px;padding:0 8px}.logo-section{justify-content:center;width:100%}.app-title{font-size:22px!important}.header-nav{flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.nav-link{font-size:14px;padding:6px 0}.nav-link svg{height:14px;width:14px}.App{padding:0}.search-container form{flex-direction:column;gap:8px}.search-button{width:100%}.cards-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 12px}.inventory-page{padding:16px 12px}.count-number{font-size:28px}.app-footer{font-size:12px;padding:16px 12px}}.hamburger-btn{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.hamburger-btn:hover{background:#ffffff0d;border-color:#fff3}.hamburger-line{background:#fff;border-radius:2px;height:2px;transition:all .2s ease;width:18px}.mobile-nav-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9998}.mobile-nav-backdrop.open{opacity:1;visibility:visible}.mobile-nav-menu{background:#0a0e14;border-left:1px solid #ffffff14;box-shadow:-8px 0 32px #00000080;display:flex;flex-direction:column;height:100vh;max-width:85vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);width:300px;z-index:9999}.mobile-nav-menu.open{transform:translateX(0)}.mobile-nav-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:16px 20px}.mobile-nav-logo{height:28px;width:auto}.mobile-nav-close{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.mobile-nav-close:hover{background:#ffffff0d;border-color:#ffffff26;color:#fff}.mobile-nav-links{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px}.mobile-nav-link{align-items:center;border:1px solid #0000;border-radius:12px;color:#fffc;display:flex;font-family:Rubik,sans-serif;font-size:15px;font-weight:600;gap:14px;padding:16px 18px;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background:#ffffff0d;color:#fff}.mobile-nav-link.active{background:#4bf36426;border-color:#4bf3644d;color:#fff}.mobile-nav-link.active .mobile-nav-icon{stroke:#4bf364}.mobile-nav-link.highlight{background:#4bf3641a;border-color:#4bf36440}.mobile-nav-link.highlight.active{background:#4bf36433;border-color:#4bf36466}.mobile-nav-icon{stroke-width:2;flex-shrink:0;height:22px;width:22px}.mobile-nav-game-icon{border-radius:6px;flex-shrink:0;height:24px;object-fit:cover;width:24px}.mobile-nav-footer{border-top:1px solid #ffffff14;padding:20px}@media (max-width:1024px){.hamburger-btn{display:flex}.desktop-nav{display:none!important}.header-content{justify-content:space-between}.item-database-grid{gap:6px!important;grid-template-columns:repeat(4,1fr)!important}.inventory-page{padding:24px 16px!important}.price-chart-header{flex-wrap:wrap;gap:12px}}@media (max-width:768px){.app-header{margin-bottom:16px;padding:0}.header-content{align-items:center;flex-direction:row;gap:0;padding:12px 16px}.logo-section{justify-content:flex-start;width:auto}.site-logo{height:32px}.inventory-page{box-sizing:border-box!important;max-width:100%!important;min-width:auto!important;padding:16px 12px;width:100%!important}.inventory-stats-grid{gap:12px!important;grid-template-columns:1fr!important}.search-form-inline{flex-direction:column!important;gap:12px!important}.game-dropdown-wrapper,.search-input-wrapper{width:100%}.fetch-button{padding:14px 20px!important;width:100%}.global-stats{gap:12px!important;grid-template-columns:1fr 1fr!important;padding:0 8px}.stat-card{padding:16px!important}.stat-value{font-size:18px!important}.steps-container{gap:16px!important;grid-template-columns:1fr!important}.inventory-cards{gap:12px!important;grid-template-columns:1fr 1fr!important}.inventory-card{height:auto!important;padding:12px!important;width:auto!important}.profile-pic{height:50px!important;width:50px!important}.rank-badge{font-size:11px!important;height:24px!important;width:24px!important}.inventory-info .username{font-size:13px!important}.inventory-info .worth{font-size:14px!important}.skeleton-item-grid{grid-template-columns:repeat(2,1fr)!important}.explore-grid{grid-template-columns:1fr!important}.hero-title{font-size:32px!important}.hero-subtitle{font-size:16px!important;padding:0 16px}.app-footer{font-size:11px;padding:20px 16px;text-align:center}.items-container{max-width:100%!important;min-width:auto!important;padding:0 8px}.page-content-wrapper{padding:0 12px!important}.page-title{font-size:26px!important}.page-subtitle{font-size:14px!important}.database-main-content{flex-direction:column!important}.item-database-container{margin-bottom:16px!important;overflow:hidden!important;padding:12px!important}.item-database-toolbar{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.item-database-controls{flex-direction:column!important;gap:10px!important;width:100%!important}.item-database-search{max-width:none!important;width:100%!important}.item-database-search input{width:100%!important}.item-database-price-filter{flex-wrap:nowrap!important;width:100%!important}.item-database-price-filter>div{flex:1 1!important}.item-database-price-filter input,.item-database-sort,.item-database-sort button{width:100%!important}.item-database-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;padding:0!important}.item-database-card{border-radius:8px!important;min-height:220px!important}.item-card-content{padding:6px!important}.item-card-name{font-size:11px!important;margin-bottom:2px!important}.item-card-price-row{align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important;justify-content:flex-start!important}.item-card-price{font-size:12px!important}.item-card-change-inline{font-size:9px!important}.item-card-percent-badge{font-size:10px!important;padding:2px 5px!important}.price-chart-wrapper{flex-direction:column!important;gap:12px!important}.price-chart-card{box-sizing:border-box!important;overflow:hidden!important;padding:12px!important;width:100%!important}.price-chart-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important}.price-chart-title{font-size:18px!important}.price-chart-time-buttons{flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important;width:100%!important}.price-chart-time-buttons button{flex:1 1 auto!important;font-size:12px!important;min-width:50px!important;padding:8px 12px!important}.cards-grid{gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 4px}.item-card{height:auto!important;max-height:none!important;min-height:180px!important;padding:12px 8px!important}.card-image-container{height:80px!important;min-height:80px!important}.item-image{max-height:80px!important;max-width:80px!important}.item-name{-webkit-line-clamp:2!important;line-clamp:2!important;font-size:11px!important}.item-price{font-size:14px!important}.item-wear,.qty-badge{font-size:10px!important}.qty-badge{padding:2px 6px!important}.chart-tabs{flex-wrap:wrap;gap:8px}.chart-tab{font-size:12px!important;padding:8px 12px!important}.profile-header{align-items:flex-start!important;flex-direction:column!important;gap:16px!important;padding:0 8px}.profile-avatar{height:64px!important;width:64px!important}.profile-name-header{font-size:22px!important}.steam-id-display{font-size:11px!important;word-break:break-all}.modal-content{margin:16px;max-width:calc(100vw - 32px)!important;padding:16px!important;width:95%!important}.modal-header{gap:12px!important}.modal-body,.modal-header{flex-direction:column!important}.modal-left,.modal-right{flex:1 1 100%!important;min-width:0!important;width:100%!important}.stats-container{flex-direction:column!important;gap:8px!important}.stat-box{padding:12px!important}}@media (max-width:480px){.global-stats,.inventory-cards{grid-template-columns:1fr!important}.inventory-card{flex-direction:row!important}.hero-title{font-size:26px!important}.section-title{font-size:24px!important}.mobile-nav-menu{max-width:100%;width:100%}.cards-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.item-card{min-height:160px!important;padding:10px 6px!important}.card-image-container{height:70px!important;min-height:70px!important}.item-image{max-height:65px!important;max-width:65px!important}.item-name{font-size:10px!important}.item-price{font-size:13px!important}.item-database-grid{gap:6px!important;grid-template-columns:repeat(2,1fr)!important}.item-database-card{min-height:180px!important}.price-chart-title{font-size:16px!important}.price-chart-time-buttons button{font-size:11px!important;padding:6px 10px!important}}.items-table{border-collapse:collapse;margin-bottom:30px;width:100%}.items-table thead{background-color:#667eea;color:#fff}.items-table th{font-weight:600;padding:15px;text-align:left}.items-table td{border-bottom:1px solid #e0e0e0;padding:12px 15px}.items-table tbody tr:nth-child(2n){background-color:#f9f9f9}.items-table tbody tr:hover{background-color:#f0f0f0}.quantity{font-weight:600;text-align:center}.item-total{color:#667eea;font-weight:600}.no-items{color:#999;font-size:16px;padding:40px 20px;text-align:center}.total-worth{border-radius:5px;color:#fff;padding:20px;text-align:right}.total-worth h3{font-size:20px;margin:0}.total-worth .price{display:block;font-size:28px;font-weight:700;margin-top:10px;@media (max-width:768px){font-size:18px;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;.App{padding:10px}}.search-button{display:block;font-size:22px;font-size:14px;font-weight:800;margin-top:8px}.items-table td,.items-table th{padding:10px}.search-container h1{font-size:20px}.total-worth .price{font-size:24px}}.floating-items{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.float-item{animation:floatDrift 20s ease-in-out infinite;filter:none;height:120px;object-fit:contain;opacity:.08;position:absolute;-webkit-user-select:none;user-select:none;width:120px}.float-1{animation-delay:0s;animation-duration:25s;left:5%;top:10%}.float-2{animation-delay:-5s;animation-duration:30s;font-size:70px;left:10%;top:60%}.float-3{animation-delay:-10s;animation-duration:28s;right:8%;top:30%}.float-4{animation-delay:-15s;animation-duration:22s;font-size:65px;right:15%;top:70%}.float-5{animation-delay:-8s;animation-duration:26s;font-size:75px;left:50%;top:80%}.float-6{animation-delay:-12s;animation-duration:24s;font-size:68px;right:25%;top:15%}.float-7{animation-delay:-18s;animation-duration:27s;font-size:72px;left:30%;top:45%}.float-8{animation-delay:-20s;animation-duration:23s;font-size:78px;right:35%;top:85%}.float-9{animation-delay:-22s;animation-duration:26s;font-size:70px;left:10%;top:40%}@keyframes floatDrift{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(20px,-30px) rotate(5deg)}50%{transform:translate(-15px,-60px) rotate(-5deg)}75%{transform:translate(25px,-30px) rotate(3deg)}}.dots-background{background-image:radial-gradient(hsla(0,0%,100%,.025) 1px,#0000 0);background-size:28px 28px;height:100%;left:0;mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#0009 0,#0000004d 40%,#0000 70%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#0009 0,#0000004d 40%,#0000 70%);pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.how-it-works-section{margin:80px auto 60px;max-width:1200px;padding:0 20px;position:relative;z-index:1}.section-title{color:#fff;font-size:36px;font-weight:700;margin-bottom:50px;text-align:center}.steps-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.step-card{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141925;border:1px solid #4bf36440;box-shadow:0 4px 12px #0000004d;padding:40px 30px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}.step-number{background:linear-gradient(135deg,#4bf364,#4bf364);box-shadow:0 4px 15px #4bf36466;color:#fff;font-size:20px;height:40px;top:-15px;width:40px}.step-icon{margin:20px 0;opacity:.9}.step-title{color:#fff;font-size:22px;font-weight:600;margin:16px 0 12px}.step-description{color:#ffffffb3;font-family:Quicksand,sans-serif;font-size:14px;line-height:1.6;margin:0}.global-stats{grid-gap:20px;animation:fadeInUp .6s ease-out;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:60px auto 40px;max-width:1200px;padding:0 20px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141925;border:1px solid #4bf36440;border-radius:12px;box-shadow:0 4px 12px #0000004d;display:flex;flex:0 1 auto;gap:16px;min-width:250px;padding:24px 20px}.stat-card:nth-child(3){border-color:#4bf36440}.stat-card:nth-child(3) .stat-icon{border-color:#4bf3644d}.stat-card:nth-child(3) .stat-icon,.stat-icon{background:linear-gradient(135deg,#4bf36433,#4bf3641a);box-shadow:0 4px 12px #4bf36426}.stat-icon{align-items:center;border:1px solid #4bf3644d;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-label{color:#fff9;font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;margin-bottom:4px}.stat-value{font-size:24px;letter-spacing:1px;line-height:1}@media (max-width:992px){.global-stats{gap:16px;grid-template-columns:repeat(2,1fr);margin:40px auto 30px}.stat-card{padding:20px 16px}.stat-value{font-size:20px}}@media (max-width:480px){.global-stats{gap:12px;grid-template-columns:1fr;margin:30px auto 20px}.stat-card{padding:18px 16px}.stat-icon{height:40px;width:40px}.stat-icon svg{height:24px!important;width:24px!important}.stat-value{font-size:22px}.stat-label{font-size:12px}}.top-inventories{animation:fadeInUp .6s ease-out;border-radius:15px;margin:40px auto;max-width:1400px;padding:30px}.top-inventories h2{color:#fff;font-family:Rubik,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 40px;padding:20px 30px;text-align:center}.inventory-category{margin-bottom:40px}.inventory-category:last-child{margin-bottom:0}.category-title{align-items:center;background:#141925;border:1px solid #4bf3644d;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:22px;font-weight:600;gap:12px;margin:0 0 20px;padding:15px 20px}.category-title .game-icon{border-radius:6px;height:32px;object-fit:cover;width:32px}.inventory-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);justify-content:center}.inventory-card{align-items:center;animation:fadeInUp .6s ease-out backwards;background:#141925;border:1px solid #10b98126;border:1px solid rgba(var(--brand-strong-rgb),.15);border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:15px;height:100px;padding:15px;transition:all .3s ease;width:220px}.inventory-card:first-child{animation-delay:.1s;background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid #ffd7004d}.inventory-card:nth-child(2){animation-delay:.15s;background:linear-gradient(135deg,#c0c0c033,#a9a9a926);border:1px solid #c0c0c04d}.inventory-card:nth-child(3){animation-delay:.2s;background:linear-gradient(135deg,#cd7f3233,#b8732e26);border:1px solid #cd7f324d}.inventory-card:nth-child(n+4){animation-delay:.15s;animation-delay:calc(.05s*(var(--card-index, 4) - 1))}.inventory-card:hover{background:linear-gradient(135deg,#10b98140,#2d2d2de6);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.25) 0,#2d2d2de6 100%);border-color:#10b98180;border-color:rgba(var(--brand-strong-rgb),.5);box-shadow:0 8px 20px #10b9814d;box-shadow:0 8px 20px rgba(var(--brand-strong-rgb),.3);transform:translateY(-3px)}.inventory-card:first-child:hover{background:linear-gradient(135deg,#ffd70059,#ffa50040);border-color:#ffd70099;box-shadow:0 8px 20px #ffd70080}.inventory-card:nth-child(2):hover{background:linear-gradient(135deg,#c0c0c059,#a9a9a940);border-color:#c0c0c099;box-shadow:0 8px 20px #c0c0c080}.inventory-card:nth-child(3):hover{background:linear-gradient(135deg,#cd7f3259,#b8732e40);border-color:#cd7f3299;box-shadow:0 8px 20px #cd7f3280}.profile-container{flex-shrink:0;position:relative}.profile-pic{border-radius:12px;display:block;height:70px;object-fit:cover;width:70px}.rank-badge{align-items:center;background:#141414f2;border:2px solid #ffffff1a;border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:-5px;position:absolute;width:28px}.inventory-card:first-child .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);border:2px solid orange;box-shadow:0 0 15px #ffd70099;color:#000}.inventory-card:nth-child(2) .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);border:2px solid #a8a8a8;box-shadow:0 0 15px #c0c0c099;color:#000}.inventory-card:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#e59866);border:2px solid #b8732e;box-shadow:0 0 15px #cd7f3299;color:#000}.inventory-info{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.inventory-info .username{color:#fff;font-size:15px;font-weight:600;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-info .worth{color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px}.logo-link{cursor:pointer;text-decoration:none}.logo-link:hover .app-title{opacity:.8;transition:opacity .3s ease}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 20px}.loading-container p{color:#ffffffb3;font-size:18px;font-weight:500}.loading-spinner-large{animation:spin .8s linear infinite;border:4px solid #10b98133;border-top-color:#4bf364;border:4px solid rgba(var(--brand-strong-rgb),.2);border-radius:50%;border-top-color:var(--brand-strong);height:60px;width:60px}.inventory-page{box-sizing:border-box;margin:0 auto;max-width:1600px;min-width:0;padding:40px 20px;width:100%}.database-page .items-container{margin:0 auto;max-width:1380px;min-width:0;padding:0;width:100%}.database-page .cards-grid{justify-content:center;margin-left:auto;margin-right:auto;max-width:1380px;min-width:0;width:100%}.search-sort-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.app-footer{margin-top:auto;padding:30px 20px;text-align:center}.app-footer p{color:#fff9;font-size:14px;letter-spacing:.5px;margin:0}.pagination-container{align-items:center;background:#14192599;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:12px;justify-content:center;margin:30px 0;padding:16px}.pagination-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#dd4e4e26;border-color:#dd4e4e66;color:#dd4e4e}.pagination-button:disabled{cursor:not-allowed;opacity:.3}.pagination-info{color:#fff9;font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;padding:0 16px;white-space:nowrap}.page-number{color:#dd4e4e;font-weight:700}.pagination-pages{align-items:center;display:flex;gap:4px}.pagination-page{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.pagination-page:hover{background:#dd4e4e26;border-color:#dd4e4e66}.pagination-page.active{background:#dd4e4e;border-color:#dd4e4e;color:#fff}.pagination-ellipsis{color:#fff6;font-size:14px;padding:0 4px}.profile-header{align-items:center;animation:fadeInDown .6s ease-out;display:flex;gap:20px;justify-content:flex-start;margin-bottom:30px;padding:0}.profile-avatar{border:2px solid #4bf364a6;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:80px;width:80px}.profile-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.profile-name-header{color:#eaf4ff;font-size:32px;font-weight:600;margin:0}.steam-id-display{color:#fff6;font-family:Courier New,monospace;font-size:13px;font-weight:400;letter-spacing:.5px;margin:-4px 0 0}.visit-steam-link{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:700;gap:4px;text-decoration:none;transition:all .3s ease}.visit-steam-link:hover{color:#fff;transform:translateX(3px)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:scaleIn .3s ease-out;background:radial-gradient(circle,#5555550f 1px,#0000 0);background-color:#141925;background-size:20px 20px;border:2px solid #10b98180;border:2px solid rgba(var(--brand-strong-rgb),.5);border-radius:12px;box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#10b98180 #0000;scrollbar-color:rgba(var(--brand-strong-rgb),.5) #0000;scrollbar-width:thin;width:95%}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#10b98180;background:rgba(var(--brand-strong-rgb),.5);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#10b981b3;background:rgba(var(--brand-strong-rgb),.7)}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px}.modal-close:hover{background:#ff50504d;color:#ff5050;transform:scale(1.1)}.modal-header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;text-align:center;width:100%}.modal-item-image{background:#0000004d;border:2px solid #10b98180;border:2px solid rgba(var(--brand-strong-rgb),.5);border-radius:12px;height:240px;margin-bottom:15px;object-fit:contain;padding:15px;width:240px}.modal-main-content{align-items:flex-start;display:flex;gap:30px;width:100%}.modal-left{display:flex;flex:0 0 400px;flex-direction:column}.modal-right{flex:1 1;min-width:400px}.modal-item-info{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.modal-item-info h2{color:#eaf4ff;font-size:24px;margin:0 0 10px}.modal-wear{color:#ffffffb3;font-size:13px;margin:5px 0}.modal-float{color:#10b981e6;color:rgba(var(--brand-strong-rgb),.9);font-size:12px;font-weight:600;margin:5px 0}.modal-price{color:#4bf364;color:var(--brand-main);font-size:24px;font-weight:700;margin:10px 0 0}.steam-market-link{align-items:center;background:linear-gradient(135deg,#4bf364,#4bf364);background:var(--brand-gradient);border-radius:10px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;margin-top:12px;min-width:220px;padding:12px 18px;text-decoration:none;transition:all .2s ease}.steam-market-link:hover{box-shadow:0 6px 16px #10b98166;box-shadow:0 6px 16px rgba(var(--brand-strong-rgb),.4);transform:translateY(-2px)}.sell-section{margin-bottom:20px;margin-top:0}.sell-section-title{color:#fff;font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.marketplace-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.marketplace-btn{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.marketplace-logo{border-radius:4px;height:18px;object-fit:contain;width:18px}.marketplace-btn:hover{transform:translateY(-2px)}.marketplace-btn.dmarket{background:linear-gradient(135deg,#008f5a,#00a868);box-shadow:0 2px 8px #008f5a4d;font-size:14px;font-weight:700;padding:10px 20px;text-shadow:0 1px 2px #0003}.marketplace-btn.dmarket:hover{background:linear-gradient(135deg,#00a868,#008f5a);box-shadow:0 4px 12px #00a86880}.marketplace-btn.csfloat{background:linear-gradient(135deg,#ff6b35,#ff8c5a);box-shadow:0 2px 8px #ff6b354d;font-size:14px;font-weight:700;padding:10px 20px;text-shadow:0 1px 2px #0003}.marketplace-btn.csfloat:hover{background:linear-gradient(135deg,#ff8c5a,#ff6b35);box-shadow:0 4px 12px #ff8c5a80}.marketplace-btn.skinport{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f64d;font-size:14px;font-weight:700;padding:10px 20px;text-shadow:0 1px 2px #0003}.marketplace-btn.skinport:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #60a5fa80}.price-comparison{background:#1e283c99;border:1px solid #10b98126;border:1px solid rgba(var(--brand-main-rgb),.15);border-radius:12px;display:flex;gap:24px;margin:16px 0;padding:16px}.price-source{display:flex;flex:1 1;flex-direction:column;gap:4px}.price-label{color:#9fb0d4;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stock-label{color:#7ab55c;font-size:11px;font-weight:500}.skinport-price{border-left:2px solid #3b82f64d;padding-left:20px}.modal-chart-section{margin-top:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.chart-header h3{color:#eaf4ff;font-size:18px;margin:0}.time-range-buttons{display:flex;gap:8px}.time-range-btn{background:#10b98126;background:rgba(var(--brand-strong-rgb),.15);border:1px solid #10b9814d;border:1px solid rgba(var(--brand-strong-rgb),.3);border-radius:6px;color:#fffc;cursor:pointer;font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s ease}.time-range-btn:hover{background:#10b98140;background:rgba(var(--brand-strong-rgb),.25)}@keyframes skinportSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes skinportShimmer{0%{left:-100%}50%,to{left:100%}}.skinport-price-box{animation:skinportSlideIn .5s ease-out}.skinport-price-box:before{background:linear-gradient(45deg,#3b82f64d,#60a5fa4d,#3b82f64d);border-radius:12px;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.skinport-price-box:hover:before{animation:skinportGlow 1.5s ease-in-out infinite;opacity:1}@keyframes skinportGlow{0%,to{filter:blur(10px) brightness(1)}50%{filter:blur(15px) brightness(1.2)}}.dmarket-price-box{animation:skinportSlideIn .5s ease-out}.dmarket-price-box:before{background:linear-gradient(45deg,#ec48994d,#f472b64d,#ec48994d);border-radius:12px;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.dmarket-price-box:hover:before{animation:dmarketGlow 1.5s ease-in-out infinite;opacity:1}@keyframes dmarketGlow{0%,to{filter:blur(10px) brightness(1)}50%{filter:blur(15px) brightness(1.2)}}.time-range-btn:hover{border-color:#10b98180;border-color:rgba(var(--brand-strong-rgb),.5);color:#fff}.time-range-btn.active{background:linear-gradient(135deg,#4bf364,#4bf364);background:var(--brand-gradient);border-color:#0000;box-shadow:0 4px 12px #10b98166;box-shadow:0 4px 12px rgba(var(--brand-strong-rgb),.4);color:#fff}.modal-chart-section h3{color:#eaf4ff;font-size:18px;margin-bottom:15px}.price-chart{background:#0000004d;border:1px solid #10b98133;border:1px solid rgba(var(--brand-strong-rgb),.2);border-radius:8px;padding:20px}.chart-labels{color:#fff9;display:flex;font-size:12px;justify-content:space-between;margin-top:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sort-dropdown{position:relative}.sort-dropdown:hover{border-color:#10b981b3!important;border-color:rgba(var(--brand-strong-rgb),.7)!important;box-shadow:0 6px 20px #10b9814d,inset 0 1px 0 #ffffff14!important;box-shadow:0 6px 20px rgba(var(--brand-strong-rgb),.3),inset 0 1px 0 #ffffff14!important;transform:translateY(-1px)}.sort-dropdown:focus{border-color:#10b981e6!important;border-color:rgba(var(--brand-strong-rgb),.9)!important;box-shadow:0 0 0 3px #10b98133,0 6px 20px #10b98166!important;box-shadow:0 0 0 3px rgba(var(--brand-strong-rgb),.2),0 6px 20px rgba(var(--brand-strong-rgb),.4)!important}.sort-dropdown:active{transform:translateY(0)}.sort-dropdown option{background:linear-gradient(135deg,#1f1f2e,#151520);border:none;color:#eaf4ff;font-size:14px;font-weight:500;padding:12px 16px}.sort-dropdown option:hover{background:linear-gradient(135deg,#2a2a3a,#1f1f2e);color:#4bf364;color:var(--brand-strong)}.sort-dropdown option:checked{background:linear-gradient(135deg,#10b9814d,#10b98133);background:linear-gradient(135deg,rgba(var(--brand-strong-rgb),.3) 0,rgba(var(--brand-strong-rgb),.2) 100%);color:#fff;font-weight:600}@media (max-width:768px){.container{max-width:100%;padding:15px}.how-it-works-section{margin:50px auto 40px}.section-title{font-size:28px;margin-bottom:40px}.steps-container{gap:30px;grid-template-columns:1fr}.step-card{padding:35px 25px}.float-item{height:80px;opacity:.05;width:80px}.float-2,.float-4,.float-6{height:60px;width:60px}.float-5,.float-7{height:70px;width:70px}.top-inventories{margin:20px auto;padding:20px 16px}.top-inventories h2{font-size:24px;margin-bottom:24px}.inventory-category{margin-bottom:32px}.category-title{font-size:20px;padding:12px 16px}.game-icon{height:28px!important;width:28px!important}.inventory-cards{gap:12px;grid-template-columns:repeat(2,1fr)}.inventory-card{padding:14px}.profile-pic{height:50px!important;width:50px!important}.rank-badge{bottom:-4px;font-size:12px;height:24px;right:-4px;width:24px}.username{font-size:13px}.worth{font-size:15px}.header{padding:15px}.header h1{font-size:24px}.search-container{flex-direction:column;gap:10px}.search-container input{font-size:14px;width:100%}.search-container button{width:100%}.item-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.item-card{padding:12px}.item-card img{height:80px}.item-card h3{font-size:13px}.item-card .price{font-size:16px}.modal-overlay{padding:10px}.modal-content{margin:10px;max-height:95vh;max-width:95%;padding:15px;width:95%}.modal-main-content{flex-direction:column;gap:15px}.modal-left,.modal-right{flex:1 1;width:100%}.modal-right{min-width:0;min-width:auto}.modal-header{align-items:flex-start;flex-direction:column;gap:15px}.modal-item-image{height:auto;margin:0 auto;max-width:200px;width:100%}.modal-item-details h2{font-size:20px}.modal-item-details .price{font-size:24px}.stat-box{font-size:11px;padding:10px}.stat-box .value{font-size:16px}.price-chart{padding:15px}.chart-labels{font-size:10px}.sell-section{padding:15px}.dmarket-price-box,.skinport-price-box{gap:10px!important;padding:10px 12px!important}.dmarket-price-box img,.skinport-price-box img{height:35px!important;width:35px!important}.filters{flex-direction:column;gap:10px}.filter-group,.filter-group input,.filter-group select{width:100%}.pagination{gap:5px}.pagination button{font-size:13px;padding:8px 12px}.leaderboard-card{padding:12px}.leaderboard-rank{font-size:18px;min-width:40px}.leaderboard-inventory-value{font-size:18px}}@media (max-width:480px){.app-title{font-size:18px!important}.header-nav{gap:8px}.nav-link{font-size:12px}.inventory-cards{gap:12px;grid-template-columns:1fr}.inventory-card{padding:16px}.profile-pic{height:60px!important;width:60px!important}.rank-badge{font-size:13px;height:28px;width:28px}.username{font-size:14px}.worth{font-size:17px;font-weight:700}.category-title{font-size:18px;padding:10px 12px}.game-icon{height:24px!important;width:24px!important}.item-grid{gap:10px;grid-template-columns:1fr}.header h1{font-size:20px}.header p{font-size:13px}.modal-content{border-radius:0;height:100vh;max-height:100vh;padding:10px;width:100%}.modal-close-btn{font-size:20px;height:35px;right:10px;top:10px;width:35px}.modal-item-details h2{font-size:18px}.modal-item-details .price{font-size:22px}.stats-grid{gap:10px}.modal-stats,.stats-grid{grid-template-columns:1fr}.modal-stats{gap:8px}.dmarket-price-box,.skinport-price-box{flex-direction:row;padding:12px!important}button{font-size:14px;padding:10px 16px}.search-container input{font-size:14px;padding:12px 15px}.price-chart{min-height:150px;padding:10px}.time-range-buttons{gap:5px}.time-range-btn{font-size:11px;padding:6px 10px}.pagination button{font-size:12px;min-width:35px;padding:6px 10px}.pagination .page-info{font-size:12px}}@media (max-width:360px){.header h1{font-size:18px}.modal-item-details h2{font-size:16px}.modal-item-details .price{font-size:20px}.dmarket-price-box img,.skinport-price-box img{height:30px!important;width:30px!important}.item-card{padding:10px}.item-card img{height:70px}}@media (max-width:768px) and (orientation:landscape){.modal-content{max-height:95vh;overflow-y:auto}.modal-header{flex-direction:row}.modal-item-image{max-width:150px}}@media (hover:none) and (pointer:coarse){.item-card:hover{transform:none}.item-card:active{transform:scale(.98)}button:hover{transform:none}button:active{transform:scale(.95)}}input[type=range]{pointer-events:auto}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border-bottom:12px solid #9d4edd;border-left:8px solid #0000;border-radius:0;border-right:8px solid #0000;box-shadow:0 2px 8px #00000080;cursor:pointer;height:0;-webkit-transition:all .3s ease;transition:all .3s ease;width:0}input[type=range]::-webkit-slider-thumb:hover{border-bottom-color:#c77dff;box-shadow:0 4px 12px #9d4edd99;transform:scale(1.1)}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 2px 8px #0009;transform:scale(1.05)}input[type=range]::-moz-range-thumb{border-bottom:12px solid #9d4edd;border-left:8px solid #0000;border-radius:0;border-right:8px solid #0000;box-shadow:0 2px 8px #00000080;cursor:pointer;height:0;-moz-transition:all .3s ease;transition:all .3s ease;width:0}input[type=range]::-moz-range-thumb:hover{border-bottom-color:#c77dff;box-shadow:0 4px 12px #9d4edd99;transform:scale(1.1)}input[type=range]::-moz-range-thumb:active{box-shadow:0 2px 8px #0009;transform:scale(1.05)}input[type=range]::-webkit-slider-runnable-track{background:#0000;height:6px}input[type=range]::-moz-range-track{background:#0000;height:6px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.toast-container{bottom:24px;display:flex;flex-direction:column-reverse;gap:10px;left:50%;max-width:420px;pointer-events:none;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:10000}.toast{align-items:center;animation:toastPopUp .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#141925f2;border:none;border-radius:16px;box-shadow:0 20px 60px #0006,0 0 1px #ffffff1a;display:flex;gap:12px;overflow:hidden;padding:14px 20px;pointer-events:all;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast:hover{box-shadow:0 24px 70px #00000080,0 0 1px #ffffff26;transform:scale(1.02)}.toast.toast-exit{animation:toastPopOut .3s cubic-bezier(.6,0,.9,.4) forwards}.toast-success{background:linear-gradient(135deg,#39ff141f,#141925f2 50%)}.toast-error{background:linear-gradient(135deg,#ff44441f,#141925f2 50%)}.toast-warning{background:linear-gradient(135deg,#ffc1071f,#141925f2 50%)}.toast-info{background:linear-gradient(135deg,#0099ff1f,#141925f2 50%)}.toast-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.toast-success .toast-icon{background:#39ff1426;color:#39ff14}.toast-error .toast-icon{background:#ff444426;color:#f44}.toast-warning .toast-icon{background:#ffc10726;color:#ffc107}.toast-info .toast-icon{background:#0099ff26;color:#09f}.toast-icon svg{stroke-width:2.5;height:20px;width:20px}.toast-content{color:#fff;flex:1 1;font-family:Quicksand,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.toast:after{animation:toastProgress 4s linear forwards;background:currentColor;bottom:0;content:"";height:3px;left:0;opacity:.6;position:absolute}.toast-success:after{background:#39ff14}.toast-error:after{background:#f44}.toast-warning:after{background:#ffc107}.toast-info:after{background:#09f}.toast.toast-exit:after{animation:none}@keyframes toastPopUp{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.9)}}@keyframes toastProgress{0%{width:100%}to{width:0}}@media (max-width:640px){.toast-container{bottom:16px;left:16px;max-width:none;right:16px;transform:none;width:auto}.toast{border-radius:12px;padding:12px 16px}.toast-icon{height:36px;width:36px}.toast-content{font-size:13px}}.home-page{background:#0000;min-height:100vh}.ticker-container{background:#111827e6;border-bottom:1px solid #ffffff14;overflow:hidden;padding:12px 0;position:relative;width:100%;z-index:10}.ticker-track{animation:tickerScroll 45s linear infinite;display:flex;gap:24px;padding:0 12px;width:-webkit-max-content;width:max-content}.ticker-track:hover{animation-play-state:paused}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.ticker-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:4px 0;transition:all .2s ease}.ticker-item:hover{opacity:.8}.ticker-item:hover .ticker-name{color:#4bf364}.ticker-avatar-wrapper{flex-shrink:0;position:relative}.ticker-game-icon{border:2px solid #0a0e14;border-radius:4px;bottom:-2px;height:16px;object-fit:cover;position:absolute;right:-4px;width:16px;z-index:2}.ticker-avatar{border:2px solid #ffffff1a;border-radius:50%;height:32px;object-fit:cover;width:32px}.ticker-info{display:flex;flex-direction:column;gap:2px}.ticker-name{color:#fff;font-size:13px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.ticker-value{color:#4bf364;font-family:Rubik,sans-serif;font-size:12px;font-weight:700}.ticker-arrow{color:#ffffff4d;flex-shrink:0;transition:all .2s ease}.ticker-item:hover .ticker-arrow{color:#4bf364;transform:translateX(2px)}.main-hero{padding:80px 20px 20px}.main-hero-content{margin:0 auto;max-width:800px}.main-hero-text{margin-bottom:40px;text-align:left}.main-hero-text h1{color:#fff;font-family:Rubik,sans-serif;font-size:56px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 20px}.main-hero-text h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4bf364,#22c55e);-webkit-background-clip:text;background-clip:text}.main-hero-text p{color:#fff9;font-family:Quicksand,sans-serif;font-size:18px;margin:0}.main-hero-search{max-width:100%}.stats-row{align-items:center;display:flex;gap:24px;justify-content:center;padding:24px 20px}.stat-item{text-align:center}.stat-value{color:#fff;display:block;font-family:Rubik,sans-serif;font-size:20px;font-weight:700}.stat-label{color:#fff6;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.stat-dot{color:#ffffff26;font-size:8px}.stat-divider{display:none}.stat-content,.stat-icon{display:contents}.games-section{margin:0 auto;max-width:900px;padding:60px 20px}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.game-card{align-items:center;background:#1f293780;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:20px;padding:24px 28px;text-decoration:none;transition:all .25s ease}.game-card:hover{background:#1f2937cc;border-color:#ffffff26;transform:translateY(-2px)}.game-card-logo{border-radius:12px;height:56px;object-fit:cover;width:56px}.game-card-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 6px}.game-card-info span{color:#4bf364;font-size:14px;font-weight:500}.home-leaderboards-wrapper{margin:0 auto;max-width:1000px;padding:60px 20px}.home-leaderboards-header{margin-bottom:40px;text-align:center}.home-leaderboards-header h2{color:#fff;font-family:Rubik,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px}.home-leaderboards-header p{color:#fff6;font-size:13px;margin:0}.home-leaderboards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.home-leaderboard-column{background:#11182780;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.home-column-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;justify-content:center;padding:16px}.home-column-header img{border-radius:6px;height:24px;object-fit:cover;width:24px}.home-column-header span{color:#fff;font-family:Rubik,sans-serif;font-size:14px;font-weight:600}.home-column-header.cs2{background:linear-gradient(180deg,#ffb43214,#0000)}.home-column-header.rust{background:linear-gradient(180deg,#cd463214,#0000)}.home-mini-podium{align-items:flex-end;display:flex;gap:8px;justify-content:center;padding:20px 12px 16px}.mini-podium-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.mini-podium-item:hover{transform:translateY(-4px)}.mini-podium-crown{animation:miniFloat 2s ease-in-out infinite;font-size:18px;margin-bottom:4px}@keyframes miniFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mini-podium-rank{align-items:center;border-radius:50%;color:#000;display:flex;font-family:Rubik,sans-serif;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-bottom:8px;width:22px}.mini-podium-item.podium-1 .mini-podium-rank{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd70066}.mini-podium-item.podium-2 .mini-podium-rank{background:linear-gradient(135deg,silver,#a8a8a8);box-shadow:0 2px 6px #c0c0c04d}.mini-podium-item.podium-3 .mini-podium-rank{background:linear-gradient(135deg,#cd7f32,#b87333);box-shadow:0 2px 6px #cd7f324d}.mini-podium-avatar{border:2px solid #ffffff1a;border-radius:10px;height:48px;margin-bottom:8px;object-fit:cover;width:48px}.mini-podium-item.podium-1 .mini-podium-avatar{border-color:#ffd70059;height:56px;width:56px}.mini-podium-name{color:#fff;font-size:11px;font-weight:600;margin-bottom:2px;max-width:70px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mini-podium-value{font-family:Rubik,sans-serif;font-size:12px;font-weight:700}.mini-podium-value.cs2{color:#ffb432}.mini-podium-value.rust{color:#cd4632}.mini-podium-bar{border-radius:6px 6px 0 0;margin-top:8px;width:100%}.mini-podium-bar.bar-1{background:linear-gradient(180deg,#ffd70026,#ffd70008);border:1px solid #ffd70040;border-bottom:none;height:55px;width:70px}.mini-podium-bar.bar-2{background:linear-gradient(180deg,#c0c0c01f,#c0c0c008);border:1px solid #c0c0c02e;border-bottom:none;height:40px;width:65px}.mini-podium-bar.bar-3{background:linear-gradient(180deg,#cd7f321f,#cd7f3208);border:1px solid #cd7f322e;border-bottom:none;height:28px;width:65px}.home-mini-table{padding:8px}.home-mini-row{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s ease}.home-mini-row:hover{background:#ffffff0a}.mini-rank{color:#fff6;font-family:Rubik,sans-serif;font-size:12px;font-weight:600;width:28px}.mini-avatar{border-radius:8px;height:32px;object-fit:cover;width:32px}.mini-name{color:#ffffffd9;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-value{font-family:Rubik,sans-serif;font-size:13px;font-weight:700}.mini-value.cs2{color:#ffb432}.mini-value.rust{color:#cd4632}.home-empty-state{color:#ffffff59;font-size:13px;padding:30px 16px;text-align:center}.home-column-btn{background:#ffb43214;border:1px solid #ffb43233;border-radius:8px;color:#ffb432;display:block;font-family:Rubik,sans-serif;font-size:12px;font-weight:600;margin:8px;padding:12px 16px;text-align:center;text-decoration:none;transition:all .15s ease}.home-column-btn:hover{background:#ffb43224;border-color:#ffb43259}.home-column-btn.rust{background:#cd463214;border-color:#cd463233;color:#cd4632}.home-column-btn.rust:hover{background:#cd463224;border-color:#cd463259}@media (max-width:700px){.home-leaderboards-grid{grid-template-columns:1fr}.home-leaderboards-header h2{font-size:24px}.mini-podium-avatar{height:44px;width:44px}.mini-podium-item.podium-1 .mini-podium-avatar{height:52px;width:52px}.mini-podium-bar.bar-1{height:45px;width:60px}.mini-podium-bar.bar-2{height:32px;width:55px}.mini-podium-bar.bar-3{height:22px;width:55px}}.top-players{margin:0 auto;max-width:900px;padding:50px 20px}.top-players-header{margin-bottom:32px;text-align:center}.top-players-header h2{color:#fff;font-family:Rubik,sans-serif;font-size:26px;font-weight:700;margin:0 0 6px}.top-players-header p{color:#fff6;font-size:13px;margin:0}.top-players-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.top-players-column{background:#11182780;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.column-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:8px;padding:12px 16px}.column-header img{border-radius:4px;height:22px;object-fit:cover;width:22px}.column-header span{color:#ffffffe6;font-size:13px;font-weight:600}.players-list{max-height:400px;overflow-y:auto;padding:6px}.players-list::-webkit-scrollbar{width:6px}.players-list::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.players-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.players-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}.player-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s ease}.player-row:hover{background:#ffffff08}.player-rank{color:#ffffff59;font-size:12px;font-weight:600;width:24px}.player-rank.rank-1{color:#facc15}.player-rank.rank-2{color:#94a3b8}.player-rank.rank-3{color:#d97706}.player-avatar{border-radius:6px;height:28px;object-fit:cover;width:28px}.player-name{color:#ffffffd9;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-value{color:#4bf364;font-family:Rubik,sans-serif;font-size:13px;font-weight:600}.players-empty{color:#ffffff59;font-size:13px;padding:30px 16px;text-align:center}.view-all-btn{background:#4bf36414;border-radius:6px;color:#4bf364;display:block;font-size:12px;font-weight:600;margin:6px;padding:10px 14px;text-align:center;text-decoration:none;transition:all .15s ease}.view-all-btn:hover{background:#4bf36424}.explore-section{margin:0 auto;max-width:1100px;padding:80px 20px 120px}.explore-header{margin-bottom:50px;text-align:center}.explore-label{background:#4bf3641a;border:1px solid #4bf3644d;border-radius:100px;color:#4bf364;display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:16px;padding:8px 16px;text-transform:uppercase}.explore-section h2{color:#fff;font-family:Rubik,sans-serif;font-size:42px;font-weight:700;margin:0}.explore-bento{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto}.bento-card{align-items:center;background:linear-gradient(145deg,#141923f2,#0f121cfa);border:1px solid #ffffff0f;border-radius:20px;display:flex;gap:20px;overflow:hidden;padding:28px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.bento-card:before{background:radial-gradient(circle at 0 0,#4bf36414 0,#0000 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease}.bento-card:hover{border-color:#4bf3644d;box-shadow:0 20px 40px #0006;transform:translateY(-4px)}.bento-card:hover:before{opacity:1}.bento-large{padding:32px}.bento-wide{grid-column:span 2;padding:28px 32px}.bento-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.bento-icon img{border-radius:8px;height:36px;object-fit:cover;width:36px}.bento-icon-db,.bento-icon-faq,.bento-icon-watch{color:#4bf364;font-size:24px}.bento-content{flex:1 1;min-width:0}.bento-content h3{color:#fff;font-family:Rubik,sans-serif;font-size:18px;font-weight:600;margin:0 0 6px}.bento-content p{color:#ffffff80;font-size:14px;line-height:1.5;margin:0}.bento-arrow{color:#fff3;flex-shrink:0;font-size:22px;transition:all .3s ease}.bento-card:hover .bento-arrow{color:#4bf364;transform:translateX(4px)}.how-it-works{margin:0 auto;max-width:1000px;padding:30px 20px 50px;position:relative;text-align:center;z-index:1}.how-it-works h2{color:#fff;font-family:Rubik,sans-serif;font-size:28px;font-weight:700;margin:0 0 40px}.steps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.step-card{background:#11182799;border:1px solid #4bf36426;border-radius:16px;padding:40px 24px 32px;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{border-color:#4bf36459;box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.step-number{background:#4bf364;border-radius:50%;color:#0a0e14;font-family:Rubik,sans-serif;font-size:14px;font-weight:700;height:32px;left:50%;position:absolute;top:-16px;transform:translateX(-50%);width:32px}.step-icon,.step-number{align-items:center;display:flex;justify-content:center}.step-icon{color:#4bf364;font-size:36px;margin-bottom:16px}.step-card h3{color:#fff;font-family:Rubik,sans-serif;font-size:17px;font-weight:600;margin:0 0 10px}.step-card p{color:#ffffff8c;font-size:13px;line-height:1.6;margin:0}.features-section{margin:0 auto;max-width:900px;padding:50px 20px 60px;text-align:center}.features-section h2{color:#fff;font-family:Rubik,sans-serif;font-size:22px;font-weight:600;margin:0 0 32px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:32px 20px;text-align:center;transition:all .25s ease}.feature-card:hover{background:#ffffff0a;border-color:#4bf36433;transform:translateY(-4px)}.feature-card .feature-icon{color:#4bf364;font-size:32px;margin-bottom:16px}.feature-card h3{color:#fff;font-family:Rubik,sans-serif;font-size:15px;font-weight:600;margin:0 0 8px}.feature-card p{color:#ffffff80;font-size:13px;line-height:1.5;margin:0}.tools-section{margin:0 auto;max-width:700px;padding:40px 20px 80px;text-align:center}.tools-section h2{color:#fff;font-family:Rubik,sans-serif;font-size:24px;font-weight:700;margin:0 0 24px}.tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.tool-card{background:#1f293766;border:1px solid #ffffff14;border-radius:14px;padding:28px 20px;text-decoration:none;transition:all .2s ease}.tool-card:hover{background:#1f293799;border-color:#ffffff1f}.tool-icon{color:#4bf364;font-size:28px;margin-bottom:14px}.tool-card h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px}.tool-card p{color:#ffffff80;font-size:13px;margin:0}@media (max-width:1100px){.explore-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.main-hero{padding:50px 20px 40px}.main-hero-text h1{font-size:36px}.main-hero-text p{font-size:15px}.how-it-works{padding:40px 20px}.how-it-works h2{font-size:24px;margin-bottom:32px}.steps-grid{gap:28px;grid-template-columns:1fr}.step-card{padding:36px 20px 28px}.stats-row{flex-wrap:wrap;gap:16px 20px}.stat-dot{display:none}.stat-item{flex:0 0 auto}.games-grid,.top-players-grid{grid-template-columns:1fr}.players-list{max-height:300px}.features-grid,.tools-grid{grid-template-columns:1fr}.features-grid{gap:12px}.explore-section{padding:50px 16px 70px}.explore-section h2{font-size:28px}.explore-bento{grid-template-columns:1fr}.bento-wide{grid-column:span 1}.bento-card{padding:20px}.bento-icon{height:48px;width:48px}.bento-icon img{height:28px;width:28px}.bento-content h3{font-size:16px}.bento-content p{font-size:13px}.feature-card{padding:24px 20px}.floating-items{display:none}}@media (max-width:480px){.main-hero-text h1{font-size:28px}.stats-row{gap:12px 16px}.stat-value{font-size:16px}.stat-label{font-size:10px}.game-card{padding:18px 20px}.game-card-logo{height:44px;width:44px}.game-card-info h3{font-size:16px}.top-players-header h2{font-size:22px}.feature-card{padding:20px 16px}.feature-card .feature-icon{font-size:26px;margin-bottom:12px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}}@media (max-width:768px){.ticker-container{padding:10px 0}.ticker-track{gap:20px}.ticker-avatar{height:28px;width:28px}.ticker-game-icon{height:14px;width:14px}.ticker-name{font-size:12px;max-width:70px}.ticker-value{font-size:11px}}@media (max-width:640px){.ticker-container{padding:8px 0}.ticker-track{gap:16px}.ticker-avatar{height:26px;width:26px}.ticker-game-icon{border-width:1px;height:12px;width:12px}.ticker-name{font-size:11px;max-width:60px}.ticker-value{font-size:10px}.ticker-arrow{display:none}}