/* ═══════════════════════════════════════════════════════════════════
   DBRanked · GODLIKE suite
   1) Gold Ovation panel frame (#leaderboard — the only gold panel)
   2) STILL BURNING — live uplink window over London (top 3 seats)
   3) MERC LOCATOR — standalone dossier search section
   4) LIVING LEGEND — Godlike profile skin (gold×red fusion)
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 · Godlike Ovation panel frame ── */
.elite-command-panel{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.elite-command-panel:before,
.elite-command-panel:after{
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.elite-command-panel .elite-command-head{
  border-bottom-color:rgba(255,209,102,.32)!important;
  background:
    radial-gradient(620px 220px at 10% 0%,rgba(255,209,102,.20),transparent 62%),
    linear-gradient(90deg,rgba(255,209,102,.14),rgba(255,64,88,.08) 58%,rgba(255,209,102,.05))!important;
}
.elite-command-panel .elite-command-overline{
  color:#ffd166;
  text-shadow:0 0 18px rgba(255,209,102,.45);
}

/* ── 2 · STILL BURNING · live uplink window ── */
.wa{position:relative;height:660px;margin:26px 0 10px;overflow:hidden;border:1px solid rgba(255,209,102,.35);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
  background:#000;}
.wa-bg{position:absolute;inset:0;background:url('dbimg/meltdown_after.webp') center 38%/cover no-repeat;
  filter:saturate(1.08) contrast(1.04);}
.wa-scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(4,4,8,.82) 0%,rgba(4,4,8,.25) 18%,rgba(4,4,8,.05) 40%,rgba(4,4,8,.12) 62%,rgba(3,3,6,.92) 100%);}
.wa-scan{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);
  box-shadow:inset 0 0 180px rgba(0,0,0,.7);}
