:root{--bg:#080b0f;--panel:#0f141a;--steel:#1a222b;--line:#29323c;--red:#ef233c;--hot:#ff334d;--text:#f2f5f7;--muted:#8996a5;--green:#40e685}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#241017,transparent 500px),var(--bg);color:var(--text);font:13px Inter,Arial,sans-serif}button,a,select,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.top{height:82px;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#0b0f14ee;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;width:260px;text-decoration:none}.brand>i{width:48px;height:55px;display:grid;place-items:center;color:var(--hot);font:800 38px Inter;transform:skew(-10deg);text-shadow:0 0 18px #ef233c77}.brand b{display:block;letter-spacing:.2em;font-size:18px}.brand small{display:block;color:var(--muted);font-size:7px;letter-spacing:.13em;margin-top:4px}.top>nav{height:100%;display:flex}.top>nav a{position:relative;display:grid;place-items:center;padding:0 22px;text-decoration:none;font-weight:700;color:#aeb6c0}.top>nav a:hover,.top>nav a.active{color:#fff}.top>nav a.active:after{content:"";position:absolute;bottom:0;left:15px;right:15px;height:2px;background:var(--red);box-shadow:0 0 10px var(--hot)}.wallet{margin-left:auto;height:55px;min-width:190px;display:grid;grid-template-columns:1fr 38px;align-content:center;padding:8px 10px 8px 18px;border:1px solid var(--line);background:var(--panel)}.wallet span,.wallet b{display:block}.wallet span{font-size:9px;color:var(--muted)}.wallet b{font-size:19px}.wallet button{grid-column:2;grid-row:1/3;border:1px solid #96303d;background:#2e151a;color:var(--hot);font-size:22px}.profile{height:55px;margin-left:10px;min-width:190px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--panel)}.profile>i{width:32px;height:38px;display:grid;place-items:center;background:#2c161c;color:var(--hot);font-style:normal}.profile b,.profile small{display:block}.profile small{font-size:8px;color:var(--green);margin-top:4px}main{display:grid;grid-template-columns:250px minmax(650px,1fr) 260px;gap:16px;padding:18px 28px 50px;max-width:1800px;margin:auto}.filters,.rail section,.hero,.catalog-head,.item{border:1px solid var(--line);background:linear-gradient(145deg,#11171e,#0c1015);border-radius:6px}.filters{height:max-content;overflow:hidden}.filters header,.rail section>header{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.filters header button{padding:7px 9px;border:1px solid var(--line);background:#11171e;color:var(--muted);font-size:9px}.filters section{padding:14px 16px;border-bottom:1px solid var(--line)}.filters h3{font-size:9px;color:var(--muted);letter-spacing:.12em;margin:0 0 12px}.filter{width:100%;height:35px;text-align:left;border:0;background:transparent;color:#aeb6c0;font-size:10px}.filter:hover,.filter.active{color:#fff;background:linear-gradient(90deg,#6f1724,#251419);border-left:2px solid var(--red)}.filters label{display:flex;align-items:center;gap:7px;margin:9px 0;color:#aeb6c0;font-size:10px}.filters label i{width:8px;height:8px;border-radius:50%}.common{background:#a4abb3}.uncommon{background:#40e685}.rare{background:#4c9eff}.epic{background:#b35cff}.legendary{background:#f2b633}.exotic{background:#ff334d}.filters input[type=range]{width:100%;accent-color:var(--red)}.range{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.store{min-width:0}.hero{height:315px;position:relative;overflow:hidden;padding:32px;background:radial-gradient(circle at 76% 52%,#4a1720 0,#161820 27%,#0a0e13 63%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#ef233c12 70%,transparent);animation:sweep 5s ease-in-out infinite}.hero>div:first-child{position:relative;z-index:2;max-width:410px}.hero span{display:inline-block;padding:5px 9px;border:1px solid #8e2936;color:var(--hot);font-size:9px;letter-spacing:.12em}.hero h1{font-size:31px;line-height:1.05;margin:16px 0 10px}.hero>div>b{color:var(--hot)}.hero p{color:#a9b2bd;line-height:1.6}.hero>div>div{display:flex;gap:14px;align-items:center;margin-top:25px}.hero strong{font-size:22px}.hero button,.item footer button,.inventory button{border:1px solid #a82a39;background:linear-gradient(110deg,#8b1727,var(--red));color:#fff;font-weight:700;box-shadow:0 8px 20px #0008}.hero button{height:45px;padding:0 52px}.weapon{position:absolute!important;right:7%;top:67px;font-size:72px;font-weight:800;font-style:italic;color:#161b22;text-shadow:-1px -1px #5d6874,0 0 26px #ef233c99;transform:skew(-8deg) rotate(-6deg);z-index:1}.weapon small{display:block;color:var(--hot);font-size:18px;text-align:center;letter-spacing:.4em}.hero nav{position:absolute;bottom:14px;left:50%;display:flex;gap:8px;z-index:3}.hero nav i{width:9px;height:9px;border-radius:50%;background:#707984}.hero nav i:first-child{background:var(--red)}.catalog-head{height:52px;margin-top:14px;display:flex;align-items:center;padding:0 12px}.catalog-head nav{display:flex;height:100%}.catalog-head button{border:0;background:transparent;color:#9099a5;font-size:9px;font-weight:700;padding:0 14px}.catalog-head button.active{color:#fff;border-bottom:2px solid var(--red)}.catalog-head select{margin-left:auto;padding:9px 32px 9px 12px;border:1px solid var(--line);background:#11171e;color:#aab3bd}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.item{position:relative;min-width:0;overflow:hidden;transition:.22s}.item:hover{transform:translateY(-3px);border-color:#6a3640;box-shadow:0 12px 25px #0008}.rarity{position:absolute;top:10px;left:10px;padding:4px 6px;border:1px solid currentColor;font-size:8px;text-transform:uppercase}.rarity.epic{color:#be76f5}.rarity.exotic{color:#ff4b60}.rarity.legendary{color:#f2b633}.rarity.rare{color:#58a1ff}.rarity.uncommon{color:#40e685}.fav{position:absolute;right:10px;top:7px;border:0;background:none;font-size:23px}.fav.on{color:#f2b633}.item-art{height:180px;display:grid;place-items:center;background:radial-gradient(circle,#2a3038,#0c1015 67%)}.item-art b{font-size:41px;font-style:italic;color:#202832;text-shadow:-1px -1px #8793a0,0 0 17px #ef233c66;transform:skew(-8deg)}.item-art.agent b{font-size:22px}.item-art.effect b,.item-art.sound b,.item-art.badge b{font-size:62px;color:var(--hot)}.item h2{font-size:11px;height:42px;margin:0;padding:12px}.item footer{height:38px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.item footer>b{display:flex;align-items:center;padding-left:12px}.item footer button{border-width:0 0 0 1px;font-size:9px}.item footer button:hover,.hero button:hover{background:linear-gradient(110deg,#b91b31,var(--hot))}.rail{display:flex;flex-direction:column;gap:14px}.rail section{overflow:hidden}.drops article{height:83px;display:grid;grid-template-columns:62px 1fr;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.drops i{height:56px;display:grid;place-items:center;background:#171d24;border:1px solid var(--line);font-style:normal}.drops b,.drops small{display:block}.drops b{font-size:9px}.drops small{font-size:8px;margin-top:5px;color:var(--muted)}.inventory{padding-bottom:14px}.inventory p{padding:0 15px;color:var(--muted);font-size:10px}.inventory>div{height:90px;display:grid;place-items:center;color:var(--hot);font-size:60px;font-weight:800;text-shadow:0 0 18px #ef233c88}.inventory>button{display:block;margin:auto;padding:10px 18px}.secure{padding:15px}.secure b{color:var(--green)}.secure p{color:var(--muted);font-size:9px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:14px 22px;border:1px solid #9b2c39;background:#171116;color:white;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{grid-column:1/-1;padding:40px;text-align:center;color:var(--muted)}@keyframes sweep{0%,100%{transform:translateX(-25%)}50%{transform:translateX(25%)}}@media(max-width:1250px){.top>nav a{padding:0 10px}.profile{display:none}main{grid-template-columns:220px 1fr}.rail{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.top{padding:0 12px}.brand{width:auto}.brand span,.top>nav,.wallet span{display:none}.wallet{margin-left:auto;min-width:110px}.top{height:64px}main{display:block;padding:12px}.filters{margin-bottom:12px}.filters section:not(:first-of-type){display:none}.rail{display:block}.rail section{margin-top:12px}.grid{grid-template-columns:repeat(2,1fr)}.hero{height:350px}.weapon{font-size:48px;opacity:.6}.catalog-head nav button:nth-child(n+3){display:none}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero{padding:22px}.hero h1{font-size:25px}.hero button{padding:0 20px}.item-art{height:150px}}
@media(min-width:1251px) and (max-width:1599px){header.top{padding:0 18px}header.top>nav a{padding:0 8px;letter-spacing:0}header.top>.wallet.wallet-card{min-width:200px!important}}