/* Breachwake: the Reclaimer field kit, the same look chosen for the game's interface.
   Painted steel plates with rivets, tan tape labels, hazard stripes kept for danger,
   Big Shoulders Stencil Display for names and numbers, Rajdhani for sentences. */
@font-face{font-family:"Big Shoulders Stencil";src:url("/games/breachwake/fonts/big-shoulders-stencil-display-latin-800-normal.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Big Shoulders Stencil";src:url("/games/breachwake/fonts/big-shoulders-stencil-display-latin-900-normal.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Rajdhani";src:url("/games/breachwake/fonts/rajdhani-latin-600-normal.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Rajdhani";src:url("/games/breachwake/fonts/rajdhani-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}

.bw-site{
  --ground:#1c1f18;--steel:#2f332b;--steel2:#3c4136;--edge:#14160f;--rivet:#6b6a58;--tan:#d8c49a;--ink:#16170f;--ink-2:#4b4535;
  --paint:#efe4c8;--quiet:#bdb39b;--safety:#ff6a1f;--safety-text:#ff9a5c;--on-tape:#7a2c0e;--scrip:#ffd23f;--hazard:#ffcc1f;--hp:#e2483a;--rare:#58b0ff;--graft:#7ee0a0;
  --stencil:"Big Shoulders Stencil","Rajdhani",sans-serif;--sans:"Rajdhani",system-ui,sans-serif;--display:var(--stencil)}
.bw-site main{background:var(--ground);box-shadow:0 0 0 100vmax var(--ground);clip-path:inset(0 -100vmax);color:var(--paint);font-family:var(--sans);font-weight:600}
.bw-site main h2,.bw-site main h3,.bw-site main h4{font-family:var(--stencil);font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--paint)}
.bw-site main p{line-height:1.5}
.bw-site main :focus-visible{outline:3px solid var(--safety);outline-offset:3px}
.bw-site main a:hover{color:inherit}
.bw-site main section{scroll-margin-top:96px}
.bw-small{font-size:15px;color:var(--quiet)}

/* The plate: painted steel, two rivets, an inner highlight */
.bw-plate{position:relative;border:2px solid var(--edge);box-shadow:inset 0 0 0 2px rgba(239,228,200,.07),0 6px 18px rgba(0,0,0,.45);
  background:radial-gradient(circle at 11px 11px,var(--rivet) 2.5px,transparent 3.5px),radial-gradient(circle at calc(100% - 11px) 11px,var(--rivet) 2.5px,transparent 3.5px),linear-gradient(180deg,var(--steel2),var(--steel))}
.bw-tape{display:inline-block;margin:0;padding:5px 12px 3px;background:var(--tan);color:var(--ink);font-family:var(--stencil);font-weight:800;font-size:16px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.bw-hazard,.bw-plate.hazard::before{content:"";display:block;height:10px;background:repeating-linear-gradient(-45deg,var(--hazard) 0 12px,var(--ink) 12px 24px)}
.bw-plate.hazard::before{margin:-2px -2px 14px}

/* Actions */
.bw-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.bw-btn{display:inline-flex;align-items:center;min-height:48px;padding:10px 22px 8px;border:3px solid var(--tan);background:var(--steel);color:var(--paint);font-family:var(--stencil);font-weight:900;font-size:19px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 5px 0 var(--edge);transition:transform .12s,box-shadow .12s,background .12s}
.bw-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--edge);background:var(--steel2)}
.bw-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--edge)}
.bw-btn.primary{background:var(--safety);border-color:var(--safety);color:var(--ink)}
.bw-btn.primary:hover{background:#ff8240}

/* Hero: the Cinder Reach behind an operation brief, Rook standing in front */
.bw-hero{position:relative;display:grid;grid-template-columns:minmax(0,640px) 1fr;align-items:end;width:100vw;margin-left:calc(50% - 50vw);min-height:min(86vh,820px);padding:64px var(--edge-pad,40px) 48px;overflow:hidden}
.bw-hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%}
.bw-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,31,24,.78),rgba(28,31,24,.1) 60%),linear-gradient(0deg,var(--ground),transparent 30%);pointer-events:none}
.bw-hero-copy{position:relative;z-index:2;padding:30px 30px 28px}
.bw-site .bw-title{margin:16px 0 0;font-family:var(--stencil);font-weight:900;font-size:clamp(58px,6.6vw,104px);line-height:.88;letter-spacing:.01em;text-transform:uppercase;color:var(--paint);text-shadow:0 4px 0 rgba(0,0,0,.5)}
.bw-lead{max-width:40ch;margin:18px 0 0;font-size:21px;color:var(--paint)}
.bw-status{max-width:52ch;margin:22px 0 0;padding-top:14px;border-top:2px dashed var(--rivet);font-size:15px;color:var(--quiet)}
.bw-status b{color:var(--safety-text)}
.bw-site .bw-hero-rook{position:absolute;z-index:1;right:max(3vw,24px);bottom:0;height:min(92%,780px);width:auto;max-width:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.55))}

