/* === Battlefield V1: mobile-1.0.15.css === */
/* Battlefield V1.0.15 — mobile-only layout restoration.
   Loaded LAST to override the accumulated legacy mobile layout rules.
   Desktop layout, images, counts and download handlers are untouched. */
.bfv-mobile-nav-extra{display:none}
.bfv-menu-backdrop[hidden]{display:none!important}
@media (min-width:761px){
  /* Editorial magazine deliberately stays at 11 tiles on desktop/tablet. */
  .re-editorial > .re-editorial__item:nth-child(n+12){display:none!important}
}
@media (max-width:1050px){
  .bfv-header{z-index:9000!important;isolation:isolate;overflow:visible!important}
  .bfv-header__inner{position:relative;z-index:2}
  body.bfv-mobile-menu-open{overflow:hidden!important}
  .bfv-menu-backdrop:not([hidden]){
    display:block;position:fixed;inset:0;top:65px;z-index:11;
    border:0;background:rgba(0,0,0,.73);
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
    cursor:default;width:100vw;height:calc(100dvh - 65px);
  }
  .bfv-header .bfv-nav{
    position:absolute!important;inset:auto 0 auto 0!important;top:100%!important;
    width:100%!important;max-height:calc(100dvh - 66px);
    display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:5px!important;margin:0!important;padding:16px max(18px,calc((100vw - 720px)/2)) 22px!important;
    overflow-y:auto;overscroll-behavior:contain;
    z-index:20!important;isolation:isolate;
    background:#101116!important;border:1px solid rgba(255,132,36,.34)!important;
    border-left:0!important;border-right:0!important;
    border-radius:0 0 18px 18px!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:0 25px 55px rgba(0,0,0,.92),inset 0 1px rgba(255,153,55,.12)!important;
  }
  .bfv-header .bfv-nav.is-open{display:flex!important}
  .bfv-header .bfv-nav > a{
    position:relative;display:flex;align-items:center;min-height:48px;
    padding:12px 17px!important;border:1px solid transparent!important;
    border-radius:11px!important;color:#eee3d7!important;
    background:#1a1c22!important;font-size:14px!important;letter-spacing:.07em!important;
    font-weight:850!important;white-space:normal;
  }
  .bfv-header .bfv-nav > a[aria-current="page"],
  .bfv-header .bfv-nav > a:hover,
  .bfv-header .bfv-nav > a:focus-visible{
    background:linear-gradient(110deg,rgba(255,124,25,.2),rgba(255,124,25,.04))!important;
    border-color:rgba(255,129,33,.38)!important;color:#ffb277!important;
  }
  .bfv-menu-toggle{position:relative;z-index:21;flex-shrink:0}
  .bfv-menu-toggle[aria-expanded="true"]{background:#252025;border-color:#ff903b;box-shadow:0 0 0 2px rgba(255,118,21,.11)}
  .bfv-menu-toggle[aria-expanded="true"] span{opacity:0!important}
  .bfv-menu-toggle[aria-expanded="true"]::before,
  .bfv-menu-toggle[aria-expanded="true"]::after{content:"";position:absolute;width:20px;height:2px;border-radius:2px;background:#ff933f;transform:rotate(45deg)}
  .bfv-menu-toggle[aria-expanded="true"]::after{transform:rotate(-45deg)}
  .bfv-menu-toggle span{transition:opacity .2s}
  .bfv-mobile-nav-extra{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px;padding:14px 4px 0;border-top:1px solid rgba(255,133,35,.22)}
  .bfv-mobile-nav-favorites{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:850;color:#ffd2a6!important;padding:11px 9px!important}
  .bfv-mobile-nav-favorites svg{width:17px;height:17px;fill:none;stroke:#ff9b4d;stroke-width:1.6}
  .bfv-mobile-language{display:flex;gap:6px;align-items:center}
  .bfv-mobile-language button{min-width:47px;min-height:39px;border:1px solid rgba(255,139,43,.24);border-radius:9px;background:#22242a;color:#c9b7a6;font-weight:850;font-size:12px}
  .bfv-mobile-language button[aria-pressed="true"]{background:#ff872c;color:#17100b;border-color:#ff872c}
  .bfv-search{z-index:21;box-shadow:0 24px 50px rgba(0,0,0,.75)}
}
@media (max-width:760px){
  html{scroll-padding-top:72px}
  .bfv-header__inner{min-height:63px!important;gap:10px!important}
  .bfv-header .bfv-brand{flex:1;min-width:0;gap:10px!important}
  .bfv-header .bfv-brand__symbol{flex:0 0 38px!important;width:38px!important;height:38px!important}
  .bfv-header .bfv-brand__name{font-size:clamp(12px,3.5vw,15px)!important;white-space:nowrap}
  .bfv-header__tools{flex:0 0 auto;gap:5px}
  .bfv-header .bfv-menu-toggle,.bfv-header .bfv-search-toggle{width:42px!important;height:42px!important;min-width:42px!important;flex-shrink:0;margin:0!important}
  .bfv-header .bfv-nav{max-height:calc(100dvh - 64px)}
  .bfv-menu-backdrop:not([hidden]){top:63px;height:calc(100dvh - 63px)}
  .bfv-search__form{flex-wrap:wrap;gap:8px;padding:12px 0}
  .bfv-search__form label{flex-basis:100%}
  .bfv-search__form input{flex:1 1 100px;min-width:0}
  .bfv-search__form button{padding:12px}

  /* Home image hero: visible image, modest type and no unnecessary vertical gaps. */
  .bfv104-home{padding-top:0!important}
  .bfv104-stage{min-height:390px!important;height:auto!important}
  .bfv104-stage__grid{padding:45px 0 35px!important;width:calc(100% - 36px)!important}
  .bfv104-stage h1{font-size:clamp(37px,9.5vw,50px)!important;line-height:1.03!important;margin:15px 0 12px!important}
  .bfv104-stage__copy>p{margin-bottom:16px!important;font-size:12px!important}
  .bfv104-stage__actions a{min-height:42px!important}
  .bfv104-command{margin-top:0!important;border-radius:0 0 15px 15px!important}
  .bfv104-command__stats>div{min-width:0}
  .bfv104-command__stats>div>span{min-width:0}

  /* World grid: ALL eight cards use regular positions and finish in four rows. */
  .re-worlds,.re-discover,.re-featured{padding-top:26px!important}
  .re-worlds__mosaic{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-columns:auto!important;grid-auto-rows:auto!important;
    grid-template-rows:none!important;grid-auto-flow:row dense!important;
    gap:10px!important;align-items:stretch;
  }
  .re-worlds__mosaic > .re-world,
  .re-worlds__mosaic > .re-world:nth-child(n){
    grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
    min-height:0!important;height:auto!important;aspect-ratio:.89!important;
    box-shadow:none!important;transform:none!important;
  }
  .re-world__top{left:10px!important;right:10px!important;top:10px!important}
  .re-world__top b{font-size:12px!important}
  .re-world__top small{font-size:7px!important;letter-spacing:.08em!important}
  .re-world__meta{left:10px!important;bottom:10px!important;right:42px!important;gap:5px!important;font-size:8px!important;letter-spacing:.045em!important;white-space:nowrap}
  .re-world__mini-icon{width:23px!important;height:23px!important;min-width:23px!important}
  .re-world__mini-icon svg{width:13px!important;height:13px!important}
  .re-world__arrow{width:25px!important;height:25px!important;right:9px!important;bottom:9px!important}
  .re-world__arrow svg{width:13px!important;height:13px!important}
  .re-world img{width:100%;height:100%;object-fit:cover!important;object-position:center;filter:none!important}
  /* Touch screens open the world instantly; no hover FX overlays. */
  .re-world__fx,.re-world__reveal{pointer-events:none}

  /* Wallpaper gallery: regular tiles only, no desktop editorial spans or orphans. */
  .re-editorial,.re-featured__strip,.re-category__grid,.bfv-wall-grid,.bfv-favorite-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row dense!important;gap:10px!important;
  }
  .re-editorial > .re-editorial__item,
  .re-editorial > .re-editorial__item:nth-child(n),
  .re-featured__strip > .re-featured__item,
  .re-featured__strip > .re-featured__item:nth-child(n){
    grid-column:auto!important;grid-row:auto!important;
    min-width:0!important;min-height:0!important;
    display:block!important;
  }
  .re-editorial .bfv-card,.re-featured__item .bfv-card,.re-category__grid .bfv-card,.bfv-wall-grid .bfv-card{height:100%!important;border-radius:10px!important}
  .re-editorial .bfv-card__link,.re-featured__item .bfv-card__link,
  .re-editorial__item--0 .bfv-card__link,.re-category__grid .bfv-card__link,
  .bfv-wall-grid .bfv-card__link{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.07!important;
  }
  .re-editorial .bfv-card__body,.re-featured__item .bfv-card__body,
  .bfv-wall-grid .bfv-card__body,.re-category__grid .bfv-card__body{
    left:7px!important;right:7px!important;bottom:8px!important;
    min-width:0;max-width:calc(100% - 14px);display:block!important;
  }
  .bfv-card--compact .bfv-card__body strong{display:none!important}
  .bfv-card__body small,.bfv-card--compact .bfv-card__body small{
    display:inline-block!important;max-width:100%!important;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap!important;vertical-align:bottom;
    padding:5px 6px!important;font-size:clamp(8px,2.2vw,10px)!important;line-height:1.35;
    border:1px solid rgba(255,141,54,.14);border-radius:6px;
    background:rgba(7,9,13,.79)!important;color:#f0d7c3!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  /* Only one interactive overlay on the preview card: favorite. */
  .bfv-card .bfv-card__like,.bfv-card .bfv-card__arrow{display:none!important}
  .bfv-card .bfv-card__favorite{
    display:grid!important;right:7px!important;top:7px!important;
    min-width:30px!important;width:30px!important;height:30px!important;
    padding:0!important;border-radius:9px!important;font-size:18px!important;
    background:rgba(6,9,13,.86)!important;
  }
  .bfv-card .bfv-tag{top:8px!important;left:8px!important;padding:5px 7px!important;font-size:9px!important}
  .re-featured__number{display:none!important}
  .re-editorial .bfv-card__image,.re-featured__item .bfv-card__image,.bfv-wall-grid .bfv-card__image{object-fit:cover!important;filter:none!important}

  /* Section subtitles and editorial spacing: keep the next section near the last row. */
  .re-section-head{margin-bottom:12px!important;padding-bottom:12px!important;gap:8px!important}
  .re-section-head h2{font-size:clamp(23px,6.2vw,32px)!important;line-height:1.08!important;margin:6px 0!important}
  .re-section-head p{font-size:11px!important;line-height:1.5}
  .re-section-head > a{font-size:10px!important;align-self:flex-start;white-space:normal}
  .re-cta{margin-top:33px!important;margin-bottom:28px!important;padding:21px 17px!important}
  .re-cta h2{font-size:clamp(26px,7vw,36px)!important}
  .re-single__related,.re-single__export{padding-top:25px!important}
  /* Four quick actions now form two complete rows instead of a lonely last button. */
  .re-single__buttons{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .re-single__buttons button{min-width:0!important;min-height:40px!important;white-space:normal!important;line-height:1.25}
  .re-single__actionbar{margin:9px 0 13px!important}
  .re-category__grid > *, .re-category__spotlight-grid > *{min-width:0}
  .bfv-footer{padding-bottom:38px!important}
}
@media (max-width:380px){
  .bfv-header .bfv-brand__name{font-size:12px!important}
  .bfv-header .bfv-menu-toggle,.bfv-header .bfv-search-toggle{width:38px!important;height:40px!important;min-width:38px!important}
  .bfv104-stage h1{font-size:36px!important}
  .re-world__top small{font-size:6px!important}
  .re-world__meta{font-size:7px!important}
  .bfv-card__body small,.bfv-card--compact .bfv-card__body small{font-size:8px!important;padding:4px!important}
}
@media (prefers-reduced-motion: reduce){
  .bfv-header .bfv-nav,.bfv-menu-toggle span{transition:none!important}
}

/* === Battlefield V1: typography-1.0.17.css === */
/* Battlefield Pics 1.0.17 — Calm editorial headings + protected hero image.
   Kept separate so previous layout/feature systems are untouched.
   Desktop heading scale follows the existing footer headline (45px maximum). */
@media (min-width: 761px) {
  /* Section headings: same premium hierarchy as the footer, no giant display type. */
  .re-section-head h2,
  .re-category__body .re-section-head h2,
  .re-single__related .re-section-head h2,
  .re-single__export .re-section-head h2 {
    font-size: clamp(30px, 2.9vw, 45px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.045em !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .re-cta h2 {
    font-size: clamp(31px, 2.8vw, 44px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.045em !important;
  }

  /* Home hero: fixed reading zone. The full illustration is to the right. */
  .bfv104-stage {
    height: clamp(470px, 55vh, 550px) !important;
  }
  .bfv104-stage__grid {
    grid-template-columns: minmax(0, 475px) minmax(245px, 310px) !important;
    justify-content: space-between;
    column-gap: clamp(16px, 2vw, 45px);
  }
  .bfv104-stage__copy {
    width: 100%;
    max-width: 475px;
    min-width: 0;
    padding-left: 0 !important;
  }
  .bfv104-stage h1 {
    font-size: clamp(37px, 3.2vw, 48px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.045em !important;
    margin: 15px 0 13px !important;
    max-width: 470px !important;
    overflow-wrap: normal;
    text-wrap: balance;
  }
  .bfv104-stage__copy > p {
    max-width: 395px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 19px !important;
  }
  .bfv104-stage__art .re-stage__picture {
    width: 54% !important;
    right: 7% !important;
    left: auto !important;
  }
  .bfv104-stage__scrim {
    background:
      linear-gradient(90deg,
        rgba(5,7,10,.99) 0%,
        rgba(5,7,10,.95) 19%,
        rgba(5,7,10,.83) 30%,
        rgba(5,7,10,.25) 45%,
        rgba(5,7,10,.1) 75%,
        rgba(5,7,10,.7) 100%),
      linear-gradient(0deg,rgba(5,7,10,.5),transparent 26%,transparent 72%,rgba(5,7,10,.2)) !important;
  }

  /* Category landing: remove the overwhelming title and recover image space. */
  .re-category__stage { min-height: 525px; }
  .re-category__headline { padding-top: clamp(45px, 5.5vh, 70px); }
  .re-category__headline h1 {
    font-size: clamp(35px, 3.25vw, 49px) !important;
    line-height: 1.09 !important;
    letter-spacing: -.045em !important;
    margin: 11px 0 13px !important;
    max-width: 600px;
    overflow-wrap: anywhere;
  }
  .re-category__headline p {
    font-size: 13px;
    line-height: 1.65;
    max-width: 460px;
  }
  .re-category__stats { margin-top: 30px; }

  /* Wallpaper detail heading follows the same type scale. */
  .re-single__heading h1 {
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: anywhere;
  }
}
@media (min-width: 761px) and (max-width: 1120px) {
  .bfv104-stage__grid {
    grid-template-columns: minmax(0, 370px) minmax(215px, 250px) !important;
    column-gap: 18px;
  }
  .bfv104-stage__copy { max-width: 370px; }
  .bfv104-stage h1 {
    font-size: clamp(35px, 4vw, 43px) !important;
    max-width: 370px !important;
  }
  .bfv104-stage__art .re-stage__picture { width: 57% !important; right: 3% !important; }
  .bfv104-stage__copy > p {max-width: 350px !important;}
  .bfv104-stage__actions a {min-width:0 !important;padding:0 14px!important;gap:11px!important;}
}
@media (max-width: 760px) {
  /* Existing Mobile Lite grid/menu stay unchanged; only oversized headings calm down. */
  .bfv104-stage h1 {
    font-size: clamp(30px, 8vw, 40px) !important;
    line-height: 1.08 !important;
  }
  .re-section-head h2,
  .re-category__body .re-section-head h2,
  .re-single__related .re-section-head h2,
  .re-single__export .re-section-head h2 {
    font-size: clamp(23px, 6vw, 30px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere;
  }
  .re-category__headline h1 {
    font-size: clamp(31px, 8vw, 40px) !important;
    line-height: 1.13 !important;
    letter-spacing: -.04em !important;
    overflow-wrap: anywhere;
  }
  .re-single__heading h1 { font-size: clamp(25px, 6.7vw, 34px) !important; }
  .re-cta h2 { font-size: clamp(26px, 7vw, 34px) !important;line-height:1.13!important; }
}
@media (prefers-reduced-motion: reduce) {
  .bfv104-stage__actions a { transition: none; }
}

/* === Battlefield V1: polish-1.0.18.css === */
/* Battlefield V1.0.18 — clean category hero, seamless homepage art, remove ranking numerals.
   Loaded after previous layers to prevent old breakpoint overrides. */

/* Home hero: fade the actual picture (not the image inside a letterboxed frame).
   Full-height media uses cover inside a near-original-aspect frame; the
   outer mask makes left/right edges melt into the background. */
@media (min-width:761px) {
  .bfv104-stage {background:linear-gradient(105deg,#05070a 0%,#0b0d0f 46%,#17120f 100%)!important}
  .bfv104-stage__art .re-stage__picture {
    inset:0 0 0 auto!important;
    left:auto!important;right:0!important;
    width:69%!important;height:100%!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 21%,black 75%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,black 21%,black 75%,transparent 100%)!important;
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
  }
  .bfv104-stage__art .re-stage__picture img,
  .bfv104-stage__art .re-stage__image {
    position:absolute!important;right:0!important;top:0!important;
    display:block!important;width:auto!important;max-width:none!important;height:100%!important;
    object-fit:contain!important;object-position:center center!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 19%,black 82%,transparent 100%)!important;
    mask-image:linear-gradient(90deg,transparent 0%,black 19%,black 82%,transparent 100%)!important;
    filter:none!important;transform:none!important;
  }
  .bfv104-stage__scrim {
    background:
      linear-gradient(90deg,rgba(5,7,10,.99) 0%,rgba(5,7,10,.96) 19%,rgba(5,7,10,.69) 29%,rgba(5,7,10,.04) 57%,rgba(5,7,10,.1) 81%,rgba(5,7,10,.7) 100%),
      linear-gradient(0deg,rgba(5,7,10,.34),transparent 21%,transparent 82%,rgba(5,7,10,.16))!important;
  }
}
@media (min-width:761px) and (max-width:1120px){
  .bfv104-stage__art .re-stage__picture{width:76%!important;right:0!important}
  .bfv104-stage__art .re-stage__picture img{right:0!important}
}

/* Keep the phone wallpaper as a background, no hard clipping or expensive effects. */
@media (max-width:760px){
  .bfv104-stage__art .re-stage__picture{width:100%!important;right:0!important;
    -webkit-mask-image:linear-gradient(0deg,transparent 0%,black 22%,black 90%,transparent 100%)!important;
    mask-image:linear-gradient(0deg,transparent 0%,black 22%,black 90%,transparent 100%)!important}
  .bfv104-stage__art .re-stage__picture img,.bfv104-stage__art .re-stage__image{
    position:static!important;width:100%!important;height:100%!important;max-width:100%!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    object-fit:cover!important;object-position:60% center!important}
}

/* Category hero: just the game code, title, CTA and the existing three images. */
.re-category__file{display:none!important}
.re-category__headline{align-items:center!important;gap:clamp(17px,3vw,42px)!important;
  padding-top:clamp(28px,4.5vh,65px)!important}
.re-category__headline h1{font-size:clamp(32px,3.1vw,46px)!important;
  line-height:1.1!important;letter-spacing:-.04em!important;margin:10px 0 18px!important}
.re-category__headline p{display:none!important}
.re-category__stage{min-height:0!important;padding-bottom:20px!important}
.re-category__stats{margin-top:clamp(20px,3vh,32px)!important}
.re-category__inside{padding-bottom:0!important}
.re-category__frames{align-self:center!important}
@media (min-width:761px){
  .re-category__cover-image{object-position:center 40%!important}
}
@media (max-width:760px){
  .re-category__headline{gap:18px!important;padding-top:26px!important}
  .re-category__headline h1{font-size:clamp(30px,8vw,39px)!important;margin:10px 0 15px!important}
  .re-category__frames{padding:10px!important}
  .re-category__stats{margin-top:18px!important}
}

/* Remove all meaningless ordinal numbers on homepage image cards.
   Keep real counts, game codes, downloads, and page section indexes. */
.re-featured__number{display:none!important}
.re-world__top>b{display:none!important}
.re-world__top{justify-content:flex-end!important}
.re-world__top>small{margin-left:auto}

/* === Battlefield V1: animated-hero-1.0.19.css === */
/* Battlefield V1.0.19 — image-free premium HUD heroes.
 * Deliberately loaded after every other stylesheet so legacy image-hero
 * rules cannot reappear. Motion is desktop mouse-only and respects a11y.
 */

/* Reusable light-grid backdrop: no media requests, video or JavaScript. */
.bfv19-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate;
  background:radial-gradient(ellipse at 77% 42%,rgba(255,110,26,.16),transparent 33%),
    radial-gradient(ellipse at 52% 95%,rgba(168,55,12,.1),transparent 54%),
    linear-gradient(110deg,#08090d 0%,#0c0e13 42%,#151118 76%,#0c0d12 100%)}
.bfv19-fx__grid,.bfv19-fx__light,.bfv19-fx__scan{position:absolute;inset:0;display:block;pointer-events:none}
.bfv19-fx__grid{opacity:.28;background-image:linear-gradient(rgba(255,139,49,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(255,139,49,.095) 1px,transparent 1px);
  background-size:62px 62px;mask-image:linear-gradient(90deg,transparent 5%,#000 55%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 55%,#000 100%)}
.bfv19-fx__light{inset:-28% -15% -28% 28%;background:radial-gradient(ellipse at 62% 49%,rgba(255,106,13,.19),transparent 46%);opacity:.75}
.bfv19-fx__scan{left:55%;right:auto;width:28%;opacity:.29;background:linear-gradient(90deg,transparent,rgba(255,148,67,.14) 48%,rgba(255,172,92,.2) 50%,transparent 100%);transform:skewX(-20deg) translateX(-140%)}
.bfv19-fx__dot{position:absolute;display:block;width:6px;height:6px;border-radius:50%;background:#ff9c4b;box-shadow:0 0 0 4px rgba(255,132,33,.09),0 0 17px rgba(255,110,15,.7);opacity:.75}
.bfv19-fx__dot--a{top:26%;left:68%}.bfv19-fx__dot--b{top:72%;left:87%;width:4px;height:4px;opacity:.5}

/* Home: compact, border-defined stage with a protected text column. */
.bfv104-home{padding-top:0!important}
.bfv104-stage{position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:0!important;height:clamp(440px,52vh,530px)!important;
  background:#090a0e!important;border-top:1px solid rgba(255,141,46,.24)!important;border-bottom:1px solid rgba(255,141,46,.27)!important}
.bfv104-stage::before{z-index:3!important}
.bfv104-stage__grid{z-index:2!important;max-width:1480px!important;width:calc(100% - 90px)!important;
  display:grid!important;grid-template-columns:minmax(0,560px) minmax(260px,330px)!important;
  justify-content:space-between!important;align-items:center!important;column-gap:50px!important;
  height:100%!important;padding:44px 0 55px!important}
.bfv104-stage__copy{position:relative;z-index:2;max-width:560px!important;width:100%!important;padding:0!important}
.bfv104-stage h1{max-width:520px!important;font-size:clamp(35px,3vw,47px)!important;line-height:1.08!important;margin:17px 0 14px!important}
.bfv104-stage__copy>p{max-width:385px!important;font-size:13px!important;line-height:1.65!important;margin:0 0 23px!important}
.bfv104-stage__actions{gap:10px!important}.bfv104-stage__actions a{min-height:45px!important;min-width:150px!important;padding:0 16px!important;gap:13px!important}
.bfv104-stage__actions a:first-child{min-width:205px!important}

/* New all-text radar console. No images in the hero, ever. */
.bfv19-radar{position:relative;width:100%;max-width:330px;align-self:center;min-width:0;
  border:1px solid rgba(255,146,57,.37);border-radius:15px;overflow:hidden;
  background:linear-gradient(155deg,rgba(23,25,32,.95),rgba(10,12,17,.95));
  box-shadow:0 18px 50px rgba(0,0,0,.39),0 0 50px rgba(255,104,18,.08)}
.bfv19-radar::before{content:"";position:absolute;left:0;top:0;height:2px;width:30%;background:#ff861f;box-shadow:0 0 20px #ff861f70}
.bfv19-radar__head{padding:14px 17px;display:flex;justify-content:space-between;gap:12px;align-items:center;
  font-size:10px;letter-spacing:.1em;font-weight:850;color:#f3e5d8}
.bfv19-radar__head span{color:#ffa456;font-size:9px;white-space:nowrap}
.bfv19-radar__display{height:140px;position:relative;overflow:hidden;margin:0 16px;border:1px solid rgba(255,144,48,.14);
  background:radial-gradient(circle at center,rgba(255,107,22,.11),transparent 55%),linear-gradient(transparent 49.7%,rgba(255,139,51,.12) 50%,transparent 50.3%),linear-gradient(90deg,transparent 49.7%,rgba(255,139,51,.12) 50%,transparent 50.3%)}
.bfv19-radar__ring{position:absolute;left:50%;top:50%;width:104px;height:104px;border:1px solid rgba(255,151,55,.33);border-radius:50%;transform:translate(-50%,-50%)}
.bfv19-radar__ring--inner{width:53px;height:53px;border-color:rgba(255,151,55,.26)}
.bfv19-radar__scope{position:absolute;left:50%;top:50%;width:76px;height:76px;transform-origin:0 0;opacity:.7;
  background:conic-gradient(from 250deg at 0 0,transparent 0deg,rgba(255,120,32,.3) 26deg,rgba(255,145,49,.04) 45deg,transparent 60deg)}
.bfv19-radar__center{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);background:#ff9a42;box-shadow:0 0 15px #ff8b34}
.bfv19-radar__display small{position:absolute;bottom:9px;left:11px;color:#8d857e;letter-spacing:.2em;font-weight:800;font-size:8px}
.bfv19-radar__links{display:grid;gap:5px;padding:10px 16px 13px}
.bfv19-radar__links a{display:flex;align-items:center;gap:10px;min-height:41px;padding:8px 10px;border:1px solid rgba(255,143,49,.11);border-radius:7px;background:rgba(255,255,255,.024)}
.bfv19-radar__links a:hover{background:rgba(255,129,37,.08);border-color:rgba(255,137,47,.37)}
.bfv19-radar__links a span{color:#ffa34f;font-size:10px;font-weight:900;flex:none}
.bfv19-radar__links a strong{color:#f2e8e0;font-size:11px;font-weight:750;line-height:1.4;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bfv19-radar__links a svg{width:13px;height:13px;color:#ffa356;stroke:currentColor;stroke-width:1.8;fill:none;flex:none}
.bfv19-radar__all{border-top:1px solid rgba(255,145,54,.17);padding:13px 16px;display:flex;justify-content:space-between;align-items:center;color:#ffb57b;font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.bfv19-radar__all:hover{background:rgba(255,112,18,.08);color:#fff0de}

/* Category: black HUD instead of an enormous or cropped game cover. */
.re-category__stage{position:relative!important;isolation:isolate!important;background:#0a0b10!important;
  min-height:0!important;padding:0 0 30px!important;overflow:hidden!important;border-bottom:1px solid rgba(255,137,42,.2)}
.re-category__stage>.bfv19-fx{z-index:0!important}
.re-category__inside{z-index:2!important;position:relative!important}
.re-category__headline{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(245px,350px)!important;
  gap:clamp(24px,5vw,90px)!important;align-items:center!important;padding-top:53px!important}
.re-category__headline h1{font-size:clamp(33px,3.15vw,46px)!important;margin:13px 0 20px!important}
.re-category__headline .re-primary{min-height:43px!important}
.re-category__stats{z-index:2!important;margin-top:29px!important}
.bfv19-world-hud{position:relative;min-height:215px;align-self:center;display:grid;grid-template-rows:auto 1fr auto;
  padding:16px;border:1px solid rgba(255,141,42,.32);border-radius:16px;
  background:linear-gradient(135deg,rgba(22,23,30,.85),rgba(12,14,19,.95));
  box-shadow:0 0 32px rgba(255,123,15,.08),0 18px 40px rgba(0,0,0,.38)}
.bfv19-world-hud__top{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:850;letter-spacing:.1em;color:#e0d3c7}
.bfv19-world-hud__top>span:last-child{color:#ffad69;display:flex;align-items:center;gap:6px}
.bfv19-world-hud__top i{width:5px;height:5px;border-radius:50%;background:#ff8a32;box-shadow:0 0 12px #ff8a32}
.bfv19-world-hud__graphic{position:relative;height:105px;align-self:center;justify-self:center;width:140px;
  background:radial-gradient(circle at 50% 50%,rgba(255,125,40,.14),transparent 66%)}
.bfv19-world-hud__graphic>span:not(.bfv19-world-hud__cross){position:absolute;left:50%;top:50%;border-radius:50%;width:96px;height:96px;transform:translate(-50%,-50%);border:1px solid rgba(255,137,46,.3)}
.bfv19-world-hud__graphic>span:nth-child(2){width:55px;height:55px;opacity:.65}
.bfv19-world-hud__cross{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent 46%,#ffab5f 48%,#ffab5f 52%,transparent 54%),linear-gradient(transparent 46%,#ffab5f 48%,#ffab5f 52%,transparent 54%)}
.bfv19-world-hud__bottom{display:flex;align-items:baseline;gap:11px;color:#c6b8a8;font-weight:750;letter-spacing:.11em;font-size:9px}
.bfv19-world-hud__bottom strong{font-size:30px;color:#ff9139;line-height:1;font-weight:900}
.bfv19-world-hud__bottom a{margin-left:auto;font-size:17px;color:#ffab69}

/* Single wallpaper intro: short title bar with a dark static backdrop on small devices. */
.bfv19-single-intro{position:relative;isolation:isolate;overflow:hidden;padding:21px 24px 16px;
  border:1px solid rgba(255,146,51,.18);border-radius:16px;
  background:#0b0d12;box-shadow:0 16px 42px rgba(0,0,0,.18)}
.bfv19-single-intro>.bfv19-fx{z-index:0}
.bfv19-single-intro>.re-breadcrumb,.bfv19-single-intro>.re-single__heading{position:relative;z-index:1}
.bfv19-single-intro>.re-breadcrumb{margin:0 0 10px}
.bfv19-single-intro>.re-single__heading{margin:0!important;min-height:68px;align-items:center}
.bfv19-single-intro .re-single__heading h1{font-size:clamp(26px,3vw,43px)!important;margin:4px 0 0!important}

/* Disabled effects for small screens / touch tablets, regardless of legacy backdrop rules. */
@media(max-width:1099px), (hover:none), (pointer:coarse){
  .bfv19-fx__grid{opacity:.14!important}
  .bfv19-fx__light{opacity:.48!important}
  .bfv19-fx__scan{opacity:0!important}
  .bfv19-fx__dot{opacity:.5!important}
  .bfv19-fx *, .bfv19-radar__scope, .bfv19-world-hud__graphic *{animation:none!important;transition:none!important}
}
@media(min-width:761px) and (max-width:1099px){
  .bfv104-stage{height:465px!important}
  .bfv104-stage__grid{width:calc(100% - 54px)!important;grid-template-columns:minmax(0,1fr) minmax(205px,250px)!important;column-gap:18px!important}
  .bfv19-radar{max-width:250px}.bfv19-radar__display{height:100px}
  .bfv19-radar__ring{width:72px;height:72px}.bfv19-radar__ring--inner{width:40px;height:40px}
  .re-category__headline{grid-template-columns:minmax(0,1fr) 245px!important;gap:22px!important}
  .bfv19-world-hud{min-height:195px}
}
@media(max-width:760px){
  .bfv104-stage{height:auto!important;min-height:310px!important}
  .bfv104-stage__grid{width:calc(100% - 32px)!important;display:block!important;height:auto!important;
    padding:39px 0 39px!important}
  .bfv104-stage__copy{width:100%!important;max-width:100%!important}
  .bfv104-stage h1{font-size:clamp(30px,7.6vw,39px)!important;max-width:350px!important}
  .bfv104-stage__copy>p{max-width:320px!important;font-size:12px!important;margin-bottom:17px!important}
  .bfv104-stage__actions a{flex:1 1 auto;min-width:0!important;padding:0 12px!important;min-height:42px!important;font-size:10px!important}
  .bfv104-stage__actions a:first-child{min-width:0!important}
  .bfv19-radar{display:none!important}
  .bfv104-command{margin-top:0!important}
  .re-category__stage{padding-bottom:15px!important}
  .re-category__headline{display:block!important;padding-top:25px!important}
  .re-category__headline h1{font-size:clamp(30px,7vw,37px)!important;margin:8px 0 16px!important}
  .bfv19-world-hud{display:none!important}
  .re-category__stats{margin-top:22px!important}
  .bfv19-single-intro{padding:16px 15px 14px;border-radius:12px}
  .bfv19-single-intro>.re-single__heading{min-height:0;gap:8px}
  .bfv19-single-intro .re-single__heading h1{font-size:clamp(24px,6.8vw,33px)!important}
}

/* Desktop-only animation. Only composited transforms and opacity are animated. */
@media(min-width:1100px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .bfv19-fx__light{animation:bfv19-glow 12s ease-in-out infinite alternate;will-change:transform,opacity}
  .bfv19-fx__scan{animation:bfv19-scan 11s linear infinite;will-change:transform,opacity}
  .bfv19-fx__grid{animation:bfv19-grid 18s ease-in-out infinite alternate;will-change:transform}
  .bfv19-fx__dot--a{animation:bfv19-dot 5.8s ease-in-out infinite alternate}
  .bfv19-fx__dot--b{animation:bfv19-dot 7s ease-in-out -2s infinite alternate}
  .bfv19-radar__scope{animation:bfv19-radar-spin 9s linear infinite;will-change:transform}
  .bfv19-world-hud__graphic>span:nth-child(2){animation:bfv19-dot 6s ease-in-out infinite alternate}
}
@keyframes bfv19-glow{0%{transform:translate3d(-8%,3%,0) scale(1);opacity:.5}100%{transform:translate3d(6%,-4%,0) scale(1.13);opacity:.92}}
@keyframes bfv19-grid{from{transform:translate3d(0,0,0)}to{transform:translate3d(-22px,12px,0)}}
@keyframes bfv19-scan{0%,12%{transform:skewX(-20deg) translate3d(-250%,0,0);opacity:0}25%{opacity:.28}65%{opacity:.23}85%,100%{transform:skewX(-20deg) translate3d(240%,0,0);opacity:0}}
@keyframes bfv19-dot{from{opacity:.28}to{opacity:.8}}
@keyframes bfv19-radar-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .bfv19-fx *, .bfv19-radar__scope,.bfv19-world-hud__graphic *{animation:none!important;transition:none!important;will-change:auto!important}
}

.bfv19-radar__head span em{font-style:normal}.bfv19-radar__head span b{font-weight:850}.bfv19-world-hud__top b{font-weight:850}

/* Battlefield V1.0.25 – Home scroll performance. Decorative animation keeps its
   normal appearance whenever the desktop hero is visible. */
@media (min-width:1100px) and (hover:hover) and (pointer:fine) {
  html.bfv25-home-hero-offscreen .bfv104-stage .bfv19-fx__light,
  html.bfv25-home-hero-offscreen .bfv104-stage .bfv19-fx__scan,
  html.bfv25-home-hero-offscreen .bfv104-stage .bfv19-fx__grid,
  html.bfv25-home-hero-offscreen .bfv104-stage .bfv19-fx__dot,
  html.bfv25-home-hero-offscreen .bfv104-stage .bfv19-radar__scope {
    animation-play-state:paused!important;
    will-change:auto!important;
  }
}
/* Transparent blurred surfaces force expensive backdrop sampling across a dense
   gallery. The visually equivalent dark badges remain readable and sharp. */
.re-home .re-editorial .bfv-card__body small,
.re-home .re-featured__strip .bfv-card__body small {
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:rgba(9,11,15,.90);
}
@media (min-width:1100px) {
  /* A near-opaque top bar removes a fullscreen blur pass during home scrolling. */
  body.home .bfv-header {
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(7,9,12,.985)!important;
  }
}

/* Reborn 1.0.54: compact Halloween wallpaper category link (no site decorations). */
.bfv-nav .bfv-halloween-nav{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid rgba(249,135,42,.48);border-radius:10px;background:rgba(226,97,16,.10);color:#ffad62;font-weight:800;letter-spacing:.02em;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}
.bfv-nav .bfv-halloween-nav:hover,.bfv-nav .bfv-halloween-nav:focus-visible{background:rgba(240,113,22,.20);border-color:#ff9d43;color:#fff}
.bfv-halloween-nav__pumpkin{font-size:16px;line-height:1}
@media(max-width:980px){.bfv-nav .bfv-halloween-nav{justify-content:flex-start;width:max-content;max-width:100%;margin:5px 0;padding:10px 14px}}