:is(.app, #desk, .hp-page, .nf-page, .gf-page) {
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: var(--font);
  --nw-хром: 0 0 0 transparent;
  --nw-зерно: none;
  --steel: #f5f5f5;
  --steel-lit: #f5f5f5;
  --sh-steel-lit: #f5f5f5;
  --sh-acc: #ff6b12;
  --nw-фаска: inset 0 1px 0 rgba(255,255,255,.05);
  --nw-кожа: linear-gradient(155deg,#202023,#151517);
  --nw-лоск: linear-gradient(transparent,transparent);
  --nw-кромка-свет: linear-gradient(#505055,#343438);
  --nw-кромка-тихо: linear-gradient(#3c3c40,#29292d);
  accent-color: #ff6b12;
}
:is(.app, #desk, .hp-page, .nf-page, .gf-page) :focus-visible {
  outline: 2px solid #ff9a5e;
  outline-offset: 3px;
}

html.desk body #desk .v3-logo,
html body.shell .sh-logo { filter: none; }
html.desk body #desk .v3-logo-metal,
html body.shell .sh-logo-metal {
  -webkit-mask: none;
  mask: none;
  background: url(/c/w/aAm6Xr.svg?v=004592d7) left center / contain no-repeat;
  filter: none;
}
html body.shell .sh-logo-metal { background-position: center; }
html.desk body #desk .v3-logo-glint { display: none; }
html.desk body #desk .h-nav > a,
html.desk body #desk .h-gbtn { font: 600 14px/1 var(--font); letter-spacing: 0; text-transform: none; }
html.desk body #desk .d-btn,
html.desk body #desk .d-lamp,
html body.shell .sh-btn,
html body.shell .sh-lamp { letter-spacing: 0; text-transform: none; }
html.desk body #desk .h-nav a[aria-current]::after,
html.desk body #desk .h-gbtn::after { box-shadow: none; background: #ff6b12; }
html.desk body #desk .d-air,
html body.shell .sh-air { background: #090909; }
html.desk body #desk .d-air::after,
html body.shell .sh-air::after,
.app :is(.cs-scene-bg,.cs-lead-scene,.cs-dust) { display: none; }
html.desk body #desk .d-glass,
html body.shell .sh-glass { background: #171719; border-color: #38383d; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); backdrop-filter: none; }
html.desk body #desk .d-count,
html body.shell .sh-count { background: #ff6b12; color: #090909; box-shadow: none; }
html body.shell .sh-top::before { background: #101011; opacity: 1; border-color: #303034; backdrop-filter: none; }
html body.shell .sh-top::after { display: none; }
html body.shell .sh-tabs { background: #121214; box-shadow: none; backdrop-filter: none; }
html body.shell .sh-tab-lamp { background: transparent; }
html body.shell .sh-tab-lamp::before,
html body.shell .sh-tab-lamp::after { box-shadow: none; background: transparent; }
html.desk body #desk .d-lamp,
html body.shell .sh-lamp,
html .app :is(.cs-go-btn,.cs-ask-yes) { background: #ff6b12; color: #090909; text-shadow: none; box-shadow: 0 2px 0 #9c3b00; }
html.desk body #desk .d-lamp::after,
html body.shell .sh-lamp::after { display: none; }

html.desk body #desk .king,
html body.shell .sh-king { background: linear-gradient(145deg,#242325,#151516); border: 1px solid #47454a; box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px -20px #000; }
html.desk body #desk .king::before,
html.desk body #desk .king::after,
html.desk body #desk .king-scene,
html.desk body #desk .king-fog,
html.desk body #desk .t3::before,
html.desk body #desk .t3-shine,
html body.shell .sh-king::before,
html body.shell .sh-king-scene,
html body.shell .sh-tile::before,
html body.shell .sh-wide::before { display: none; }
html.desk body #desk :is(.king-obj img,.t3-obj img),
html body.shell :is(.sh-king-obj img,.sh-tile-obj img) { filter: drop-shadow(0 10px 10px rgba(0,0,0,.28)); }
html.desk body #desk .king-obj i,
html body.shell .sh-king-obj i,
html body.shell .sh-tile-obj:not(.sh-cat-mark) i { display: none; }
html.desk body #desk :is(.king-name,.gh-title,.ct-title,.ol-title),
html body.shell :is(.sh-king-name,.sh-gh-title,.sh-cat-title) { font-weight: 800; letter-spacing: -.035em; line-height: 1.1; text-transform: none; }
html.desk body #desk .king-buy button,
html body.shell .sh-buy button { background: #252527; border-color: #555157; box-shadow: none; backdrop-filter: none; }
html.desk body #desk .d-tg {
  color: #ff9a5e; background: #231b16; border: 1px solid #72503a; box-shadow: none; text-shadow: none;
}
html.desk body #desk .d-tg:hover { color: #090909; background: #ff6b12; border-color: #ff6b12; box-shadow: none; }
@media (max-width:743.98px) {
  html body.shell .sh-buy { grid-template-columns: repeat(auto-fit,minmax(96px,1fr)); }
  html body.shell .sh-buy button { min-width: 0; padding: 7px 8px; }
  html body.shell .sh-buy b { font-size: 13px; line-height: 1.2; }
}

html.desk body #desk .t3.q[data-category] .t3-obj {
  top: 28px; left: 50%; right: auto; width: min(230px, 86%); height: auto; aspect-ratio: 1; translate: -50% 0;
}
html.desk body #desk .t3[data-category="cis_skins"] .t3-obj img,
html body.shell .sh-tile[data-category="cis_skins"] .sh-tile-obj img { border-radius: 10px; filter: none; }
html.desk body #desk .t3[data-category],
html body.shell .sh-tile[data-category] {
  background: var(--nw-кожа); border-color: #3c3c40; box-shadow: var(--nw-фаска);
}
html.desk body #desk .t3[data-category]::after { display: none; }
html.desk body #desk .t3[data-category] .t3-txt b { font-size: 26px; min-height: 0; }
html.desk body #desk :is(.king-buy button,.n2-p,.o-pay-sum,.o-nm),
html body.shell :is(.sh-buy button,.sh-sum) { font-variant-numeric: tabular-nums; }
html.desk body #desk :is(.t3-txt b,.d-sec-h h2,.d-g b),
html body.shell :is(.sh-tile-txt b,.sh-h) { font-family: var(--font); letter-spacing: -.015em; text-transform: none; }
html.desk body #desk .d-foot { background: #0d0d0e; border-color: #303034; }
html.desk body #desk .d-foot-plat { color: #bcbcc0; opacity: 1; }
html.desk body #desk .d-foot-word { width: 154px; height: 34px; }
html body #csx-boot { transition: none !important; }
html body #csx-boot svg { animation: none !important; }
html body #csx-boot.ушёл { display: none !important; }
html.desk body #desk.d-intro :is(.v3-bar-in,.v3-logo,.h-find,.king,.t3),
html body.shell.sh-intro :is(.sh-find,.sh-king,.sh-wall,.sh-vow) { animation: none; }
@media (hover:hover) and (pointer:fine) {
  html.desk body #desk .king-buy button:hover,
  html body.shell .sh-buy button:hover { border-color: #ff6b12; }
}
@media (prefers-reduced-motion:reduce) {
  html.desk body #desk :is(.king-obj,.t3-obj),
  html body.shell :is(.sh-king-obj,.sh-tile-obj) { transition: none; transform: none; }
}


html.desk body #desk .gh-title,
html.desk body #desk .kg-title,
html.desk body #desk .o-pay-sum,
html.desk body #desk .o-st i,
html.desk body #desk .o-nm,
html.desk body #desk .ol-title,
html.desk body #desk .ct-title,
html.desk body #desk .chrome,
html.desk body #desk .lg-code b,
html.desk body #desk .king-name,
html.desk body #desk .holo-tier b,
html.desk body #desk .kw-name,
html body .app .gf-card .gf-from,
html.desk body #desk .gst-nums b,
html.desk body #desk .rf-pct b,
html body.shell .sh-king-name,
html body.shell .sh-gh-title,
html body.shell .sh-holo-tier b,
html body.shell .sh-pts-sum b,
html body.shell .sh-cat-title,
html body.shell .shm .nc-head h2,
html body.shell [data-screen="track"] #csx-prog-title,
html body.shell [data-screen="about"] .cs-stepseq-n,
html body.shell .shk-title,
html body .app .plita-uc {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--cream) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
}
html.desk body #desk :is(h1,h2,h3,b,strong),
html body.shell :is(h1,h2,h3,b,strong),
html body .app #csx-prog-title { text-shadow: none; }


html.desk:root body #desk .v3-wall{grid-template-rows:172px 172px auto;gap:14px}
html.desk:root body #desk .v3-wall.has-keys{grid-template-rows:172px 172px auto auto}
html.desk:root body #desk .v3-quad{gap:14px}
html.desk:root body #desk .king{padding:22px 26px}
html.desk:root body #desk .t3.xl{padding:22px 24px}
html.desk:root body #desk .t3.xl .t3-obj{right:16px;top:16px;width:min(196px,62%)}
html.desk:root body #desk .t3.q .t3-obj{top:6px;right:14px;width:58px;height:58px}
html.desk:root body #desk .v3-six .t3{min-height:136px}
html.desk:root body #desk .t3.s .t3-obj{top:8px;width:72px;height:72px}
:root.desk #desk .v3-six .t3.s.art{justify-content:flex-start;gap:0;min-height:0;padding:0}
:root.desk #desk .t3.art .t3-art{position:relative;display:block;flex:none;width:100%;aspect-ratio:4 / 3;overflow:hidden}
:root.desk #desk .t3.art .t3-art img{display:block;width:100%;height:100%;object-fit:cover}
:root.desk #desk .v3-six .t3.s.art .t3-txt{padding:10px 12px 12px}
:root.desk #desk .t3.art .t3-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root.desk #desk :is(.t3.q.tall.art,.t3.xl.art){justify-content:flex-start;gap:0;padding:0}
:root.desk #desk :is(.t3.q.tall.art,.t3.xl.art) .t3-art{flex:1 1 auto;aspect-ratio:auto;min-height:0}
:root.desk #desk :is(.t3.q.tall.art,.t3.xl.art) .t3-txt{padding:12px 16px 16px}
html.desk:root body #desk .tl{min-height:0;gap:4px;padding:12px 14px 12px}
html.desk:root body #desk .tl-art{height:64px}
html.desk:root body #desk .tl-name{font-size:18px}
html.desk:root body #desk .tl-foot{padding-top:2px}
html.desk:root body #desk .n2{min-height:0;gap:2px;padding:10px 10px 8px}
html.desk:root body #desk .n-img{height:calc(var(--k) * 70px);margin:2px 0 4px}
html.desk:root body #desk .n2.item .n-img{height:70px}
html.desk:root body #desk .n-name{min-height:0}
html.desk:root body #desk .n-foot{height:26px;margin-top:2px}
html.desk:root body #desk .n2 .n-img{order:0}

html.desk:root body #desk .n2 :is(.n-amt,.n-name){order:1;font-size:21px;line-height:1.05}
html.desk:root body #desk .n2 .n-amt small{font-size:12px}
html.desk:root body #desk .n2 .n-price{order:2;margin-top:2px;font-size:15px;line-height:1.1}
html.desk:root body #desk .n2 .n-bonus{order:3}
html.desk:root body #desk .n2 .n-foot{order:4}
:root body.shell .sh-king .sh-king-obj{position:relative;inset:auto;flex:1 0 auto;align-self:stretch;width:auto;height:auto;min-height:96px;margin:0 0 4px;transform:none;display:flex;align-items:center;justify-content:center}
:root body.shell .sh-king .sh-king-obj img{flex:none;width:156px;height:156px;margin:-14px 0 -10px}
@media (max-width:743.98px){:root body.shell .sh-king{min-height:206px}}
@media (max-width:743.98px){:root body.shell .sh-king .sh-king-name{font-size:clamp(24px,8.2vw,36px);overflow-wrap:normal;word-break:normal}}
@media (min-width:744px){:root body.shell .sh-king .sh-king-obj img{width:150px;height:150px}}
:root body.shell .sh-wall > .sh-tile.art{justify-content:flex-start;gap:0;min-height:0;padding:0}
:root body.shell :is(.sh-wall,.sh-pop-ribbon) .sh-tile.art .sh-tile-art{position:relative;display:grid;place-items:center;flex:none;width:100%;aspect-ratio:4 / 3;overflow:hidden}
:root body.shell :is(.sh-wall,.sh-pop-ribbon) .sh-tile.art .sh-tile-art img{display:block;width:100%;height:100%;object-fit:cover}
:root body.shell :is(.sh-wall,.sh-pop-ribbon) .sh-tile.art .sh-tile-txt{padding:9px 10px 11px}
:root body.shell :is(.sh-wall,.sh-pop-ribbon) .sh-tile.art .sh-tile-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root body.shell .sh-wide.art{display:flex;flex-direction:column;justify-content:flex-start;gap:0;min-height:0;padding:0;overflow:hidden}
:root body.shell .sh-wide.art .sh-tile-art{position:relative;display:block;flex:none;width:100%;aspect-ratio:2 / 1;overflow:hidden}
:root body.shell .sh-wide.art .sh-tile-art img{display:block;width:100%;height:100%;object-fit:cover}
:root body.shell .sh-wide.art .sh-wide-txt{padding:11px 14px 13px}
@media (max-width:743.98px){
  :root body.shell .ore{padding:8px 6px 8px}
  :root body.shell .ore .cs-mound{height:40px!important;min-height:0!important;margin:0 0 2px!important}
  :root body.shell .ore .cs-mound img{max-height:40px;object-fit:contain}
  
  :root body.shell .ore .line1{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;margin:0!important;width:100%}
  :root body.shell .ore .line1 > b{display:block;max-width:100%;font-size:15px!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;text-align:center}
  :root body.shell .ore .line1 > span{display:block;font-size:14px!important;font-weight:700!important;line-height:1.1!important;white-space:nowrap;color:var(--lamp,#ff6a1a)!important}
  :root body.shell .ore .выгода{font-size:11px!important;margin-top:1px}
}

html.desk:root body #desk .ct-grid{grid-auto-rows:214px}
:root.desk #desk .ct-t{grid-template-rows:auto auto;align-content:start;padding:0 0 12px}
:root.desk #desk .ct-t > .ct-name{margin:12px 16px 0}
:root.desk #desk .ct-t > :is(.ct-sub,.ct-foot){display:none}
:root.desk #desk .ct-t .ct-pic,:root.desk #desk .ct-t .ct-pic.obj{justify-self:stretch;display:grid;place-items:center;width:auto;height:auto;margin:0;aspect-ratio:4 / 3;overflow:hidden}
:root.desk #desk .ct-t .ct-pic > img{width:44%;height:auto;aspect-ratio:1;object-fit:contain}
:root.desk #desk .ct-t .ct-pic.obj > img{width:54%}
:root.desk #desk .ct-t .ct-pic.art::before,:root.desk #desk .ct-t .ct-pic.art::after{content:none}
:root.desk #desk .ct-t .ct-pic.art > img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none}
:root body.shell .sh-grid-c > .sh-tile.art{justify-content:flex-start;gap:0;min-height:0;padding:0}
:root body.shell .sh-grid-c .sh-tile.art .sh-tile-art{position:relative;display:block;flex:none;width:100%;aspect-ratio:4 / 3;overflow:hidden}
:root body.shell .sh-grid-c .sh-tile.art .sh-tile-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
:root body.shell .sh-grid-c .sh-tile.art .sh-tile-txt{padding:9px 10px 11px}
:root body.shell .sh-grid-c .sh-tile.art .sh-tile-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


:root.desk body #desk .king .king-obj{transform:none;top:6px;right:6px;bottom:auto;width:clamp(160px,calc(100% - 372px),300px);height:auto;aspect-ratio:1}
:root.desk body #desk .king .king-name{font-size:46px}
:root.desk body #desk .king .king-sub{max-width:max(330px,calc(100% - 330px))}


html.desk body #desk .cs-collab-credit {
  margin: 0 auto; padding: 0 0 22px; color: #a5a3a2; font: 500 12px/1.5 var(--font);
}
html body.shell .cs-collab-credit {
  margin: 18px 24px 24px; color: #a5a3a2; font: 500 12px/1.5 var(--font); text-align: center;
}
html body.shell .cs-collab-menu {
  flex: none; margin: 0 2px 2px; padding: 17px 14px 16px; border-bottom: 1px solid #343437;
}
html body.shell .cs-collab-menu img { display: block; width: 248px; max-width: 100%; height: auto; }
html body.shell .cs-collab-menu p { margin: 10px 0 0; color: #a5a3a2; font: 500 12px/1.45 var(--font); }


html.desk:root body #desk .cs-skins-column {
  grid-column: 2; grid-row: 1 / 3; display: grid; grid-template-rows: 112px minmax(0, 1fr); gap: 14px; min-width: 0; min-height: 0;
}
html.desk:root body #desk .cs-skins-column > .t3.xl { grid-column: auto; grid-row: auto; min-height: 0; }
html body.shell .sh-wide.art[data-game="steam"] { height: 176px; }
html body.shell .sh-wide.art[data-game="steam"] .sh-tile-art { flex: 1 1 auto; min-height: 0; aspect-ratio: auto; }
html body.shell .sh-wide.art[data-game="steam"] .sh-wide-txt { flex: none; }
html :is(body.shell, body #desk) .cs-skins-card {
  position: relative; display: flex; align-items: center; width: 100%; min-width: 0; overflow: hidden;
  padding: 16px; border: 1px solid #514136; border-radius: 14px; background: #171514; color: #f6f5f3;
  text-align: left; text-decoration: none; cursor: pointer;
}
html body.shell .cs-skins-card { height: 104px; margin-top: 14px; }
html :is(body.shell, body #desk) .cs-skins-copy { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
html :is(body.shell, body #desk) .cs-skins-copy b { font: 750 19px/1.1 var(--font); }
html :is(body.shell, body #desk) .cs-skins-copy small { color: #c4bbb5; font: 500 12px/1.25 var(--font); }
html :is(body.shell, body #desk) .cs-skins-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
html :is(body.shell, body #desk) .cs-skins-art img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 3%; transform: scale(1.08); }
html :is(body.shell, body #desk) .cs-skins-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,14,13,.93), rgba(15,14,13,.62) 39%, transparent 78%); }
html :is(body.shell, body #desk) :is(.cs-skins-preview, .cs-skins-page) .cs-skins-art { left: auto; width: 60%; }
html :is(body.shell, body #desk) :is(.cs-skins-preview, .cs-skins-page) .cs-skins-art img { object-position: 50% 3%; }
html.desk body #desk .ct-t[data-game="pubg_skins"] .ct-pic.obj > img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: 50% 18%; transform: scale(1.08); filter: none; }
html body.shell .sh-tile[data-game="pubg_skins"] .sh-tile-obj { overflow: hidden; border-radius: 10px; }
html body.shell .sh-tile[data-game="pubg_skins"] .sh-tile-obj img { object-fit: cover; object-position: 50% 18%; transform: scale(1.08); filter: none; }
html :is(body.shell, body #desk) .cs-skins-card:focus-visible { outline: 2px solid #ff9a5e; outline-offset: 3px; }
html body.shell .cs-skins-preview > :not(.sh-gh) { display: none !important; }
html body.shell .cs-skins-preview > .sh-gh,
html.desk body #desk .cs-skins-page {
  position: relative; display: flex; align-items: center; min-height: 220px; margin: 16px 0;
  padding: 26px; overflow: hidden; border: 1px solid #514136; border-radius: 16px; background: #171514;
}
html :is(body.shell, body #desk) :is(.cs-skins-preview-copy, .cs-skins-page > div:first-child) { position: relative; z-index: 1; }
html :is(body.shell, body #desk) :is(.cs-skins-preview-copy, .cs-skins-page) h1 { margin: 0 0 10px; color: #f6f5f3; font: 800 30px/1.1 var(--font); }
html :is(body.shell, body #desk) :is(.cs-skins-preview-copy, .cs-skins-page) p { margin: 8px 0 0; color: #c4bbb5; font: 500 14px/1.4 var(--font); }

@media (max-width: 480px) {
  html body.shell .cs-skins-preview > .sh-gh { align-items: flex-start; padding: 24px 20px 125px; }
  html :is(body.shell, body #desk) .cs-skins-preview .cs-skins-art { top: auto; bottom: 0; left: 0; width: 100%; height: 112px; }
  html :is(body.shell, body #desk) .cs-skins-preview .cs-skins-art::after { background: linear-gradient(180deg, #171514, transparent 45%); }
}


html.desk body #desk .v3-logo.cs-header-logo { width: 289px; height: 44px; }
html.desk body #desk .v3-logo.cs-header-logo img,
html body.shell .sh-mid .cs-header-logo img { display: block; width: 100%; height: auto; }
html body.shell .sh-mid .cs-header-logo { width: 165px; height: auto; }
@media (min-width: 744px) {
  html body.shell .sh-mid .cs-header-logo { width: 206px; }
}
@media (max-width: 1399px) {
  html.desk body #desk .v3-logo.cs-header-logo { width: 251px; height: 38px; }
  html.desk body #desk .v3-bar-in { gap: 16px; }
  html.desk body #desk .v3-bar .h-nav { gap: 14px; }
}


html body.shell .cs-skins-preview > .sh-gh{display:block;min-height:0;padding:0;background:none;border:0;overflow:visible}
html :is(body.shell,body #desk) .cs-skin-collection{width:100%;color:#f8f6f3;text-align:left}
html :is(body.shell,body #desk) .cs-skin-intro{padding:16px 0 28px;max-width:720px}
html :is(body.shell,body #desk) .cs-skin-eyebrow{font:700 11px/1.4 var(--font);letter-spacing:.13em;color:#ff934f}
html :is(body.shell,body #desk) .cs-skin-intro h1{font:800 clamp(28px,3vw,42px)/1.1 var(--font);letter-spacing:-.035em;margin:12px 0}
html :is(body.shell,body #desk) .cs-skin-intro p{font:400 15px/1.6 var(--font);color:#bdb7b2;margin:0}
html :is(body.shell,body #desk) .cs-skin-notice{display:inline-block;margin-top:18px;padding:9px 12px;border:1px solid #514032;border-radius:10px;color:#f5bd97;background:#291e16;font:500 12px/1.5 var(--font)}
html :is(body.shell,body #desk) .cs-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:32px}
html :is(body.shell,body #desk) .cs-skin-item{min-width:0;overflow:hidden;border:1px solid #38332f;border-radius:18px;background:#1c1917}
html :is(body.shell,body #desk) .cs-skin-picture{aspect-ratio:1.2;background:radial-gradient(ellipse at 50% 60%,#3a322a 0%,#201d1a 65%);padding:16px;display:flex;align-items:center;justify-content:center}
html :is(body.shell,body #desk) .cs-skin-picture img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px #0005)}
html :is(body.shell,body #desk) .cs-skin-details{padding:18px;border-top:1px solid #ffffff08}
html :is(body.shell,body #desk) .cs-skin-kind{font:600 10px/1.5 var(--font);letter-spacing:.1em;color:#a89c91}
html :is(body.shell,body #desk) .cs-skin-details h2{font:700 15px/1.45 var(--font);letter-spacing:.005em;color:#f8f6f3;margin:8px 0 20px;min-height:66px;overflow-wrap:anywhere}
html :is(body.shell,body #desk) .cs-skin-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
html :is(body.shell,body #desk) .cs-skin-price{font:750 25px/1.1 var(--font);font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:#fff}
html :is(body.shell,body #desk) .cs-skin-price small{display:block;margin-top:7px;font:400 11px/1.3 var(--font);letter-spacing:0;color:#aaa09a}
html :is(body.shell,body #desk) .cs-skin-wait{font:500 11px/1.4 var(--font);color:#c3bab1;padding:6px 8px;border-radius:7px;background:#ffffff08}
@media(min-width:1500px){html body #desk .cs-skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){
 html :is(body.shell,body #desk) .cs-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html :is(body.shell,body #desk) .cs-skin-intro{padding:8px 0 22px}
 html :is(body.shell,body #desk) .cs-skin-item{border-radius:13px}
 html :is(body.shell,body #desk) .cs-skin-picture{aspect-ratio:.95;padding:9px}
 html :is(body.shell,body #desk) .cs-skin-details{padding:12px}
 html :is(body.shell,body #desk) .cs-skin-details h2{font-size:12px;line-height:1.45;min-height:70px;margin:7px 0 14px}
 html :is(body.shell,body #desk) .cs-skin-price{font-size:23px}
 html :is(body.shell,body #desk) .cs-skin-bottom{align-items:flex-start;flex-direction:column;gap:10px}
}


html.desk body #desk .v3-logo.cs-header-logo{width:225px;height:94px}
html.desk body #desk .v3-logo.cs-header-logo img{height:100%;object-fit:contain}
html body.shell{--sh-top:76px}
html body.shell .sh-mid{height:70px}
html body.shell .sh-mid .cs-header-logo{width:170px;height:70px}
html body.shell .sh-mid .cs-header-logo img{height:100%;object-fit:contain}
html body.shell .cs-collab-menu img{width:240px;height:auto;max-width:100%}
html.desk:root body #desk .v3-wall>.cs-skins-card .cs-skins-art{inset:12px 12px 78px}
html.desk:root body #desk .v3-wall>.cs-skins-card .cs-skins-art img{height:100%;object-fit:contain;object-position:center;transform:none}
html.desk:root body #desk .v3-wall>.cs-skins-card .cs-skins-art::after{background:none}
html:root body.shell [data-screen="sh-home"]>.cs-skins-card{height:250px}
html:root body.shell [data-screen="sh-home"]>.cs-skins-card .cs-skins-art{inset:12px 12px 70px}
html:root body.shell [data-screen="sh-home"]>.cs-skins-card .cs-skins-art img{height:100%;object-fit:contain;object-position:center;transform:none}
html:root body.shell [data-screen="sh-home"]>.cs-skins-card .cs-skins-art::after{background:none}
html.desk body #desk .ct-t[data-game="pubg_skins"] .ct-pic.obj>img,
html body.shell .sh-tile[data-game="pubg_skins"] .sh-tile-obj img{object-fit:contain;object-position:center;transform:none;filter:none}
@media(min-width:744px){html:root body.shell [data-screen="sh-home"]>.cs-skins-card{height:358px}}
html.desk:root body #desk .v3-wall>a.cs-skins-card .cs-skins-art img{height:100%;object-fit:contain;object-position:center;transform:none}
html.desk:root body #desk .v3-wall>a.cs-skins-card .cs-skins-art::after{background:none}
html:root body.shell [data-screen="sh-home"]>button.cs-skins-card .cs-skins-art img{height:100%;object-fit:contain;object-position:center;transform:none}
html:root body.shell [data-screen="sh-home"]>button.cs-skins-card .cs-skins-art::after{background:none}
html.desk body #desk .ct-t[data-game="pubg_skins"] .ct-pic.obj{position:relative}
html.desk body #desk .ct-t[data-game="pubg_skins"] .ct-pic.obj>img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}
html body.shell .sh-tile[data-game="pubg_skins"] .sh-tile-obj{position:relative}
html body.shell .sh-tile[data-game="pubg_skins"] .sh-tile-obj img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}
@media(max-width:743px){
 html:root :is(body.shell,body #desk) [data-screen="sh-home"]>button.cs-skins-card{height:270px}
 html:root :is(body.shell,body #desk) [data-screen="sh-home"]>button.cs-skins-card .cs-skins-art{inset:12px 12px 74px}
 html:root :is(body.shell,body #desk) [data-screen="sh-home"]>button.cs-skins-card .cs-skins-art img{height:100%;object-fit:contain;object-position:center;transform:none}
 html:root :is(body.shell,body #desk) [data-screen="sh-home"]>button.cs-skins-card .cs-skins-art::after{background:none}
}

html.desk body #desk .cs-step-nav{padding-top:12px;padding-bottom:12px}
html.desk body #desk .cs-step-nav[hidden]{display:none}
html.desk body #desk .cs-step-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #3c3733;border-radius:11px;background:#1b1917;color:#f7f5f2;font:600 14px/1.4 var(--font);cursor:pointer}
html.desk body #desk .cs-step-back:hover{background:#29231e;border-color:#7a5337}
html.desk body #desk .cs-step-back:focus-visible{outline:2px solid #ff934f;outline-offset:3px}


html :is(body.shell,body #desk) .cs-skin-item[data-rarity]{--rarity:96,161,255;border-color:rgba(var(--rarity),.38);box-shadow:inset 0 2px rgba(var(--rarity),.7);background:linear-gradient(145deg,rgba(var(--rarity),.09),transparent 65%),#171b24}
html :is(body.shell,body #desk) .cs-skin-item[data-rarity="red"]{--rarity:245,94,111}
html :is(body.shell,body #desk) .cs-skin-item[data-rarity="green"]{--rarity:85,201,145}
html :is(body.shell,body #desk) .cs-skin-item[data-rarity] .cs-skin-picture{background:radial-gradient(ellipse at 50% 58%,rgba(var(--rarity),.24),rgba(var(--rarity),.04) 65%,transparent),#181c25}
html :is(body.shell,body #desk) .cs-skin-item[data-rarity] .cs-skin-kind{color:rgb(var(--rarity))}
@media(max-width:743px){
 html:root :is(body.shell,body #desk) [data-screen="sh-home"]>button.cs-skins-card,
 html:root body.shell [data-screen="sh-home"]>.sh-wide[data-game="steam"]{height:220px;min-height:220px;margin:14px 0 0}
 html:root body.shell [data-screen="sh-home"]>.sh-wide.art[data-game="steam"] .sh-tile-art{height:166px;aspect-ratio:auto;width:100%}
}


:root body.shell :is(.sh-tile,.sh-cat-t,.ore,.sh-n2,.подр,.sh-promo){--nr:24px}
:root body.shell :is(.sh-king,.sh-holo){--nr:34px}
:root body.shell :is(.sh-king,.sh-wide,.sh-tile,.sh-cat-t,.sh-promo,.ore,.sh-n2,.подр,.sh-holo){border-radius:var(--nr,26px)!important}
:root.desk #desk :is(.t3.xl,.t3.q.tall){--nr:34px}
:root.desk #desk :is(.t3.s,.n2,.tl,.ct-t,.gst-t){--nr:24px}
:root.desk #desk :is(.t3,.n2,.tl,.ct-t,.gst-t){border-radius:var(--nr,26px)!important}
:root.desk #desk .n2 .n2-hit{border-radius:inherit}
:root body.shell .ore .mark{border-radius:8px;font-size:13px}
html.desk:root body #desk .n-tags{top:8px;left:8px}
html.desk:root body #desk .n2-plus{top:8px;right:8px}
@media (max-width:743.98px){
  :root body.shell .ore:not(.item){padding:8px 6px 9px}
  :root body.shell [data-screen="catalog"] #csx-shelf:not(:has(.подр-сетка)){grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
}


@media(max-width:743px){
 html body.shell .sh-wall > .sh-tile-all:last-child:nth-child(odd) {grid-column:1/-1;height:124px;min-height:124px}
}
html body.shell [data-screen="sh-home"] > .sh-wall + .sh-promos {margin-top:10px}

html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art){display:block;position:relative;height:220px;min-height:220px;padding:0;overflow:hidden}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-obj{position:absolute;inset:7px 17px auto;width:auto;height:113px;margin:0;transform:none;display:grid;place-items:center}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-obj img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-txt{position:absolute;left:19px;right:56px;bottom:15px;width:auto;display:flex;flex-direction:column;gap:3px}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-txt b{font-size:22px;line-height:1.05}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-txt small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-wide-txt u{display:none}
html:root body.shell [data-screen="sh-home"] > .sh-wide:not(.art) .sh-go{position:absolute;right:15px;bottom:15px;background:var(--lamp,#ff6a1a);color:#fff}

html.desk:root body #desk .v3-quad > .t3.q.tall .t3-obj{position:absolute;top:31px;left:calc(50% - 105px);right:auto;width:210px;height:210px;margin:0;transform:none;translate:none}
html.desk:root body #desk .v3-quad > .t3.q.tall .t3-obj img{width:100%;height:100%;object-fit:contain}
html.desk:root body #desk .v3-quad > .t3.q.tall .t3-txt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

html.desk:root body #desk .lv-coin{background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--c,#ff6a1a) 55%,#fff),var(--c,#ff6a1a) 58%,color-mix(in oklab,var(--c,#ff6a1a) 55%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -8px var(--c,#ff6a1a)}
html.desk:root body #desk :is(.lv2-road,.lvm-road) > li:nth-child(1){--c:#b9773f}
html.desk:root body #desk :is(.lv2-road,.lvm-road) > li:nth-child(2){--c:#c3c8d1}
html.desk:root body #desk :is(.lv2-road,.lvm-road) > li:nth-child(3){--c:#e9b23a}