/* The top of the homepage as one Dirty Bomb style client: fog over London, steel panels, yellow accents.
   The reactor keeps its dark containment zone in the middle, because its light only reads on dark. Loaded last in <head>. */
:root{--cl-steel:#37404a;--cl-steel2:#2a323b;--cl-ink:#14181d;--cl-yellow:#ffc81f;--cl-paper:rgba(226,231,236,.95);
  --cl-fog:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='118'%3E%3Cpath d='M59 53v12M53 59h12' stroke='%23ffffff' stroke-opacity='.5' stroke-width='1.4'/%3E%3C/svg%3E"),url("dbr-lobby-skyline.svg") center bottom/100% auto no-repeat,linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.1) 58% 76%,transparent 76%),linear-gradient(180deg,#b9c4cf 0%,#8e9baa 62%,#778593 100%)}

/* ---------- hero ---------- */
#hero-option-c{
  border:1px solid #c6d0da;box-shadow:0 14px 40px rgba(0,0,0,.45);
  background:radial-gradient(480px 480px at var(--dbr-cx,50%) var(--dbr-cy,46%),#04080f 0 52%,rgba(4,8,15,.86) 66%,rgba(4,8,15,0) 100%),var(--cl-fog);
}
#hero-option-c::before,#hero-option-c::after{display:none}
#hero-option-c .dbr-ring-hero{display:none}
#hero-option-c .reactor-left{align-self:stretch;margin:-14px 0;padding:20px 22px;background:var(--cl-paper);border-top:5px solid var(--cl-yellow);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 10px 24px rgba(20,28,36,.34)}
#hero-option-c .eyebrow{color:#47525e;text-shadow:none;font-weight:800;letter-spacing:.14em}
#hero-option-c .reactor-left h1{font-size:74px;line-height:.98;color:var(--cl-ink);filter:none;animation:none;translate:none;margin-bottom:12px}
#hero-option-c .reactor-left h1 .dbr-t{color:var(--cl-ink);background:none;animation:none;-webkit-background-clip:border-box;background-clip:border-box}
#hero-option-c .reactor-left h1 .slash{color:#ff4a2e;text-shadow:none;animation:none}
#hero-option-c .lead{color:#2a323b;font-weight:600}
#hero-option-c .dbr-find-label{color:var(--cl-ink);text-shadow:none}
#hero-option-c .dbr-find-box{background:#fff;border:2px solid var(--cl-ink);box-shadow:4px 4px 0 var(--cl-yellow);clip-path:none;animation:none}
#hero-option-c .dbr-find-box::after{display:none}
#hero-option-c .dbr-find-box:focus-within{border-color:var(--cl-ink);box-shadow:5px 5px 0 #ff4a2e}
#hero-option-c .dbr-find-box svg{stroke:var(--cl-ink)}
#hero-option-c .dbr-find-box input{color:var(--cl-ink);font-weight:700}
#hero-option-c .dbr-find-box input::placeholder{color:#5e6a76}
#hero-option-c .dbr-find-box input::-webkit-search-cancel-button{filter:none}
#hero-option-c .reactor-field-count{background:var(--cl-steel2);border:0;border-left:5px solid var(--cl-yellow);box-shadow:none;margin-top:14px}
#hero-option-c .reactor-field-count::after,#hero-option-c .reactor-brief::after,#hero-option-c .dbr-announce-banner::after{display:none}
#hero-option-c .reactor-field-count b{color:var(--cl-yellow);background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none;animation:none}
#hero-option-c .reactor-field-count span{color:#d3dbe2}
#hero-option-c .reactor-brief{background:var(--cl-paper);border:0;border-top:5px solid var(--cl-yellow);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 10px 24px rgba(20,28,36,.34);clip-path:none}
#hero-option-c .reactor-brief-title{color:var(--cl-ink);text-shadow:none;font-weight:800}
#hero-option-c .reactor-brief p{color:#2a323b;font-weight:600}
#hero-option-c .reactor-status-grid span{background:var(--cl-steel);border:0;color:#d3dbe2}
#hero-option-c .reactor-status-grid b{color:var(--cl-yellow);text-shadow:none}
#hero-option-c .dbr-announce-banner{border:2px solid var(--cl-ink);box-shadow:4px 4px 0 var(--cl-yellow)}
#hero-option-c .dbr-announce-banner:hover{box-shadow:6px 6px 0 var(--cl-yellow)}

/* ---------- rank bar: the game's tabs ---------- */
#dbrRankBar .dbr-rb-in,.dbr-rb-fixed .dbr-rb-in{background:var(--cl-steel);border:0;border-bottom:3px solid var(--cl-yellow);box-shadow:0 8px 20px rgba(0,0,0,.34)}
#dbrRankBar .dbr-rb-in::after{display:none}
#dbrRankBar .dbr-rb-label,.dbr-rb-fixed .dbr-rb-label{color:#f2f5f8;text-shadow:none}
#dbrRankBar .dbr-rb-chip,.dbr-rb-fixed .dbr-rb-chip{background:#dfe4e9;border:0;border-bottom:4px solid var(--c);color:var(--cl-ink);text-shadow:none;box-shadow:none}
#dbrRankBar .dbr-rb-chip b,.dbr-rb-fixed .dbr-rb-chip b{color:#47525e}
#dbrRankBar .dbr-rb-chip:hover,#dbrRankBar .dbr-rb-chip:focus-visible,.dbr-rb-fixed .dbr-rb-chip:hover,.dbr-rb-fixed .dbr-rb-chip:focus-visible,.dbr-rb-fixed .dbr-rb-chip.is-here{background:var(--cl-ink);color:var(--cl-yellow);box-shadow:none;transform:translateY(-2px)}
#dbrRankBar .dbr-rb-chip:hover b,.dbr-rb-fixed .dbr-rb-chip:hover b,.dbr-rb-fixed .dbr-rb-chip.is-here b{color:#fff}
.dbr-rb-fixed .dbr-rb-find{background:var(--cl-yellow);color:var(--cl-ink)}

/* ---------- how to get ranked: three merc cards ---------- */
#get-ranked{padding:0 18px 18px;background:var(--cl-fog);border:1px solid #c6d0da;box-shadow:0 14px 40px rgba(0,0,0,.4);clip-path:none}
#get-ranked::before,#get-ranked::after{display:none}
#get-ranked>.panel-head{margin:0 -18px 14px;padding:14px 20px;background:linear-gradient(180deg,#46505b,#343c46);border:0;border-bottom:3px solid var(--cl-yellow)}
#get-ranked .panel-title{font:800 27px/1 "Chakra Petch",sans-serif;letter-spacing:.03em;color:#f2f5f8;text-shadow:none;text-transform:uppercase}
#get-ranked .panel-note{color:#d3dbe2;font:600 15px/1.2 "Rajdhani",sans-serif;letter-spacing:0;text-transform:none}
#get-ranked .get-ranked-grid{gap:12px}
#get-ranked .get-step{position:relative;overflow:hidden;min-height:230px;padding:16px 138px 16px 16px;background:var(--cl-paper);border:0;border-top:4px solid var(--cl-steel);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 8px 20px rgba(30,40,50,.22);clip-path:none;transition:transform .14s,border-color .14s}
#get-ranked .get-step:hover{transform:translateY(-3px);border-top-color:var(--cl-yellow)}
#get-ranked .get-step::before{display:none}
#get-ranked .get-step::after{content:"";position:absolute;right:-16px;bottom:-8px;width:160px;height:224px;pointer-events:none;background:center bottom/contain no-repeat}
#get-ranked .get-step:nth-child(1)::after{background-image:url("dbr-client-merc1.webp")}
#get-ranked .get-step:nth-child(2)::after{background-image:url("dbr-client-merc2.webp")}
#get-ranked .get-step:nth-child(3)::after{background-image:url("dbr-client-merc3.webp")}
#get-ranked .step-no{display:flex;align-items:center;justify-content:center;width:42px;height:47px;margin-bottom:10px;background:var(--cl-yellow);color:var(--cl-ink);font:800 16px/1 "Chakra Petch",sans-serif;text-shadow:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
#get-ranked .get-step h3{margin:0 0 7px;font:800 21px/1.05 "Chakra Petch",sans-serif;color:var(--cl-ink);text-shadow:none;text-transform:uppercase}
#get-ranked .get-step p{margin:0;color:#2a323b;font:600 15px/1.35 "Rajdhani",sans-serif}
#get-ranked .get-step .slash{display:inline;color:#c92f12;font-weight:800;text-shadow:none}
#get-ranked .get-ranked-callout{margin-top:12px;padding:12px 14px;background:var(--cl-steel2);border:0;border-left:5px solid var(--cl-yellow);color:#e8edf1;font:600 15px/1.35 "Rajdhani",sans-serif;box-shadow:none;clip-path:none}
#get-ranked .get-ranked-callout strong{color:var(--cl-yellow)}

/* ---------- still burning: the header in client colors, the wall untouched below it ---------- */
#leaderboard>.elite-command-head{padding:18px 22px;background:var(--cl-fog)!important;border:1px solid #c6d0da!important;border-bottom:0!important;box-shadow:none!important;clip-path:none!important}
#leaderboard>.elite-command-head::before,#leaderboard>.elite-command-head::after{display:none}
#leaderboard .elite-command-overline{color:#2a323b!important;text-shadow:none!important;font-weight:800}
#leaderboard .elite-command-title{color:var(--cl-ink)!important;text-shadow:none!important;font-weight:800;text-transform:uppercase}
#leaderboard .elite-season-callout{background:var(--cl-steel2)!important;border:0!important;border-left:5px solid var(--cl-yellow)!important;color:var(--cl-yellow)!important;box-shadow:none!important;clip-path:none!important;text-shadow:none!important}
#leaderboard .elite-command-note{color:#1f262e!important;font-weight:600}
#leaderboard .elite-command-mode{background:var(--cl-yellow)!important;border:0!important;color:var(--cl-ink)!important;box-shadow:none!important;text-shadow:none!important;clip-path:none!important}
#leaderboard .elite-command-style{background:var(--cl-steel2)!important;border:0!important;color:#f2f5f8!important;box-shadow:none!important;text-shadow:none!important;clip-path:none!important}
#leaderboard>.wa{margin-top:0;border-color:#1a2027}

/* ---------- small lobby extras ---------- */
.lb-clean{padding:6px 10px;border:1px solid #8e9aa7;background:#596470;color:#f2f5f8;font:700 11px/1 "Chakra Petch",sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.lb-clean:hover{background:var(--cl-yellow);border-color:var(--cl-yellow);color:var(--cl-ink)}
#live-desk.lb-lobby .mc-ask{margin:12px 0 0;background:var(--cl-paper);border:0;border-top:4px solid var(--cl-yellow);box-shadow:0 8px 20px rgba(30,40,50,.2);clip-path:none}
#live-desk.lb-lobby .mc-ask-tt{color:#47525e}
#live-desk.lb-lobby .mc-ask-q{color:var(--cl-ink)}
#live-desk.lb-lobby .mc-ask-body input{background:#fff;border:2px solid var(--cl-ink);color:var(--cl-ink)}
#live-desk.lb-lobby .mc-ask-body input::placeholder{color:#5e6a76}
#live-desk.lb-lobby .mc-ask-body button{background:var(--cl-yellow);border:0;color:var(--cl-ink);box-shadow:none;clip-path:none;font-weight:800}
#live-desk.lb-lobby .mc-ask-body button:hover{background:#ffe063}

@media(max-width:900px){
  #hero-option-c{background:radial-gradient(330px 330px at var(--dbr-cx,50%) var(--dbr-cy,20%),#04080f 0 60%,rgba(4,8,15,.8) 76%,rgba(4,8,15,0) 100%),var(--cl-fog)}
  #hero-option-c .reactor-left{margin:0}
  #hero-option-c .reactor-left h1{font-size:46px}
  #get-ranked .get-step{min-height:0;padding:14px 112px 14px 14px}
  #get-ranked .get-step::after{width:120px;height:170px;right:-14px}
}

/* ---------- the three Godlike seats: ranked trinket cards in burning London ----------
   After the game's own Ranked season trinket cards: a dark card with a glowing frame, the player's name in the header,
   a merc portrait, the Godlike badge hanging like a trinket. Seat I is the big gold card in front, crowned. */
#leaderboard .wa{height:auto;min-height:690px;display:flex;flex-direction:column}
#leaderboard .wa-compass,#leaderboard .wa-corner,#leaderboard .wa-links{display:none}
#leaderboard .wa-bar{position:relative;left:auto;right:auto;top:auto;bottom:auto;flex:none;z-index:4}
#leaderboard .wa-bar.top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 16px;background:rgba(36,43,51,.92);border-bottom:3px solid var(--cl-yellow)}
#leaderboard .wa-feed{color:#f2f5f8;text-shadow:none}
#leaderboard .wa-time{color:var(--cl-yellow);text-shadow:none}
#leaderboard .wa-bar.bottom{margin-top:auto;padding:16px 16px 18px;background:linear-gradient(180deg,transparent,rgba(5,5,8,.9) 40%);text-align:center}
/* the heading over the cards */
#leaderboard .gs-head{position:relative;z-index:3;padding:30px 16px 0;text-align:center}
#leaderboard .gs-kicker{display:block;font:700 13px/1.2 "Chakra Petch",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#ffc81f;text-shadow:0 1px 0 #000}
#leaderboard .gs-title{margin:8px 0 0;padding:0;border:0;background:none;font:700 clamp(36px,5vw,64px)/.95 "Saira Condensed","Chakra Petch",sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff3cf;text-shadow:0 3px 0 #000,0 0 22px rgba(255,170,40,.65),0 0 60px rgba(255,120,20,.35)}
/* the cards: II left and III right sit behind the crowned Seat I */
.gs-cards{position:relative;z-index:3;flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:0;width:min(960px,100%);margin:0 auto;padding:120px 24px 26px}
#leaderboard .gs-card{--pd-art:none;--pd-acc:#e3263a;--pd-glow:rgba(227,38,58,.55);position:relative;z-index:1;overflow:visible;display:flex;flex-direction:column;align-items:flex-start;height:420px;padding:16px 20px 18px;color:#fff;text-decoration:none;text-align:left;border:0;clip-path:none;
  background:linear-gradient(180deg,rgba(24,8,10,.97) 0,rgba(34,10,13,.94) 98px,rgba(24,8,10,.35) 132px,rgba(12,4,5,.08) 55%,rgba(10,3,4,.9) 92%),var(--pd-art) center 18%/cover no-repeat,#1a0b0c;
  box-shadow:0 0 0 2px var(--pd-acc),0 0 26px var(--pd-glow),inset 0 0 0 6px rgba(0,0,0,.5),inset 0 0 0 7px color-mix(in srgb,var(--pd-acc) 55%,transparent),0 26px 44px rgba(0,0,0,.65);
  transition:transform .18s ease}
#leaderboard .gs-card:hover,#leaderboard .gs-card:focus-visible{transform:translateY(-8px);outline:0}
#leaderboard .gs-card:focus-visible .gs-name{text-decoration:underline}
.gs-2{order:1}.gs-1{order:2}.gs-3{order:3}
#leaderboard .gs-2{--pd-art:url("podium/pd-card2.webp");margin-right:-22px;padding-right:38px}
#leaderboard .gs-3{--pd-art:url("podium/pd-card3.webp");margin-left:-22px;padding-left:38px;align-items:flex-end;text-align:right}
#leaderboard .gs-1{--pd-art:url("podium/pd-card1.webp");--pd-acc:#ffc81f;--pd-glow:rgba(255,190,40,.6);z-index:2;height:500px;padding-top:22px;
  background:linear-gradient(180deg,rgba(30,20,6,.97) 0,rgba(44,30,8,.94) 112px,rgba(30,20,6,.35) 150px,rgba(12,8,2,.06) 55%,rgba(10,6,2,.9) 92%),var(--pd-art) center 12%/cover no-repeat,#1c140a}
#leaderboard .gs-card::after{display:none}
/* the crown sits on the winner's card */
#leaderboard .gs-1::before{content:"";position:absolute;left:50%;top:-112px;width:150px;height:150px;margin-left:-75px;z-index:3;background:url("podium/pd-crown.webp") center/contain no-repeat;filter:drop-shadow(0 10px 14px rgba(0,0,0,.65));pointer-events:none}
/* header: seat, name, Godlike + RR */
.gs-seat{order:1;position:relative;display:block;margin:0;padding:0;background:none;color:color-mix(in srgb,var(--pd-acc) 80%,#fff);font:800 12px/1 "Chakra Petch",sans-serif;letter-spacing:.2em;text-transform:uppercase}
#leaderboard .gs-1 .gs-seat{align-self:center;margin-top:20px}
#leaderboard .gs-card .gs-name{order:2;position:relative;display:block;max-width:100%;margin-top:6px;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:none;box-shadow:none;border:0;font:800 28px/1.05 "Chakra Petch",sans-serif;letter-spacing:.01em;color:#fff;text-shadow:0 2px 0 #000}
#leaderboard .gs-1 .gs-name{align-self:center;font-size:38px;color:#fff3cf}
.gs-rr{order:3;position:relative;display:block;margin-top:4px;font:700 15px/1 "Chakra Petch",sans-serif;letter-spacing:.06em;color:#ffb3ba;font-variant-numeric:tabular-nums}
.gs-rr::before{content:"Godlike \00b7  ";text-transform:uppercase;letter-spacing:.14em}
.gs-rr small{font-size:1em;letter-spacing:.08em;color:inherit}
#leaderboard .gs-1 .gs-rr{align-self:center;font-size:18px;color:#ffd970}
.gs-stats{display:none}
/* the Godlike badge hangs like a trinket */
.gs-art{order:4;position:relative;display:block;align-self:center;width:118px;height:118px;margin:auto 0 0}
.gs-1 .gs-art{width:150px;height:150px}
.gs-art i{position:absolute;inset:0;z-index:1;background:url("https://dbranked.com/assets/rank-godlike.png") center/contain no-repeat;filter:drop-shadow(0 8px 12px rgba(0,0,0,.7));animation:dbrw-emblem 2.6s ease-in-out infinite}
.gs-art::after{content:"";position:absolute;left:50%;bottom:86%;width:4px;height:64px;margin-left:-2px;background:repeating-linear-gradient(180deg,#d9d9d9 0 6px,#6b6b6b 6px 8px);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.gs-1 .gs-art::before{display:none}
#leaderboard .gs-open{order:5;position:relative;align-self:center;margin:12px 0 0;padding:0;background:none;color:#f3e4c4;font:700 13px/1 "Chakra Petch",sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:color .12s}
#leaderboard .gs-open::after{content:" \2192"}
#leaderboard .gs-card:hover .gs-open{background:none;color:#fff}
@media(max-width:900px){
  #leaderboard .wa{min-height:0}
  #leaderboard .gs-head{padding-top:22px}
  .gs-cards{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;padding:84px 10px 18px;gap:0}
  .gs-2{order:1}.gs-1{order:2}.gs-3{order:3}
  #leaderboard .gs-card{height:270px;padding:10px 8px 10px}
  #leaderboard .gs-1{height:330px;padding-top:14px}
  #leaderboard .gs-2{margin-right:-8px;padding-right:14px}
  #leaderboard .gs-3{margin-left:-8px;padding-left:14px}
  #leaderboard .gs-1::before{width:96px;height:96px;margin-left:-48px;top:-72px}
  .gs-seat{font-size:9px;letter-spacing:.12em}
  #leaderboard .gs-1 .gs-seat{margin-top:14px}
  #leaderboard .gs-card .gs-name{font-size:15px}
  #leaderboard .gs-1 .gs-name{font-size:19px}
  .gs-rr,#leaderboard .gs-1 .gs-rr{font-size:11px}
  .gs-rr::before{content:none}
  .gs-art{width:62px;height:62px}
  .gs-1 .gs-art{width:84px;height:84px}
  .gs-art::after{height:36px}
  #leaderboard .gs-open{font-size:9.5px;letter-spacing:.06em;margin-top:6px}
  #leaderboard .wa-bar.top{flex-wrap:wrap;padding:7px 10px}
  #leaderboard .wa-feed{order:3;flex-basis:100%;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.gs-art i{animation:none}#leaderboard .gs-card{transition:none}}

/* ---------- rest of the page in the client look. Elite keeps its dark gold frame as the top of the ladder. ---------- */
:root{--cl-fog2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='118'%3E%3Cpath d='M59 53v12M53 59h12' stroke='%23ffffff' stroke-opacity='.5' stroke-width='1.4'/%3E%3C/svg%3E"),linear-gradient(115deg,transparent 0 58%,rgba(255,255,255,.1) 58% 76%,transparent 76%),linear-gradient(180deg,#b9c4cf 0%,#8e9baa 100%)}
#mercserv-hq{display:none!important}

/* Ranked Roster Sectors */
#leaderboard>.contract-field-head{padding:18px 22px;background:var(--cl-fog2)!important;border:1px solid #c6d0da!important;box-shadow:0 14px 40px rgba(0,0,0,.4)!important;clip-path:none!important}
#leaderboard>.contract-field-head::before,#leaderboard>.contract-field-head::after{display:none!important}
#leaderboard .contract-field-title{color:var(--cl-ink)!important;text-shadow:none!important;font-weight:800}
#leaderboard .contract-field-sub{color:#1f262e!important;font-weight:600}
#leaderboard .contract-field-tag{background:var(--cl-steel2)!important;border:0!important;border-left:4px solid var(--cl-yellow)!important;color:#f2f5f8!important;box-shadow:none!important;clip-path:none!important;text-shadow:none!important}
#leaderboard .signal-rules-dock{background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important}
#leaderboard .signal-rules-dock>summary{background:#3f4954!important;border:0!important;border-left:5px solid var(--cl-yellow)!important;box-shadow:none!important;clip-path:none!important}
#leaderboard .signal-rules-dock>summary:hover{background:#4c5763!important}
#leaderboard .signal-rules-toggle-kicker{color:var(--cl-yellow)!important;text-shadow:none!important}
#leaderboard .signal-rules-toggle-title{color:#fff!important;text-shadow:none!important}
#leaderboard .signal-rules-toggle-pill{background:var(--cl-yellow)!important;border:0!important;color:var(--cl-ink)!important;text-shadow:none!important;box-shadow:none!important;clip-path:none!important}
#leaderboard .signal-rules-body{background:var(--cl-steel2)!important}

/* rank sections */
#rankPoolBronze{--r:224,147,90;--r2:150,90,50;--hi:#ffe4cf}
#unrankedPool{--r:121,255,160;--r2:60,170,100;--hi:#e6ffef}
#revivePool{--r:255,159,42;--r2:190,90,20;--hi:#ffeed6}
#leaderboard .rank-sector-shell:not(#sectorElite){padding:14px;background:var(--cl-fog2)!important;border:1px solid #c6d0da!important;box-shadow:0 12px 30px rgba(0,0,0,.34)!important;clip-path:none!important}
#leaderboard .rank-sector-shell:not(#sectorElite)::before,#leaderboard .rank-sector-shell:not(#sectorElite)::after{display:none!important}
#leaderboard .contract-terminal{background:var(--lb-panel,rgba(206,214,223,.72))!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 8px 20px rgba(30,40,50,.24)!important;clip-path:none!important}
#leaderboard .contract-terminal::before,#leaderboard .contract-terminal::after{display:none!important}
#leaderboard .contract-terminal>.unranked-pool-head{background:linear-gradient(180deg,#46505b,#343c46)!important;border:0!important;border-bottom:3px solid rgb(var(--r,255,200,31))!important;box-shadow:none!important}
#leaderboard .contract-terminal>.unranked-pool-head::after{display:none!important}
#leaderboard .contract-terminal .unranked-pool-kicker{color:rgb(var(--r,255,200,31))!important;text-shadow:none!important}
#leaderboard .contract-terminal .unranked-pool-title{color:#fff!important;background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;filter:none!important;animation:none!important;text-shadow:none!important}
#rankPoolElite .unranked-pool-title{color:#ffd166!important}
#leaderboard .contract-terminal .unranked-pool-sub{color:#d3dbe2!important;text-shadow:none!important}
#leaderboard .contract-terminal .contract-chip{background:#dfe4e9!important;border:0!important;box-shadow:none!important;animation:none!important}
#leaderboard .contract-terminal .contract-chip::before{height:4px;background:rgb(var(--r,255,200,31))!important;box-shadow:none!important;animation:none!important}
#leaderboard .contract-terminal .contract-chip strong{color:var(--cl-ink)!important;text-shadow:none!important}
#leaderboard .contract-terminal .contract-chip-main{color:var(--cl-ink)!important;text-shadow:none!important}
#leaderboard .contract-terminal .contract-chip-sub{color:#47525e!important}
#leaderboard .contract-terminal .contract-chip.zero{opacity:.62}
#leaderboard .contract-terminal .contract-toggle,#unrankedIntakeMore,#leaderboard .dbr-elite-more{background:var(--cl-yellow)!important;border:0!important;color:var(--cl-ink)!important;text-shadow:none!important;box-shadow:inset 0 -4px 0 rgba(140,90,0,.34)!important;font-weight:800;animation:none!important;cursor:pointer}
#leaderboard .contract-terminal .contract-toggle:hover,#unrankedIntakeMore:hover,#leaderboard .dbr-elite-more:hover{background:#ffe063!important}
#leaderboard .contract-terminal .contract-toggle::after,#leaderboard .dbr-elite-more::after{display:none!important}
#leaderboard .contract-terminal .unranked-table-wrap{background:#39424c!important}
#leaderboard .contract-terminal th{background:var(--cl-steel2)!important;border-bottom:0!important;color:#d3dbe2!important;text-shadow:none!important}
#leaderboard .contract-terminal tbody td{background:#47515c!important;border-bottom:2px solid #39424c!important;color:#eef2f5}
#leaderboard .contract-terminal tbody tr:hover td{background:#525d69!important}
#leaderboard .contract-terminal tbody td:first-child{box-shadow:inset 4px 0 0 rgb(var(--r,255,200,31))!important}
#leaderboard .contract-terminal .rankno{color:#fff!important;text-shadow:none!important}
#leaderboard .contract-terminal .pname{color:#fff}
#leaderboard .contract-terminal .pmeta,#leaderboard .contract-terminal .rank-zone{color:#c7d1da!important}
#leaderboard .contract-terminal tbody .rr{color:var(--cl-yellow)!important;text-shadow:none!important}
/* Godlike rows stay gold */
#rankPoolElite tbody tr:has(.tier.Godlike){background:linear-gradient(100deg,transparent 42%,rgba(255,246,216,.2) 50%,transparent 58%) 0 0/300% 100%,linear-gradient(90deg,#86641d,#4b3e25)!important}
#rankPoolElite tbody tr:has(.tier.Godlike) td,#rankPoolElite tbody tr:has(.tier.Godlike):hover td{background:transparent!important;border-bottom-color:rgba(255,209,102,.4)!important}
#rankPoolElite tbody tr:has(.tier.Godlike) td:first-child{box-shadow:inset 6px 0 0 #ffd166!important}
#rankPoolElite tbody tr:has(.tier.Godlike) .rankno{color:#ffd166!important}
#rankPoolElite tbody tr:has(.tier.Godlike) .pmeta{color:#f4dfae!important}
/* Medbay header */
#sectorRevive>.rank-sector-hero{background:linear-gradient(180deg,#46505b,#343c46)!important;border:0!important;border-bottom:3px solid #ff9f2a!important;clip-path:none!important;box-shadow:none!important}
#sectorRevive .rank-sector-overline{color:#ff9f2a!important;text-shadow:none!important}
#sectorRevive h3{color:#fff!important;text-shadow:none!important}
#sectorRevive .rank-sector-hero-copy p{color:#d3dbe2!important}
#sectorRevive .rank-sector-hero-chips span{background:#dfe4e9!important;border:0!important;color:var(--cl-ink)!important;box-shadow:none!important;clip-path:none!important}
#sectorRevive .rank-sector-hero-chips b{color:var(--cl-ink)!important}

/* rank tiers and FAQ */
#ranks,#ranked-stats-explained{padding:0 18px 18px;background:var(--cl-fog2)!important;border:1px solid #c6d0da!important;box-shadow:0 14px 40px rgba(0,0,0,.4)!important;clip-path:none!important}
#ranks::before,#ranks::after,#ranked-stats-explained::before,#ranked-stats-explained::after{display:none!important}
#ranks>.panel-head,#ranked-stats-explained>.stats-faq-head{margin:0 -18px 14px;padding:14px 20px;background:linear-gradient(180deg,#46505b,#343c46)!important;border:0!important;border-bottom:3px solid var(--cl-yellow)!important;box-shadow:none!important;clip-path:none!important}
#ranks .panel-title,#ranked-stats-explained h2{font:800 27px/1.05 "Chakra Petch",sans-serif;letter-spacing:.03em;color:#f2f5f8!important;text-shadow:none!important;text-transform:uppercase}
#ranks .rank-subtitle-normal,#ranked-stats-explained .stats-faq-kicker{color:var(--cl-yellow)!important;text-shadow:none!important}
#ranks .rank-tiers-toggle,#ranked-stats-explained .stats-faq-toggle{background:var(--cl-yellow)!important;border:0!important;color:var(--cl-ink)!important;box-shadow:inset 0 -4px 0 rgba(140,90,0,.34)!important;text-shadow:none!important;clip-path:none!important;font-weight:800}
#ranks .rank-tiers-toggle:hover,#ranked-stats-explained .stats-faq-toggle:hover{background:#ffe063!important}
#ranks .rank-law-board{background:none!important;border:0!important;box-shadow:none!important;clip-path:none!important}
#ranks .rank-law-main,#ranks .rank-law-example{background:var(--cl-paper)!important;border:0!important;border-top:4px solid var(--cl-steel)!important;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 8px 20px rgba(30,40,50,.2)!important;clip-path:none!important}
#ranks .rank-law-kicker{color:#47525e!important;text-shadow:none!important}
#ranks .rank-law-main h3,#ranks .rank-law-example h4{color:var(--cl-ink)!important;text-shadow:none!important}
#ranks .rank-law-main p,#ranks .rank-law-example p,#ranks .rank-law-main strong{color:#2a323b!important;font-weight:600}
#ranks .rank-law-main strong{color:var(--cl-ink)!important;font-weight:800}
#ranks .rank-law-step{background:var(--cl-steel)!important;border:0!important;color:#f2f5f8!important;box-shadow:none!important;clip-path:none!important}
#ranks .rank-law-step b{color:var(--cl-yellow)!important;text-shadow:none!important}
#ranked-stats-explained .stats-faq-strip span{background:#596470!important;border:0!important;color:#f2f5f8!important;box-shadow:none!important;clip-path:none!important;text-shadow:none!important}
#ranked-stats-explained .stats-faq-item{background:var(--cl-paper)!important;border:0!important;border-left:4px solid var(--cl-steel)!important;box-shadow:0 0 0 1px rgba(255,255,255,.55)!important;clip-path:none!important}
#ranked-stats-explained .stats-faq-item[open]{border-left-color:var(--cl-yellow)!important}
#ranked-stats-explained .stats-faq-item summary{color:var(--cl-ink)!important;text-shadow:none!important;font-weight:800}
#ranked-stats-explained .stats-faq-item p{color:#2a323b!important;font-weight:600}

/* footer */
.footer-credit{color:#c3ced8!important;text-shadow:none!important}
.dbr-system-updates-btn{background:var(--cl-steel)!important;border:0!important;border-bottom:3px solid var(--cl-yellow)!important;color:#f2f5f8!important;box-shadow:none!important;clip-path:none!important;text-shadow:none!important}
.dbr-system-updates-btn:hover{background:var(--cl-yellow)!important;color:var(--cl-ink)!important}
.dbr-system-updates-btn .dbr-system-sub{color:#d3dbe2!important}
.dbr-system-updates-btn:hover .dbr-system-sub{color:#2a323b!important}
#ranks .rank-law-foot{margin-top:0;padding:10px 14px;background:var(--cl-steel2)!important;border:0!important;color:#d3dbe2!important;text-shadow:none!important}
#ranks .rank-law-foot b{color:var(--cl-yellow)!important}
#ranks .rank-law-band{color:#d3dbe2!important}
#ranks .rank-claim{margin-top:12px;padding:10px 14px;background:var(--cl-paper)!important;border-left:4px solid var(--cl-yellow);color:var(--cl-ink)!important;text-shadow:none!important;font-weight:700}
#ranked-stats-explained .stats-faq-grid{background:none!important;align-items:start}
#ranked-stats-explained .stats-faq-item::before{display:none!important}
#ranked-stats-explained .stats-faq-item summary::after{color:var(--cl-ink)!important;text-shadow:none!important}
#leaderboard .signal-rules-lead,#leaderboard .signal-rules-count,#leaderboard .signal-rule-card,#leaderboard .signal-rule-note{background:#3f4954!important;box-shadow:none!important;clip-path:none!important}
@media(max-width:700px){
  #ranks,#ranked-stats-explained{padding:0 8px 10px}
  #ranks>.panel-head,#ranked-stats-explained>.stats-faq-head{margin:0 -8px 12px;padding:12px 14px}
  #ranks .rank-law-board{padding:0!important}
  #leaderboard .rank-sector-shell:not(#sectorElite){padding:8px}
}

/* the "tonight's lobbies" column opens over the bright fog, so it gets its own steel panel */
.hero-option-c.dbr-expanded .dbr-swap-expanded{padding:14px 10px 16px;background:rgba(36,43,51,.95);border-top:4px solid var(--cl-yellow);box-shadow:0 14px 30px rgba(0,0,0,.42)}
.hero-option-c #dbrSrvEyebrow{color:var(--cl-yellow);text-shadow:none}
.hero-option-c .dbr-srv-name{color:#d3dbe2}
.hero-option-c .dbr-srv-unit .dbr-lbl{color:#c7d1da}
.hero-option-c .dbr-uc-track{color:#eef2f5}
.hero-option-c .dbr-uc-track b{color:var(--cl-yellow)}

/* ---------- effects that used to repaint the page on every monitor refresh ---------- */
/* same look, but the pulse is a layer the graphics card fades */
.nav a.nav-vitals{position:relative;animation:none;border-color:rgba(255,64,88,.6);box-shadow:0 0 10px rgba(49,231,255,.12),0 0 18px rgba(255,64,88,.26)}
.nav a.nav-vitals::after{content:"";position:absolute;inset:-1px;border:1px solid rgba(49,231,255,.55);border-radius:inherit;box-shadow:0 0 14px rgba(49,231,255,.22),0 0 10px rgba(255,64,88,.1);pointer-events:none;will-change:opacity;animation:dbrp-vitals 3.2s ease-in-out infinite}
@keyframes dbrp-vitals{0%,100%{opacity:1}50%{opacity:0}}
/* these two could not be seen: the ribbon's clip-path cuts its glow off, and the rule strips are overridden above */
.sre-ribbon{animation:none}
#leaderboard .signal-rules-dock,#leaderboard .signal-rules-dock>summary,#leaderboard .signal-rules-toggle-kicker,#leaderboard .signal-rules-toggle-title,#leaderboard .signal-rules-toggle-pill{animation:none!important}
/* the lobby rests while it is off screen */
#live-desk.dbr-asleep,#live-desk.dbr-asleep *,#live-desk.dbr-asleep *::before,#live-desk.dbr-asleep *::after{animation-play-state:paused!important}

/* ---------- phone ladder cards: readable labels (owner, 2026-11-08) ----------
   On phones every ladder row becomes a card, and its labels (TIER, SKILL RR...) were 10px slate grey: unreadable on the steel and gold cards. */
@media(max-width:760px){
  #leaderboard .unranked-table-wrap tbody td::before{color:#f2efe6;font-size:12.5px;letter-spacing:.08em;opacity:1;text-shadow:0 1px 1px rgba(0,0,0,.45)}
  #leaderboard .unranked-table-wrap tbody td:nth-child(1){padding-left:14px;color:#fff}
  #leaderboard .unranked-table-wrap .rank-delta.flat{color:#c9d2dc}
}

/* ---------- the owner's Dirty Bomb trefoil as the heart of the reactor (2026-11-08) ----------
   It turns slowly behind the countdown with a breathing heat glow; the canvas particles, arcs and waves still orbit it.
   In the last minute the core is hue-rotated to red; the trefoil is turned back so it stays Dirty Bomb yellow. */
#hero-option-c .reactor-core .dbr-core-tref{position:absolute;left:50%;top:50%;z-index:0;width:84%;height:84%;margin:-42% 0 0 -42%;pointer-events:none}
#hero-option-c .reactor-core .dbr-core-tref i{position:absolute;inset:0;background:url("dbr-core-trefoil.webp") 50% 50%/contain no-repeat;opacity:.62;filter:drop-shadow(0 0 10px rgba(255,190,40,.55));animation:dbrr-spin 40s linear infinite}
#hero-option-c .reactor-core .dbr-core-tref b{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,200,31,.5),rgba(255,140,20,.18) 55%,transparent);animation:dbr-tref-heat 3.2s ease-in-out infinite}
#hero-option-c .reactor-core > :not(.dbr-core-tref):not(.reactor-ring){position:relative;z-index:1}
#hero-option-c .reactor-core .reactor-timer{text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 18px rgba(0,0,0,.65)}
#hero-option-c.dbr-critical .reactor-core .dbr-core-tref{filter:hue-rotate(-165deg) saturate(.8)}
@keyframes dbr-tref-heat{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){#hero-option-c .reactor-core .dbr-core-tref i,#hero-option-c .reactor-core .dbr-core-tref b{animation:none}}
/* the owner's fire-katana Phantom replaces the black well behind the reactor (2026-11-08).
   Darkened so the canvas particles still read, centred on the core, fading out into the dark stage.
   He lives: he breathes, firelight flickers over his armour, embers drift, a glint catches the visor,
   and real flames burn along his katana (dbr-hero-fx.js draws them), flaring up every few seconds.
   Transform and opacity only, plus one small canvas; it all rests off screen. */
#hero-option-c{background:var(--cl-fog)}
/* the reactor sits on his shield (owner, 2026-11-08): the art is anchored by the armour plate on his chest,
   image point 650,560, to the centre of the core, wherever the layout puts the core */
#hero-option-c > .dbr-hero-art{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
/* only the Phantom fades out round the edges; the merc on the left and the flames keep their own edges */
.dbr-hp{-webkit-mask:radial-gradient(540px 600px at 540px 420px,#000 48%,transparent 100%);mask:radial-gradient(540px 600px at 540px 420px,#000 48%,transparent 100%)}
/* desktop (owner, 2026-11-08): the reactor sits low on the right, on his shield; the text splits into a title card
   at the top and a strip at the bottom, so the merc on the left shows full size between them */
@media(min-width:1121px){
  #hero-option-c .reactor-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 330px;grid-template-rows:auto 1fr auto auto;
    grid-template-areas:"ttl ttl core" ". . core" "lead lead core" "find count core";column-gap:0;row-gap:0;min-height:700px}
  #hero-option-c .reactor-left{display:contents}
  #hero-option-c .reactor-left .eyebrow{grid-area:ttl;align-self:start;justify-self:start;position:relative;z-index:2;margin:20px 0 0 26px}
  #hero-option-c .reactor-left h1{grid-area:ttl;align-self:start;justify-self:start;margin:0;padding:48px 26px 20px;font-size:64px;line-height:.95;white-space:nowrap;
    background:var(--cl-paper);border-top:5px solid var(--cl-yellow);box-shadow:0 0 0 1px rgba(255,255,255,.55),0 10px 24px rgba(20,28,36,.34)}
  #hero-option-c .reactor-left .lead{grid-area:lead;max-width:none;margin:0;padding:18px 24px 10px;font-size:18px;line-height:1.35;background:var(--cl-paper);border-top:5px solid var(--cl-yellow)}
  #hero-option-c #dbrFind{grid-area:find;margin:0;padding:14px 24px 20px;background:var(--cl-paper);border-top:5px solid var(--cl-yellow)}
  #hero-option-c .reactor-field-count{grid-area:count;align-self:stretch;margin:0;padding:16px 22px}
  /* player profiles have no search box, so the counter takes its place */
  #hero-option-c:not(:has(#dbrFind)) .reactor-field-count{grid-area:find;border-top:5px solid var(--cl-yellow)}
  #hero-option-c .reactor-field-count b{font-size:40px}
  #hero-option-c .reactor-core-wrap{grid-area:core;align-self:end;margin:0 0 34px 24px}
  /* the lobbies open in the free middle, side by side */
  #hero-option-c .dbr-right-swap{grid-row:2;grid-column:1 / 3;align-self:center;z-index:2}
  .hero-option-c.dbr-expanded .dbr-srv-stack{flex-direction:row;justify-content:center;align-items:flex-start;gap:18px}
}
/* the pitch box is gone too (owner, 2026-11-08) */
#hero-option-c .reactor-left .lead{display:none}
/* she lives too (owner, 2026-11-08): a slow lunge toward the camera from her face, and rain over her street */
.dbr-m2{transform-origin:46% 36%;animation:dbr-m2-lunge 6.5s ease-in-out infinite;will-change:transform}
@keyframes dbr-m2-lunge{0%,100%{transform:translate3d(0,0,0) scale(1)}55%{transform:translate3d(8px,6px,0) scale(1.04)}}
.dbr-m2::before,.dbr-m2::after{content:"";position:absolute;left:-10%;right:-10%;top:-190px;bottom:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22190%22%3E%3Cg%20stroke%3D%22rgb%28215%2C228%2C255%29%22%20stroke-opacity%3D%22.42%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M67%20189l-6.7%2037%22%2F%3E%3Cpath%20d%3D%22M67%20-1l-6.7%2037%22%2F%3E%3Cpath%20d%3D%22M137%207l-7.2%2040%22%2F%3E%3Cpath%20d%3D%22M65%20166l-4.9%2027%22%2F%3E%3Cpath%20d%3D%22M65%20-24l-4.9%2027%22%2F%3E%3Cpath%20d%3D%22M42%2028l-6.7%2037%22%2F%3E%3Cpath%20d%3D%22M122%2063l-6.8%2038%22%2F%3E%3Cpath%20d%3D%22M141%2026l-7.9%2044%22%2F%3E%3Cpath%20d%3D%22M65%203l-5.8%2032%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/150px 190px repeat;animation:dbr-m2-rain .45s linear infinite}
.dbr-m2::after{top:-150px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22150%22%3E%3Cg%20stroke%3D%22rgb%28215%2C228%2C255%29%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M54%2071l-2.9%2016%22%2F%3E%3Cpath%20d%3D%22M100%2099l-2.9%2016%22%2F%3E%3Cpath%20d%3D%22M99%2018l-2.9%2016%22%2F%3E%3Cpath%20d%3D%22M81%20113l-2.9%2016%22%2F%3E%3Cpath%20d%3D%22M18%200l-2.5%2014%22%2F%3E%3Cpath%20d%3D%22M28%2055l-2.9%2016%22%2F%3E%3Cpath%20d%3D%22M23%2074l-3.4%2019%22%2F%3E%3Cpath%20d%3D%22M27%20138l-4.3%2024%22%2F%3E%3Cpath%20d%3D%22M27%20-12l-4.3%2024%22%2F%3E%3Cpath%20d%3D%22M82%2052l-2.9%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/110px 150px repeat;animation:dbr-m2-rain2 .8s linear infinite}
@keyframes dbr-m2-rain{from{transform:translate3d(0,0,0)}to{transform:translate3d(-34px,190px,0)}}
@keyframes dbr-m2-rain2{from{transform:translate3d(0,0,0)}to{transform:translate3d(-27px,150px,0)}}
#hero-option-c.dbr-art-asleep .dbr-m2,#hero-option-c.dbr-art-asleep .dbr-m2::before,#hero-option-c.dbr-art-asleep .dbr-m2::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.dbr-m2,.dbr-m2::before,.dbr-m2::after{animation:none!important}}
/* player profiles load this sheet without the homepage ones: the small line under the timer gets the homepage font */
#hero-option-c:not(:has(#dbrFind)) .reactor-label-sub{font:600 12px/1.25 "Rajdhani",sans-serif;letter-spacing:.02em}
/* "How ranks move" is gone (owner, 2026-11-08); the column stays for the Live servers swap */
#hero-option-c .dbr-swap-default .reactor-brief{display:none}
/* the merc on the left: full size behind his flames, fading into his darkness */
.dbr-m2{position:absolute;left:0;top:0;bottom:0;width:min(60%,800px);z-index:4;background:url("dbr-hero-merc2.webp") 54% 26%/cover no-repeat;filter:brightness(1.18) contrast(1.05);
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent 100%);mask:linear-gradient(90deg,#000 70%,transparent 100%)}
@media(max-width:1120px){
  .dbr-m2{top:calc(var(--dbr-cy,20%) + 150px);bottom:auto;width:100%;height:400px;background-position:55% 26%;
    -webkit-mask:linear-gradient(180deg,transparent 0,#000 20%,#000 72%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 20%,#000 72%,transparent 100%)}
  #hero-option-c .reactor-left{margin-top:240px}
}
/* the dark well under the core stays on top of him so the reactor reads */
#hero-option-c > .dbr-hero-art::after{content:"";position:absolute;inset:0;z-index:5;background:radial-gradient(200px 200px at var(--dbr-cx,50%) var(--dbr-cy,46%),rgba(4,8,15,.82),rgba(4,8,15,.35) 70%,transparent 100%)}
/* the whole scene in image space: 1100 x 856, the core sits at 560,400 */
.dbr-hp,.dbr-fire{position:absolute;left:calc(var(--dbr-cx,50%) - 650px);top:calc(var(--dbr-cy,46%) - 560px);width:1100px;height:856px;transform-origin:650px 560px}
.dbr-hm,.dbr-fire{animation:dbr-ph-breathe 8s ease-in-out infinite;will-change:transform}
.dbr-hm{position:absolute;inset:0;transform-origin:650px 560px;background:url("dbr-hero-phantom.webp") 0 0/1100px 856px no-repeat}
@keyframes dbr-ph-breathe{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.018)}}
/* the flames burn above the shade, so they stay bright; the copy and the reactor still sit on top */
.dbr-fire{z-index:6}
.dbr-fire canvas{position:absolute;left:40px;top:-240px;width:520px;height:1100px}
/* firelight from below, flickering up over his armour; it swells when the blade flares */
.dbr-hb{position:absolute;left:180px;top:520px;width:640px;height:420px;mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(255,130,30,.42),rgba(255,80,10,.14) 60%,transparent);animation:dbr-ph-flame 3.1s steps(1,end) infinite}
.dbr-hb + .dbr-hb{left:40px;top:80px;width:560px;height:760px;opacity:0;animation:none;transition:opacity .35s ease-out;background:radial-gradient(closest-side,rgba(255,150,50,.5),rgba(255,90,20,.18) 60%,transparent)}
.dbr-hero-art.dbr-flare .dbr-hb + .dbr-hb{opacity:1;transition-duration:.18s}
@keyframes dbr-ph-flame{0%{opacity:.75}9%{opacity:1}17%{opacity:.6}28%{opacity:.95}41%{opacity:.7}55%{opacity:1}63%{opacity:.55}77%{opacity:.9}88%{opacity:.68}}
/* a star of light catches the visor */
.dbr-hg{position:absolute;left:600px;top:118px;width:46px;height:46px;margin:-23px 0 0 -23px;opacity:0;
  background:radial-gradient(closest-side,#fff,rgba(255,255,255,0) 60%),linear-gradient(90deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,.95) 50%,transparent 54%);
  mix-blend-mode:screen;animation:dbr-ph-glint 8s ease-in-out infinite}
@keyframes dbr-ph-glint{0%,82%,100%{opacity:0;transform:scale(.2) rotate(0)}88%{opacity:1;transform:scale(1.15) rotate(45deg)}94%{opacity:0;transform:scale(.4) rotate(90deg)}}
/* embers that climb past the reactor */
.dbr-he i{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffd38a;box-shadow:0 0 8px 3px rgba(255,120,20,.75);opacity:0;animation:dbr-ph-ember 5s linear infinite}
@keyframes dbr-ph-ember{0%{opacity:0;transform:translate3d(0,0,0) scale(1)}10%{opacity:1}70%{opacity:.8}100%{opacity:0;transform:translate3d(var(--ex,40px),var(--ey,-240px),0) scale(.4)}}
.dbr-he i:nth-child(1){left:437px;top:815px;--ex:30px;--ey:-416px;animation-duration:4.0s;animation-delay:-2.8s}
.dbr-he i:nth-child(2){left:437px;top:757px;--ex:-11px;--ey:-415px;animation-duration:4.5s;animation-delay:-0.7s}
.dbr-he i:nth-child(3){left:719px;top:635px;--ex:-36px;--ey:-439px;animation-duration:6.6s;animation-delay:-3.5s}
.dbr-he i:nth-child(4){left:591px;top:672px;--ex:-47px;--ey:-410px;animation-duration:5.6s;animation-delay:-0.1s}
.dbr-he i:nth-child(5){left:586px;top:707px;--ex:-20px;--ey:-432px;animation-duration:7.3s;animation-delay:-2.4s}
.dbr-he i:nth-child(6){left:506px;top:673px;--ex:-15px;--ey:-486px;animation-duration:5.3s;animation-delay:-3.1s}
.dbr-he i:nth-child(7){left:406px;top:834px;--ex:-24px;--ey:-471px;animation-duration:5.9s;animation-delay:-0.8s}
.dbr-he i:nth-child(8){left:572px;top:627px;--ex:-48px;--ey:-515px;animation-duration:4.5s;animation-delay:-3.9s}
.dbr-he i:nth-child(9){left:491px;top:673px;--ex:40px;--ey:-474px;animation-duration:6.3s;animation-delay:-1.2s}
.dbr-he i:nth-child(10){left:492px;top:743px;--ex:-60px;--ey:-447px;animation-duration:6.2s;animation-delay:-2.1s}
.dbr-he i:nth-child(11){left:582px;top:743px;--ex:10px;--ey:-434px;animation-duration:5.2s;animation-delay:-5.0s}
.dbr-he i:nth-child(12){left:775px;top:698px;--ex:-25px;--ey:-523px;animation-duration:7.5s;animation-delay:-4.7s}
.dbr-he i:nth-child(13){left:725px;top:695px;--ex:-47px;--ey:-424px;animation-duration:5.9s;animation-delay:-1.1s}
.dbr-he i:nth-child(14){left:687px;top:715px;--ex:-46px;--ey:-551px;animation-duration:7.2s;animation-delay:-2.9s}
.dbr-he i:nth-child(15){left:712px;top:834px;--ex:-20px;--ey:-409px;animation-duration:7.2s;animation-delay:-3.3s}
.dbr-he i:nth-child(16){left:607px;top:723px;--ex:-58px;--ey:-523px;animation-duration:6.8s;animation-delay:-4.9s}
#hero-option-c #sreBanner{display:none}
#hero-option-c.dbr-art-asleep .dbr-hero-art *{animation-play-state:paused}
#hero-option-c .reactor-ring::before{display:none}
@media(max-width:760px){
  .dbr-hp{-webkit-mask:radial-gradient(540px 500px at 560px 500px,#000 55%,transparent 100%);mask:radial-gradient(540px 500px at 560px 500px,#000 55%,transparent 100%)}
  #hero-option-c > .dbr-hero-art::after{background:radial-gradient(200px 200px at var(--dbr-cx,50%) var(--dbr-cy,20%),rgba(4,8,15,.82),rgba(4,8,15,.35) 70%,transparent 100%)}
  .dbr-hp,.dbr-fire{scale:.7477}
}
@media(prefers-reduced-motion:reduce){.dbr-hero-art *:not(.dbr-m2){animation:none!important}.dbr-he,.dbr-hg,.dbr-fire{display:none}}
/* the top 3 cards: the owner's tall merc portraits (2026-11-08), cut so every head sits below the card header */
#leaderboard .gs-1{--pd-art:url("podium/pd-seat1.webp")}
#leaderboard .gs-2{--pd-art:url("podium/pd-seat2.webp")}
#leaderboard .gs-3{--pd-art:url("podium/pd-seat3.webp")}
#leaderboard .gs-card,#leaderboard .gs-1{background-position:0 0,center top}
#leaderboard .gs-art::after{height:40px}