.wa-bar{position:absolute;left:0;right:0;display:flex;align-items:center;gap:18px;padding:10px 22px;z-index:6}
.wa-bar.top{top:0;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);justify-content:space-between}
.wa-rec{font-family:"Spline Sans Mono",monospace;font-size:11px;letter-spacing:.2em;color:#ff5269;animation:warec 1.2s steps(2) infinite;white-space:nowrap}
@keyframes warec{50%{opacity:.25}}
.wa-feed{font-family:"Spline Sans Mono",monospace;font-size:10.5px;letter-spacing:.3em;color:#ffe9a8;text-transform:uppercase;text-shadow:0 0 12px rgba(0,0,0,.9);text-align:center}
.wa-time{font-family:"Spline Sans Mono",monospace;font-size:10.5px;color:#8899aa;letter-spacing:.14em;white-space:nowrap;font-variant-numeric:tabular-nums}
.wa-compass{position:absolute;top:42px;left:50%;transform:translateX(-50%);display:flex;gap:26px;z-index:6;
  font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.65);
  padding:4px 18px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.12)}
.wa-compass i{font-style:normal}
.wa-corner{position:absolute;width:38px;height:38px;z-index:6;opacity:.8;pointer-events:none}
.wa-corner.tl{top:64px;left:18px;border-top:2px solid #ffd166;border-left:2px solid #ffd166}
.wa-corner.tr{top:64px;right:18px;border-top:2px solid #ffd166;border-right:2px solid #ffd166}
.wa-corner.bl{bottom:128px;left:18px;border-bottom:2px solid #ffd166;border-left:2px solid #ffd166}
.wa-corner.br{bottom:128px;right:18px;border-bottom:2px solid #ffd166;border-right:2px solid #ffd166}
.wa-holos{position:absolute;inset:70px 0 130px;z-index:4}
.wa-holo{position:absolute;text-align:center;max-width:420px}
.wa-holo.h1{left:50%;top:24%;transform:translateX(-50%) perspective(900px) rotateX(6deg);max-width:760px}
.wa-holo.h2{left:6%;top:6%;transform:perspective(900px) rotateX(6deg)}
.wa-holo.h3{right:4%;top:12%;transform:perspective(900px) rotateX(6deg)}
.wa-marker{font-family:"Spline Sans Mono",monospace;font-size:10.5px;letter-spacing:.3em;color:#ffe9a8;text-shadow:0 0 12px rgba(255,209,102,.8)}
.wa-namelink{text-decoration:none;display:block}
.wa-holo .wa-name.pname{display:block;font-family:"Chakra Petch",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.02;
  color:#fff3cf;margin-top:6px;
  text-shadow:
    0 0 8px rgba(255,233,168,.9),0 0 28px rgba(255,209,102,.85),0 0 70px rgba(255,178,77,.6),
    2px 0 0 rgba(255,80,80,.35),-2px 0 0 rgba(80,200,255,.3);}
.wa-namelink:hover .wa-name.pname{filter:brightness(1.15)}
.wa-holo.h1 .wa-name.pname{font-size:clamp(38px,5.4vw,68px)}
.wa-holo.h2 .wa-name.pname,.wa-holo.h3 .wa-name.pname{font-size:clamp(20px,2.6vw,34px);opacity:.95}
.wa-chip{display:inline-block;margin-top:8px;font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.2em;color:#ffe9a8;
  border:1px solid rgba(255,233,168,.55);background:rgba(10,8,2,.45);padding:5px 12px;
  box-shadow:0 0 22px rgba(255,209,102,.25)}
.wa-beam{width:1px;height:120px;margin:10px auto 0;background:linear-gradient(180deg,rgba(255,233,168,.9),transparent);
  box-shadow:0 0 14px rgba(255,209,102,.7)}
.wa-holo.h1 .wa-beam{height:150px}
.wa-compat{display:none!important}
.wa-bar.bottom{bottom:0;flex-direction:column;align-items:center;gap:6px;padding:16px 22px 18px;
  background:linear-gradient(0deg,rgba(0,0,0,.92) 30%,transparent)}
.wa-sub{font-family:"Chakra Petch",sans-serif;font-size:clamp(15px,1.9vw,21px);letter-spacing:.12em;color:#fff;text-transform:uppercase;text-shadow:0 2px 16px rgba(0,0,0,.9);text-align:center}
.wa-sub b{color:#ffd166}
.wa-data{font-family:"Spline Sans Mono",monospace;font-size:10.5px;letter-spacing:.22em;color:#9aa8b8;text-transform:uppercase;text-align:center}
.wa-data b{color:#ffd166}
.wa-links{display:flex;gap:14px;margin-top:4px;flex-wrap:wrap;justify-content:center}
.wa-links a{font-family:"Chakra Petch",sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#ffd166;text-decoration:none;border:1px solid rgba(255,209,102,.45);padding:6px 12px;background:rgba(0,0,0,.4);transition:.15s}
.wa-links a:hover{background:#ffd166;color:#160f00}

/* ── 3 · MERC LOCATOR ── */
.mloc{position:relative;margin:18px 0 8px;border:1px solid rgba(49,231,255,.3);overflow:hidden;
  background:linear-gradient(90deg,rgba(49,231,255,.06),rgba(7,9,14,.96) 45%);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));}
.mloc-grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:
    repeating-linear-gradient(0deg,rgba(49,231,255,.04) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(90deg,rgba(49,231,255,.04) 0 1px,transparent 1px 26px);}
.mloc-inner{position:relative;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:20px 26px}
.mloc-overline{font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.34em;color:#31e7ff;text-transform:uppercase}
.mloc-title{font-family:"Chakra Petch",sans-serif;font-size:clamp(20px,2.6vw,28px);text-transform:uppercase;letter-spacing:.04em;color:#fff;margin:5px 0 3px;text-shadow:0 0 22px rgba(49,231,255,.4)}
.mloc-sub{font-family:"Rajdhani",sans-serif;color:#aab8ca;font-size:14px}
.mloc-scope{width:64px;height:64px;filter:drop-shadow(0 0 14px rgba(49,231,255,.5))}
.mloc .search-panel{grid-column:1/-1;margin:2px 0 4px}
.mloc .search-input{border-color:rgba(49,231,255,.45)!important;box-shadow:0 0 24px rgba(49,231,255,.12)!important}

/* responsive: window + locator */
@media(max-width:860px){
  .wa{height:auto;min-height:0}
  .wa-compass{display:none}
  .wa-feed{font-size:8.5px;letter-spacing:.16em}
  .wa-holos{position:relative;inset:auto;z-index:4;display:flex;flex-direction:column;align-items:center;gap:30px;padding:72px 14px 30px}
  .wa-holo,.wa-holo.h1,.wa-holo.h2,.wa-holo.h3{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:100%}
  .wa-holo.h1{order:-1}
  .wa-beam,.wa-holo.h1 .wa-beam{height:46px}
  .wa-corner.bl,.wa-corner.br{bottom:178px}
  .wa-bar.bottom{position:relative;margin-top:6px}
  .mloc-inner{grid-template-columns:1fr;padding:16px}
  .mloc-scope{display:none}
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .wa-rec{animation:none}
}

/* ── 4 · GODLIKE PROFILE SKIN · "LIVING LEGEND" ──
   Beautification layer over the restored Elite dossier.
   Scoped strictly to .profile-panel-godlike. */
.profile-panel-godlike{border:1px solid transparent!important;
  background-clip:padding-box;
  box-shadow:0 36px 110px rgba(0,0,0,.55),0 0 70px rgba(255,140,66,.16)!important;
  position:relative;}
.profile-panel-godlike>.panel-head{
  background:linear-gradient(90deg,rgba(255,64,88,.14),rgba(255,209,102,.12) 55%,transparent)!important;
  border-bottom:1px solid rgba(255,178,77,.4);}
.profile-panel-godlike .elite-profile-skin{
  border:2px solid transparent!important;
  background:
    linear-gradient(135deg,rgba(18,11,10,.97),rgba(7,8,14,.95)) padding-box,
    linear-gradient(120deg,#8a5a10,#ffd166 30%,#ff4058 55%,#ffd166 80%,#8a5a10) border-box!important;
  box-shadow:0 0 50px rgba(255,140,66,.14)!important;
  position:relative;overflow:hidden!important;}
.profile-panel-godlike .elite-profile-skin .profile-main:before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none;z-index:0!important;
  background:
    linear-gradient(115deg,transparent 38%,rgba(255,243,207,.07) 47%,rgba(255,209,102,.12) 50%,rgba(255,64,88,.07) 53%,transparent 62%),
    repeating-linear-gradient(0deg,rgba(255,209,102,.028) 0 1px,transparent 1px 4px)!important;
  opacity:1!important;}
.profile-panel-godlike .profile-rank-emblem{
  border:1px solid rgba(255,64,88,.45)!important;
  background:
    radial-gradient(260px 340px at 50% 24%,rgba(255,209,102,.16),transparent 68%),
    radial-gradient(220px 300px at 50% 80%,rgba(255,64,88,.12),transparent 70%),
    linear-gradient(180deg,rgba(22,12,10,.96),rgba(8,8,13,.97))!important;
  box-shadow:inset 0 0 44px rgba(255,64,88,.08),0 0 36px rgba(255,178,77,.14)!important;}
.profile-panel-godlike .profile-rank-emblem:before{content:"GODLIKE"!important;color:#ffd166!important;text-shadow:0 0 10px rgba(255,209,102,.6),0 0 26px rgba(255,64,88,.45)!important;}
.profile-panel-godlike .profile-rank-emblem .profile-icon{
  filter:drop-shadow(0 0 18px rgba(255,209,102,.55)) drop-shadow(0 0 40px rgba(255,64,88,.35))!important;}
.profile-panel-godlike .profile-dossier-kicker span{
  border-color:rgba(255,64,88,.6)!important;color:#ff7a8c!important;background:rgba(255,64,88,.07)!important;}
.profile-panel-godlike .profile-dossier-kicker b{
  background:linear-gradient(90deg,#ffd166,#ff8c42)!important;color:#1a0d00!important;border-color:#ffb24d!important;
  box-shadow:0 0 20px rgba(255,140,66,.4)!important;}
.profile-panel-godlike .big-rank>span:first-child{color:#fff!important;
  text-shadow:0 0 16px rgba(255,209,102,.55),0 0 44px rgba(255,64,88,.35)!important;}
.profile-panel-godlike .profile-title-rr{
  background:linear-gradient(90deg,#ffd166,#ffe9a8 40%,#ff8c6c 75%,#ffd166);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 0 16px rgba(255,178,77,.5));}
.profile-panel-godlike .elite-profile-signal-card{
  border-color:rgba(255,178,77,.35)!important;
  background:linear-gradient(180deg,rgba(255,140,66,.06),rgba(10,10,15,.92))!important;}
.profile-panel-godlike .elite-profile-signal-card:nth-child(even){border-color:rgba(255,64,88,.4)!important;}
.profile-panel-godlike .elite-profile-signal-card.prime{
  border-color:#ffd166!important;
  background:linear-gradient(135deg,rgba(255,209,102,.2),rgba(255,64,88,.1) 70%,rgba(14,10,8,.95))!important;
  box-shadow:0 0 32px rgba(255,178,77,.3)!important;}
.profile-panel-godlike .elite-profile-signal-card.prime b{color:#ffd166!important;text-shadow:0 0 16px rgba(255,209,102,.6)!important;}

/* ── homepage rhythm: the live merc desk sits below the Hall panel now,
      so it inherits the standalone-section top gap (was 26px under the hero) ── */
#live-desk{margin-top:72px}

/* ═══ MERCSERV HQ — the live game window (framed hq.php) ═══ */
.hq-home-slot{margin:72px 0 0}
/* SEAMLESS FLOOR - the Contractor Floor is part of the homepage, not a panel on it:
   no border, no top strip, no clipped corners, no panel background. The scene's edges
   fade into the page dark via masks on .hqgw-frame (horizontal) and its iframe (vertical). */
/* WIDE FLOOR: the borderless building breaks out of the 1320px content column to
   1650px (content width +25%), capped to the viewport on smaller screens. The wider
   cover-crop keeps the tannoy horn on the far right in frame on 1920x1080 monitors,
   without going full-bleed. Head + foot stay aligned to the content column. */
.hqgw{position:relative;overflow:visible;width:min(1650px,calc(100vw - 15px));margin-left:calc(50% - min(825px,calc((100vw - 15px)/2)))}
.hqgw-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 16px 16px;max-width:1320px;margin:0 auto}
.hqgw-overline{font-family:"Spline Sans Mono",monospace;font-size:10.5px;letter-spacing:.36em;color:#FFC600;text-transform:uppercase}
.hqgw-title{font-family:"Chakra Petch",sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin-top:4px;
  text-shadow:0 0 34px rgba(255,198,0,.5)}
.hqgw-sub{font-family:"Rajdhani",sans-serif;font-size:14.5px;color:#aab8ca;margin-top:2px}
.hqgw-full{flex:none;font-family:"Chakra Petch",sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;
  color:#16191D;background:linear-gradient(180deg,#FFD23F,#FFC600);padding:11px 18px;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);
  box-shadow:0 0 26px rgba(255,198,0,.35)}
.hqgw-full:hover{filter:brightness(1.08)}
.hqgw-frame{position:relative;height:clamp(620px,82vh,900px);background:transparent;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 84px,#000 calc(100% - 84px),transparent 100%);
          mask-image:linear-gradient(to right,transparent 0,#000 84px,#000 calc(100% - 84px),transparent 100%)}
.hqgw-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:transparent;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 calc(100% - 96px),transparent 100%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 34px,#000 calc(100% - 96px),transparent 100%)}
.hqgw-foot{display:flex;justify-content:center;padding:0 18px 11px;max-width:1320px;margin:0 auto;
  font-family:"Spline Sans Mono",monospace;font-size:10px;letter-spacing:.26em;color:#6b7d92;text-transform:uppercase}
.hqgw-foot b{color:#FFC600;margin-left:6px}
@media(max-width:860px){
  .hqgw-head{flex-direction:column;align-items:flex-start}
  .hqgw-frame{height:min(78vh,720px)}
  .hqgw-foot{text-align:center;letter-spacing:.14em}
}