.bw-tally{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:22px 0 0}
.bw-tally div{display:flex;flex-direction:column-reverse;gap:2px;padding:12px 14px 10px;background:var(--steel);border:2px solid var(--edge);border-top:6px solid var(--tan)}
.bw-tally dd{margin:0;font-family:var(--stencil);font-weight:900;font-size:40px;line-height:1;color:var(--scrip)}
.bw-tally dt{font-size:15px;color:var(--quiet)}
.bw-site .bw-subnav{border-bottom:2px solid var(--steel2);font-family:var(--stencil);font-weight:800;font-size:18px;letter-spacing:.05em;text-transform:uppercase}
.bw-site .bw-subnav a[aria-current]{text-decoration-color:var(--safety)}

/* Sections */
.bw-section{padding:80px 0 0}
.bw-head{max-width:780px;margin-bottom:30px}
.bw-head h2,.bw-close h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:.95}
.bw-head p{margin:14px 0 0;font-size:19px;color:var(--quiet)}
.bw-sub{margin:44px 0 16px;font-size:30px}

.bw-videos{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bw-video{margin:0;padding:16px}
.bw-video video{display:block;width:100%;aspect-ratio:16/9;margin-top:12px;background:#000;border:2px solid var(--edge)}

/* Grafts */
.bw-grafts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bw-graft{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:start;padding:14px}
.bw-graft img,.bw-graft-sigil{width:84px;height:84px;object-fit:contain;background:#24271f;border:2px dashed var(--rivet)}
.bw-graft h3{margin:0;font-size:23px}
.bw-sub small{font-size:.6em;color:var(--quiet);margin-left:6px}
.bw-from{margin:2px 0 8px;font-weight:700;color:var(--safety-text)}
.bw-graft p{margin:0 0 8px}
.bw-more{margin-top:14px}
.bw-more>summary{display:inline-block;cursor:pointer;padding:10px 18px;border:2px solid var(--paint);font-family:var(--stencil);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--paint)}
.bw-more>summary:hover,.bw-more>summary:focus-visible{background:var(--paint);color:var(--ink)}
.bw-more[open]>summary{margin-bottom:14px}
.bw-sigil{display:grid;place-items:center;font-family:var(--stencil);font-weight:900;font-size:48px;color:var(--quiet)}

/* Crew: roster picks above one panel at a time */
.bw-roster{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;margin-bottom:18px}
.bw-roster[hidden]{display:none}
.bw-site .bw-pick{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:0;padding:8px 4px 6px;border:2px solid var(--edge);border-radius:0;background:var(--steel);color:var(--paint);font:800 15px var(--stencil);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 0 var(--edge)}
.bw-pick img{width:100%;height:78px;object-fit:contain;object-position:bottom}
.bw-pick-sigil{display:grid;place-items:center;width:100%;height:78px;font-size:34px;color:var(--quiet)}
.bw-site .bw-pick:hover{background:var(--steel2)}
.bw-site .bw-pick[aria-pressed=true]{border-color:var(--safety);box-shadow:0 0 0 2px var(--safety),0 4px 0 var(--edge);background:var(--steel2)}
.bw-crew-panels{display:grid;gap:18px}
.bw-crew-panel{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:start;padding:26px}
.bw-crew-panel[hidden]{display:none}
.bw-crew-render{width:100%;height:auto;max-height:520px;object-fit:contain;background:radial-gradient(ellipse at 50% 85%,rgba(216,196,154,.32),transparent 62%),#4a4f43;border:2px solid var(--edge)}
.bw-crew-shot{position:relative;display:block;border:2px solid var(--edge);box-shadow:0 4px 0 var(--edge);overflow:hidden}
.bw-site .bw-crew-shot img{display:block;width:100%;height:auto;aspect-ratio:9/11;object-fit:cover;transition:transform .2s}
.bw-crew-shot:hover img{transform:scale(1.02)}
@media (prefers-reduced-motion:reduce){.bw-site .bw-crew-shot img{transition:none}}
.bw-crew-shot:focus-visible{outline:3px solid var(--safety);outline-offset:3px}
.bw-crew-shot small{position:absolute;left:10px;bottom:10px;padding:4px 10px 2px;background:var(--ink);color:var(--tan);font:600 14px var(--sans);letter-spacing:.04em}
.bw-crew-none{display:grid;place-items:center;align-content:center;gap:8px;aspect-ratio:9/11;font-family:var(--stencil);font-weight:900;font-size:120px;color:var(--rivet)}
.bw-crew-none small{font:600 15px var(--sans);color:var(--quiet)}
.bw-crew-copy h3{margin:12px 0 4px;font-size:52px;line-height:1}
.bw-blurb{font-size:20px;color:var(--paint);margin:0 0 10px}
.bw-crew-copy>p:not(.bw-tape){color:var(--quiet);margin:0 0 10px}
.bw-abilities{display:grid;gap:8px;margin:18px 0;padding:0;list-style:none}
.bw-abilities li{display:grid;grid-template-columns:52px 64px minmax(0,1fr);gap:12px;align-items:center;padding:8px 10px;background:rgba(20,22,15,.45);border:1px solid var(--edge)}
.bw-abilities img,.bw-ab-sigil{width:52px;height:52px;object-fit:contain;background:var(--steel);border:2px solid var(--tan);border-radius:8px;font-size:24px}
.bw-abilities kbd{justify-self:start;padding:3px 8px 1px;background:var(--tan);color:var(--ink);font:800 15px var(--stencil);letter-spacing:.04em}
.bw-abilities b{font-family:var(--stencil);font-weight:800;font-size:19px;letter-spacing:.03em;text-transform:uppercase}
.bw-abilities p{margin:2px 0 0;font-size:16px;color:var(--quiet)}

/* Regions */
.bw-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bw-region{display:flex;flex-direction:column;padding:12px}
.bw-region.lead{grid-column:span 2;grid-row:span 2}
.bw-region img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--edge);transition:filter .15s}
.bw-region a:hover img{filter:brightness(1.12)}
.bw-region h3{margin:12px 0 4px;font-size:26px}
.bw-region.lead h3{font-size:34px}
.bw-region p{margin:0 0 8px;font-size:16px;color:var(--quiet)}
.bw-boss-chip{display:inline-block;margin-top:auto!important;padding:3px 10px 1px;background:var(--ink);color:var(--hazard)!important;font:800 15px var(--stencil)!important;letter-spacing:.06em;text-transform:uppercase;border-left:6px solid var(--hazard)}

/* Threats */
.bw-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bw-faction{padding:22px 20px 16px;border-top:8px solid var(--tan)}
.bw-faction.ironbound{border-top-color:#9aa3ad}.bw-faction.marrowborn{border-top-color:#9fbf5a}.bw-faction.hollow{border-top-color:#b49cf0}
.bw-faction h3{margin:0 0 6px;font-size:32px}
.bw-faction p{margin:0;color:var(--quiet)}
.bw-bosses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bw-boss{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:16px;border-top:8px solid;border-image:repeating-linear-gradient(-45deg,var(--hazard) 0 12px,var(--ink) 12px 24px) 8}
.bw-boss img,.bw-boss-none{width:120px;height:146px;object-fit:cover;object-position:center 30%;background:#4a4f43;border:2px solid var(--edge)}
.bw-boss-none{display:grid;place-items:center;font:900 54px var(--stencil);color:var(--rivet)}
.bw-boss h3{margin:0 0 4px;font-size:24px}
.bw-boss p{margin:0 0 6px;font-size:15px;color:var(--quiet)}
.bw-foes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.bw-foe-in{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;height:100%;padding:10px;background:var(--steel);border:2px solid var(--edge);color:var(--quiet);font-size:15px;text-decoration:none}
a.bw-foe-in:hover{border-color:var(--tan)}
.bw-foe img,.bw-foe-none{width:72px;height:72px;object-fit:cover;object-position:center 30%;background:#4a4f43}
.bw-foe-none{display:grid;place-items:center;font:900 32px var(--stencil);color:var(--rivet)}
.bw-foe b{display:block;color:var(--paint);font:800 19px var(--stencil);letter-spacing:.03em;text-transform:uppercase}
.bw-foe small{display:block;margin-bottom:2px;color:var(--safety-text);font-weight:700}

/* Relics */
.bw-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.bw-filters[hidden]{display:none}
.bw-site .bw-filter{min-height:44px;padding:6px 14px 4px;border:2px solid var(--tan);border-radius:0;background:var(--steel);color:var(--paint);font:800 17px var(--stencil);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.bw-filter small{font:700 14px var(--sans);color:var(--quiet)}
.bw-site .bw-filter:hover{background:var(--steel2)}
.bw-site .bw-filter[aria-pressed=true]{background:var(--tan);color:var(--ink)}
.bw-site .bw-filter[aria-pressed=true] small{color:var(--ink-2)}
.bw-relics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.bw-relic{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:start;padding:12px;background:var(--steel);border:2px solid var(--edge)}
.bw-relic[hidden]{display:none}
.bw-relic img,.bw-relic-sigil{width:76px;height:76px;object-fit:contain;background:#24271f;border:1px dashed var(--rivet)}
.bw-relic-sigil{font-size:36px}
.bw-relic h3{margin:0;font-size:20px;letter-spacing:.03em}
.bw-kind{margin:1px 0 6px;font-size:14px;color:var(--safety-text);font-weight:700}
.bw-relic p{margin:0 0 6px;font-size:15px;color:var(--paint)}
.bw-relic .bw-small{font-size:14px}

/* Between runs */
.bw-camp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.bw-camp-img{display:block;padding:12px}
.bw-camp-img img{display:block;width:100%;height:auto;border:2px solid var(--edge)}
.bw-list-plate{padding:20px}
.bw-hub,.bw-threat-list{margin:14px 0 10px;padding:0;list-style:none}
.bw-hub li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 0;border-bottom:1px solid rgba(239,228,200,.1)}
.bw-hub b,.bw-threat-list b{font-family:var(--stencil);font-weight:800;font-size:18px;letter-spacing:.03em;text-transform:uppercase}
.bw-hub span{grid-column:1;font-size:15px;color:var(--quiet)}
.bw-hub small{grid-column:2;grid-row:1;color:var(--scrip);font-weight:700}
.bw-more-line{margin:20px 0 0;font-size:18px;font-weight:700;color:var(--scrip)}
#camp>.bw-counts{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.bw-camp2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.bw-threat-list li{padding:8px 0;border-bottom:1px solid rgba(239,228,200,.1);color:var(--quiet);font-size:15px}
.bw-threat-list b{display:block;color:var(--paint)}
.bw-counts{display:grid;gap:12px;margin:0;padding:22px 20px}
.bw-counts div{display:flex;flex-direction:column-reverse}
.bw-counts dd{margin:0;font:900 48px/1 var(--stencil);color:var(--scrip)}
.bw-counts dt{color:var(--quiet)}

.bw-close{margin:96px 0 72px;padding:34px 30px 30px}
.bw-close p{max-width:56ch;margin:14px 0 0;font-size:19px;color:var(--quiet)}

@media (max-width:1100px){
  .bw-hero{grid-template-columns:minmax(0,560px) 1fr}
  .bw-site .bw-hero-rook{height:min(70%,600px);opacity:.9}
  .bw-tally{grid-template-columns:repeat(4,1fr)}
  .bw-roster{grid-template-columns:repeat(7,minmax(0,1fr))}
  .bw-regions,.bw-bosses,.bw-relics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bw-foes{grid-template-columns:1fr}
  .bw-grafts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .bw-hero{display:block;min-height:0;padding:28px 16px 24px}
  .bw-hero::after{background:linear-gradient(180deg,rgba(28,31,24,.55),transparent 45%),linear-gradient(0deg,var(--ground),transparent 16%)}
  .bw-hero-copy{padding:22px 18px 20px}
  .bw-site .bw-hero-rook{position:relative;right:auto;display:block;height:300px;margin:-20px auto 0}
  .bw-lead{font-size:18px}
  .bw-tally{grid-template-columns:repeat(2,1fr)}
  .bw-tally div:last-child{grid-column:1/-1}
  .bw-section{padding-top:56px}
  .bw-head p{font-size:17px}
  .bw-videos,.bw-factions,.bw-regions,.bw-bosses,.bw-relics,.bw-camp,.bw-camp2{grid-template-columns:1fr}
  .bw-region.lead{grid-column:auto;grid-row:auto}
  .bw-roster{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .bw-site .bw-pick{font-size:13px}
  .bw-crew-panel{grid-template-columns:1fr;padding:18px}
  .bw-crew-render{max-height:360px}
  .bw-site .bw-crew-shot img{aspect-ratio:4/4.2;object-position:50% 30%}
  .bw-crew-copy h3{font-size:40px}
  .bw-abilities li{grid-template-columns:44px minmax(0,1fr);gap:4px 12px}
  .bw-abilities img,.bw-ab-sigil{width:44px;height:44px;grid-row:span 2}
  .bw-grafts{grid-template-columns:1fr}
  .bw-graft{grid-template-columns:72px minmax(0,1fr)}
  .bw-graft img,.bw-graft-sigil{width:72px;height:72px}
  .bw-boss{grid-template-columns:88px minmax(0,1fr)}
  .bw-boss img,.bw-boss-none{width:88px;height:110px}
}
@media (prefers-reduced-motion:reduce){.bw-btn,.bw-region img{transition:none}.bw-btn:hover,.bw-btn:active{transform:none}}

.bw-site .site-nav,.bw-site footer{background-image:none}
.bw-site .site-nav::after,.bw-site footer::before{display:none}
/* Header and footer as Reclaimer gear: a painted steel plate, a tan rule, stencil caps;
   the footer opens on a hazard stripe. */
.bw-site .site-nav,.bw-site footer{background-color:#2f332b}
.bw-site .site-nav{background:linear-gradient(180deg,#3c4136,#2f332b);border-bottom:3px solid #d8c49a;box-shadow:0 4px 0 #14160f}
.bw-site .nav-links{font-family:"Big Shoulders Stencil","Rajdhani",sans-serif;font-weight:800;font-size:17px;letter-spacing:.08em;text-transform:uppercase;color:#efe4c8}
.bw-site .nav-links a::after{background:#ff6a1f;height:3px}
.bw-site .brand-subtitle{color:#d8c49a!important}
.bw-site footer{border-top:0;color:#bdb39b;background:linear-gradient(180deg,#2f332b,#1c1f18)}
.bw-site footer::before{display:block!important;content:"";position:absolute;inset:0 calc(50% - 50vw) auto;width:auto;height:10px;opacity:1;background:repeating-linear-gradient(-45deg,#ffcc1f 0 12px,#16170f 12px 24px)}
.bw-site footer::after{color:#efe4c8;font-family:"Big Shoulders Stencil",sans-serif;font-weight:900}
.bw-site footer .footer-row{border-top-color:rgba(216,196,154,.25)}
/* Header and footer run edge to edge, rules included. */
.bw-site .site-nav{background:#363b31;border-bottom:0;box-shadow:0 0 0 100vmax #363b31;clip-path:inset(0 -100vmax -3px)}
.bw-site .site-nav::before{content:"";position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);bottom:-3px;height:3px;background:#d8c49a;pointer-events:none}
.bw-site footer{background:#252820;border-top:0;overflow:visible;box-shadow:0 0 0 100vmax #252820;clip-path:inset(-10px -100vmax 0)}
body.bw-site{background:#1c1f18}

/* Siege of the Titan: the planned raid, its boss and the pieces of its three fronts */
.bw-tape-warn{background:var(--hazard);margin-bottom:14px}
.bw-titan{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px;align-items:center;padding:0 24px 24px}
.bw-titan::before{grid-column:1/-1;margin:-2px -26px 0!important}
.bw-titan-art img{display:block;width:100%;height:auto;border:2px solid var(--edge);background:#aeb1b7}
.bw-titan h3{margin:0 0 10px;font-size:40px;line-height:1}
.bw-titan p{margin:0 0 18px;font-size:18px;color:var(--paint)}
.bw-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 0;padding:0;list-style:none}
.bw-piece{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:12px;background:var(--steel);border:2px solid var(--edge)}
.bw-piece img{display:block;width:150px;height:auto;border:1px solid var(--edge);transition:filter .15s}
.bw-piece a:hover img,.bw-set-art:hover img,.bw-titan-art:hover img{filter:brightness(1.08)}
.bw-piece b,.bw-set b{display:block;font:800 19px var(--stencil);letter-spacing:.03em;text-transform:uppercase;color:var(--paint)}
.bw-piece span{font-size:15px;color:var(--quiet)}

/* The hub's buy list as game sets you can inspect in 3D */
.bw-camp-img{display:block;padding:12px;margin-bottom:18px}
.bw-buy{margin-bottom:0}
.bw-sets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 12px;padding:0;list-style:none}
.bw-set{display:flex;flex-direction:column;background:rgba(20,22,15,.45);border:1px solid var(--edge)}
.bw-set-art img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#aeb1b7;transition:filter .15s}
.bw-set>div{padding:10px 12px 12px}
.bw-set small{display:block;margin:2px 0 6px;color:var(--scrip);font-weight:700}
.bw-set span{display:block;font-size:15px;color:var(--quiet)}
.bw-set em{display:block;margin-top:8px;font-style:normal;font-size:14px;color:var(--safety-text);font-weight:700}
@media (max-width:1100px){.bw-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}.bw-sets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.bw-titan{grid-template-columns:1fr;padding:0 16px 18px}.bw-titan::before{margin:-2px -18px 0!important}.bw-titan h3{font-size:30px}.bw-pieces,.bw-sets{grid-template-columns:1fr 1fr}.bw-piece{grid-template-columns:1fr}.bw-piece img{width:100%}}
@media (prefers-reduced-motion:reduce){.bw-piece img,.bw-set-art img{transition:none}}
.bw-lineup{padding:12px;margin-bottom:18px}
.bw-lineup-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bw-lineup img{display:block;width:100%;height:auto;border:2px solid var(--edge)}
.bw-lineup p{margin:8px 0 0;font-size:15px;color:var(--quiet)}
@media (max-width:760px){.bw-lineup-row{grid-template-columns:1fr}}
.bw-head .bw-tape{color:var(--ink);font-size:16px;margin:0 0 14px}
.bw-titan-art img{aspect-ratio:4/3;object-fit:cover;object-position:50% 70%}
@media(max-width:420px){.bw-site .bw-title{font-size:min(58px,14.5vw)}}
/* October 24, 2026: the highlights lead the trailers; stills in both looks; mission plays; raid finales. */
.bw-video.lead{grid-column:1/-1}
.bw-stills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bw-still{margin:0;padding:10px;background:var(--steel);border:2px solid var(--edge)}
.bw-still img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--edge);transition:filter .15s}
.bw-still a:hover img{filter:brightness(1.1)}
.bw-still figcaption{margin-top:8px;font:800 17px var(--stencil);letter-spacing:.03em;text-transform:uppercase;color:var(--paint)}
.bw-still small{display:block;font:600 14px var(--sans);letter-spacing:0;text-transform:none;color:var(--quiet)}
.bw-plays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.bw-plays li{padding:16px 18px}
.bw-plays b{display:block;font:800 22px var(--stencil);letter-spacing:.03em;text-transform:uppercase;color:var(--paint)}
.bw-plays span{display:block;margin-top:6px;font-size:16px;color:var(--quiet)}
.bw-finales{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 16px;padding:0;list-style:none}
.bw-finale{padding:12px}
.bw-finale img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--edge)}
.bw-finale h3{margin:12px 0 4px;font-size:28px}
.bw-finale p{margin:0;font-size:16px;color:var(--quiet)}
@media (max-width:1100px){.bw-stills{grid-template-columns:repeat(3,minmax(0,1fr))}.bw-plays{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.bw-stills{grid-template-columns:1fr 1fr}.bw-plays,.bw-finales{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.bw-still img{transition:none}}
.bw-faction.squallborn{border-top-color:#8fb4d6}
.bw-faction.breach{border-top-color:#f2a23a}