:root{--ink:#15130f;--paper:#d8cfb8;--cream:#eee6d2;--red:#a52820;--brass:#b69b62;--mud:#4b4334;--line:rgba(238,230,210,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'Barlow Condensed',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;background:#fff;color:#000;padding:1rem}.skip-link:focus{top:1rem}.progress{position:fixed;z-index:99;top:0;left:0;right:0;height:3px}.progress i{display:block;width:0;height:100%;background:var(--red)}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff2b;background:linear-gradient(#0c0b08b3,transparent)}.cgn-brand{display:flex;align-items:center;gap:12px}.cgn-brand>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid #d5c9a5;color:var(--brass);font:800 14px 'Source Serif 4',serif}.cgn-brand b{font-size:12px;letter-spacing:.15em}.cgn-brand small{display:block;font-size:11.5px;letter-spacing:.11em;color:#c8bda0;margin-top:3px}.topbar nav{display:flex;gap:28px}.topbar nav a{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#d7ceba}.topbar nav a:hover{color:#fff}.steam-link{border:1px solid #ffffff70;padding:12px 15px;font-size:11.5px;letter-spacing:.14em}.menu{display:none;background:none;color:#fff;border:1px solid #ffffff60;padding:9px 12px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:40px;padding:118px 7vw 44px}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f0e0be8 0%,#0f0e0b9c 43%,#0f0e0b1f 75%),linear-gradient(0deg,#0f0e0bc7,transparent 45%)}.wire{position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(12deg,transparent 0 80px,#fff 82px 83px,transparent 85px 170px);mask-image:linear-gradient(to bottom,black,transparent 30%)}.hero-copy{position:relative;z-index:1;max-width:760px}.eyebrow,.kicker{font-size:11.5px;letter-spacing:.22em;font-weight:700}.eyebrow span{display:inline-block;width:40px;height:2px;background:var(--red);vertical-align:middle;margin-right:12px}.game-logo{width:min(460px,72vw);margin:25px 0 10px;filter:drop-shadow(0 4px 15px #000)}.hero h1{font-size:clamp(52px,7vw,100px);line-height:.8;margin:22px 0;letter-spacing:-.03em;font-weight:900}.hero h1 em,h2 em{font-family:'Source Serif 4',serif;font-weight:500}.hero-copy>p:last-of-type{max-width:620px;font:500 21px/1.45 'Source Serif 4',serif;color:#ddd4c2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{padding:15px 20px;font-size:11.5px;letter-spacing:.15em;font-weight:700;border:1px solid #ffffff69}.button.red{background:var(--red);border-color:var(--red)}.hero-card{position:relative;z-index:1;margin-left:auto;flex:none;width:250px;padding:22px;background:#14120ed9;border:1px solid #d0c3a34d;backdrop-filter:blur(8px)}.hero-card>small{letter-spacing:.18em;color:var(--brass)}.hero-card dl{margin:18px 0 0}.hero-card dl div{border-top:1px solid #ffffff24;padding:12px 0}.hero-card dt{font-size:11.5px;letter-spacing:.14em;color:#aaa28f}.hero-card dd{margin:4px 0 0;font-size:15px}.scroll{position:absolute;bottom:30px;right:4vw;font-size:11.5px;letter-spacing:.18em}.scroll span{margin-left:15px;font-size:15px}.dispatch{overflow:hidden;background:var(--red);padding:14px 0;white-space:nowrap}.dispatch div{display:flex;justify-content:space-around;min-width:1100px;font-size:11.5px;letter-spacing:.17em}.section{padding:130px 8vw}.briefing{display:grid;grid-template-columns:1fr 2.2fr;gap:7vw;background:var(--paper);color:var(--ink)}.section-label{font-size:11.5px;letter-spacing:.2em;color:var(--red);border-top:1px solid #8e846d;padding-top:15px}.kicker{color:var(--red)}h2{font-size:clamp(62px,8vw,116px);line-height:.78;letter-spacing:-.045em;margin:18px 0 45px}.lead{font:600 clamp(24px,3vw,38px)/1.2 'Source Serif 4',serif;max-width:880px}.briefing-copy>p:not(.lead):not(.kicker){line-height:1.7;max-width:710px;color:#4e493e}.fact-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #948a72}.fact-row div{padding:25px 15px 0 0}.fact-row b{display:block}.fact-row span{font-size:11.5px;letter-spacing:.16em;color:#796f5d}.image-break{height:720px;position:relative}.image-break img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.image-break:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 62%),linear-gradient(0deg,#0008,transparent)}.image-break blockquote{position:absolute;z-index:1;left:7vw;bottom:70px;font-size:clamp(42px,6vw,82px);line-height:.85;font-weight:900;margin:0}.image-break em{font-family:'Source Serif 4',serif;font-weight:500}.roles{background:#211e18}.section-head{display:grid;grid-template-columns:2.2fr 1fr;gap:7vw;align-items:end}.section-head>p{font:500 18px/1.5 'Source Serif 4',serif;color:#bdb4a1;padding-bottom:40px}.filter-row{display:flex;gap:9px;border-bottom:1px solid var(--line);padding-bottom:20px}.filter-row button{background:none;color:#bcb3a0;border:1px solid #ffffff35;padding:10px 16px;letter-spacing:.12em;font-size:11.5px;cursor:pointer}.filter-row button.active{background:var(--red);border-color:var(--red);color:white}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.role-grid article{min-height:270px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.role-grid article:hover{background:#2c2820;transform:translateY(-3px)}.role-grid article[hidden]{display:none}.role-grid article>span{font:600 20px 'Source Serif 4',serif;color:var(--brass)}.role-grid small{float:right;color:#8f8675;letter-spacing:.14em}.role-grid h3{font-size:34px;margin:45px 0 12px}.role-grid p{color:#aaa190;line-height:1.55}.note{font-size:11.5px;color:#8e8677;margin-top:25px}.battlefield{display:grid;grid-template-columns:1fr 1fr;min-height:900px;background:#bfb399;color:var(--ink)}.battlefield-copy{padding:120px 7vw}.battlefield-copy>p:not(.kicker){font:500 23px/1.45 'Source Serif 4',serif}.battlefield ul{list-style:none;padding:0;margin:55px 0}.battlefield li{display:grid;grid-template-columns:55px 1fr;gap:15px;border-top:1px solid #7c715b;padding:22px 0}.battlefield li>b{font:600 18px 'Source Serif 4',serif;color:var(--red)}.battlefield li strong{display:block;font-size:19px;margin-bottom:4px}.battlefield li span{font-size:13px;color:#514b3e}.battlefield-art{position:relative}.battlefield-art img{width:100%;height:100%;object-fit:cover}.battlefield-art span{position:absolute;bottom:30px;left:30px;background:#16140fdf;padding:10px;font-size:11.5px;letter-spacing:.16em}.arsenal{background:#17140f}.arsenal-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.arsenal-grid article{padding:45px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(140deg,#252119,#17140f)}.arsenal-grid b{font-size:11.5px;letter-spacing:.18em;color:var(--brass)}.arsenal-grid h3{font-size:31px;margin:25px 0 12px}.arsenal-grid p{color:#aaa18e;line-height:1.6}.arsenal-grid .wild{background:var(--red)}.arsenal-grid .wild b,.arsenal-grid .wild p{color:#f0dccc}.gallery{background:#0b0a08;padding:0 8vw 100px}.gallery-main{width:100%;height:min(72vh,760px);padding:0;border:0;background:#000;cursor:zoom-in}.gallery-main img{width:100%;height:100%;object-fit:cover}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.thumbs button{height:110px;padding:0;border:2px solid transparent;background:none;opacity:.55;cursor:pointer}.thumbs button.active{border-color:var(--red);opacity:1}.thumbs img{width:100%;height:100%;object-fit:cover}.gallery>p{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.18em;color:#8d8575}.sources{background:var(--paper);color:var(--ink)}.sources .section-head>p{color:#514b3e}.source-grid{border-top:1px solid #8f846c}.source-grid>a{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;border-bottom:1px solid #8f846c;padding:24px 10px}.source-grid>a:hover{background:#c8bda3}.source-grid span{font:600 20px 'Source Serif 4',serif;color:var(--red)}.source-grid b{display:block;font-size:20px}.source-grid small{letter-spacing:.13em}.source-grid i{font-size:25px}footer{padding:45px 4vw;display:flex;align-items:center;justify-content:space-between;background:#090806;color:#afa793}footer>p{font-size:11.5px;line-height:1.7;letter-spacing:.12em;text-align:center}footer>a:last-child{font-size:11.5px;letter-spacing:.14em}.lightbox{width:min(94vw,1500px);border:1px solid #ffffff42;background:#090806;padding:15px}.lightbox::backdrop{background:#000e}.lightbox img{width:100%;display:block}.lightbox button{display:block;margin-left:auto;background:none;color:#fff;border:0;padding:8px;cursor:pointer}

/* V4: class console (roles) */
.roles{padding-bottom:52px;background:radial-gradient(circle at 90% 10%,#3a3020 0,transparent 32%),#15130f}.class-console{margin-top:55px;border:1px solid #ffffff2e;box-shadow:0 35px 90px #0007}.class-tabs{display:grid;grid-template-columns:repeat(8,1fr);background:#0c0b08;border-bottom:1px solid #ffffff2e}.class-tabs button{min-height:92px;padding:15px 12px;display:flex;gap:10px;align-items:center;text-align:left;background:none;border:0;border-right:1px solid #ffffff1e;color:#8f8777;cursor:pointer;transition:.2s}.class-tabs button:hover{background:#231f18;color:#fff}.class-tabs button.active{background:var(--red);color:#fff}.class-tabs b{font:600 16px 'Source Serif 4',serif}.class-tabs span{font-size:15px;font-weight:700;text-transform:uppercase}.class-tabs small{display:block;margin-top:4px;font-size:11.5px;letter-spacing:.14em;opacity:.7}.class-dossier{display:grid;grid-template-columns:minmax(360px,.85fr) 1.35fr;background:#201c16}.class-visual{min-height:730px;position:relative;overflow:hidden}.class-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0a08e8,transparent 65%),linear-gradient(90deg,transparent,#201c1644)}.class-visual img{width:100%;height:100%;position:absolute;object-fit:cover;transition:opacity .18s}.class-visual>div{position:absolute;z-index:1;left:38px;bottom:35px}.class-visual span{display:block;color:var(--brass);font-size:11.5px;letter-spacing:.18em}.class-visual strong{font-size:clamp(50px,6vw,82px);line-height:.9}.class-intel{padding:45px}.class-rating{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff22}.class-rating span{padding:12px;font-size:11.5px;letter-spacing:.13em;border-right:1px solid #ffffff22;color:#8f8777}.class-rating span:last-child{border:0}.class-rating b{display:block;color:#eee6d2;margin-top:4px;font-size:13px}.class-summary{font:600 26px/1.35 'Source Serif 4',serif;margin:38px 0}.intel-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.intel-grid>div{padding:23px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;min-height:185px}.intel-grid h3{font-size:11.5px;letter-spacing:.16em;color:var(--brass);margin:0 0 14px}.intel-grid ul{margin:0;padding-left:16px}.intel-grid li,.intel-grid p{font-size:13px;line-height:1.5;color:#b8af9d;margin-bottom:6px}.intel-grid .avoid{background:#371816}.intel-grid .avoid h3{color:#e66d60}.class-perks{margin-top:22px;padding:15px 18px;border-left:3px solid var(--red);background:#0f0e0b}.class-perks span{display:block;font-size:11.5px;letter-spacing:.16em;color:#8e8677}.class-perks b{font-size:13px;letter-spacing:.06em}.progression{background:#c9bea2;color:var(--ink);position:relative;overflow:hidden}.progression:before{content:'XP';position:absolute;right:-3vw;top:40px;font-size:32vw;line-height:.7;font-weight:900;color:#b3a68855;pointer-events:none}.progression>*{position:relative}.progression .section-head>p{color:#504a3e}.xp-lead{margin-top:60px;display:grid;grid-template-columns:1fr 1.4fr;border-top:2px solid #2f2a21;border-bottom:2px solid #2f2a21}.xp-lead>div{padding:40px 35px 40px 0;border-right:1px solid #7e745f}.xp-lead>div span{font-size:11.5px;letter-spacing:.19em;color:var(--red)}.xp-lead h3{font-size:46px;line-height:.9;margin:18px 0}.xp-lead ol{list-style:none;padding:0;margin:0}.xp-lead li{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:20px;border-bottom:1px solid #7e745f}.xp-lead li:last-child{border:0}.xp-lead li>b{font:600 18px 'Source Serif 4',serif;color:var(--red)}.xp-lead li strong{display:block;font-size:16px}.xp-lead li span{font-size:13px;line-height:1.5;color:#514a3d}.perk-table{margin-top:75px;border-top:1px solid #776d59}.perk-table>div{display:grid;grid-template-columns:1fr 1.8fr 1.4fr .5fr;gap:20px;padding:17px 12px;border-bottom:1px solid #776d59;align-items:center}.perk-table .perk-head{background:#1a1813;color:#ded5c0;font-size:11.5px;letter-spacing:.16em}.perk-table b{font-size:16px}.perk-table span{font-size:13px;color:#514a3d}.perk-table strong{font-size:13px;color:var(--red)}.unlock-paths{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.unlock-paths article{padding:30px;border:1px solid #776d59;border-right:0}.unlock-paths article:last-child{border-right:1px solid #776d59}.unlock-paths span{font-size:11.5px;letter-spacing:.16em;color:var(--red)}.unlock-paths h3{font-size:22px}.unlock-paths p{line-height:1.5;color:#514a3d}.xp-warning{display:grid;grid-template-columns:220px 1fr;gap:30px;background:var(--red);color:#fff;margin-top:45px;padding:27px}.xp-warning b{font-size:24px}.xp-warning p{margin:0;font:500 17px/1.5 'Source Serif 4',serif}.sources{background-image:linear-gradient(#d8cfb8ef,#d8cfb8ef),url('../assets/images/ott-background.webp');background-size:cover}
@media(max-width:1100px){.class-tabs{grid-template-columns:repeat(4,1fr)}.class-dossier{grid-template-columns:1fr}.class-visual{min-height:360px}.class-intel{padding:35px}.xp-lead{grid-template-columns:1fr}.xp-lead>div{border:0;border-bottom:1px solid #7e745f}.perk-table>div{grid-template-columns:1fr 1.5fr 1fr .5fr}}
@media(max-width:700px){.class-tabs{grid-template-columns:1fr 1fr}.class-tabs button{min-height:70px}.class-visual{min-height:240px}.class-visual>div{left:22px;bottom:22px}.class-intel{padding:22px}.class-rating{grid-template-columns:1fr}.class-rating span{border-right:0;border-bottom:1px solid #ffffff22}.class-summary{font-size:21px}.intel-grid{grid-template-columns:1fr}.perk-table{overflow-x:auto}.perk-table>div{min-width:720px}.unlock-paths{grid-template-columns:1fr}.unlock-paths article{border-right:1px solid #776d59;border-bottom:0}.unlock-paths article:last-child{border-bottom:1px solid #776d59}.xp-warning{grid-template-columns:1fr}.xp-lead h3{font-size:36px}}

/* V5: cinematic art direction */
.hero>img{filter:saturate(.82) contrast(1.06)}
.hero-shade{background:linear-gradient(90deg,#090a09f2 0%,#090a09c4 35%,#090a0952 62%,#090a0929 100%),linear-gradient(0deg,#090a09d9 0%,transparent 52%)}
.game-logo{display:none}
.hero .eyebrow{margin-bottom:14px}
.hero .eyebrow:after{content:'OVER THE TOP\A WWI';display:block;white-space:pre;margin-top:26px;color:#eee6d2;font:900 clamp(44px,4.6vw,70px)/.78 'Barlow Condensed',sans-serif;letter-spacing:-.045em;text-shadow:0 6px 28px #000}
.hero .eyebrow:before{content:'THE GREAT WAR // REIMAGINED';display:block;margin:0 0 7px 53px;color:#b69b62;font-size:11.5px;letter-spacing:.2em}
.hero h1{font-size:clamp(30px,3.4vw,52px);margin-top:18px;max-width:670px}.hero h1 em{display:inline-block}
.hero-copy>p:last-of-type{font-size:19px;max-width:590px}.hero-card{box-shadow:0 25px 60px #0008;border-top:3px solid var(--red)}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px #000b}
.image-break img{filter:saturate(.8) contrast(1.08)}
.image-break:after{background:linear-gradient(90deg,#071016ed 0%,#0710169e 37%,transparent 72%),linear-gradient(0deg,#071016a8,transparent 42%)}
.image-break blockquote{max-width:850px;text-shadow:0 4px 25px #000}

.class-visual img{filter:saturate(.78) contrast(1.08)}
.class-visual:after{background:linear-gradient(0deg,#0b0a08f2 0%,transparent 42%),linear-gradient(90deg,transparent,#201c1629)}
.class-console{box-shadow:0 50px 130px #000b;border-color:#b69b624f}
.class-tabs button.active{background:linear-gradient(135deg,#b82f26,#831a17)}
.class-dossier{background:linear-gradient(145deg,#211d17,#15130f)}
.battlefield-art img{filter:saturate(.83) contrast(1.07)}
.battlefield-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 35px 0 80px #1d190b38,inset 0 -80px 90px #0005}
.battlefield-art span{z-index:1;background:#0d0c09e8;border-left:3px solid var(--red)}
@media(max-width:800px){.hero{flex-direction:column;align-items:stretch;gap:22px;padding:104px 20px 26px}.hero-card{margin-left:0;width:auto;padding:14px 16px}.hero-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:10px}.hero-card dl div{margin:0}.hero .eyebrow:after{font-size:15vw}.hero .eyebrow:before{margin-left:0}.hero h1{font-size:8.5vw}.hero:after{box-shadow:inset 0 0 90px #000a}.class-visual img[src$='classes/officer.webp']{object-position:center top}}

/* V6: field-manual expansion */
.class-manual{margin-top:20px;border-top:1px solid #b69b6240;padding-top:22px}
.manual-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}.manual-head span,.manual-card h4,.callin-grid small{color:#b69b62;font:700 10px/1 'Barlow Condensed';letter-spacing:.14em}.manual-head h3{margin:6px 0 0;font:800 27px/1 'Barlow Condensed';color:#eee6d2}.manual-head p{max-width:420px;margin:0;color:#bdb4a3;font-size:14px;line-height:1.45}
.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #b69b6238}.manual-card{padding:18px 20px;min-height:145px;border-right:1px solid #b69b6238}.manual-card:last-child{border-right:0}.manual-card h4{margin:0 0 10px}.manual-card p{margin:0;color:#d7cdb9;font-size:14px;line-height:1.55}
.callin-manual{margin-top:18px}.callin-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:10px}.callin-title h3{margin:0;font:800 22px/1 'Barlow Condensed';color:#eee6d2}.callin-title p{margin:0;max-width:600px;color:#a69d8d;font-size:12px;line-height:1.45}
.callin-grid{display:grid;grid-template-columns:1.1fr .8fr 2fr}.callin-grid>*{padding:11px 13px;border:1px solid #b69b622d;border-bottom:0}.callin-grid>*:nth-last-child(-n+3){border-bottom:1px solid #b69b622d}.callin-grid b{color:#eee6d2;font:700 13px/1.2 'Barlow Condensed'}.callin-grid span{color:#b7ad9c;font-size:12px;line-height:1.35}.callin-grid .head{background:#0b0a08;color:#b69b62;font:700 9px/1 'Barlow Condensed';letter-spacing:.14em}.callin-grid .separate{color:#e25c50}
.timing-note{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--red);background:#0b0a08;color:#c9beaa;font-size:12px;line-height:1.5}.timing-note b{color:#eee6d2}
@media(max-width:1050px){.manual-grid{grid-template-columns:1fr}.manual-card{border-right:0;border-bottom:1px solid #b69b6238}.manual-card:last-child{border-bottom:0}}
@media(max-width:650px){.manual-head,.callin-title{display:block}.manual-head p,.callin-title p{margin-top:10px}.callin-grid{grid-template-columns:1fr}.callin-grid .head{display:none}.callin-grid>*{border-bottom:0}.callin-grid>*:nth-last-child(-n+3){border-bottom:0}.callin-grid>*:nth-child(3n+3){border-bottom:1px solid #b69b622d;margin-bottom:8px}.manual-card{min-height:0}.class-manual{margin-left:-2px;margin-right:-2px}}

/* V7: ballistics section */
.class-visual img{object-position:center 20%;filter:saturate(.76) contrast(1.08)}
.ballistics{margin-top:80px;border-top:1px solid #786d584d;padding-top:65px}.ballistics-lead{display:grid;grid-template-columns:1fr 1fr;gap:10px 70px;align-items:end}.ballistics-lead .kicker{grid-column:1/-1}.ballistics-lead h3{margin:0;color:#17140f;font:900 clamp(42px,5vw,72px)/.82 'Barlow Condensed';letter-spacing:-.03em}.ballistics-lead h3 em{font-family:'Source Serif 4';font-weight:600}.ballistics-lead>p:last-child{margin:0;color:#302a20;font:500 18px/1.5 'Source Serif 4'}
.ballistics-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:42px;border:1px solid #786d584d}.ballistics-grid article{padding:25px 28px;min-height:175px;border-right:1px solid #786d584d;border-bottom:1px solid #786d584d}.ballistics-grid article:nth-child(2n){border-right:0}.ballistics-grid article:nth-last-child(-n+2){border-bottom:0}.ballistics-grid b,.range-cards span{color:#9d2c25;font:700 10px/1 'Barlow Condensed';letter-spacing:.14em}.ballistics-grid h4{margin:12px 0 8px;color:#17140f;font:800 22px/1 'Barlow Condensed'}.ballistics-grid p{margin:0;color:#40382d;font-size:14px;line-height:1.55}.range-cards p{margin:0;color:#bbb09d;font-size:14px;line-height:1.55}
.range-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.range-cards>div{min-width:0;padding:20px;background:#0b0a08;border-top:3px solid var(--red);overflow:visible}.range-cards strong{display:block;margin:8px 0;color:#eee6d2;font:800 18px/1 'Barlow Condensed';white-space:normal}.ballistics-note{margin:12px 0 0;padding:13px 16px;border-left:3px solid #b69b62;background:#17130f;color:#9e9483;font-size:12px;line-height:1.5}
@media(max-width:800px){.ballistics{margin-top:55px;padding-top:45px}.ballistics-lead{grid-template-columns:1fr}.ballistics-grid,.range-cards{grid-template-columns:1fr}.ballistics-grid article{border-right:0;border-bottom:1px solid #b69b6238!important}.ballistics-grid article:last-child{border-bottom:0!important}.ballistics-lead>p:last-child{margin-top:14px}.class-visual img{object-position:center top}}

/* V8: readability pass + themed scrollbar */
html{scrollbar-width:thin;scrollbar-color:#a52c25 #14110d}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:#14110d;border-left:1px solid #b69b622b}html::-webkit-scrollbar-thumb{background:linear-gradient(#b7372e,#7d1c18);border:3px solid #14110d;border-radius:8px}html::-webkit-scrollbar-thumb:hover{background:#c64338}html::-webkit-scrollbar-corner{background:#14110d}
.class-tabs span{font-size:16px}.class-tabs small{font-size:11.5px}
.class-rating span{padding:15px 14px;font-size:11.5px}.class-rating b{font-size:16px;margin-top:6px}
.class-summary{font-size:30px;line-height:1.42;margin:42px 0}
.intel-grid>div{padding:27px;min-height:205px}.intel-grid h3{font-size:12px;margin-bottom:17px}.intel-grid li,.intel-grid p{font-size:16px;line-height:1.62;margin-bottom:8px}.intel-grid ul{padding-left:20px}
.class-perks{padding:18px 21px}.class-perks span{font-size:11.5px;margin-bottom:5px}.class-perks b{font-size:16px;line-height:1.35}
.manual-head span,.manual-card h4{font-size:11.5px}.manual-head h3{font-size:30px}.manual-head p{max-width:500px;font-size:17px;line-height:1.55}.manual-card{padding:23px 24px;min-height:175px}.manual-card h4{margin-bottom:13px}.manual-card p{font-size:16px;line-height:1.65}
.callin-title h3{font-size:26px}.callin-title p{font-size:15px;line-height:1.55}.callin-grid>*{padding:15px 16px}.callin-grid b{font-size:16px;line-height:1.35}.callin-grid small{font-size:11.5px;line-height:1.35}.callin-grid span{font-size:15px;line-height:1.55}.callin-grid .head{font-size:11.5px}.timing-note{font-size:14px;line-height:1.6;padding:15px 17px}
.note{font-size:13px!important;line-height:1.55}
@media(max-width:1100px){.class-intel{padding:40px}.manual-grid{grid-template-columns:1fr}.manual-card{min-height:0}}
@media(max-width:700px){.class-intel{padding:24px}.class-summary{font-size:24px;line-height:1.45;margin:30px 0}.intel-grid>div{padding:22px;min-height:0}.intel-grid li,.intel-grid p{font-size:16px}.manual-head p,.manual-card p{font-size:16px}.callin-title p,.callin-grid span{font-size:15px}.class-perks b{font-size:15px}}

/* V9: compact layout */
.section{padding:52px 7vw}
.section-head h2{margin-bottom:26px}.section-head>p{padding-bottom:18px}
.briefing{min-height:0}.briefing-copy{padding:44px 0}
.roles{padding-bottom:90px}.class-console{margin-top:32px}
.class-tabs button{min-height:76px;padding:11px 10px}
.class-intel{padding:32px}.class-rating span{padding:11px 13px}
.class-summary{font-size:28px;line-height:1.34;margin:25px 0}
.intel-grid>div{padding:20px;min-height:0}.intel-grid h3{margin-bottom:12px}
.intel-grid li,.intel-grid p{line-height:1.48;margin-bottom:5px}
.class-perks{margin-top:14px;padding:14px 18px}
.class-manual{margin-top:14px;padding-top:15px}.manual-head{margin-bottom:12px}
.manual-head h3{font-size:27px}.manual-head p{line-height:1.45}
.manual-grid{gap:10px}.manual-card{padding:17px 18px;min-height:0}.manual-card h4{margin-bottom:9px}.manual-card p{line-height:1.48}
.callin-manual{margin-top:14px}.callin-title{padding:15px 17px}.callin-grid>*{padding:10px 12px}.callin-grid span{line-height:1.4}.timing-note{padding:11px 14px;line-height:1.45}
.xp-lead{margin-top:38px}.xp-lead>div,.xp-lead ol{padding:28px}.perk-table{margin-top:45px}.perk-table>div>*{padding:18px}.unlock-paths{margin-top:30px;gap:14px}.unlock-paths article{padding:24px}.xp-warning{margin-top:30px;padding:22px 25px}
.ballistics{margin-top:55px;padding:44px}.ballistics-grid{margin-top:28px;gap:12px}.ballistics-grid article{padding:20px;min-height:0}.range-cards{margin-top:12px;gap:12px}.range-cards>div{padding:20px}
.battlefield{min-height:0}.battlefield-copy{padding:48px 6vw}.battlefield-copy ul{margin-top:22px}.battlefield-copy li{padding:12px 0}
.arsenal-grid{gap:14px}.arsenal-grid article{padding:22px}
.gallery{padding:0 7vw 70px}.gallery-main{height:min(64vh,600px)}
.source-grid a{padding:18px 22px}footer{padding:30px 5vw}
@media(max-width:1100px){.section{padding:72px 5vw}.class-intel{padding:30px}.class-visual{min-height:360px}.image-break{height:460px}.battlefield-copy{padding:70px 5vw}.ballistics{padding:32px}}
@media(max-width:700px){.section{padding:36px 20px}.section-head>p{padding-bottom:8px}.briefing-copy{padding:48px 0}.image-break{height:390px}.roles{padding-bottom:58px}.class-console{margin-top:22px}.class-tabs button{min-height:66px}.class-visual{min-height:240px}.class-intel{padding:21px}.class-summary{font-size:24px;line-height:1.38;margin:22px 0}.intel-grid>div{padding:18px}.manual-card{padding:16px}.xp-lead>div,.xp-lead ol{padding:22px}.perk-table{margin-top:32px}.unlock-paths{margin-top:22px}.ballistics{margin-top:38px;padding:24px 20px}.battlefield{min-height:0}.battlefield-copy{padding:58px 20px}.battlefield-art{min-height:390px}.arsenal-grid article{padding:24px;min-height:0}.gallery{padding:0 20px 50px}.gallery-main{height:420px}.source-grid a{padding:16px}footer{padding:26px 20px}}

/* V10: official in-game showcase + frontline live */
.ingame-head{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:end;padding:72px 0 30px;border-top:1px solid #ffffff24}.ingame-head h2{font-size:clamp(48px,6vw,88px);margin:12px 0 0}.ingame-head>p{font:500 18px/1.5 'Source Serif 4',serif;color:#bdb4a1;max-width:620px}
.ingame-stage{position:relative}.gallery-main{display:block;position:relative}.gallery-main:after{content:'OPEN FULL VIEW ↗';position:absolute;right:18px;bottom:18px;background:#0b0a08d9;border:1px solid #ffffff42;padding:10px 13px;color:#eee6d2;font-size:11.5px;letter-spacing:.16em}.gallery-status{position:absolute;left:18px;top:18px;z-index:2;display:flex;align-items:center;gap:10px;background:#0b0a08de;border-left:3px solid var(--red);padding:11px 14px;font-size:11.5px;letter-spacing:.17em}.gallery-status b{color:#fff}.gallery-status span{color:var(--brass)}
.gallery-controls{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:15px 0 4px}.gallery-controls button{border:1px solid #ffffff37;background:#16130f;color:var(--cream);width:42px;height:42px;cursor:pointer}.gallery-controls button:hover{background:var(--red);border-color:var(--red)}.gallery-caption span{display:block;color:var(--red);font-size:11.5px;letter-spacing:.17em}.gallery-caption strong{display:block;margin-top:4px;font:600 20px/1.25 'Source Serif 4',serif}.gallery-caption p{margin:5px 0 0;color:#aaa18e;font-size:15px;line-height:1.45}
.thumbs{grid-template-columns:repeat(6,1fr);gap:8px}.thumbs button{height:88px;position:relative}.thumbs button:after{content:attr(data-index);position:absolute;right:6px;bottom:5px;background:#090806d9;color:#eee6d2;padding:3px 5px;font-size:11.5px}.gallery>p{margin-top:10px}
@media(max-width:900px){.ingame-head{grid-template-columns:1fr;gap:14px;padding-top:55px}.thumbs{grid-template-columns:repeat(3,1fr)}.thumbs button{height:92px}}
@media(max-width:700px){.ingame-head{padding:42px 0 22px}.ingame-head h2{font-size:48px}.ingame-head>p{font-size:16px}.gallery-status{left:10px;top:10px}.gallery-main:after{display:none}.gallery-controls{grid-template-columns:38px 1fr 38px;gap:9px}.gallery-controls button{width:38px;height:38px}.gallery-caption strong{font-size:17px}.gallery-caption p{font-size:14px}.thumbs button{height:72px}}
.frontline-live{padding:clamp(58px,7vw,100px) clamp(20px,6vw,92px);display:grid;grid-template-columns:1.05fr .95fr;gap:14px;background:radial-gradient(circle at 18% 24%,rgba(119,13,13,.22),transparent 34%),#15130f;border-block:1px solid #5f5849;position:relative}
.frontline-live>header{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px 64px;align-items:end;margin-bottom:18px}.frontline-live>header .kicker{grid-column:1/-1}.frontline-live h2{font:900 clamp(52px,7vw,104px)/.82 'Barlow Condensed',sans-serif;letter-spacing:-.03em;margin:0}.frontline-live h2 em{color:#c63c30;font-style:normal}.frontline-live>header>p:last-child{max-width:650px;color:#c6bfae;line-height:1.7;margin:0}
.frontline-lead{min-height:0;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(110,20,15,.34),rgba(19,18,14,.98)),url('../assets/images/charge.jpg') center/cover;border:1px solid #8d3d33;box-shadow:inset 0 0 0 4px rgba(10,9,7,.62)}.frontline-lead small,.frontline-feed small{color:#d69b62;font-weight:800;letter-spacing:.13em}.frontline-lead strong{font:900 clamp(31px,4vw,52px)/.9 'Barlow Condensed',sans-serif;margin:9px 0}.frontline-lead p{max-width:650px;color:#ded7c8;line-height:1.55}.frontline-lead a,.frontline-feed a{color:#e8a265;font-weight:900;font-size:12px;letter-spacing:.08em;text-decoration:none}
.frontline-feed{display:grid;gap:8px}.frontline-feed article{min-height:104px;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;background:#0e0e0b;border:1px solid #454237;border-left:4px solid #8f332b}.frontline-feed b{font:800 24px/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:5px 0 10px}
@media(max-width:820px){.frontline-live{grid-template-columns:1fr}.frontline-live>header{grid-template-columns:1fr;gap:20px}.frontline-live>header .kicker{grid-column:auto}.frontline-lead{min-height:410px}}
@media(max-width:520px){.frontline-live{padding-inline:16px}.frontline-live h2{font-size:58px}.frontline-lead{min-height:0;padding:26px 21px}.frontline-feed article{padding:19px}}