/*
Theme Name: CSJOKER Ru
Theme URI: https://csjoker.help/
Description: Русская страница CSJOKER — кейсы CS2, апгрейд и JOKER MODE, битвы кейсов. Направление B «Арлекинский ромб».
Version: 1.0.3
Text Domain: csjoker-ru
*/
:root{--bg:#101319;--s1:#1a1f28;--s2:#202631;--s3:#28303e;--line:#2c3443;--tx:#eef0f6;--tx2:#d3d9e6;--mute:#a2aec3;--p:#7d3ed5;--p2:#af75ff;--p3:#4a2a86;--g:#ffba34;--g2:#f4a63a;--ink:#17110a;--r:10px;--wrap:1440px;--pad:40px;--tile:140px;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*,::before,::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--ui);overflow-x:clip}::selection{background:var(--p);color:#fff}:focus-visible{outline:3px solid var(--g);outline-offset:3px}a{color:var(--p2);text-decoration:none}a:hover{color:var(--g)}img,svg{max-width:100%}button{font:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}h1,h2,h3{margin:0;line-height:1.06;font-weight:900;letter-spacing:-.015em}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}[data-lucide],.lucide{width:18px;height:18px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r);font:800 16px/1.15 var(--ui);white-space:nowrap;transition:background .15s,color .15s}.btn--go{background:var(--g);color:var(--ink)}.btn--go:hover{background:#ffd06e;color:var(--ink)}.btn--tg{background:var(--s3);color:var(--tx)}.btn--tg:hover{background:var(--p);color:#fff}.btn--lg{min-height:56px;padding:0 28px;font-size:17px}.hd{position:sticky;top:0;z-index:30;background:rgba(16,19,25,.95);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.2) blur(8px)}.hd__in{display:flex;align-items:center;gap:22px;min-height:70px}.logo-link{flex:none;color:var(--tx)}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--tx)}.logo__m{width:32px;height:32px;flex:none}.logo__w{font:900 22px/1 var(--ui);letter-spacing:.02em;white-space:nowrap}.logo__w b{color:var(--p2);font-weight:900}.nav{display:flex;align-items:center;gap:2px;min-width:0}.nav a{position:relative;padding:10px 10px;color:var(--mute);font:700 15px/1 var(--ui);white-space:nowrap}.nav a:hover{color:var(--tx)}.nav a[aria-current=page]{color:var(--tx)}.nav a[aria-current=page]::after{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:8px;background:var(--g);transform:translateX(-50%) rotate(45deg)}.hd__r{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.hd__ref .btn__s{display:none}.hd__menu{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--r);background:var(--s1);border:1px solid var(--line)}.hd__menu [data-lucide],.hd__menu .lucide{width:22px;height:22px}.mp{position:fixed;inset:0;z-index:40;background:rgba(10,12,16,.97);display:none;overflow-y:auto;padding:20px var(--pad) 32px}.mp.is-on{display:block}.mp__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mp__x{width:48px;height:48px;border-radius:var(--r);background:var(--s1);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center}.mp__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mp__list a{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:var(--r);background:var(--s1);color:var(--tx);font:700 17px/1.2 var(--ui)}.mp__list a[aria-current=page]{background:var(--p);color:#fff}.mp__ref{margin-top:18px;width:100%}.crumbs{display:flex;align-items:center;gap:6px;margin-bottom:18px;font-size:14px;color:var(--mute)}.crumbs a{color:var(--mute)}.crumbs a:hover{color:var(--tx)}.crumbs [data-lucide],.crumbs .lucide{width:14px;height:14px}.hero{background:conic-gradient(from 45deg,var(--s1)0 25%,var(--p)0 50%,var(--s1)0 75%,var(--p3)0)0 0/var(--tile) var(--tile)}.hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:520px;padding-top:44px;padding-bottom:44px}.hero__p{background:var(--bg);padding:42px 44px;max-width:660px;clip-path:polygon(0 0,100%0,calc(100% - 36px) 100%,0 100%);padding-right:72px}.hero h1{font-size:clamp(36px,1.5rem + 2.4vw,60px);max-width:16ch;text-wrap:balance}.hero .lead{margin:16px 0 26px;max-width:54ch;font-size:18px;line-height:1.5;color:var(--tx2)}.hero__art{display:flex;justify-content:center;align-items:center}.art{display:block;max-width:100%;height:auto;max-height:440px;width:auto}.hero--in .hero__in,.hero__in:has(.crumbs){min-height:420px}.blk__t{font-size:24px;margin-bottom:18px}.dia{padding-top:56px}.dia__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dia__i{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 10px 6px;color:var(--tx)}.dia__i:hover{color:var(--tx)}.dia__d{display:grid;place-items:center;width:132px;height:132px;margin:14px 0 22px;background:var(--s1);border:2px solid var(--p);transform:rotate(45deg);transition:transform .2s,background .2s}.dia__d b{transform:rotate(-45deg);font:900 34px/1 var(--ui);color:var(--g)}.dia__i:hover .dia__d{transform:rotate(45deg) scale(1.06);background:var(--s3)}.dia__i--on .dia__d{background:var(--g);border-color:var(--g)}.dia__i--on .dia__d b{color:var(--ink);background:var(--g)}.dia__h{font:900 19px/1.2 var(--ui)}.dia__s{margin-top:4px;font-size:14px;color:var(--mute)}.how{margin-top:64px;padding:32px 34px;background:var(--s1);border-radius:var(--r)}.how__t{font-size:clamp(24px,1.1rem + 1.1vw,36px);margin-bottom:24px}.steps{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.steps li{display:flex;align-items:center;gap:16px;color:var(--tx2);font-size:15px;line-height:1.4}.steps b{flex:none;display:grid;place-items:center;width:46px;height:46px;font:900 18px/1 var(--ui);color:#fff;background:var(--p);clip-path:polygon(50%0,100% 50%,50% 100%,0 50%)}.steps li:first-child b{color:var(--ink);background:var(--g)}.steps--v{grid-template-columns:minmax(0,1fr);gap:14px}.read{padding-top:64px}.read__col{max-width:720px}.prose h2{font-size:clamp(24px,1.1rem + 1vw,32px);margin:46px 0 14px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 14px;color:var(--tx2);font-size:17px;line-height:1.68}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:var(--tx2)}.prose li{margin:6px 0}.prose a{color:var(--p2);text-decoration:underline;text-decoration-color:rgba(175,117,255,.45);text-underline-offset:3px}.prose a:hover{color:var(--g)}.faq{padding-top:56px}.faq__t{font-size:clamp(24px,1.1rem + 1vw,32px);margin-bottom:16px}.faq__list{max-width:880px;display:grid;gap:8px}.qa{background:var(--s1);border-radius:var(--r)}.qa[open]{background:var(--s2)}.qa summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;cursor:pointer;font:700 17px/1.35 var(--ui)}.qa[open] summary{color:var(--p2)}.qa summary::-webkit-details-marker{display:none}.qa summary [data-lucide],.qa summary .lucide{transition:transform .2s;color:var(--mute)}.qa[open] summary [data-lucide],.qa[open] summary .lucide{transform:rotate(45deg)}.qa__a{padding:0 18px 18px;color:var(--tx2);max-width:72ch}.qa__a p{margin:0 0 10px}.qa__a p:last-child{margin:0}.box{border-radius:var(--r);background:var(--s1);padding:26px}.box--p{background:var(--p3)}.box__c{margin:0 0 16px;color:var(--tx2)}.box--p .box__c{color:#fff}.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:48px;align-items:start}.mk{display:inline-block;flex:none;width:12px;height:12px;background:var(--g);transform:rotate(45deg)}.kv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.kv__l{font-weight:700;color:var(--tx2);margin-right:4px}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:var(--r);background:var(--s3);font:900 18px/1 var(--ui);color:var(--g)}.pill--g{background:var(--g);color:var(--ink)}.secs{margin-top:48px}.secs__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;max-width:1100px}.secs__l li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line)}.secs__l b{font-weight:900}.secs__l span{color:var(--mute);font-size:14px}.secs__l em{font-style:normal;font-weight:800;color:var(--g);white-space:nowrap}.fmt{list-style:none;margin:0;padding:0 0 0 18px;display:flex;flex-wrap:wrap;gap:22px 52px}.fmt li{display:flex;flex-direction:column;align-items:center}.fmt .dia__d{width:84px;height:84px;margin:12px 0 16px}.fmt .dia__d b{font-size:28px}.fmt small{color:var(--mute)}.jc{margin-top:48px}.jc__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.jc__l li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px;background:var(--s1);border-radius:var(--r)}.jc__l span{flex:1;font-weight:700;min-width:0;overflow-wrap:anywhere}.jc__l b{color:var(--g);font-weight:900}.jc__l small{color:var(--mute)}.cal{margin-top:18px;max-width:640px}.ls{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ls li{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r);background:var(--s2);color:var(--tx2)}.box--p .ls li{background:rgba(16,19,25,.35);color:var(--tx)}.ls [data-lucide],.ls .lucide{color:var(--g)}.tgb{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ct{margin-top:48px}.ct__card dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px 26px}.ct__card dt{color:var(--mute)}.ct__card dd{margin:0;min-width:0;overflow-wrap:anywhere}.ct__d{margin:16px 0 0;font-size:14px;color:var(--mute);max-width:780px}.ft{margin-top:88px;border-top:1px solid var(--line);background:#0b0d12}.ft::before{content:"";display:block;height:14px;background:conic-gradient(from 45deg,var(--s1)0 25%,var(--p)0 50%,var(--s1)0 75%,var(--p3)0)0 0/28px 28px}.ft__in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:32px;padding-top:36px;padding-bottom:36px;align-items:start}.ft__d{margin:14px 0 0;font-size:14px;color:var(--mute);max-width:520px}.ft__nav{display:flex;flex-wrap:wrap;gap:10px 22px}.ft__nav a{color:var(--tx2);font-size:15px}.ft__nav a:hover{color:var(--g)}.ft__a{display:flex;flex-direction:column;gap:12px;align-items:stretch}.e404{padding-top:70px;min-height:52vh}.e404 b{display:block;font:900 140px/1 var(--ui);color:var(--g)}.e404 h1{font-size:clamp(30px,1.6rem + 1.6vw,46px);margin-top:10px}.e404__p{margin:12px 0 24px;color:var(--tx2);font-size:17px}@media (prefers-reduced-motion:reduce){*,::before,::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media (max-width:1279px){.nav{display:none}.hd__menu{display:inline-flex}}@media (max-width:1100px){.secs__l{grid-template-columns:minmax(0,1fr)}.jc__l{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ft__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ft__a{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}@media (max-width:900px){:root{--pad:24px;--tile:100px}.hero__in{grid-template-columns:minmax(0,1fr);min-height:0;gap:24px;padding-top:28px;padding-bottom:28px}.hero__p{max-width:none;clip-path:none;padding:30px 26px;border-radius:var(--r)}.hero__art:empty{display:none}.dia__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.duo{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.hd__ref .btn__f{display:none}.hd__ref .btn__s{display:inline}.ft__in{grid-template-columns:minmax(0,1fr)}.jc__l{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){:root{--pad:16px;--tile:72px}.hd__in{gap:10px;min-height:62px}.logo__w{font-size:20px}.hero__p{padding:24px 18px}.hero h1{font-size:clamp(30px,1.2rem + 4vw,40px)}.hero .lead{font-size:16px}.hero .btn{width:100%}.dia__d{width:104px;height:104px}.dia__d b{font-size:28px}.steps{grid-template-columns:minmax(0,1fr)}.how{padding:22px 18px}.prose p{font-size:16px}.box{padding:18px}.secs__l li{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.secs__l span{display:none}.jc__l{grid-template-columns:minmax(0,1fr)}.ct__card dl{grid-template-columns:minmax(0,1fr);gap:4px}.ct__card dd{margin-bottom:10px}.btn{white-space:normal;text-align:center}}@media (max-width:400px){.logo__w{font-size:18px}}@media (max-width:340px){.logo__w{display:none}}