.game-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:5px;width:fit-content;border:1px solid #252c3b;border-radius:12px;background:#10131c}
.game-tab{display:flex;align-items:center;gap:8px;padding:10px 17px;border-radius:8px;color:#9ca9bf;text-decoration:none;font-size:13px;font-weight:700;line-height:1.2;transition:background .18s,color .18s}
.game-tab:hover{color:#eef3ff;background:#202735}.game-tab-icon{width:24px;height:24px;flex:none;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px #ffffff1a}
body:not([data-game]) .game-tab[data-game="cs2"],body[data-game="rust"] .game-tab[data-game="rust"],body[data-game="dota2"] .game-tab[data-game="dota2"]{color:#fff;background:var(--game-tint,#253752);box-shadow:inset 0 0 0 1px var(--game-accent,#4a7aba)}
body[data-game="rust"]{--game-accent:#ce553a;--game-tint:#542c28;--game-glow:#b7483024}
body[data-game="dota2"]{--game-accent:#d55b57;--game-tint:#4d292f;--game-glow:#b73f4324}
.game-hero{position:relative;isolation:isolate;padding:24px 28px 28px;margin:0 0 22px;border:1px solid #2b303b;border-left:3px solid var(--game-accent);border-radius:12px;background:linear-gradient(115deg,var(--game-glow),#10131c 75%);overflow:hidden}
.game-hero:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:5%;top:-90px;transform:rotate(32deg);border:28px solid var(--game-accent);opacity:.06}
.game-eyebrow{display:block;color:var(--game-accent);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:10px}.game-hero .catalog-title{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:0 0 12px;letter-spacing:-.025em}.game-hero p{font-size:13px;line-height:1.6;color:#a7b3c8;margin:0;max-width:620px}
body[data-game] .quick-rules,body[data-game] [data-range="float"]{display:none}
body[data-game] .bg-art{display:none}
body[data-game] .group[data-dimension="exterior"],body[data-game] .group[data-dimension="phase"],body[data-game] .group[data-dimension="stickerType"],body[data-game] .group[data-dimension="stickerCollection"],body[data-game] .group[data-dimension="stickerCount"],body[data-game] .group[data-dimension="charmCollection"],body[data-game] .group[data-dimension="statTrak"],body[data-game] .group[data-dimension="souvenir"],body[data-game] .group[data-dimension="vanilla"],body[data-game] .group[data-dimension="category"]{display:none}
body[data-game] .item-card:before{background:var(--game-accent)}
body[data-game] .item-card .rarity-bar{background:var(--game-accent)!important}
body[data-game] .item-art{--rarity:var(--game-accent)!important}
@media(max-width:600px){.game-tabs{width:100%;gap:3px;justify-content:space-between}.game-tab{padding:10px 9px;font-size:11px;gap:5px}.game-tab-icon{width:20px;height:20px}.game-hero{padding:20px}.game-hero p{font-size:12px}}

/* Fixed decoration stays in the outer gutters; the trading workspace remains clear. */
body.catalog-page{--atmosphere-rgb:77,130,221;--atmosphere-second:115,79,190;--atmosphere-base:#090c12}
body.catalog-page[data-game="rust"]{--atmosphere-rgb:199,65,28;--atmosphere-second:231,106,34;--atmosphere-base:#0d0b0b}
body.catalog-page[data-game="dota2"]{--atmosphere-rgb:171,28,44;--atmosphere-second:112,25,45;--atmosphere-base:#0d0a0e}
body.catalog-page{background:var(--atmosphere-base)}
body.catalog-page::before{background:
  radial-gradient(ellipse 48% 78% at -12% 20%,rgba(var(--atmosphere-rgb),.13),transparent 76%),
  radial-gradient(ellipse 44% 76% at 112% 65%,rgba(var(--atmosphere-second),.11),transparent 76%),
  radial-gradient(ellipse 65% 45% at 50% -27%,rgba(var(--atmosphere-rgb),.055),transparent 80%)}
body.catalog-page .bg-art{display:block;opacity:1;isolation:isolate;--edge:clamp(112px,calc((100vw - 1360px)/2 + 50px),420px);
  -webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.85) calc(var(--edge)*.38),transparent var(--edge),transparent calc(100% - var(--edge)),rgba(0,0,0,.85) calc(100% - var(--edge)*.38),#000 100%);
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.85) calc(var(--edge)*.38),transparent var(--edge),transparent calc(100% - var(--edge)),rgba(0,0,0,.85) calc(100% - var(--edge)*.38),#000 100%)}
body.catalog-page .bg-art::after{background:linear-gradient(180deg,rgba(9,11,16,.3),transparent 32%,rgba(9,11,16,.32))}
body.catalog-page .bg-art .bg-skin{width:clamp(300px,24vw,480px);max-width:none;height:auto;opacity:.105;filter:saturate(.7) contrast(1.05) blur(.5px);mix-blend-mode:screen;pointer-events:none;user-select:none}
body.catalog-page .bg-art .bg-skin-1{left:-100px;right:auto;top:3%;bottom:auto;transform:rotate(-24deg);opacity:.115}
body.catalog-page .bg-art .bg-skin-2{right:-112px;left:auto;top:26%;bottom:auto;transform:rotate(19deg);opacity:.10}
body.catalog-page .bg-art .bg-skin-3{left:-128px;right:auto;top:44%;bottom:auto;transform:rotate(16deg);opacity:.09}
body.catalog-page .bg-art .bg-skin-4{right:-95px;left:auto;top:auto;bottom:-6%;transform:rotate(-19deg);opacity:.095}
body.catalog-page .bg-art .bg-skin-5{left:-105px;right:auto;top:auto;bottom:-4%;width:clamp(260px,21vw,400px);transform:rotate(-12deg);opacity:.065}
body.catalog-page .bg-art .bg-skin-6{right:-108px;left:auto;top:-5%;bottom:auto;width:clamp(260px,21vw,400px);transform:rotate(15deg);opacity:.075}
@media(max-width:1179px){body.catalog-page .bg-art{display:none}body.catalog-page::before{opacity:.6}}
@media(prefers-reduced-motion:reduce){body.catalog-page .bg-skin{animation:none!important}}
