/* Battlefield page - isolated styling, does not modify games.css v8 */
.bf-hero{position:relative;overflow:hidden;min-height:530px;padding:75px 0;background:linear-gradient(90deg,rgba(3,12,19,.97) 0%,rgba(3,14,21,.87) 47%,rgba(3,12,18,.55) 100%),url('images/battlefield/hero.webp') center 42%/cover no-repeat;border-bottom:1px solid #1a5263}
.bf-hero:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#050d12);pointer-events:none}.bf-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:30px;position:relative;z-index:1;align-items:center}.bf-breadcrumb{color:#9bbac4;font-size:13px;margin-top:20px}.bf-breadcrumb a{color:#4ce0ed}.bf-hero h1{font-size:clamp(50px,8vw,105px);font-weight:900;letter-spacing:-.06em;margin:8px 0 0;line-height:1.1;text-shadow:0 6px 35px #000}.bf-hero h1 span{color:#4ce0ed}.bf-hero h2{font-size:clamp(17px,2.2vw,24px);letter-spacing:.08em;margin:10px 0 16px}.bf-hero p{max-width:670px;color:#c5d9df;font-size:16px}.bf-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.bf-hero-panel{border:1px solid #285360;border-radius:9px;background:#06131dd9;padding:16px 22px;backdrop-filter:blur(12px)}.bf-hero-panel div{padding:13px 0;border-bottom:1px solid #1b3e48}.bf-hero-panel div:last-child{border-bottom:0}.bf-hero-panel strong{display:block;font-size:23px}.bf-hero-panel small{color:#83b9c5;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.bf-section{padding:65px 0}.bf-secondary{background:linear-gradient(120deg,#091c25,#071219);border-block:1px solid #1b414d}.bf-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.bf-heading h2,.bf-section h2{margin:8px 0 10px}.bf-heading p{margin:0}.bf-filters{display:flex;gap:7px;flex-wrap:wrap}.bf-filters button{border:1px solid #2b5360;background:#0b2029;color:#b5d2da;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:12px}.bf-filters button.selected,.bf-filters button:hover{background:#104352;border-color:#4ce0ed;color:#e8fbff}.bf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bf-card{display:block;padding:0;text-align:left;background:#091a22;border:1px solid #1e4551;border-radius:9px;overflow:hidden;color:#e8f5f8;cursor:pointer;transition:transform .2s,border-color .2s;min-width:0}.bf-card:hover,.bf-card:focus-visible{transform:translateY(-5px);border-color:#4ce0ed;outline:none}.bf-card img{display:block;width:100%;height:150px;aspect-ratio:auto;object-fit:cover;object-position:center center;margin:0;padding:0;vertical-align:top}.bf-card-copy{padding:14px 15px 18px}.bf-card-copy span{font:10px monospace;letter-spacing:.08em;text-transform:uppercase;color:#4ce0ed}.bf-card-copy h3{font-size:16px;margin:7px 0}.bf-card-copy p{font-size:12px;margin:0;color:#94b6bf;line-height:1.45}.bf-card[hidden]{display:none}.bf-footnote{font-size:12px;margin:23px 0 0}.bf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.bf-feature,.bf-fact-grid article{border:1px solid #204652;border-radius:8px;padding:25px;background:#091c24}.bf-feature h3,.bf-fact-grid h3{font-size:18px;margin:10px 0}.bf-feature p,.bf-fact-grid p{font-size:14px;margin:0}.bf-num{font:12px monospace;letter-spacing:.16em;color:#4ce0ed}.bf-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.bf-fact-grid article span{color:#4ce0ed;font:11px monospace;letter-spacing:.1em}.bf-community{margin-top:27px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px;border:1px solid #286374;border-radius:9px;background:linear-gradient(90deg,#0d2b36,#081820)}.bf-community p{margin:5px 0}.bf-dialog{width:min(560px,calc(100% - 32px));padding:0;border:1px solid #367080;border-radius:10px;background:#071720;color:#e8f5f8;box-shadow:0 30px 100px #000a}.bf-dialog::backdrop{background:#01090dd9;backdrop-filter:blur(5px)}.bf-dialog img{display:block;width:100%;aspect-ratio:900/520;object-fit:cover}.bf-detail-body{padding:23px}.bf-detail-body h2{margin:10px 0}.bf-detail-body p{color:#acc8d0}.bf-close{position:absolute;right:12px;top:12px;border:1px solid #83cbd5;background:#07151bcf;color:white;border-radius:6px;font-size:25px;width:38px;height:38px;cursor:pointer}.bf-dialog-note{font-size:12px}
@media(max-width:1000px){.bf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bf-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.bf-hero-grid{grid-template-columns:1fr}.bf-hero-panel{display:grid;grid-template-columns:repeat(2,1fr)}.bf-hero-panel div{padding:8px;border:0}.bf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-feature-grid{grid-template-columns:1fr}.bf-hero{padding:55px 0}}@media(max-width:500px){.bf-grid,.bf-fact-grid{grid-template-columns:1fr}.bf-community{display:block}.bf-community .btn{margin-top:18px}}

/* v3: navigation cards and dedicated archive link affordances */
a.bf-card{display:block;text-decoration:none;color:inherit;cursor:pointer}a.bf-card:hover{transform:translateY(-4px);border-color:#1ed5e4;box-shadow:0 14px 35px #0008}a.bf-card:focus-visible{outline:3px solid #25d7e9;outline-offset:3px}

/* Battlefield artwork alignment: fixed image viewport, centered crop */