/* Arena visual layer. Giveaway feed and saved options remain plugin-owned. */
.hero.hero-promo{grid-template-columns:minmax(0,1.35fr) minmax(230px,.75fr);column-gap:35px}
.hero .promo-heading{margin-bottom:22px;max-width:none}
.hero .promo-heading span{display:block;font:800 clamp(18px,2.2vw,28px)/1.2 system-ui;letter-spacing:1px;margin-bottom:9px}
.hero .promo-heading em{display:block;font:900 clamp(62px,8.5vw,122px)/1.02 system-ui;letter-spacing:-4px;overflow-wrap:anywhere;color:var(--accent);text-shadow:0 5px 30px #0008}
.hero .promo-actions{gap:12px;margin-bottom:12px}
.hero .promo-primary{padding:19px 23px;font-size:14px;min-height:58px}
.copy-feedback{font:12px/1.6 system-ui;color:#dfcfae;margin:0 0 18px}
.giveaway-jump{display:inline-block;color:#f5d49a;font:700 13px/1.5 system-ui;text-underline-offset:5px;margin-bottom:16px}
.pass-description{font:13px/1.6 system-ui;color:#d0c7b7;margin:0 0 20px}
@media(max-width:780px){.hero.hero-promo{grid-template-columns:1fr}.hero .promo-heading em{font-size:clamp(49px,13.5vw,96px);letter-spacing:-2px}.hero .promo-heading span{font-size:18px}.hero .promo-actions{flex-direction:column}.hero .promo-actions .button{width:100%;padding:17px 12px;font-size:12px}.hero .promo-pass{display:none}}
:root{--bg:#101113;--card:#1a1b1e;--line:#383633;--text:#faf6eb;--muted:#bbb8af;--accent:#f4bc58}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 100% 25%,#86602816,transparent 55%)}
.wrap{max-width:1380px}
.brand{font-weight:900;letter-spacing:-1px}.topbar{background:#111214;border-bottom:2px solid #c5903f}.topbar .wrap{min-height:78px}nav a{color:#e7e1d7}.badge{border-color:#6d5734;color:#f4c16d}
h1,h2,h3{font-family:Impact,'Arial Narrow',system-ui,sans-serif;font-weight:700;letter-spacing:.005em}h1,h2{text-transform:uppercase}h1{font-size:clamp(48px,6vw,86px);line-height:.97}h2{font-size:clamp(32px,3.5vw,48px)}
.hero{position:relative;isolation:isolate;min-height:610px;margin:24px 0 0;padding:54px 48px 25px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);column-gap:65px;row-gap:18px;align-items:end;border:1px solid #695337;border-top:3px solid var(--accent);background:#302b23 url('assets/cs2-market.png') center center/cover no-repeat;border-radius:3px;box-shadow:0 22px 60px #0005}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,10,12,.94) 0%,rgba(9,10,12,.82) 36%,rgba(9,10,12,.06) 73%),linear-gradient(0deg,#101113 0%,transparent 65%)}
.hero>div:first-child{align-self:center}.hero .eyebrow{display:inline-block;padding:6px 10px;background:#211b12;border-left:3px solid var(--accent);margin-bottom:22px}.hero h1{max-width:580px;text-shadow:0 3px 20px #0007}.hero .lede{font-size:16px;color:#ddd8ce;max-width:430px}.hero .fine{max-width:430px;color:#d1cbc1;font-size:11px}.hero .actions{gap:10px;margin:24px 0 15px}
.button{border-radius:3px;background:linear-gradient(135deg,#ffd27d,#dfa03b);border-color:#e1a848;color:#18120a;text-transform:uppercase;letter-spacing:.8px;font-size:12px;box-shadow:0 3px 0 #81581d;padding:14px 19px}.button:hover{filter:brightness(1.1)}.button.secondary{background:#17191bd9;color:#fff1d9;border-color:#6d665a;box-shadow:none}
.code-panel{padding:22px 25px;margin:0 0 6px auto;width:100%;max-width:355px;background:#101214ed;border:1px solid #9a7844;border-top:3px solid var(--accent);border-radius:3px;box-shadow:0 15px 45px #0007}.code-panel .mark{display:none}.code-panel small{font:700 10px/1.5 system-ui;letter-spacing:2px;color:var(--accent)}.code{font:900 clamp(28px,4vw,48px)/1.15 system-ui;letter-spacing:4px;margin:10px 0 18px}.panel-bottom{border-color:#53432d;font-size:11px;padding-top:12px;margin-top:17px}.scene-caption{grid-column:1/-1;text-align:right;font:10px/1.4 system-ui;letter-spacing:.7px;color:#b3ada1;margin:0}
.strip{background:#191a1d;border:1px solid #383633;padding:17px 25px;font-size:10px;letter-spacing:1.5px;border-top:0;gap:14px}.strip span:before{content:'+';color:var(--accent);margin-right:9px}
section.section{padding:49px 0}.section-head{align-items:center;margin-bottom:23px}.section-head .eyebrow{margin-bottom:10px}.section-head p{font-size:13px}.eyebrow{color:var(--accent)}
body .cpd-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}body .cpd-card{position:relative;overflow:hidden;padding:20px;background:linear-gradient(155deg,#262521,#181a1e 65%);border:1px solid #48423a;border-top:3px solid #d7a752;border-radius:4px;color:#faf6eb;box-shadow:0 10px 25px #0003;transition:transform .18s,border-color .18s}body .cpd-card:hover{transform:translateY(-3px);border-color:#e5b467}body .cpd-tag{color:#e6c58c;font-size:10px;letter-spacing:1.2px}body .cpd-image{height:190px;margin:8px 0;background:radial-gradient(ellipse,#b888302b,transparent 70%);filter:drop-shadow(0 12px 8px #0006);object-fit:contain}body .cpd-card h3{font:750 17px/1.3 system-ui;letter-spacing:-.3px;min-height:44px}body .cpd-value{color:#ffcc77;font-size:25px;margin-bottom:15px}body .cpd-value span{color:#b6b4ad;font-size:11px}body .cpd-card dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 6px;font-size:11px;padding:12px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}body .cpd-card dd{margin:0;text-align:right;color:#eee9df}body .cpd-card dt{color:#b6b4ad}body .cpd-link{background:linear-gradient(120deg,#f7c66f,#dba042);color:#1b140a!important;border-radius:3px;text-transform:uppercase;font-size:11px;letter-spacing:.7px;padding:13px 8px}body .cpd-terms{font-size:10px;line-height:1.6;color:#bbb8b0}body .cpd-note{font-size:11px;color:#bdb8ae}body .cpd-placeholder{color:var(--accent);background:radial-gradient(ellipse,#54432a,transparent 65%)}
.step{background:#191b1e;border:1px solid #383633;padding:25px}.step-number{color:var(--accent);margin-bottom:18px}.step h3{font-size:24px;text-transform:uppercase}.steps{gap:16px}.step p{font-size:13px;margin:0}.split{gap:55px}summary{font-size:15px}.media-grid{gap:16px}.media-grid img{max-height:350px;object-fit:contain;background:#15171a;border:1px solid #514531;border-radius:3px}.video{width:280px;max-height:330px;border-radius:3px}.footer{background:#0c0e10;border-top:1px solid #443720}.footer .brand{color:#e9ddca}#responsible h2{font-size:28px}#responsible p{font-size:13px;max-width:900px}
@media(min-width:1550px){.hero{min-height:650px}}
@media(max-width:1050px){body .cpd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:35px 28px 20px;column-gap:25px}.code-panel{padding:20px}.hero .button{padding:12px 13px;font-size:11px}}
@media(max-width:780px){.topbar .wrap{min-height:70px}.brand{font-size:17px}nav{gap:12px;font-size:11px}.wrap{padding:0 16px}.hero{grid-template-columns:1fr;min-height:0;padding:38px 22px 17px;margin-top:16px;background-position:65% top;background-size:auto 520px;background-color:#101113;row-gap:22px}.hero:before{background:linear-gradient(90deg,#0b0d10e6,#0b0d1099),linear-gradient(0deg,#101113 15%,transparent 90%)}.hero h1{font-size:clamp(44px,10vw,72px)}.hero .lede{font-size:14px}.code-panel{max-width:none;margin:0}.code{font-size:36px}.scene-caption{text-align:left}.strip{flex-direction:row;flex-wrap:wrap;padding:14px;font-size:9px;gap:8px 16px}.section-head{align-items:flex-start}.section-head p{max-width:none}body .cpd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .cpd-card{padding:13px}body .cpd-image{height:150px}body .cpd-card h3{font-size:15px}body .cpd-card dl{display:block}body .cpd-card dd{text-align:left;margin:0 0 7px}body .cpd-value{font-size:22px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.media-grid img{width:100%;max-height:none}.steps{gap:12px}}
@media(max-width:380px){body .cpd-grid{grid-template-columns:1fr}.topbar nav{font-size:10px}.brand{font-size:15px}}
@media(prefers-reduced-motion:reduce){body .cpd-card{transition:none}body .cpd-card:hover{transform:none}}
.guide-section{scroll-margin-top:25px}.guide-intro{max-width:880px;margin-bottom:34px}.guide-lede{font-size:17px;line-height:1.85;color:#d5d0c7}.guide-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:42px;align-items:start}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.guide-steps li{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:22px;background:#191b1e;border:1px solid #383633;border-left:3px solid #d7a752}.guide-steps li>span{font:900 19px/1 system-ui;color:var(--accent);padding-top:4px}.guide-steps h3{font:800 20px/1.3 system-ui;text-transform:none;letter-spacing:-.3px;margin-bottom:8px}.guide-steps p{font-size:14px;line-height:1.8;margin:0;color:#c7c3ba}.fact-panel{position:sticky;top:20px;padding:27px;background:linear-gradient(155deg,#26231e,#15171a);border:1px solid #705735;border-top:3px solid var(--accent)}.fact-panel h3{font:800 25px/1.2 system-ui;text-transform:uppercase;margin-bottom:22px}.fact-panel dl{display:grid;grid-template-columns:1fr;gap:4px;margin:0 0 22px}.fact-panel dt{font:700 10px/1.4 system-ui;letter-spacing:1px;color:#a9a49b;text-transform:uppercase;border-top:1px solid #ffffff12;padding-top:10px}.fact-panel dd{margin:0 0 9px;color:#f4e5c9;font:600 13px/1.55 system-ui}.fact-panel .button{width:100%}.source-note{margin-top:26px;padding:18px 20px;border:1px solid #403b33;background:#151719;color:#bdb8af;font-size:12px;line-height:1.8}.source-note a{color:#f0bd62;text-underline-offset:3px}.checklist{list-style:none;padding:0;margin:0 0 24px}.checklist li{padding:10px 0 10px 23px;border-bottom:1px solid #ffffff12;color:#d7d2c9;font-size:13px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:900}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison article{padding:30px;border:1px solid #48423a;border-top:3px solid var(--accent);background:linear-gradient(145deg,#25231f,#17191c)}.comparison-label{font:800 10px/1.4 system-ui;letter-spacing:1.5px;color:var(--accent)}.comparison h3{font-size:32px;text-transform:uppercase}.comparison article p:last-child{font-size:14px;line-height:1.8;margin-bottom:0}.tutorial-media{display:grid;gap:18px;margin-top:34px}.promo-tutorial{grid-template-columns:minmax(220px,.72fr) 1fr 1fr;align-items:start}.giveaway-tutorial{grid-template-columns:1fr 1fr}.guide-shot{margin:0;background:#151719;border:1px solid #454039;border-top:3px solid var(--accent);overflow:hidden}.guide-shot img{display:block;width:100%;height:auto;background:#090b0e}.guide-shot figcaption{padding:15px 17px;color:#bdb8af;font-size:12px;line-height:1.65}.guide-shot figcaption strong{display:block;color:#f4e5c9;font-size:13px;margin-bottom:2px}.capture-note{margin:12px 0 0;color:#8f8a82;font-size:11px;line-height:1.6}
@media(max-width:780px){.guide-lede{font-size:15px}.guide-grid{grid-template-columns:1fr;gap:18px}.guide-steps li{grid-template-columns:40px 1fr;padding:18px 15px;gap:10px}.guide-steps h3{font-size:17px}.guide-steps p{font-size:13px}.fact-panel{position:static}.comparison{grid-template-columns:1fr}.comparison article{padding:22px}.promo-tutorial,.giveaway-tutorial{grid-template-columns:1fr}.guide-shot-tall{max-width:420px;margin-inline:auto}}
.hero .promo-heading em{font-size:clamp(43px,6.8vw,88px);letter-spacing:-3px}.article-shell{padding-top:28px}.breadcrumbs{display:flex;gap:9px;align-items:center;color:#918d85;font-size:12px;margin:12px 0 38px}.breadcrumbs a{color:#d4aa62;text-underline-offset:3px}.article-header{max-width:980px;padding:34px 0 46px;border-bottom:1px solid #403a32}.article-header h1{font:900 clamp(40px,6vw,76px)/1.02 system-ui;text-transform:none;letter-spacing:-3px;margin-bottom:24px}.article-deck{font-size:19px;line-height:1.75;max-width:850px;color:#d3cec5}.article-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:#969188;font:700 10px/1.5 system-ui;letter-spacing:1px;text-transform:uppercase}.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(250px,1fr);gap:64px;align-items:start;padding:50px 0}.seo-article section{padding:0 0 45px;margin:0 0 45px;border-bottom:1px solid #393631;scroll-margin-top:25px}.seo-article h2{font:850 clamp(28px,4vw,42px)/1.12 system-ui;text-transform:none;letter-spacing:-1.4px;margin-bottom:22px}.seo-article h3{font:800 21px/1.35 system-ui;text-transform:none;letter-spacing:-.35px;margin:30px 0 10px}.seo-article p,.seo-article li{color:#cbc6bd;font-size:16px;line-height:1.9}.seo-article a{color:#edbd6d;text-underline-offset:3px}.answer-box,.warning-box{padding:23px 25px;margin:26px 0;background:#1a1b1d;border:1px solid #514a3f;border-left:4px solid var(--accent)}.answer-box>strong,.warning-box>strong{display:block;color:#f5ddb3;font:800 13px/1.4 system-ui;letter-spacing:.7px;text-transform:uppercase;margin-bottom:10px}.answer-box ol{margin:0;padding-left:23px}.answer-box li{padding:4px 0}.warning-box{background:#201c16}.article-figure{margin:32px 0;background:#111315;border:1px solid #484038;border-top:3px solid var(--accent)}.article-figure-narrow{max-width:520px;margin-inline:auto}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{padding:13px 16px;color:#99948b;font-size:11px;line-height:1.6}.article-checklist{list-style:none;padding:0;margin:24px 0}.article-checklist li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid #ffffff10}.article-checklist li:before{content:'✓';position:absolute;left:2px;color:var(--accent);font-weight:900}.article-sidebar{position:sticky;top:20px;display:grid;gap:18px}.toc,.sidebar-code{padding:24px;background:#17191c;border:1px solid #403c36}.toc .eyebrow{margin-bottom:15px}.toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.toc li{border-bottom:1px solid #ffffff10}.toc a{display:block;padding:10px 0;color:#c9c4bb;text-decoration:none;font-size:13px}.toc a:hover{color:var(--accent)}.sidebar-code{border-top:3px solid var(--accent)}.sidebar-code small{color:#a8a299;font:700 9px/1.5 system-ui;letter-spacing:1.5px}.sidebar-code strong{display:block;color:#f4e5c9;font:900 32px/1.1 system-ui;letter-spacing:2px;margin:10px 0 18px}.sidebar-code .button{width:100%}.sidebar-code p{font-size:11px;margin:14px 0 0}.article-disclosure{padding:24px;margin-top:15px;border:1px solid #4b4439;background:#16181a}.article-disclosure strong{color:#efc477;text-transform:uppercase;font-size:12px;letter-spacing:1px}.article-disclosure p{font-size:12px;margin:9px 0 0}.related-guides{padding:55px 0 75px;border-top:1px solid #403a32}.related-guides h2{margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.related-grid>a{display:flex;min-height:155px;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(145deg,#23211d,#15171a);border:1px solid #48423a;text-decoration:none;transition:border-color .18s,transform .18s}.related-grid>a:hover{border-color:#d7a752;transform:translateY(-2px)}.related-grid span{color:var(--accent);font:800 9px/1.4 system-ui;letter-spacing:1.3px}.related-grid strong{font:800 19px/1.25 system-ui;color:#f4efe5}.related-grid small{color:#aaa49a}.home-guides .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-table-wrap{overflow-x:auto;margin:25px 0}.article-table{width:100%;border-collapse:collapse;background:#17191c}.article-table th,.article-table td{padding:15px;text-align:left;border:1px solid #423d36;color:#c9c4bb;font-size:13px;vertical-align:top}.article-table thead th{background:#27231c;color:#f0c375}.article-table tbody th{color:#f1e7d6;width:24%}
.code-list{font-size:clamp(18px,2.15vw,29px);line-height:1.45;letter-spacing:1.7px;margin:14px 0 20px}
body .kdp-code-card,body .kdp-card{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body .kdp-code-card h3,body .kdp-card h4{letter-spacing:0}body .kdp-code-section{scroll-margin-top:24px}body .kdp-code-banner strong{letter-spacing:-.5px}body .kdp-code-actions{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:28px}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.home-guides .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.hero .promo-heading em{font-size:clamp(38px,11vw,64px);letter-spacing:-2px}.article-shell{padding-top:12px}.breadcrumbs{margin-bottom:20px}.article-header{padding:20px 0 32px}.article-header h1{font-size:clamp(36px,11vw,56px);letter-spacing:-2px}.article-deck{font-size:16px}.article-layout{padding:35px 0}.seo-article section{padding-bottom:32px;margin-bottom:32px}.seo-article p,.seo-article li{font-size:14px}.article-sidebar{grid-template-columns:1fr}.related-grid,.home-guides .related-grid{grid-template-columns:1fr}.related-grid>a{min-height:135px}.article-table th,.article-table td{padding:11px;font-size:12px}}
.home-guide-index{scroll-margin-top:20px}.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-index-grid>a{display:flex;min-height:155px;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(145deg,#23211d,#15171a);border:1px solid #48423a;text-decoration:none;transition:border-color .18s,transform .18s}.guide-index-grid>a:hover{border-color:#d7a752;transform:translateY(-2px)}.guide-index-grid span{color:var(--accent);font:800 9px/1.4 system-ui;letter-spacing:1.3px}.guide-index-grid strong{font:800 19px/1.25 system-ui;color:#f4efe5}.guide-index-grid small{color:#aaa49a}.home-seo-guide{padding:76px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.home-guide-header{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:45px;align-items:end;padding-bottom:38px;margin-bottom:48px;border-bottom:1px solid #4b4439}.home-guide-header h2{max-width:900px;margin-bottom:20px}.home-guide-header .guide-lede{max-width:850px;margin-bottom:0}.guide-status{padding:18px;border:1px solid #514a3f;background:#17191c;display:grid;gap:4px}.guide-status strong{color:var(--accent);font:800 9px/1.4 system-ui;letter-spacing:1.5px}.guide-status span{color:#f4e5c9;font-size:12px}.guide-status a{color:#aaa49a;font-size:11px;margin-top:8px;text-underline-offset:3px}.home-article-body{max-width:920px;margin-inline:auto}.home-article-body>section:last-of-type{margin-bottom:25px}.home-seo-guide:nth-of-type(even){background:linear-gradient(90deg,transparent,#15110b75,transparent)}
@media(max-width:900px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guide-header{grid-template-columns:1fr}.guide-status{max-width:260px}}
@media(max-width:780px){.guide-index-grid{grid-template-columns:1fr}.guide-index-grid>a{min-height:130px}.home-guide-header{gap:22px;margin-bottom:32px}.home-seo-guide{padding:50px 0}.home-article-body{max-width:100%}}