:root{--bg:#1c1e1f;--header:#202425;--panel:#292d2e;--panel2:#242829;--line:#34393a;--muted:#85898a;--text:#f5f6f6;--accent:#58c4df;--red:#eb4b4b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1080px;background:var(--bg);color:var(--text);font:400 13px/1.45 Inter,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{border:0;cursor:pointer}a{text-decoration:none;color:inherit}.header-top{position:sticky;top:0;z-index:50;background:var(--header);border-bottom:1px solid #303536}.header-container{height:68px;padding:0 34px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #303536}.header-left,.header-left nav,.header-right{display:flex;align-items:center}.header-left{gap:27px}.logo{color:var(--accent);font-size:18px;font-weight:800}.header-left nav{gap:26px}.header-left nav button,.header-left nav a,.header-right a{background:none;color:#f2f3f3;font-size:10px;font-weight:700;letter-spacing:.07em}.header-left i,.category-bar i{font-style:normal;font-size:7px;margin-left:3px}.header-search{width:min(620px,38vw);height:34px;margin:auto;display:flex;align-items:center;gap:8px;color:#939a9b}.header-search input{width:100%;height:100%;background:#171a1b;border:1px solid #303536;padding:0 9px;outline:0;font-size:11px}.header-search input:focus{border-color:var(--accent)}.header-right{gap:27px}.header-right .signup{background:var(--accent);color:#172124;border-radius:3px;padding:9px 16px}.category-bar{height:51px;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden}.category-bar button{background:none;font-size:9px;font-weight:700;letter-spacing:.07em;white-space:nowrap}.catalog-page{display:grid;grid-template-columns:295px minmax(0,1fr);min-height:calc(100vh - 120px)}.catalog-filter{position:sticky;top:120px;align-self:start;height:calc(100vh - 120px);overflow:auto;background:#202425;border-right:1px solid #303536;scrollbar-width:thin}.filter-section{border-bottom:1px solid #323738}.filter-title{width:100%;height:48px;background:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;font-weight:700;text-align:left}.filter-body{padding:3px 20px 20px}.price-chart{height:54px;display:flex;align-items:end;gap:2px}.price-chart i{flex:1;min-height:7px;background:var(--accent);opacity:.9}.range-track{height:2px;margin:0 6px 25px;background:#fff;position:relative}.range-track i{position:absolute;top:-2px;width:13px;height:9px;border-radius:2px;background:#fff}.range-track i:first-child{left:-6px}.range-track i:last-child{right:-6px}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-inputs label>span{display:block;color:#8c9394;font-size:10px;margin-bottom:5px}.price-inputs label>div{height:34px;display:flex;align-items:center;gap:5px;background:#181b1c;border:1px solid #373d3e;padding:0 8px;color:#858c8d}.price-inputs input{min-width:0;width:100%;background:none;border:0;outline:0}.checklist{display:grid;gap:3px}.checklist label{height:30px;display:flex;align-items:center;gap:9px;color:#c6caca;font-size:11px}.checklist input{display:none}.checklist label>i{width:14px;height:14px;border:1px solid #5a6263;background:#181b1c;position:relative}.checklist input:checked+ i{background:var(--accent);border-color:var(--accent)}.checklist input:checked+ i:after{content:"✓";position:absolute;color:#182326;font-size:11px;font-weight:800;left:2px;top:-2px}.checklist label button{visibility:hidden;margin-left:auto;background:none;color:var(--accent);font-size:9px}.checklist label:hover button{visibility:visible}.exact-wear{margin-top:8px;background:#343a3b;color:#dce0e0;padding:7px 10px;border-radius:2px;font-size:10px}.trade-bars{height:44px;display:flex;align-items:end;gap:2px;border-bottom:2px solid #424849}.trade-bars i{flex:1;height:12px;background:#343a3b}.trade-bars i:first-child{height:30px;background:var(--accent)}.trade-status{margin-top:16px;color:#8c9394}.trade-status span{color:var(--accent);margin-left:5px}.catalog-content{min-width:0;padding:0 18px 60px}.catalog-toolbar{height:74px;display:flex;align-items:center;justify-content:space-between}.catalog-toolbar>div{display:flex;align-items:center;gap:15px}.crumb{color:#dce0e0;font-size:12px}.crumb b{margin-left:9px;color:#687071}.catalog-toolbar strong{font-size:11px;color:#8a9293;font-weight:500}.toolbar-actions button,.toolbar-actions select{height:34px;background:#292e2f;border:1px solid #393f40;padding:0 10px;outline:0;font-size:11px}.toolbar-actions select{min-width:150px}.toolbar-actions .view-btn{width:35px;padding:0;color:#8d9595}.toolbar-actions .view-btn.active{color:var(--accent);border-color:#4f7f89}.catalog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;align-items:start}.market-card{position:relative;min-width:0;background:var(--panel);border:1px solid #1f2223;transition:transform .18s,border-color .18s,box-shadow .18s;z-index:1}.market-card:hover{z-index:5;transform:translateY(-5px);border-color:#596263;box-shadow:0 10px 24px #0007}.card-image{height:155px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#40546d,#252e39);position:relative}.card-image img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 7px 7px #0008)}.card-info{padding:14px 16px 16px;min-height:210px}.card-price{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:700;letter-spacing:-.03em}.discount{padding:2px 6px;background:linear-gradient(90deg,#4e78ba,#d66b4d);font-size:9px;letter-spacing:0;border-radius:2px}.reference{color:#727879;font-size:10px;margin:3px 0 13px}.weapon{color:#d4d7d7;font-size:10px;margin-bottom:3px}.weapon:before{content:"";display:inline-block;width:6px;height:6px;background:var(--red);margin-right:7px}.skin-name{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description{color:#8b9192;font-size:10px;min-height:31px;margin-top:5px}.wear{margin-top:14px}.wear-value{font-size:10px;margin-bottom:4px}.wear-line{height:7px;background:linear-gradient(90deg,#63bc4b,#d8d75a 50%,#db635b);position:relative}.wear-marker{position:absolute;top:7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid #fff;transform:translateX(-5px)}.card-actions{height:43px;position:absolute;left:-1px;right:-1px;top:100%;display:flex;visibility:hidden;opacity:0;transform:translateY(-7px);transition:.18s}.market-card:hover .card-actions{visibility:visible;opacity:1;transform:none}.add-cart{flex:1;background:var(--accent);color:#172225;font-size:10px;font-weight:800;text-transform:uppercase}.more{width:39px;background:#4aa8c0;color:#fff;font-size:18px}.market-card:hover{margin-bottom:43px}.empty-state{text-align:center;color:#8d9495;padding:80px}.catalog-grid.list{display:block}.catalog-grid.list .market-card{display:grid;grid-template-columns:210px 1fr;margin-bottom:3px}.catalog-grid.list .card-image{height:150px}.catalog-grid.list .card-info{min-height:150px}.catalog-grid.list .card-actions{position:static;visibility:visible;opacity:1;transform:none;grid-column:2}.market-toast{position:fixed;right:25px;bottom:25px;background:#2e5d53;border:1px solid #4f8f7e;padding:11px 16px;opacity:0;transform:translateY(20px);transition:.2s;z-index:100}.market-toast.show{opacity:1;transform:none}@media(max-width:1500px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-bar{gap:15px}.catalog-page{grid-template-columns:275px minmax(0,1fr)}}
.filter-section:not(.open) .filter-body{display:none}.market-favorite{position:absolute;top:9px;right:9px;width:28px;height:28px;background:#171b1ca8;color:#c8cccc;font-size:18px;border-radius:2px}.market-favorite:hover,.market-favorite.active{color:#ff717c}.market-card:hover{margin-bottom:43px}.catalog-grid{padding-top:8px}.catalog-content{overflow:visible}
.category-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.category-filter select{min-width:160px}.toolbar-actions select:disabled{opacity:.55;cursor:wait}.load-more-wrap{display:flex;justify-content:center;padding:30px 0 44px}.load-more{min-width:190px;padding:12px 24px;border:1px solid var(--accent);border-radius:3px;background:transparent;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.07em}.load-more:hover{background:var(--accent);color:#172124}.load-more:disabled{opacity:.5;cursor:wait}.catalog-grid[aria-busy="true"]{min-height:280px}.catalog-error{color:#ff717c}
@media (max-width:1079px){body{min-width:0}.header-container{padding:0 16px}.header-left nav,.header-right{display:none}.header-search{width:auto;flex:1}.category-bar{justify-content:flex-start;padding:0 16px;overflow-x:auto}.catalog-page{display:block}.catalog-filter{position:static;width:100%;height:auto;max-height:220px;overflow:auto}.catalog-filter .filter-section:nth-child(n+4){display:none}.catalog-content{padding:0 12px}.catalog-toolbar{align-items:flex-start;gap:12px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.category-filter{width:100%;justify-content:flex-end}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card-info{padding-left:12px!important;padding-right:12px!important}.card-price{font-size:16px!important}}
@media (max-width:520px){.catalog-grid{grid-template-columns:1fr!important}.catalog-toolbar{display:block}.toolbar-actions{justify-content:flex-start;margin-top:12px}.category-filter{justify-content:flex-start}.category-filter select{min-width:0;max-width:190px}}

/* Dense market layout */
:root{--bg:#1b1e1f;--header:#222627;--panel:#292d2e;--line:#181b1c;--muted:#858c8e;--text:#f4f6f6;--accent:#62b9dc;--orange:#ff5a24}
body{background:#1b1e1f;font-family:Montserrat,Arial,sans-serif;font-size:12px}
.header-top{top:0;background:#222627;border-bottom:1px solid #151819}
.header-container{height:58px;border-bottom:1px solid #34393a}
.logo{font-size:17px;letter-spacing:-.04em}
.category-bar{height:50px;padding:0 28px;justify-content:flex-start;gap:27px;border-bottom:1px solid #151819}
.category-bar button{font-size:10px;font-weight:800;letter-spacing:.075em;transition:color .16s ease}
.category-bar button:hover{color:var(--accent)}
.category-bar button:disabled{opacity:.45;cursor:wait}
.category-bar .filter-menu-button{align-self:stretch;width:240px;flex:0 0 240px;margin-left:-28px;margin-right:0;padding-left:28px;text-align:left;color:var(--orange);border-right:1px solid #171a1b}
.category-bar .filter-menu-button+button{margin-left:auto}
.category-bar button:last-child{margin-right:auto}
.filter-menu-button span{margin-left:9px}
.catalog-page{grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 108px)}
.catalog-filter{position:relative;top:auto;align-self:stretch;height:auto;overflow:visible;background:#25292a;border-right:1px solid #171a1b}
.filter-section{border-color:#3a3f40}
.filter-title{height:56px;padding:0 24px;font-size:12px}
.filter-body{padding:2px 24px 22px}
.price-inputs label>div{background:#292d2e;border-color:#414748}
.checklist label{font-size:10px;color:#f0f2f2}
.checklist label>i,.checklist input:checked+i{background:#f1f3f3;border-color:#f1f3f3}
.checklist input:checked+i:after{color:#242829}
.exact-wear{width:100%;height:34px;margin-top:10px;background:transparent;border:1px solid #737a7c;font-weight:700;letter-spacing:.07em}
.catalog-content{padding:0 0 60px;background:#222627;overflow:visible}
.catalog-toolbar{height:58px;padding:0 24px;border-bottom:1px solid #171a1b}
.catalog-toolbar strong{position:absolute;left:calc(50% + 120px);transform:translateX(-50%);color:#f0f2f2;font-size:11px}
.toolbar-actions button,.toolbar-actions select{height:32px;background:transparent;border:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.toolbar-actions select{min-width:145px}
.category-filter{font-size:10px;text-transform:uppercase}
.category-filter select{min-width:145px}
.catalog-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;padding:0;align-items:start;isolation:isolate;background:#191c1d}
.market-card{position:relative;z-index:1;min-width:0;height:266px;margin:0!important;background:#292d2e;border:0;border-right:1px solid #181b1c;border-bottom:1px solid #181b1c;border-radius:0;overflow:visible;transition:transform .22s cubic-bezier(.2,.75,.25,1),background-color .22s ease,box-shadow .22s ease;will-change:transform}
.market-card:hover,.market-card:focus-within{z-index:20;margin:0!important;transform:translateY(-12px);background:#303536;border-color:#181b1c;box-shadow:0 14px 30px rgba(0,0,0,.48)}
.card-image{height:112px;border-radius:0;background:radial-gradient(circle at 50% 45%,#34393a 0,#292d2e 68%);transition:background .22s ease}
.market-card:hover .card-image,.market-card:focus-within .card-image{background:radial-gradient(circle at 50% 45%,#3a4041 0,#303536 68%)}
.card-image img{width:84%;height:84%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.42));transition:transform .3s cubic-bezier(.2,.75,.25,1),filter .3s ease}
.market-card:hover .card-image img,.market-card:focus-within .card-image img{transform:scale(1.055);filter:drop-shadow(0 10px 10px rgba(0,0,0,.55))}
.card-info{display:flex;flex-direction:column;height:154px;min-height:0;padding:7px 16px 12px}
.card-price{gap:6px;font-size:18px;line-height:1.2;font-weight:700;white-space:nowrap}
.discount{padding:2px 5px;font-size:7px}
.reference{margin:4px 0 10px;color:#737a7b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weapon{margin-bottom:2px;color:var(--rarity-color);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weapon:before{width:6px;height:6px;margin-right:7px;background:var(--rarity-color)}
.skin-name{margin:0;font-size:13px;line-height:1.35;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.description{min-height:25px;margin:3px 0 0;color:#8d9496;font-size:9px;line-height:1.25;overflow:hidden}
.wear{margin-top:auto;padding-top:5px}
.wear-value{font-size:9px}
.wear-line{height:7px;margin-top:3px;border-radius:1px}
.card-actions{position:absolute;top:100%;left:0;right:0;height:45px;display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.25,1),visibility 0s linear .22s}
.market-card:hover .card-actions,.market-card:focus-within .card-actions{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}
.add-cart{border-radius:0;background:#62b9dc;color:#fff;font-size:10px;letter-spacing:.06em}
.more{border-radius:0;background:#62b9dc;border-left:1px solid #3887a5}
.empty-state{background:#222627}
.load-more-wrap{height:1px;padding:0}
.load-more{width:1px;min-width:0;height:1px;padding:0;border:0;opacity:0;pointer-events:none}
@media(max-width:1800px){.catalog-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1600px){.catalog-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1400px){.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-bar{gap:17px}}
@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1079px){.header-container{height:58px}.category-bar .filter-menu-button{display:none}.catalog-page{display:block}.catalog-toolbar strong{position:static;transform:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.market-card{height:286px}.card-image{height:132px}.catalog-filter{top:auto;max-height:none;overflow:visible}.category-bar{padding:0 16px}}
@media(max-width:520px){.catalog-grid{grid-template-columns:1fr!important}.market-card{height:310px}.card-image{height:156px}}

.product-finder[hidden]{display:none}
.product-finder{position:fixed;inset:108px 0 0;z-index:45}
.product-finder-backdrop{position:absolute;inset:0;background:transparent}
.product-finder-panel{position:relative;width:100%;padding:27px 38px 32px;background:#25292a;border-top:1px solid #363b3c;border-bottom:1px solid #111415;box-shadow:0 20px 45px rgba(0,0,0,.48);opacity:0;transform:translateY(-12px);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.75,.25,1)}
.product-finder.is-open .product-finder-panel{opacity:1;transform:none}
.product-finder-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.product-finder-header h2{margin:0;color:#f4f6f6;font-size:17px;line-height:1;font-weight:700}
.product-finder-header-actions{display:flex;align-items:center;gap:18px}
.product-finder-header-actions button{background:none}
#finder-see-all{color:#e8ebeb;font-size:11px;font-weight:600}
#finder-see-all:hover{color:var(--accent)}
#finder-see-all span{margin-left:7px;font-size:17px}
.product-finder-close{width:30px;height:30px;color:#8c9395;font-size:24px;line-height:1;transition:color .15s ease,transform .15s ease}
.product-finder-close:hover{color:#fff;transform:rotate(5deg)}
.knife-carousel{position:relative}
.knife-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;outline:0;scroll-snap-type:x proximity}
.knife-viewport::-webkit-scrollbar{display:none}
.knife-track{display:flex;gap:9px;min-height:255px}
.knife-preview{--rarity-color:#eb4b4b;position:relative;display:flex;flex:0 0 184px;width:184px;height:250px;flex-direction:column;padding:0;background:#2a2e2f;border:1px solid #171a1b;border-top:2px solid var(--rarity-color);color:#f5f6f6;text-align:left;scroll-snap-align:start;overflow:hidden;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.knife-preview:hover,.knife-preview:focus-visible{z-index:2;transform:translateY(-5px);background:#313637;box-shadow:0 11px 24px rgba(0,0,0,.4);outline:0}
.knife-preview-image{height:126px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#373d3e,#2a2e2f 68%)}
.knife-preview-image img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.45));transition:transform .25s ease}
.knife-preview:hover img{transform:scale(1.06)}
.knife-preview-model{padding:10px 14px 0;color:var(--rarity-color);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.knife-preview-name{padding:2px 14px 0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.knife-preview-price{padding:5px 14px 12px;color:#7e8587;font-size:9px}
.knife-preview-price strong{color:#f4f6f6;font-size:11px;font-weight:600}
.knife-preview-action{height:38px;margin-top:auto;display:flex;align-items:center;justify-content:center;background:#62b9dc;color:#fff;font-size:10px;font-weight:700;transform:translateY(100%);transition:transform .2s ease}
.knife-preview:hover .knife-preview-action,.knife-preview:focus-visible .knife-preview-action{transform:none}
.carousel-arrow{position:absolute;top:93px;z-index:4;width:39px;height:50px;border:1px solid #424849;background:#202425;color:#fff;font-size:28px;box-shadow:0 7px 18px rgba(0,0,0,.35);transition:background-color .15s ease,opacity .15s ease}
.carousel-arrow:hover{background:#343a3b}
.carousel-arrow:disabled{opacity:.25;cursor:default}
.carousel-prev{left:-18px}
.carousel-next{right:-18px}
body:has(.product-finder:not([hidden])){overflow:hidden}
@media(max-width:1079px){.product-finder{inset:108px 0 0}.product-finder-panel{padding:22px 20px 26px}.knife-preview{flex-basis:168px;width:168px}.carousel-prev{left:-10px}.carousel-next{right:-10px}}
@media(max-width:520px){.product-finder-header{align-items:flex-start}.product-finder-header h2{font-size:15px}#finder-see-all{font-size:9px}.product-finder-panel{padding:20px 14px}.knife-preview{flex-basis:154px;width:154px}.product-finder-close{display:none}}

/* Wider filter rail */
.category-bar .filter-menu-button{width:190px;flex-basis:190px;margin-right:0;padding-left:30px;border-right:0}
.category-bar .reset-all{width:110px;flex:0 0 110px;align-self:stretch;margin-left:-27px!important;margin-right:0;color:#eef1f1;font-size:9px;font-weight:600;letter-spacing:.11em;border-right:1px solid #171a1b;transition:color .16s ease}
.category-bar .reset-all:hover{color:var(--orange)}
.category-bar .reset-all+button{margin-left:auto}
.catalog-page{grid-template-columns:300px minmax(0,1fr)}
.catalog-filter{font-size:13px}
.filter-title{height:68px;padding:0 30px;font-size:14px}
.filter-body{padding:3px 30px 27px}
.price-chart{height:62px}
.price-inputs{gap:13px}
.price-inputs label>span{font-size:11px}
.price-inputs label>div{height:40px;font-size:11px}
.checklist{gap:6px}
.checklist label{height:31px;font-size:12px}
.checklist label>i{width:16px;height:16px}
.checklist input:checked+i:after{left:3px;top:-1px}
.exact-wear{height:41px;margin-top:14px;font-size:10px}
.trade-status{font-size:11px}
.catalog-toolbar strong{left:calc(50% + 150px)}
@media(max-width:1079px){.category-bar .reset-all{display:none}.catalog-page{display:block}.filter-title{padding:0 20px}.filter-body{padding-left:20px;padding-right:20px}}

/* Larger market header */
.header-container{height:72px;padding:0 38px;gap:34px}
.header-left{gap:34px}
.logo{font-size:20px}
.header-left nav{gap:32px}
.header-left nav button,.header-left nav a,.header-right a{font-size:11px;font-weight:800;letter-spacing:.09em}
.header-search{width:min(690px,44vw);height:42px;gap:11px;margin-left:auto;margin-right:auto;color:#f2f4f4}
.header-search>.search-icon{font-size:22px;line-height:1;transform:none}
.header-search input{height:42px;padding:0 14px;background:transparent;border:0;border-bottom:1px solid #343a3b;font-size:13px;color:#f2f4f4;transition:border-color .18s ease,background-color .18s ease}
.header-search input::placeholder{color:#7e8587;opacity:1}
.header-search input:hover,.header-search input:focus{background:#202425;border-color:#60696b}
.header-right{gap:36px}
.header-right .signup{padding:12px 22px;border-radius:4px;font-size:11px}
.category-bar{height:58px;gap:30px;padding-right:34px}
.category-bar button{font-size:11px;letter-spacing:.08em}
.category-bar .filter-menu-button{height:58px}
.catalog-page{min-height:calc(100vh - 130px)}
.product-finder{inset:130px 0 0}
.catalog-toolbar{height:72px;padding:0 28px;background:#282c2d}
.catalog-toolbar strong{font-size:13px;font-weight:500}
.crumb{font-size:12px}
.toolbar-actions{gap:20px!important}
.toolbar-actions button,.toolbar-actions select{height:40px;font-size:11px}
.toolbar-actions .view-btn{width:40px;font-size:17px}
.category-filter{font-size:11px}
@media(max-width:1400px){.header-container{padding:0 24px}.header-left{gap:22px}.header-left nav{gap:20px}.header-search{width:min(570px,39vw)}.header-right{gap:22px}.category-bar{gap:18px}.category-bar button{font-size:10px}}
@media(max-width:1079px){.header-container{height:66px;padding:0 16px}.logo{font-size:18px}.header-search{width:auto;height:40px}.category-bar{height:52px}.catalog-page{min-height:calc(100vh - 118px)}.product-finder{inset:118px 0 0}.catalog-toolbar{height:auto;min-height:72px;padding:14px 12px}}
@media(max-width:520px){.logo{font-size:16px}.header-search input{font-size:11px}.catalog-toolbar strong{font-size:11px}}

/* Reference card proportions */
.catalog-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:0}
.market-card{height:302px;background:#292d2e;border-right:1px solid #181b1c;border-bottom:1px solid #181b1c;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.market-card:hover,.market-card:focus-within{transform:translateY(-8px);background:#2d3132;box-shadow:0 14px 28px rgba(0,0,0,.45)}
.card-image{height:137px;background:radial-gradient(circle at 50% 45%,#303536 0,#292d2e 69%)}
.card-image img{width:88%;height:88%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}
.card-info{height:165px;padding:9px 19px 13px;min-height:0}
.card-price{font-size:21px;line-height:1.15;letter-spacing:-.04em}
.discount{padding:3px 6px;border-radius:2px;font-size:8px}
.reference{margin:5px 0 11px;font-size:10px}
.weapon{margin-bottom:3px;font-size:10px;color:var(--rarity-color)}
.weapon:before{background:var(--rarity-color)}
.skin-name{font-size:14px;line-height:1.3}
.description{height:27px;min-height:27px;margin:4px 0 0;font-size:10px;line-height:1.25}
.wear{margin-top:auto;padding-top:4px}
.wear-value{font-size:10px}
.wear-line{height:8px;margin-top:3px}
.wear-marker{top:8px}
.card-actions{height:45px}
.add-cart{font-size:10px}
@media(max-width:1800px){.catalog-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:1600px){.catalog-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1400px){.catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1079px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.market-card{height:302px}}
@media(max-width:520px){.catalog-grid{grid-template-columns:1fr!important}.market-card{height:320px}.card-image{height:155px}.card-info{height:165px}}

/* Centered header search */
.header-container{position:relative}
.header-right{margin-left:auto}
.header-search{position:absolute;left:50%;top:50%;width:min(710px,42vw);height:44px;margin:0;transform:translate(-50%,-50%);display:flex;align-items:center;gap:13px;color:#eef1f1}
.header-search .search-icon{position:relative;display:block;flex:0 0 15px;width:15px;height:15px;transform:none}
.header-search .search-icon:before{content:"";position:absolute;left:1px;top:1px;width:9px;height:9px;border:2px solid #eef1f1;border-radius:50%}
.header-search .search-icon:after{content:"";position:absolute;right:0;bottom:0;width:6px;height:2px;border-radius:1px;background:#eef1f1;transform:rotate(45deg);transform-origin:right center}
.header-search input{height:44px;padding:0;background:transparent;border:0!important;font-size:13px;font-weight:400;letter-spacing:0;color:#f3f5f5;box-shadow:none;transition:color .18s ease}
.header-search input:hover,.header-search input:focus{background:transparent;border:0;box-shadow:none}
.header-search input::placeholder{color:#7f8789;opacity:1}
.header-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.55}
@media(max-width:1400px){.header-search{width:min(570px,38vw)}}
@media(max-width:1079px){.header-search{position:relative;left:auto;top:auto;width:auto;height:40px;margin-left:auto;transform:none}.header-search input{height:40px}.header-right{margin-left:0}}

/* Orange interactive states */
:root{--hover-orange:#fa490a}
.header-left nav button,.header-left nav a,.header-right a,.category-bar button,.filter-title,.checklist label button,.exact-wear,.toolbar-actions button,.toolbar-actions select,.product-finder-header-actions button,.carousel-arrow,.more{transition:color .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease}
.header-left nav button:hover,.header-left nav a:hover,.header-right a:not(.signup):hover,.category-bar button:hover,.filter-title:hover,.checklist label button:hover,.toolbar-actions button:hover,.toolbar-actions select:hover,.product-finder-header-actions button:hover{color:var(--hover-orange)}
.header-right .signup:hover,.add-cart:hover,.more:hover{background:var(--hover-orange);color:#fff}
.header-user[hidden],.profile-menu[hidden],.cart-panel[hidden]{display:none}.header-user{display:flex;align-items:center;gap:8px;background:none;color:#fff;font-size:11px;font-weight:700}.header-user img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #62b9dc}.header-user span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user i{font-style:normal}
.header-cart{height:38px;min-width:62px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:3px;background:#62b9dc;color:#fff}.header-cart b{font-size:12px}.profile-menu{position:absolute;right:92px;top:58px;z-index:80;width:266px;padding:18px 24px;background:#343839;box-shadow:0 18px 42px rgba(0,0,0,.45)}.profile-menu strong{display:block;padding-bottom:16px;border-bottom:1px solid #54595a}.profile-menu button{width:100%;display:flex;gap:12px;padding:9px 0;background:none;color:#fff;text-align:left}.profile-menu hr{border:0;border-top:1px solid #54595a}.cart-panel{position:fixed;right:0;top:0;bottom:0;z-index:100;width:390px;padding:24px;background:#25292a;box-shadow:-18px 0 42px rgba(0,0,0,.45)}.cart-panel header,.cart-panel footer{display:flex;align-items:center;justify-content:space-between}.cart-panel header button{background:none;font-size:30px}.cart-panel footer{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:1fr auto;gap:14px}.cart-panel footer button{grid-column:1/3;height:48px;background:#62b9dc;color:#fff;font-weight:800}.cart-row{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #454a4b}.cart-row img{width:65px;height:52px;object-fit:contain}.cart-row-copy{display:grid}.cart-row button{background:none;font-size:20px}.cart-empty{color:#8c9293}.add-cart.just-added,.detail-cart.just-added{background:#d9635e!important;color:#fff}.add-cart.in-cart,.detail-cart.in-cart{background:#585d5e!important;color:#fff}.detail-visual:after{content:'✓';position:absolute;left:50%;top:50%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#62b9dc;color:#fff;font-size:70px;opacity:0;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.detail-visual.cart-success:after{animation:cart-check 2s ease}@keyframes cart-check{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}
.account-page[hidden]{display:none}.account-page{position:relative;min-height:calc(100vh - 58px);background:#222627;color:#fff}.account-toolbar{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;background:#292d2e}.account-toolbar>button,.account-toolbar nav button{background:none;font-size:10px;font-weight:800;letter-spacing:.08em}.account-toolbar>button{justify-self:start;color:#f15a24}.account-toolbar>span{justify-self:end;font-size:10px;letter-spacing:.08em}.account-toolbar nav{display:flex;gap:28px}.account-toolbar nav button.active{color:#f15a24;border-bottom:2px solid #f15a24;padding-bottom:12px}.account-empty{min-height:calc(100vh - 116px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#1d2021,#222627);text-align:center}.account-empty[hidden]{display:none}.account-empty>div,.selling-empty-state>div,.trade-missing-state>div{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#222627;font-size:30px;margin:0 auto}.account-empty h2{font-size:20px}.account-empty p{max-width:520px;color:#858c8e}.account-empty button{min-width:245px;height:54px;margin-top:18px;background:#62b9dc;color:#fff;font-size:11px;font-weight:800;letter-spacing:.07em}.selling-empty-state,.trade-missing-state{text-align:center}.selling-empty-state[hidden],.trade-missing-state[hidden]{display:none}.trade-modal[hidden]{display:none}.trade-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(27,30,31,.96)}.trade-modal-card{width:min(650px,calc(100% - 40px));text-align:center}.trade-modal-card h2{font-size:25px}.trade-modal-card p{color:#959c9e;line-height:1.5}.trade-modal-card a{color:#62b9dc}.trade-modal-card input{width:100%;height:50px;margin:25px 0 0;padding:0 14px;background:#25292a;border:1px solid #575e60;color:#fff}.trade-modal-card small{display:block;min-height:20px;color:#f15a24;text-align:left}.trade-modal-card>div{display:flex;justify-content:center;gap:14px}.trade-modal-card button{width:164px;height:65px;background:#353a3b;color:#8a9192;font-weight:800;letter-spacing:.1em}.trade-modal-card #trade-cancel{background:transparent;border:2px solid #fff;color:#fff}
@media(max-width:700px){.profile-menu{right:10px;top:58px}.cart-panel{width:100%}.account-toolbar{grid-template-columns:1fr;gap:12px;height:auto;padding:16px}.account-toolbar nav{order:-1;justify-content:center}.account-toolbar>span{display:none}}
.exact-wear:hover{border-color:var(--hover-orange);color:var(--hover-orange);background:rgba(250,73,10,.05)}
.checklist label{transition:color .28s ease,background-color .28s ease}
.checklist label:hover{color:var(--hover-orange);background:rgba(250,73,10,.035)}
.checklist label:hover>i{border-color:var(--hover-orange)}
.checklist label>i{transition:border-color .28s ease,background-color .28s ease}
.carousel-arrow:hover{border-color:var(--hover-orange);background:var(--hover-orange);color:#fff}

.rarity-section{padding-bottom:26px}
.rarity-section .filter-body{padding-bottom:12px}
.rarity-list label{gap:10px}
.rarity-color{width:6px;height:6px;flex:0 0 6px;background:var(--rarity-color);box-shadow:0 0 5px color-mix(in srgb,var(--rarity-color) 55%,transparent)}
.rarity-list.is-collapsed label:nth-child(n+8){display:none}
.rarity-more{display:block;width:calc(100% - 60px);height:41px;margin:0 30px;background:transparent;border:1px solid #737a7c;color:#f2f4f4;font-size:10px;font-weight:700;letter-spacing:.1em;transition:color .28s ease,border-color .28s ease,background-color .28s ease}
.rarity-more:hover{color:var(--hover-orange);border-color:var(--hover-orange);background:rgba(250,73,10,.05)}
@media(max-width:1079px){.rarity-more{width:calc(100% - 40px);margin-left:20px;margin-right:20px}}

/* Item details */
.item-modal[hidden]{display:none}
.item-modal{position:fixed;inset:130px 0 0;z-index:49;color:#f5f6f6}
.item-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#151819;border:0}
.item-modal-shell{position:relative;width:min(1600px,100%);height:100%;margin:0 auto;overflow:auto;background:#292d2e;opacity:0;transform:translateY(12px);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.75,.25,1)}
.item-modal.is-open .item-modal-shell{opacity:1;transform:none}
.item-modal-close{position:absolute;z-index:5;top:14px;right:18px;width:38px;height:38px;background:#202425;color:#aeb3b4;font-size:28px;line-height:1;transition:color .25s ease,background-color .25s ease}
.item-modal-close:hover{background:var(--hover-orange);color:#fff}
.item-detail-main{display:grid;grid-template-columns:60% 40%;min-height:66vh;border-bottom:1px solid #171a1b}
.item-detail-gallery{display:flex;min-width:0;flex-direction:column;padding:32px 26px 26px 6%;border-right:1px solid #171a1b}
.detail-breadcrumb{color:#a2a8a9;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.detail-visual{position:relative;display:flex;min-height:330px;flex:1;align-items:center;justify-content:center}
.detail-image{width:min(72%,700px);height:330px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.42));transition:transform .35s ease}
.detail-visual:hover .detail-image{transform:scale(1.035)}
.detail-thumbs{position:absolute;left:0;top:50%;display:grid;gap:14px;transform:translateY(-50%);text-align:center;color:#fff;font-size:10px;font-weight:700}
.detail-thumbs button{width:50px;height:50px;padding:4px;background:transparent;border:1px solid #444a4b}
.detail-thumbs button.active{border-color:#737b7c}
.detail-thumbs img{width:100%;height:100%;object-fit:contain}
.detail-links{display:flex;justify-content:space-between;margin-bottom:17px;color:#f1f3f3;font-size:9px;font-weight:600;letter-spacing:.1em}
.detail-wear{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}
.detail-wear>span{font-size:10px}
.detail-wear .wear-line{height:8px}
.item-detail-info{padding:35px 42px;background:#292d2e}
.detail-category{font-size:10px}
.item-detail-info h2{margin:5px 0 4px;font-size:22px;line-height:1.2}
.detail-condition{margin:0;color:#858c8e;font-size:10px}
.detail-price-row{display:flex;align-items:center;gap:12px;margin-top:22px}
.detail-price-row>strong{font-size:38px;line-height:1;font-weight:600;letter-spacing:-.04em}
.detail-reference{margin:12px 0 27px;color:#7c8384;font-size:13px}
.detail-cart{width:100%;height:54px;background:#62b9dc;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;transition:background-color .28s ease}
.detail-cart:hover{background:var(--hover-orange)}
.detail-section{margin-top:25px}
.detail-section h3{margin:0 0 10px;font-size:11px}
.detail-section p{margin:0;color:#858c8e;font-size:10px;line-height:1.65}
.detail-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border:1px solid #414748}
.detail-actions button{height:52px;background:transparent;border-right:1px solid #414748;color:#f3f5f5;font-size:10px;font-weight:600;letter-spacing:.08em;transition:color .25s ease,background-color .25s ease}
.detail-actions button:last-child{border-right:0}
.detail-actions button:hover{color:var(--hover-orange);background:#2f3435}
.detail-rating{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.detail-rating>span{grid-row:1/3;color:#e9a64d;font-size:27px;letter-spacing:1px}
.detail-rating strong{font-size:12px}
.detail-rating small{color:#7c8384}
.detail-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0;color:#7f8687;font-size:10px}
.detail-summary dd{margin:0;color:#f4f5f5}
.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.detail-tags span{padding:7px 10px;background:#3a3f40;color:#f2f4f4;font-size:8px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.detail-history{width:60%;min-height:34vh;padding:28px 30px 22px 6%;border-right:1px solid #171a1b}
.detail-history nav{display:flex;gap:22px}
.detail-history nav button{padding:0 0 9px;background:none;color:#f2f4f4;font-size:10px;font-weight:700;letter-spacing:.08em}
.detail-history nav button.active{color:var(--hover-orange);border-bottom:1px solid var(--hover-orange)}
.price-chart-large{position:relative;height:185px;margin-top:18px;border-bottom:1px solid #424748;background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#3a3f40 45px)}
.price-chart-large svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.price-chart-large path{fill:none;stroke:#62b9dc;stroke-width:2;vector-effect:non-scaling-stroke}
.price-chart-large i{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(to bottom,rgba(98,185,220,.13),transparent);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%)}
.chart-legend{margin-top:20px;color:#f0f2f2;font-size:10px}.chart-legend:first-letter{color:#62b9dc}.chart-legend span{float:right}
.modal-open{overflow:hidden}
@media(max-width:1079px){.item-modal{inset:118px 0 0}}
@media(max-width:900px){.item-modal-shell{width:100%}.item-detail-main{display:block}.item-detail-gallery{min-height:540px;padding:25px 20px;border-right:0}.detail-visual{min-height:300px}.detail-image{height:280px}.item-detail-info{padding:28px 20px}.detail-history{width:100%;padding:25px 20px;border-right:0}.item-modal-close{top:10px;right:10px}.detail-price-row>strong{font-size:30px}}
@media(max-width:520px){.detail-links{gap:10px;font-size:7px}.detail-thumbs{display:none}.detail-visual{min-height:230px}.detail-image{width:95%;height:230px}.item-detail-gallery{min-height:430px}.detail-actions button{font-size:8px}.detail-rating>span{font-size:20px}}

/* Interactive item gallery */
.detail-visual{isolation:isolate}
.detail-stage{position:relative;width:calc(100% - 105px);height:360px;display:flex;align-items:center;justify-content:center;perspective:900px;touch-action:none;cursor:default}
.detail-stage.is-360{cursor:grab}
.detail-stage.is-dragging{cursor:grabbing}
.detail-stage .detail-image{width:82%;height:88%;object-fit:contain;will-change:transform;transition:transform .42s cubic-bezier(.2,.75,.25,1),filter .25s ease;filter:drop-shadow(0 22px 24px rgba(0,0,0,.48));backface-visibility:visible;user-select:none}
.detail-stage.is-dragging .detail-image{transition:none}
.detail-stage.is-360 .detail-image{filter:drop-shadow(0 26px 28px rgba(0,0,0,.55))}
.detail-drag-hint{position:absolute;bottom:10px;margin:0;color:#7f8788;font-size:8px;font-weight:600;letter-spacing:.12em;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.detail-stage.is-360 .detail-drag-hint{opacity:1;transform:none}
.detail-thumbs{z-index:3;gap:10px}
.detail-thumbs .detail-view{position:relative;width:60px;height:51px;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease}
.detail-thumbs .detail-view:hover,.detail-thumbs .detail-view.active{border-color:#555d5e;background:#2d3233}
.detail-thumbs .detail-view:disabled{opacity:.3;cursor:not-allowed}
.detail-thumbs .detail-view:disabled:hover{border-color:transparent;background:transparent}
.detail-thumb-image{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.detail-thumb-reverse{transform:scaleX(-1) rotate(-12deg)}
.detail-view-360{height:61px!important;flex-direction:column;gap:1px;color:#fff}
.detail-view-360 i{position:relative;width:23px;height:20px;border:1px solid #dfe2e2;transform:skewY(-25deg)}
.detail-view-360 i:after{content:"↻";position:absolute;left:3px;top:9px;width:24px;height:13px;background:#292d2e;color:#fff;font-style:normal;font-size:14px;line-height:12px;transform:skewY(25deg)}
.detail-view-360 span{font-size:8px;font-weight:700}
.detail-gallery-arrow{position:absolute;z-index:3;top:50%;width:42px;height:64px;transform:translateY(-50%);background:transparent;color:#f4f5f5;font-size:42px;line-height:1;transition:color .25s ease,background-color .25s ease}
.detail-gallery-arrow:hover{color:var(--hover-orange);background:rgba(255,255,255,.025)}
.detail-gallery-prev{left:78px}
.detail-gallery-next{right:0}
.detail-fullscreen{position:absolute;right:10px;bottom:14px;z-index:3;width:37px;height:37px;background:transparent;color:#f4f5f5;font-size:25px;transition:color .25s ease,background-color .25s ease}
.detail-fullscreen:hover{color:var(--hover-orange);background:#303536}
.detail-stage:fullscreen{width:100%;height:100%;background:#292d2e}
.detail-stage:fullscreen .detail-image{width:80%;height:80%}
.detail-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;transition:opacity .25s ease}
.detail-stage.is-360.webgl-ready .detail-webgl{opacity:1;pointer-events:auto}
.detail-stage.is-360.webgl-ready .detail-image{opacity:0}
.detail-3d-loading{position:absolute;left:50%;top:50%;padding:8px 11px;background:#202425;color:#919899;font-size:8px;font-weight:700;letter-spacing:.12em;opacity:0;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s ease}
.detail-stage.is-360.is-loading-3d .detail-3d-loading,.detail-stage.is-360.webgl-error .detail-3d-loading{opacity:1}
.detail-stage.is-360.webgl-ready .detail-3d-loading{left:auto;top:auto;right:12px;bottom:10px;opacity:.58;transform:none;background:rgba(32,36,37,.72)}
.market-toast{pointer-events:none}
.has-price-tooltip{position:relative;cursor:help}
.has-price-tooltip:after{content:attr(data-usd-price);position:absolute;z-index:30;left:50%;bottom:calc(100% + 10px);padding:9px 12px;background:#fff;color:#202425;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,5px);box-shadow:0 8px 20px rgba(0,0,0,.35);transition:opacity .18s ease,transform .18s ease}
.has-price-tooltip:before{content:"";position:absolute;z-index:31;left:50%;bottom:calc(100% + 3px);border:5px solid transparent;border-top-color:#fff;opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .18s ease}
.has-price-tooltip:hover:after,.has-price-tooltip:focus-visible:after,.has-price-tooltip:hover:before,.has-price-tooltip:focus-visible:before{opacity:1}
.has-price-tooltip:hover:after,.has-price-tooltip:focus-visible:after{transform:translate(-50%,0)}
.detail-price-row .has-price-tooltip:after{left:0;transform:translate(0,5px)}
.detail-price-row .has-price-tooltip:hover:after,.detail-price-row .has-price-tooltip:focus-visible:after{transform:translate(0,0)}
.detail-price-row .has-price-tooltip:before{left:22px}
.detail-stage.webgl-error .detail-drag-hint{display:none}

/* Sales history */
.detail-history{width:68%;min-height:430px;padding:30px 34px 30px 6%}
.detail-history nav{gap:25px}
.detail-history nav button{font-size:11px}
.history-panel[hidden]{display:none}
.price-chart-large{position:relative;height:292px;margin-top:22px;padding:0 0 32px 76px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#3a3f40 52px);border-bottom:0}
.price-chart-large svg{position:absolute;left:76px;top:0;width:calc(100% - 76px);height:240px;overflow:visible}
.chart-line{fill:none;stroke:#62b9dc;stroke-width:2;vector-effect:non-scaling-stroke}
.chart-area{fill:url(#chart-fill);stroke:none}
#chart-points circle{fill:transparent;stroke:transparent;stroke-width:14;cursor:pointer;vector-effect:non-scaling-stroke}
#chart-points circle:hover{fill:#e9f5f9;stroke:#62b9dc;stroke-width:4}
.chart-y-axis{position:absolute;left:0;top:-7px;height:222px;display:flex;flex-direction:column;justify-content:space-between;color:#c0c5c6;font-size:10px}
.chart-x-axis{position:absolute;left:76px;right:0;bottom:7px;display:flex;justify-content:space-between;color:#adb3b4;font-size:10px}
.chart-tooltip{position:absolute;z-index:5;width:126px;padding:10px 12px;background:#fff;color:#202425;border-radius:5px;box-shadow:0 7px 20px rgba(0,0,0,.32);transform:translateX(-50%);pointer-events:none}
.chart-tooltip:after{content:"";position:absolute;left:50%;bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #fff;transform:translateX(-50%)}
.chart-tooltip strong,.chart-tooltip span{display:block}.chart-tooltip strong{font-size:14px}.chart-tooltip span{margin-top:2px;font-size:11px}
.chart-legend{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#f0f2f2;font-size:11px}
.chart-legend>span:before{content:"";display:inline-block;width:20px;height:2px;margin-right:10px;vertical-align:middle;background:#62b9dc}
.history-ranges{display:flex;gap:22px}
.history-ranges button{position:relative;z-index:7;padding:4px 0;background:none;color:#f0f2f2;font-size:11px;transition:color .2s ease,border-color .2s ease}
.history-ranges button:hover,.history-ranges button.active{color:var(--hover-orange);border-bottom:1px solid var(--hover-orange)}
.latest-sales{padding-top:20px}
.sales-table-head,.sales-table-row{display:grid;grid-template-columns:1.35fr 1fr .65fr;align-items:center;gap:20px}
.sales-table-head{height:35px;color:#7d8586;font-size:9px;border-bottom:1px solid #454a4b}
.sales-table-head span:last-child,.sales-table-row strong{text-align:right}
.sales-table-row{min-height:46px;border-bottom:1px solid #454a4b;color:#f3f5f5;font-size:11px}
.sales-table-row strong{font-weight:500}
.variants-panel{padding:55px 0;color:#858c8e}
@media(max-width:1079px){.detail-history{width:100%;padding:25px 20px}.price-chart-large{padding-left:64px}.price-chart-large svg,.chart-x-axis{left:64px;width:calc(100% - 64px)}.sales-table-head,.sales-table-row{grid-template-columns:1.2fr 1fr .8fr}}
@media(max-width:520px){.detail-history nav{gap:12px}.detail-history nav button{font-size:9px}.price-chart-large{height:250px;padding-left:50px}.price-chart-large svg{left:50px;width:calc(100% - 50px);height:200px}.chart-y-axis{height:182px;font-size:8px}.chart-x-axis{left:50px;width:calc(100% - 50px);font-size:8px}.sales-table-head,.sales-table-row{grid-template-columns:1fr .8fr}.sales-table-head span:nth-child(2),.sales-table-row span:nth-child(2){display:none}}

/* Desktop item view without internal scrolling */
@media(min-width:901px){
  .item-modal-shell{display:grid;grid-template-columns:minmax(0,62%) minmax(360px,38%);grid-template-rows:56% 44%;overflow:hidden}
  .item-detail-main{display:contents}
  .item-detail-gallery{grid-column:1;grid-row:1;min-height:0;padding:22px 26px 16px 6%;overflow:hidden}
  .detail-visual{min-height:0}
  .detail-stage{height:min(34vh,330px)}
  .detail-links{margin-bottom:10px}
  .item-detail-info{grid-column:2;grid-row:1/3;min-height:0;padding:25px clamp(24px,2.4vw,42px);overflow:hidden}
  .detail-price-row{margin-top:16px}
  .detail-reference{margin:9px 0 18px}
  .detail-cart{height:50px}
  .detail-section{margin-top:18px}
  .detail-section h3{margin-bottom:7px}
  .detail-summary dl{gap:5px}
  .detail-tags{margin-top:14px}
  .detail-history{grid-column:1;grid-row:2;width:100%;min-height:0;padding:20px 30px 16px 6%;overflow:hidden}
  .detail-history nav{gap:20px}
  .price-chart-large{height:calc(100% - 60px);min-height:210px;margin-top:12px}
  .latest-sales{height:calc(100% - 35px);padding-top:10px;overflow:hidden}
  .sales-table-row{min-height:35px}
}
@media(min-width:901px) and (max-height:800px){
  .item-modal-shell{grid-template-rows:54% 46%}
  .detail-stage{height:min(29vh,250px)}
  .detail-image{height:235px}
  .item-detail-info{padding-top:18px;padding-bottom:16px}
  .item-detail-info h2{font-size:19px}
  .detail-price-row>strong{font-size:30px}
  .detail-section{margin-top:12px}
  .detail-section p{line-height:1.4}
  .detail-tags{margin-top:9px}
  .detail-tags span{padding:5px 8px}
  .detail-history{padding-top:14px}
}

/* Game selector and alternate markets */
.game-menu[hidden]{display:none}
.game-menu{position:fixed;inset:0 0 auto;z-index:60;height:180px;background:#1c1f20;border-top:4px solid #f2ece8;box-shadow:0 15px 35px rgba(0,0,0,.4)}
.game-menu-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:16px}
.game-tile{position:relative;width:115px;height:75px;padding:0;background:#292d2e;border:2px solid transparent;color:#fff;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}
.game-tile:hover{transform:translateY(-4px);border-color:var(--hover-orange)}
.game-tile.active{border-color:var(--hover-orange);box-shadow:0 0 0 1px rgba(250,73,10,.35)}
.game-tile>img{display:block;width:100%;height:100%;object-fit:cover}
.game-tile-disabled{cursor:not-allowed;filter:grayscale(.7) brightness(.42)}
.game-tile-disabled:hover{transform:none;border-color:transparent}
.game-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(18,20,21,.28);color:#f1f3f3;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 2px 5px #000}
.game-category-buttons{display:none;align-items:center;justify-content:center;gap:25px;min-width:0;flex:1;overflow:hidden}
.game-category-buttons button{flex:0 0 auto}
.game-category-buttons+[data-finder]{margin-left:auto}
body.game-menu-open .header-top{transform:translateY(180px)}
.header-top{transition:transform .25s cubic-bezier(.2,.75,.25,1)}
body:not([data-game="cs2"]) .category-bar>[data-finder]{display:none}
body:not([data-game="cs2"]) .game-category-buttons{display:flex}
body:not([data-game="cs2"]) #exterior-filters,body:not([data-game="cs2"]) #extra-filters{display:none}
body:not([data-game="cs2"]) #exterior-filters+.exact-wear{display:none}
body:not([data-game="cs2"]) .catalog-filter .filter-section:nth-child(2),body:not([data-game="cs2"]) .catalog-filter .filter-section:nth-child(3),body:not([data-game="cs2"]) .catalog-filter .filter-section:nth-child(4){display:none}
body:not([data-game="cs2"]) .wear{display:none}
body:not([data-game="cs2"]) .detail-view-360{display:none}
@media(max-width:1079px){.game-menu{height:150px}.game-tile{width:92px;height:60px}.game-category-buttons{justify-content:flex-start;overflow-x:auto}body.game-menu-open .header-top{transform:translateY(150px)}}

/* Search suggestions */
.header-search{z-index:55}
.search-suggestions[hidden]{display:none}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 5px);padding:15px 0 7px;background:#303536;border:1px solid #3c4243;box-shadow:0 18px 38px rgba(0,0,0,.48);color:#f3f5f5}
.suggestions-title{padding:0 18px 10px;color:#777f80;font-size:11px}
.suggestion-item{width:100%;height:54px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 18px;background:transparent;color:#eef1f1;text-align:left;transition:background-color .18s ease,color .18s ease}
.suggestion-item:hover,.suggestion-item.active{background:#383e3f;color:#fff}
.suggestion-item img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.4))}
.suggestion-copy{min-width:0;display:flex;align-items:center;gap:11px;transform:none!important}
.suggestion-copy small{flex:0 0 auto;color:#c4c9ca;font-size:10px;line-height:1.35;transform:none!important}
.suggestion-copy small:after{content:"›";margin-left:10px;color:#697173}
.suggestion-copy strong{overflow:hidden;color:inherit;font-size:12px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;transform:none!important}
.suggestion-offers{color:#747c7e;font-size:10px;transform:none!important}
@media(max-width:1079px){.search-suggestions{position:fixed;left:10px;right:10px;top:64px}.suggestion-item{grid-template-columns:42px minmax(0,1fr) auto;padding-left:12px;padding-right:12px}.suggestion-copy{display:block}.suggestion-copy small{display:block;font-size:8px}.suggestion-copy small:after{display:none}}

/* Persistent filter rail and viewport-safe catalog */
body{overflow-x:hidden}
.catalog-page{grid-template-columns:300px minmax(0,1fr);width:100%;max-width:100vw}
.catalog-filter{position:sticky;top:130px;align-self:start;height:calc(100vh - 130px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.catalog-filter::-webkit-scrollbar{display:none}
.catalog-content{width:100%;min-width:0;overflow:hidden}
.catalog-grid{width:100%;min-width:0}
.market-card{max-width:100%;overflow:visible}
@media(max-width:1079px){.catalog-filter{position:static;height:auto;max-height:none;overflow:visible}.catalog-page{grid-template-columns:1fr}}

/* Sell landing */
.sell-landing[hidden]{display:none}
.sell-landing{background:#1b1e1f;color:#f4f5f5;min-height:100vh;font-family:Montserrat,Arial,sans-serif}
.sell-hero{min-height:650px;display:grid;grid-template-columns:58% 42%;align-items:center;max-width:1450px;margin:0 auto;padding:65px 70px 80px}
.sell-hero-copy h1{margin:0;font-size:clamp(48px,5.1vw,78px);line-height:.98;letter-spacing:-.055em}
.sell-hero-copy h1 span{color:var(--hover-orange)}
.sell-hero-copy p{max-width:780px;margin:45px 0 38px;font-size:19px;line-height:1.5;font-weight:600}
.sell-cta{min-width:225px;height:66px;padding:0 34px;border-radius:4px;background:#62b9dc;color:#fff;font-size:11px;font-weight:800;letter-spacing:.09em;transition:background-color .28s ease,transform .28s ease}
.sell-cta:hover{background:var(--hover-orange);transform:translateY(-3px)}
.sell-hero-art{position:relative;height:440px;isolation:isolate}
.coin-stream{position:absolute;left:7%;top:0;width:145px;height:280px;z-index:3}
.sell-hero-art .coin{position:absolute;left:28px;top:-76px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:linear-gradient(135deg,#f6c576,#e6a64d);color:#b77d28;font-size:42px;font-style:normal;font-weight:700;box-shadow:inset -7px -8px 0 rgba(120,76,20,.13),0 12px 25px rgba(0,0,0,.25);opacity:0;will-change:transform,opacity;animation:coin-fall 5.4s linear infinite}
.coin-one{animation-delay:0s!important}.coin-two{left:4px!important;animation-delay:-1.8s!important}.coin-three{left:19px!important;animation-delay:-3.6s!important}
@keyframes coin-fall{0%{opacity:0;transform:translate3d(0,-25px,0) rotate(-7deg)}5%{opacity:1}94%{opacity:1}100%{opacity:0;transform:translate3d(-3px,195px,0) rotate(8deg)}}
.sell-fish{position:absolute;right:-1%;bottom:1%;width:430px;height:330px;z-index:2;filter:drop-shadow(0 22px 24px rgba(0,0,0,.32));animation:fish-float 4.8s ease-in-out infinite}
@keyframes fish-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
.sell-fish-graphic{display:block;width:100%;height:100%;overflow:visible}
.fish-dorsal,.fish-lower-fin,.fish-tail-svg,.fish-side-fin,.fish-heart-svg{fill:#e95725}
.fish-body-svg{fill:#66bad8}.fish-belly{fill:#255f91}.fish-mask-svg{fill:#f7f7f3}.eye-socket,.fish-nostril{fill:#171b1c}.fish-pupil{fill:#65bddc}
@media(prefers-reduced-motion:reduce){.sell-hero-art .coin,.sell-fish{animation:none}.sell-hero-art .coin{opacity:1}.coin-one{transform:translateY(40px)}.coin-two{transform:translateY(115px)}.coin-three{transform:translateY(190px)}}
.sell-how{max-width:1320px;margin:0 auto;padding:40px 70px 80px}
.sell-how>h2,.sell-benefits>h2{margin:0 0 45px;font-size:27px}
.sell-steps{position:relative}
.sell-steps:before{content:"";position:absolute;left:29%;top:300px;bottom:300px;width:2px;background:#62b9dc;box-shadow:360px 250px 0 #62b9dc}
.sell-step{position:relative;display:grid;grid-template-columns:56% 44%;align-items:center;min-height:560px}
.sell-step.reverse .sell-step-preview{grid-column:2}.sell-step.reverse .sell-step-copy{grid-column:1;grid-row:1}
.sell-step-preview{height:350px;border-radius:6px;background:#262a2b;box-shadow:0 18px 40px rgba(0,0,0,.36);overflow:hidden}
.sell-step-copy{padding:60px}
.sell-step-copy h3{margin:0 0 24px;font-size:48px;letter-spacing:-.04em}.sell-step-copy h3 span{color:var(--hover-orange)}
.sell-step-copy p{max-width:520px;font-size:16px;line-height:1.5}
.preview-window{width:55%;margin:34px auto;display:grid;gap:10px;text-align:center;color:#8c9394}.preview-window b{font-size:8px}.preview-window span{font-size:10px}.preview-window i{height:23px;background:#2f3435;border:1px solid #3b4142}.preview-window button{height:30px;background:#343a3b;color:#fff;font-size:8px}
.inventory-preview{padding:35px 10%}.inventory-mini-grid{height:100%;background:repeating-linear-gradient(90deg,#2d3233 0,#2d3233 80px,#1c2021 81px),repeating-linear-gradient(0deg,transparent 0,transparent 80px,#1c2021 81px)}
.payout-preview{padding:40px 14%}.payout-card{height:100%;display:grid;grid-template-columns:1fr auto;gap:15px;padding:28px;background:#2d3233;color:#9ba1a2}.payout-card b{grid-column:1/3;color:#fff;font-size:18px}.payout-card span{font-size:11px}.payout-card strong{color:#fff}.payout-card i{grid-column:1/3;height:36px;background:#343a3b}
.sell-benefits{max-width:1250px;margin:0 auto;padding:100px 70px 80px;text-align:center}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;justify-content:center}.benefit-grid article{min-height:390px;padding:55px 42px;background:#292d2e}.benefit-grid article:nth-child(n+4){transform:translateX(55%)}
.benefit-icon{height:105px;font-size:75px;font-weight:400;line-height:1}.benefit-icon.gold{color:#efb45e}.benefit-icon.pink{color:#da8190}.benefit-icon.purple{color:#9d55db}.benefit-icon.violet{color:#d383d4}.benefit-icon.mint{color:#8ce5d8}
.benefit-grid h3{font-size:18px;line-height:1.25}.benefit-grid p{font-size:14px;line-height:1.55}.sell-benefits>.sell-cta{margin-top:95px}
.sell-trust{padding:55px 20px 120px;text-align:center}.sell-trust h2{font-size:43px}.sell-trust h2 span{color:#45b67b}.trust-stars{display:flex;justify-content:center;gap:3px}.trust-stars i{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#45b67b;color:#fff;font-size:40px;font-style:normal}.sell-trust p{margin-top:40px;font-size:17px}
body.sell-page .catalog-page,body.sell-page .category-bar,body.sell-page .product-finder{display:none}
body.sell-page .sell-landing{display:block}
.auth-page[hidden]{display:none}
.auth-page{position:relative;min-height:100vh;overflow:hidden;background:#1d2021;color:#f4f5f5}
.auth-water{position:absolute;inset:0;overflow:hidden;background:#191b1c}
.auth-water:after{content:"";position:absolute;inset:14% 0 0;background:radial-gradient(ellipse at 50% 38%,rgba(57,100,106,.08),transparent 50%),linear-gradient(to bottom,transparent 0 72%,rgba(32,35,36,.55))}
.auth-surface{display:none}.auth-surface-two{display:none}.auth-wave{position:absolute;left:-8%;top:94px;width:116%;height:42px;z-index:2;pointer-events:none;clip-path:polygon(0 43%,8% 36%,16% 48%,25% 62%,34% 57%,43% 38%,52% 42%,61% 66%,70% 73%,79% 50%,88% 38%,96% 44%,100% 39%,100% 100%,0 100%);will-change:transform}.auth-wave-back{background:#202324;opacity:.72;animation:auth-wave-drift 13s ease-in-out infinite}.auth-wave-front{top:104px;height:35px;background:#1d2021;opacity:.8;clip-path:polygon(0 50%,10% 40%,20% 48%,30% 64%,40% 56%,50% 42%,60% 48%,70% 69%,80% 58%,90% 40%,100% 50%,100% 100%,0 100%);animation:auth-wave-drift-reverse 17s ease-in-out infinite}@keyframes auth-wave-drift{0%,100%{transform:translateX(-1.5%)}50%{transform:translateX(1.5%)}}@keyframes auth-wave-drift-reverse{0%,100%{transform:translateX(1.5%)}50%{transform:translateX(-1.5%)}}
.auth-scene{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.auth-ground{fill:#2c3031}.auth-ground ellipse{fill:#34393a}
.auth-seaweed{fill:#303637;transform-origin:bottom;animation:seaweed-sway 6s ease-in-out infinite}
.auth-seaweed-left{animation-delay:-1.8s}.auth-seaweed-center{fill:#343a3a;animation-duration:7.5s}.auth-seaweed-right{animation-delay:-3.1s;animation-duration:6.8s}
@keyframes seaweed-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
.auth-chest{fill:#292d2e;transform-origin:1320px 900px}.chest-lid{fill:#282c2d;transform-origin:1335px 820px;animation:chest-open 18s ease-in-out infinite}.chest-body{fill:#303536}.chest-front{fill:#242829}.chest-lock,.chest-coins{fill:#373c3d}.chest-shadow{fill:#171a1b;opacity:.55}.auth-bubbles{fill:#303637;animation:bubbles-rise 7s linear infinite;opacity:.75}@keyframes bubbles-rise{0%{transform:translateY(24px);opacity:0}20%,75%{opacity:.75}100%{transform:translateY(-45px);opacity:0}}@keyframes chest-open{0%,40%,65%,100%{transform:translateY(0)}48%,57%{transform:translateY(-24px) rotate(-3deg)}}
.auth-fish{position:absolute;left:15%;top:57%;width:180px;height:125px;z-index:4;animation:fish-journey 18s cubic-bezier(.45,.05,.35,.95) infinite;filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))}.auth-fish-3d{pointer-events:none}.auth-fish-3d canvas{display:block;width:100%;height:100%}
.auth-fish>svg{width:100%;height:100%;overflow:visible;transform-origin:50% 52%;animation:fish-body-swim 2.7s ease-in-out infinite}.auth-fish-tail,.auth-fish-fin,.auth-fish-heart{fill:#e95725}.auth-fish-tail{transform-box:fill-box;transform-origin:92% 50%;animation:fish-tail-wave 1.05s ease-in-out infinite}.auth-fish-fin{transform-box:fill-box;transform-origin:50% 100%;animation:fish-fin-wave 1.9s ease-in-out infinite}.auth-fish-body{fill:#66bad8}.auth-fish-belly{fill:#255f91}.auth-fish-mask{fill:#f7f7f3}.auth-fish-eye,.auth-fish-nose{fill:#171b1c}.auth-fish-eye{transform-box:fill-box;transform-origin:center;animation:fish-blink 5.8s ease-in-out infinite}.auth-fish-eye.eye-right{animation-delay:-.16s}.auth-fish-pupil{fill:#65bddc;transform-box:fill-box;transform-origin:center;animation:fish-pupil-blink 5.8s ease-in-out infinite}.auth-fish-pupil:nth-of-type(2){animation-delay:-.16s}
@keyframes fish-body-swim{0%,100%{transform:rotate(-1deg) translateY(0) scaleX(1)}50%{transform:rotate(2deg) translateY(-3px) scaleX(.98)}}
@keyframes fish-tail-wave{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes fish-fin-wave{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}
@keyframes fish-blink{0%,91%,100%{transform:scaleY(1)}93.5%{transform:scaleY(.12)}95.5%{transform:scaleY(1)}}
@keyframes fish-pupil-blink{0%,91%,100%{transform:scaleY(1)}93.5%{transform:scaleY(.12)}95.5%{transform:scaleY(1)}}
@keyframes fish-journey{0%{transform:translate(-30px,35px) rotate(5deg) scale(.55);opacity:0}8%{opacity:1}20%{transform:translate(100px,-35px) rotate(-4deg) scale(.72)}33%{transform:translate(350px,20px) rotate(3deg) scale(.85)}43%{transform:translate(720px,100px) rotate(9deg) scale(.92)}50%{transform:translate(1030px,120px) rotate(2deg) scale(.72)}58%{transform:translate(880px,210px) rotate(-10deg) scaleX(-1) scale(.7)}69%{transform:translate(500px,265px) rotate(-3deg) scaleX(-1) scale(.68)}80%{transform:translate(180px,205px) rotate(8deg) scaleX(-1) scale(.7)}91%{transform:translate(40px,125px) rotate(2deg) scaleX(-1) scale(.64);opacity:1}100%{transform:translate(-30px,35px) rotate(5deg) scale(.55);opacity:0}}
.auth-brand{position:absolute;top:28px;left:max(24px,calc((100% - 1280px)/2));z-index:10;color:#f4f5f5;font-size:20px;font-weight:800;letter-spacing:.02em}.auth-brand span{color:var(--accent)}.auth-close{position:absolute;top:17px;right:max(24px,calc((100% - 1280px)/2));z-index:10;color:#f4f5f5;font-size:40px;font-weight:300;line-height:1}.auth-close:hover{color:var(--orange)}.auth-tabs{position:absolute;top:18px;left:50%;z-index:10;display:flex;gap:22px;transform:translateX(-50%)}.auth-tab{padding-bottom:6px;color:#f1f3f3;font-size:12px;font-weight:800;letter-spacing:.1em}.auth-tab.active{color:var(--orange);border-bottom:2px solid var(--orange)}
.auth-back{position:absolute;top:22px;left:32px;z-index:10;color:#aeb4b5;font-size:10px;font-weight:800;letter-spacing:.1em}.auth-back:hover{color:var(--orange)}.auth-card{position:relative;z-index:8;width:340px;margin:0 auto;padding-top:104px}.auth-card h1{margin:0 0 34px;text-align:center;font-size:25px;line-height:1.2}.auth-form{display:grid;gap:15px}.auth-form label{display:block}.auth-label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.auth-form input{width:100%;height:50px;padding:0 14px;border:1px solid #575e60;border-radius:4px;outline:0;background:#25282a;color:#fff;font-size:14px}.auth-form input:focus{border-color:var(--orange)}.auth-form input.has-error{border-color:var(--orange)}.auth-field-error{display:block;min-height:15px;margin-top:5px;color:var(--orange);font-size:13px}.auth-forgot{margin-top:-3px;color:#f0f1f1;font-size:10px;font-weight:700;letter-spacing:.1em}.auth-submit,.auth-steam{width:100%;height:65px;margin-top:24px;border-radius:4px;background:#353a3b;color:#7c8485;font-size:12px;font-weight:800;letter-spacing:.16em}.auth-divider{display:flex;align-items:center;gap:15px;margin-top:47px;color:#f0f1f1;font-size:16px;font-weight:700;white-space:nowrap}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#4a5051}.auth-steam{height:50px;margin-top:18px;background:#719944;color:#fff;font-size:25px;letter-spacing:0}.auth-steam svg{width:31px;height:25px;display:block;margin:auto}.auth-notice{margin:12px 0 0;color:var(--orange);font-size:12px;text-align:center}.auth-error-toast{position:fixed;left:8px;bottom:8px;z-index:30;width:330px;padding:18px 20px;background:#fff;color:#5b5f62;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:12px}.auth-error-toast strong{display:block;margin-bottom:14px;color:#f15a2a;font-size:14px;line-height:1.35}.auth-error-toast p{margin:0 0 15px;line-height:1.45}.auth-error-toast button{padding:0;background:none;color:#5ba9d0;font-size:12px;font-weight:800;letter-spacing:.08em}.auth-error-toast.is-shaking{animation:auth-toast-shake .55s ease-in-out}@keyframes auth-toast-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-12px)}40%{transform:translateX(10px)}60%{transform:translateX(-7px)}80%{transform:translateX(5px)}}
.auth-recovery-view{text-align:center}.auth-recovery-view h1{margin-bottom:34px}.auth-recovery-view>p{margin:0 0 32px;color:#999fa1;font-size:14px}.auth-recovery-view .auth-form{gap:0;text-align:left}.auth-recovery-view .auth-submit{margin-top:24px}.auth-back-login{margin-top:45px;padding:0;background:none;color:#f0f1f1;font-size:13px;letter-spacing:.1em}.auth-back-login:hover{color:var(--orange)}
.auth-signup-view{text-align:center}.auth-signup-view h1{margin-bottom:34px}.auth-signup-view .auth-form{gap:15px;text-align:left}.auth-signup-view .auth-submit{margin-top:26px}.auth-offers{display:flex!important;align-items:center;gap:10px;margin:6px 0 0;color:#f1f2f2;font-size:14px}.auth-offers input{width:19px;height:19px;accent-color:#fff}.auth-terms{margin:25px 0 0;color:#e7e9e9;font-size:12px;line-height:1.55}.auth-terms a{color:#58acd2}.auth-signup-view .auth-divider{margin-top:58px}
.steam-auth-loading[hidden]{display:none}.steam-auth-loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;padding-top:86px;background:rgba(29,32,33,.88);text-align:center}.steam-loading-logo{width:82px;height:82px;margin-bottom:28px}.steam-loading-logo svg{display:block;width:100%;height:100%}.steam-auth-loading h2{margin:0 0 18px;font-size:25px}.steam-auth-loading p{margin:0;color:#7f8789;font-size:14px}.steam-auth-loading>i{width:30px;height:30px;margin-top:20px;border:4px solid #4c5557;border-top-color:#63b9dc;border-radius:50%;animation:steam-loading-spin .9s linear infinite}@keyframes steam-loading-spin{to{transform:rotate(360deg)}}
body.auth-page-open .header-top,body.auth-page-open .catalog-page,body.auth-page-open .category-bar,body.auth-page-open .product-finder,body.auth-page-open .sell-landing{display:none}
body.auth-page-open .auth-page{display:block}
@media(max-width:600px){.auth-card{width:min(340px,calc(100% - 40px));padding-top:104px}.auth-brand{top:30px;left:24px;font-size:18px}.auth-close{top:18px;right:24px;font-size:36px}.auth-tabs{top:18px;left:59%;gap:15px}.auth-tab{font-size:11px}.auth-fish{left:2%;top:64%;width:135px;height:auto;animation-name:fish-journey-mobile}.auth-scene{min-width:720px;left:50%;transform:translateX(-50%)}.auth-seaweed-left{transform-origin:bottom left}.auth-chest{transform:translateX(360px) scale(.8);transform-origin:1320px 900px}}
@keyframes fish-journey-mobile{0%{transform:translate(-55px,40px) rotate(4deg) scale(.62);opacity:0}9%{opacity:1}27%{transform:translate(85px,-25px) rotate(-5deg) scale(.72)}48%{transform:translate(220px,75px) rotate(7deg) scale(.75)}64%{transform:translate(145px,155px) rotate(-8deg) scaleX(-1) scale(.68)}82%{transform:translate(20px,125px) rotate(5deg) scaleX(-1) scale(.66);opacity:1}100%{transform:translate(-55px,40px) rotate(4deg) scale(.62);opacity:0}}
@media(prefers-reduced-motion:reduce){.auth-seaweed,.chest-lid,.auth-bubbles,.auth-fish,.auth-fish>svg,.auth-fish-tail,.auth-fish-fin,.auth-fish-eye-group{animation:none}.auth-fish{left:52%;top:72%;transform:scale(.7);opacity:1}}
@media(max-width:900px){.sell-hero{grid-template-columns:1fr;padding:65px 25px}.sell-hero-copy h1{font-size:46px}.sell-hero-copy p{font-size:16px}.sell-hero-art{height:320px}.sell-how,.sell-benefits{padding-left:25px;padding-right:25px}.sell-step,.sell-step.reverse{grid-template-columns:1fr;min-height:0;margin-bottom:80px}.sell-step.reverse .sell-step-preview,.sell-step.reverse .sell-step-copy{grid-column:1;grid-row:auto}.sell-step-copy{padding:35px 5px}.sell-step-copy h3{font-size:37px}.sell-steps:before{display:none}.benefit-grid{grid-template-columns:1fr}.benefit-grid article:nth-child(n+4){transform:none}.sell-benefits>.sell-cta{margin-top:50px}}
@media(max-width:900px){.sell-hero-art{margin-top:58px}.coin-stream{left:0;right:auto;top:0}.sell-fish{right:0;width:100%;height:auto;aspect-ratio:430/330}.sell-fish-graphic{width:100%;height:100%}}
@media(max-width:900px){.detail-stage{width:100%;height:300px}.detail-gallery-prev{left:0}.detail-gallery-next{right:0}.detail-thumbs{left:5px}.detail-stage .detail-image{width:78%;height:90%}}
@media(max-width:520px){.detail-stage{height:245px}.detail-stage .detail-image{width:88%}.detail-gallery-arrow{width:30px;font-size:34px}.detail-fullscreen{right:0;bottom:0}}

@keyframes fish-journey-auth{0%{transform:translate(-170px,185px) rotate(0deg) scale(.46);opacity:0}7%{opacity:1}18%{transform:translate(-25px,185px) rotate(0deg) scale(.5)}35%{transform:translate(230px,185px) rotate(0deg) scale(.5)}52%{transform:translate(500px,185px) rotate(0deg) scale(.49)}69%{transform:translate(760px,185px) rotate(0deg) scale(.45);opacity:1}84%{transform:translate(1010px,185px) rotate(0deg) scale(.32);opacity:.7}94%{transform:translate(1220px,185px) rotate(0deg) scale(.18);opacity:.25}100%{transform:translate(1370px,185px) rotate(0deg) scale(.1);opacity:0}}
@keyframes fish-journey-mobile{0%{transform:translate(-90px,80px) rotate(0deg) scale(.4);opacity:0}8%{opacity:1}30%{transform:translate(40px,80px) rotate(0deg) scale(.43)}55%{transform:translate(145px,80px) rotate(0deg) scale(.42)}76%{transform:translate(255px,80px) rotate(0deg) scale(.3);opacity:.75}100%{transform:translate(420px,80px) rotate(0deg) scale(.12);opacity:0}}
.auth-chest .chest-lid{animation-name:chest-open-auth;animation-duration:20s}.auth-fish{width:300px;height:205px;left:15%;top:54%;animation-name:fish-journey-auth;animation-duration:20s;animation-timing-function:linear}

/* Card text fidelity */
.card-info{padding:11px 20px 14px}
.card-price{font-size:21px;font-weight:600;letter-spacing:-.035em;color:#f4f5f5}
.reference{margin:5px 0 12px;color:#73797a;font-size:10px;font-weight:400}
.weapon{color:var(--category-color);font-size:10px;font-weight:400}
.weapon:before{background:#ef5c59}
.skin-name{font-size:15px;font-weight:700;color:#fff}
.description{color:#8c9293;font-size:10px;font-weight:400}
.wear-value{font-size:10px;color:#fff}

/* Keep card copy readable in narrow columns */
.market-card{height:322px;cursor:pointer}
.card-image{height:137px}
.card-info{height:185px;padding:11px 16px 14px;overflow:visible}
.card-price{min-width:0;font-size:clamp(16px,1.08vw,21px);gap:5px;white-space:nowrap}
.card-price .discount{flex:0 0 auto}
.reference{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weapon{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-name{min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.description{display:-webkit-box;height:auto;min-height:26px;max-height:26px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.wear{min-height:27px}
.card-image{overflow:hidden}
.card-image img{position:absolute;inset:6%;width:88%;height:88%;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.75,.25,1),filter .28s ease}
.card-image .card-image-alt{opacity:0;transform:scale(.96)}
.market-card:hover .card-image>img:not(.card-image-alt),.market-card:focus-within .card-image>img:not(.card-image-alt){opacity:0;transform:scale(.94)}
.market-card:hover .card-image .card-image-alt,.market-card:focus-within .card-image .card-image-alt{opacity:1;transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 10px 10px rgba(0,0,0,.58))}
.market-card.item--knife:hover .card-image .card-image-alt,.market-card.item--knife:focus-within .card-image .card-image-alt{transform:scale(1.12) scaleX(-1) rotate(-14deg)}
@media(max-width:1079px){.market-card{height:322px}.card-info{height:185px}}
@media(max-width:520px){.market-card{height:340px}.card-image{height:155px}.card-info{height:185px}.card-price{font-size:21px}}

/* Final auth motion override: one-way left-to-right swim. */
@keyframes fish-journey-auth-final{0%{transform:translate(-170px,185px) rotate(0deg) scale(.46);opacity:0}7%{opacity:1}18%{transform:translate(-25px,185px) rotate(0deg) scale(.5)}35%{transform:translate(230px,185px) rotate(0deg) scale(.5)}52%{transform:translate(500px,185px) rotate(0deg) scale(.49)}69%{transform:translate(760px,185px) rotate(0deg) scale(.45);opacity:1}84%{transform:translate(1010px,185px) rotate(0deg) scale(.32);opacity:.7}94%{transform:translate(1220px,185px) rotate(0deg) scale(.18);opacity:.25}100%{transform:translate(1370px,185px) rotate(0deg) scale(.1);opacity:0}}
@keyframes fish-journey-mobile-final{0%{transform:translate(-90px,80px) rotate(0deg) scale(.4);opacity:0}8%{opacity:1}30%{transform:translate(40px,80px) rotate(0deg) scale(.43)}55%{transform:translate(145px,80px) rotate(0deg) scale(.42)}76%{transform:translate(255px,80px) rotate(0deg) scale(.3);opacity:.75}100%{transform:translate(420px,80px) rotate(0deg) scale(.12);opacity:0}}
.auth-fish{animation-name:fish-journey-auth-final!important;animation-duration:20s!important;animation-timing-function:linear!important}
@media(max-width:600px){.auth-fish{animation-name:fish-journey-mobile-final!important}}

/* Stable account empty states and Trade URL form. */
.account-empty>.selling-empty-state,.account-empty>.trade-missing-state{width:min(620px,calc(100vw - 40px))!important;height:auto!important;display:block;flex:none;background:transparent;color:inherit;font-size:inherit;margin:0 auto;text-align:center}
.account-empty>.selling-empty-state[hidden],.account-empty>.trade-missing-state[hidden]{display:none!important}
.selling-empty-state>div:first-child,.trade-missing-state>div:first-child{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto;border-radius:50%;background:#fff;color:#222627;font-size:30px}
.selling-empty-state h2,.trade-missing-state h2{margin:24px 0 12px;font-size:20px}.selling-empty-state p,.trade-missing-state p{max-width:560px;margin:0 auto;color:#858c8e;font-size:13px;line-height:1.5}
.trade-modal-card{width:min(650px,calc(100vw - 40px))!important;display:flex;flex-direction:column;align-items:stretch;text-align:center}.trade-modal-card input{display:block;width:100%!important;height:50px;margin:25px 0 0;padding:0 14px;box-sizing:border-box}.trade-modal-card small{min-height:20px}.trade-modal-card>div{display:flex;width:100%;justify-content:center;gap:14px}
.credentials-step{text-align:center}.credentials-step h2{margin:0 0 30px}.credentials-step>p{margin:0 auto 30px;max-width:540px;color:#959c9e;line-height:1.5}.credentials-step form{display:flex;flex-direction:column;align-items:stretch}.credentials-step form input{margin:0 0 15px}.credentials-step form small{display:block;min-height:20px;color:#f15a24;text-align:left}.credentials-step form>div{display:flex;justify-content:center;gap:14px;margin-top:18px}.credentials-step form button{width:164px;height:65px;background:#353a3b;color:#8a9192;font-weight:800;letter-spacing:.1em}.credentials-step form #credentials-cancel{background:transparent;border:2px solid #fff;color:#fff}
@media(max-width:520px){.trade-modal-card>div{flex-direction:column}.trade-modal-card button{width:100%!important}}

/* Final account UI overrides. */
.header-user:hover,.header-user:hover span{color:#fa490a}.profile-menu{font-family:Montserrat,Arial,sans-serif}.profile-menu button{font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:700}.profile-menu button:hover{color:#fa490a}.trade-modal-card>.trade-url-step[hidden],.trade-modal-card>.credentials-step[hidden]{display:none!important}.trade-modal-card>.trade-url-step:not([hidden]),.trade-modal-card>.credentials-step:not([hidden]){display:block!important;width:100%}.trade-modal-card>div{width:100%}

.credentials-step{position:relative}.credential-field{position:relative;display:block}.credential-field input{margin:0 0 4px!important}.credential-field .credential-error{display:block;min-height:16px;margin:0 0 10px;color:#fa490a;text-align:left}.credential-field input:focus{border-color:#fa490a}.credential-check{display:none;position:absolute;right:14px;top:15px;color:#dfe4e4}.credential-field.is-valid .credential-check{display:block}.password-show{position:absolute;right:13px;top:14px;width:auto!important;height:auto!important;padding:0;background:none!important;color:#fff!important;font-size:10px;letter-spacing:.1em}.credentials-step #credentials-create:not(:disabled){background:#62b9dc;color:#fff}.credentials-step #credentials-create:disabled{cursor:not-allowed}.credential-help{position:absolute;left:calc(100% + 16px);top:96px;width:360px;background:#fff;color:#262a2b;text-align:left;box-shadow:0 12px 30px rgba(0,0,0,.25)}.credential-help[hidden]{display:none}.credential-help:before{content:"";position:absolute;left:-9px;top:20px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff}.credential-help h3{margin:0;padding:24px 24px 12px;font-size:14px}.credential-help p,.credential-help strong{display:block;margin:0;padding:0 24px 10px;font-size:12px;line-height:1.45}.credential-help footer{display:grid;gap:10px;padding:20px 24px;background:#eceff0;color:#778083;font-size:11px}.password-help{top:180px}.password-meter{height:9px;margin:0 24px 18px;background:#dfe2e3;border-radius:2px;overflow:hidden}.password-meter i{display:block;height:100%;width:0;background:#da605e;transition:width .2s ease,background .2s ease}.password-meter i.medium{background:#d3b04f}.password-meter i.strong{background:#62b94e}.password-help ul{margin:0;padding:0 24px 15px;list-style:none;font-size:12px}.password-help li{margin:7px 0;color:#9aa1a2}.password-help li:before{content:"○";margin-right:9px}.password-help li.passed{color:#2e3435}.password-help li.passed:before{content:"✓"}.password-help footer{display:block;line-height:1.45}@media(max-width:1050px){.credential-help{position:static;width:100%;margin:15px 0}.credential-help:before{display:none}}

.seller-inventory-workspace[hidden]{display:none}.seller-inventory-workspace{display:grid;grid-template-columns:285px minmax(0,1fr) 300px;width:100%;min-height:calc(100vh - 116px);background:#222627;text-align:left}.seller-filters{padding:24px 30px;background:#292d2e;display:flex;flex-direction:column;gap:14px}.seller-filters strong{color:#fa490a;letter-spacing:.1em}.seller-filters label{display:flex;align-items:center;gap:8px;font-size:13px}.seller-filters label input[type="search"]{width:100%;height:38px;padding:0 10px;background:#303536;border:1px solid #596163}.seller-filters label small{margin-left:auto;color:#81898a}.seller-inventory-content{min-width:0}.seller-notice{padding:14px;background:linear-gradient(90deg,#336fc4,#f15a24);text-align:center;font-weight:700}.seller-onboarding{margin:25px;padding:26px;border:1px solid #464b4c}.seller-inventory-content header{display:flex;justify-content:space-between;padding:24px}.seller-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.seller-item{min-height:280px;padding:20px;background:#292d2e;border:1px solid #1c2021;color:#fff;text-align:left;display:flex;flex-direction:column}.seller-item.selected{border-color:#fa490a}.seller-item img{width:100%;height:120px;object-fit:contain}.seller-item span{margin-top:auto;color:#8c9293;font-size:11px}.seller-loading{grid-column:1/-1;padding:60px 20px;text-align:center}.sale-queue{position:sticky;top:0;padding:25px;background:#292d2e;border-left:1px solid #161a1b;min-height:100vh}.sale-queue footer{position:absolute;bottom:20px;left:20px;right:20px;display:flex;gap:12px}.sale-queue footer button{width:50%;height:50px;background:#34393a;color:#fff}@media(max-width:1100px){.seller-inventory-workspace{grid-template-columns:220px 1fr}.sale-queue{grid-column:1/-1;min-height:180px;position:relative}.seller-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.seller-inventory-workspace{display:block}.seller-filters{display:none}.seller-grid{grid-template-columns:repeat(2,1fr)}}
.seller-grid{grid-template-columns:repeat(7,minmax(0,1fr));background:#1b1e1f}.seller-item{position:relative;min-width:0;height:310px;min-height:0;padding:0;background:#292d2e;border:1px solid #1b1e1f;overflow:hidden;transition:transform .2s ease,background .2s ease}.seller-item:hover,.seller-item.selected{z-index:2;background:#343839;transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.38)}.seller-item-visual{position:relative;height:135px;padding:12px}.seller-item-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}.seller-amount{position:absolute;left:14px;top:10px;z-index:1;font-size:13px}.seller-item-copy{height:175px;display:flex;flex-direction:column;padding:9px 16px 14px}.seller-item-copy small{color:#777f81;font-size:9px}.seller-price{margin:2px 0 8px;color:#fff;font-size:20px;font-weight:700}.seller-type{margin:0 0 2px!important;color:#b557d8!important;font-size:9px!important}.seller-name{font-size:14px;line-height:1.25}.seller-condition{margin:4px 0;color:#8b9294;font-size:9px;line-height:1.3}.seller-wear{margin-top:auto;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;font-size:9px}.seller-wear>i{position:relative;height:7px;background:linear-gradient(90deg,#70bb5c 0 18%,#d8dc6a 18% 48%,#dca557 48% 65%,#dd6262 65%);border-radius:1px}.seller-wear>i b{position:absolute;top:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #fff}.seller-card-action{position:absolute;left:0;right:0;bottom:0;height:42px;display:flex;align-items:center;justify-content:center!important;background:#62b9dc;color:#fff!important;font-size:10px!important;font-weight:800;letter-spacing:.08em;opacity:0;transform:translateY(100%);transition:opacity .18s ease,transform .18s ease}.seller-item:hover .seller-card-action,.seller-item.selected .seller-card-action{opacity:1;transform:translateY(0)}@media(max-width:1650px){.seller-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1350px){.seller-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.seller-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.seller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seller-item{height:290px}}
.seller-filters{padding:0;background:#292d2e}.seller-filters>strong{padding:26px 30px;border-bottom:1px solid #171a1b}.seller-filters section{padding:18px 30px 28px;border-bottom:1px solid #464b4c}.seller-filters h3{display:flex;justify-content:space-between;margin:0 0 22px;font-size:16px}.seller-filters section>input[type="search"]{width:100%;height:40px;padding:0 12px;background:#2b2f30;border:1px solid #565d5f;color:#fff}.seller-price-bars{height:10px;margin-bottom:-7px;background:repeating-linear-gradient(90deg,#62b9dc 0,#62b9dc 8px,#292d2e 9px,#292d2e 10px)}#seller-price-range{width:100%;accent-color:#62b9dc}.seller-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.seller-price-inputs label{display:block;color:#899193;font-size:11px}.seller-price-inputs input{width:100%;height:42px;margin-top:5px;padding:0 10px;background:#2b2f30;border:1px solid #565d5f;color:#fff}#seller-categories{display:grid;gap:12px}#seller-categories label{display:grid;grid-template-columns:18px 1fr auto;align-items:center}#seller-categories input{width:18px;height:18px;accent-color:#fff}

/* Auth fish route: the canvas holds a fixed 3D SELL silhouette; this wrapper travels through the scene. */
@keyframes chest-open-auth{0%,61%,79%,100%{transform:translateY(0) rotate(0)}65%,75%{transform:translateY(62px) rotate(0)}}
@keyframes fish-journey-auth{0%{transform:translate(-170px,175px) rotate(-6deg) scale(.42);opacity:0}7%{opacity:1}17%{transform:translate(-95px,95px) rotate(-16deg) scale(.48)}28%{transform:translate(-15px,45px) rotate(8deg) scale(.53)}39%{transform:translate(70px,120px) rotate(16deg) scale(.56)}49%{transform:translate(160px,205px) rotate(5deg) scale(.56)}59%{transform:translate(390px,205px) rotate(0deg) scale(.55)}69%{transform:translate(630px,205px) rotate(0deg) scale(.52)}79%{transform:translate(820px,205px) rotate(0deg) scale(.42);opacity:1}88%{transform:translate(1030px,205px) rotate(0deg) scale(.27);opacity:.72}96%{transform:translate(1210px,205px) rotate(0deg) scale(.14);opacity:.25}100%{transform:translate(1320px,205px) rotate(0deg) scale(.08);opacity:0}}
.auth-chest .chest-lid{animation-name:chest-open-auth;animation-duration:20s;animation-timing-function:ease-in-out}
.auth-fish{width:300px;height:205px;left:15%;top:54%;animation-name:fish-journey-auth;animation-duration:20s;animation-timing-function:cubic-bezier(.45,.05,.35,.95)}

/* Final seller cards and Steam loading cleanup. */
.steam-loading-logo{display:none!important}.steam-auth-loading{padding-top:190px}.account-empty .seller-inventory-workspace .seller-grid .seller-item{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;height:310px;min-height:310px;margin:0;padding:0;background:#292d2e;border:1px solid #1b1e1f;color:#fff;overflow:hidden;text-align:left;letter-spacing:normal}.account-empty .seller-inventory-workspace .seller-grid .seller-item:hover,.account-empty .seller-inventory-workspace .seller-grid .seller-item.selected{background:#343839}.account-empty .seller-inventory-workspace .seller-item-visual{width:100%;height:135px;padding:12px}.account-empty .seller-inventory-workspace .seller-item-visual img{width:100%;height:100%;object-fit:contain}.account-empty .seller-inventory-workspace .seller-item-copy{width:100%;height:175px}.account-empty .seller-inventory-workspace .seller-card-action{width:auto;min-width:0;height:42px;margin:0;background:#62b9dc}
.seller-item.overstock{cursor:not-allowed;filter:saturate(.45);transform:none!important;box-shadow:none!important}.seller-item.overstock img{opacity:.58}.seller-overstock{position:absolute;left:50%;top:50%;z-index:4;color:#fff;font-size:18px;letter-spacing:.1em;text-shadow:0 4px 8px #000;transform:translate(-50%,-50%) rotate(-18deg)}
.account-empty .sale-queue footer button{width:50%;min-width:0;margin:0}

/* Keep typography consistent with the Market UI. */
html,body,button,input,select,textarea{font-family:Montserrat,Arial,sans-serif!important}body{font-weight:400;letter-spacing:0}.header-top,.catalog-page,.sell-landing,.auth-page,.account-page,.trade-modal{font-family:Montserrat,Arial,sans-serif}

.cart-panel footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px 20px;
  background: var(--bg-darker);
  border-top: 1px solid var(--border);
}

.cart-agree-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: var(--text-secondary);
  cursor: pointer;
  line-height: 1.4;
}

.cart-agree-label input[type="checkbox"] {
  margin-top: 2px;
  accent-color: var(--accent);
  cursor: pointer;
}

.cart-agree-label a {
  color: var(--accent);
  text-decoration: underline;
}

#cart-checkout-btn {
  background: var(--accent);
  color: var(--bg-dark);
  border: none;
  border-radius: 6px;
  padding: 12px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  transition: all 0.3s;
}

#cart-checkout-btn:disabled {
  background: #333;
  color: #777;
  cursor: not-allowed;
  opacity: 0.7;
}

#cart-checkout-btn:not(:disabled):hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Checkout Drawer */
.checkout-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  max-width: 100%;
  height: 100vh;
  background: var(--bg-card);
  border-left: 1px solid var(--border);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 30px rgba(0,0,0,0.7);
  animation: slideInRight 0.3s ease;
}

.checkout-drawer[hidden] {
  display: none !important;
}

@keyframes slideInRight {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.checkout-header {
  padding: 20px;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text-primary);
}

.checkout-header button {
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: 24px;
  cursor: pointer;
}

.checkout-body {
  padding: 20px;
  overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.checkout-step h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 15px;
}

.payment-methods-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.payment-option {
  display: flex;
  align-items: center;
  background: var(--bg-darker);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px 15px;
  cursor: pointer;
  transition: all 0.2s;
}

.payment-option:hover:not(.disabled) {
  border-color: var(--accent);
}

.payment-option input {
  margin-right: 12px;
  accent-color: var(--accent);
}

.payment-option.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #111;
}

.payment-card {
  display: flex;
  align-items: center;
  gap: 12px;
}

.payment-card span {
  font-size: 20px;
  width: 28px;
  text-align: center;
}

.payment-card strong {
  display: block;
  font-size: 14px;
  color: var(--text-primary);
}

.payment-card small {
  display: block;
  font-size: 12px;
  color: var(--text-secondary);
}

.checkout-actions {
  display: flex;
  gap: 10px;
}

.btn-primary {
  background: var(--accent);
  color: var(--bg-dark);
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  transition: all 0.2s;
}

.btn-primary:hover {
  background: var(--accent-hover);
}

.btn-secondary {
  background: var(--border);
  color: var(--text-primary);
  border: none;
  border-radius: 6px;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-secondary:hover {
  background: #444;
}

/* Cart Page View */
.cart-page-view {
  max-width: 1400px;
  margin: 30px auto;
  padding: 0 20px;
}

.cart-page-container h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: var(--text-primary);
}

.cart-page-content {
  display: grid;
  grid-template-columns: 1fr 350px;
  gap: 30px;
}

@media(max-width: 900px) {
  .cart-page-content {
    grid-template-columns: 1fr;
  }
}

.cart-page-items-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cart-page-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 15px 20px;
  gap: 20px;
}

.cart-page-item-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.cart-page-item-info img {
  width: 80px;
  height: 60px;
  object-fit: contain;
  background: rgba(88,196,223,0.05);
  border-radius: 6px;
  padding: 5px;
}

.cart-page-item-info strong {
  display: block;
  font-size: 15px;
  color: var(--text-primary);
  margin-bottom: 4px;
}

.cart-page-item-info span {
  font-size: 13px;
  color: var(--text-secondary);
}

.cart-page-item-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.cart-page-item-right .price {
  font-size: 18px;
  font-weight: 700;
  color: var(--accent);
}

.cart-page-item-remove {
  background: none;
  border: none;
  color: var(--text-secondary);
  font-size: 22px;
  cursor: pointer;
}

.cart-page-item-remove:hover {
  color: var(--danger);
}

.cart-page-summary {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: fit-content;
}

.cart-page-summary h3 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--text-secondary);
}

.summary-row strong {
  color: var(--text-primary);
  font-size: 16px;
}

.cart-page-summary hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 5px 0;
}

.cart-page-items-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cart-page-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 20px;
  gap: 20px;
  transition: border-color 0.2s;
}

.cart-page-item-row:hover {
  border-color: var(--accent);
}

.cart-page-item-info {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-grow: 1;
}

.cart-page-item-info img {
  width: 90px;
  height: 70px;
  object-fit: contain;
  background: linear-gradient(135deg, rgba(88,196,223,0.05) 0%, rgba(88,196,223,0.15) 100%);
  border-radius: 6px;
  padding: 8px;
}

.cart-page-item-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cart-page-item-details strong {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-primary);
}

.cart-page-item-details .item-type {
  font-size: 13px;
  color: var(--text-secondary);
}

.cart-page-item-right {
  display: flex;
  align-items: center;
  gap: 30px;
}

.cart-page-item-right .price {
  font-size: 20px;
  font-weight: 800;
  color: var(--accent);
}

.cart-page-item-remove {
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border);
  color: var(--text-secondary);
  width: 36px;
  height: 36px;
  border-radius: 6px;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.cart-page-item-remove:hover {
  background: var(--danger);
  color: #fff;
  border-color: var(--danger);
}

.cart-page-summary .btn-primary:disabled {
  background: #333 !important;
  color: #777 !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

#cart-page-checkout-btn:disabled,
button#cart-page-checkout-btn[disabled],
.cart-page-summary .btn-primary:disabled {
  background: #2a2d30 !important;
  color: #777 !important;
  border: 1px solid #3a3d40 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}
