/* V5 cinematic command-center layer.
   Loaded after the legacy styles so the live application logic stays intact
   while the presentation follows the approved Faction Pulse direction. */

:root{
  --bg:#030807;
  --panel:#07110f;
  --panel-2:#0b1916;
  --border:rgba(75,255,206,.2);
  --text:#eefbf7;
  --text-muted:#7fa59b;
  --volt:#38ffe0;
  --signal:#68e8ff;
  --spark:#ffd15a;
  --immortal:#37ff91;
  --volt-dim:rgba(56,255,224,.12);
  --signal-dim:rgba(104,232,255,.13);
  --spark-dim:rgba(255,209,90,.14);
  --immortal-dim:rgba(55,255,145,.14);
  --neutral-fill:rgba(126,165,155,.25);
  --hud-shadow:0 0 0 1px rgba(75,255,206,.06),0 22px 80px rgba(0,0,0,.48),inset 0 0 42px rgba(24,255,179,.025);
}

html{scroll-behavior:smooth;scroll-padding-top:88px}
body{
  min-width:320px;
  background:
    radial-gradient(circle at 50% 15%,rgba(0,116,86,.11),transparent 32%),
    radial-gradient(circle at 8% 48%,rgba(0,255,184,.04),transparent 22%),
    #030807;
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.18;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(109,255,219,.035) 3px 4px);
  mix-blend-mode:screen;
}
body:after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(57,255,205,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,205,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent 10%,#000 45%,#000 100%);
}

.command-nav{
  position:sticky;top:0;z-index:30;height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));
  display:flex;align-items:center;gap:28px;
  background:linear-gradient(180deg,rgba(2,8,7,.96),rgba(2,8,7,.84));
  border-bottom:1px solid rgba(55,255,179,.19);backdrop-filter:blur(18px);
  box-shadow:0 9px 34px rgba(0,0,0,.34);
}
.command-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--immortal),transparent);opacity:.48}
.command-nav-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;margin-right:auto;min-width:0}
.command-nav-brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(55,255,145,.4))}
.command-nav-brand span{display:flex;flex-direction:column;line-height:1.05;text-transform:uppercase}
.command-nav-brand strong{font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.08em}
.command-nav-brand small{margin-top:5px;color:var(--text-muted);font:8px 'IBM Plex Mono',monospace;letter-spacing:.18em}
.command-nav-links{display:flex;align-items:center;gap:25px}
.command-nav-links a{position:relative;color:#9bbcb4;text-decoration:none;text-transform:uppercase;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.15em;transition:.2s}
.command-nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--immortal);box-shadow:0 0 8px var(--immortal);transition:.2s}
.command-nav-links a:hover{color:var(--immortal)}.command-nav-links a:hover:after{right:0}
.command-nav-cta{padding:10px 15px;border:1px solid rgba(55,255,145,.5);background:rgba(55,255,145,.08);color:var(--immortal);text-decoration:none;text-transform:uppercase;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.11em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 0 20px rgba(55,255,145,.05)}

.hero{height:clamp(460px,62vw,720px);border-bottom:1px solid rgba(55,255,145,.18)}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.26),transparent 24%,transparent 76%,rgba(0,0,0,.26)),linear-gradient(180deg,transparent 55%,#030807 99%)}
.hero-banner{height:100%;object-fit:cover;object-position:center 45%}
.hero-fade{z-index:2;height:28%;background:linear-gradient(180deg,transparent,#030807 96%)}
.hero-content{position:relative;z-index:3;max-width:1050px;margin:-78px auto 0;padding:74px 24px 12px;background:radial-gradient(ellipse at center top,rgba(22,255,176,.08),transparent 62%)}
.hero-content .eyebrow{color:var(--immortal);font-size:12px;text-shadow:0 0 14px rgba(55,255,145,.55)}
.hero-subtitle{font-size:clamp(40px,6vw,67px);color:#dffff6;letter-spacing:.13em;text-shadow:0 0 8px rgba(56,255,224,.55),0 0 36px rgba(24,255,178,.3)}
.hero-subtitle:before,.hero-subtitle:after{width:76px;background:linear-gradient(90deg,transparent,var(--immortal),transparent);box-shadow:0 0 12px var(--immortal)}
.hero-dek{font-size:16px;color:#c5ddd7}.hero-boss{color:var(--spark);letter-spacing:.05em}.boss-timer .bt-value{color:#dffff6}.boss-timer .bt-label{color:var(--immortal)}
.system-ribbon{width:min(1180px,calc(100% - 40px));margin:16px auto 0;padding:10px 18px;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid rgba(55,255,145,.14);border-bottom:1px solid rgba(55,255,145,.14);color:#69988c;text-transform:uppercase;font:9px 'IBM Plex Mono',monospace;letter-spacing:.15em;background:linear-gradient(90deg,transparent,rgba(13,55,43,.28),transparent)}
.system-ribbon i{width:4px;height:4px;border-radius:50%;background:var(--immortal);box-shadow:0 0 8px var(--immortal)}
.sitenav{padding-top:18px;gap:20px}.sitenav a{padding:7px 4px;color:#73978e}.sitenav a.active{color:var(--immortal);border-bottom-color:var(--immortal);text-shadow:0 0 12px rgba(55,255,145,.4)}

.wrap{max-width:1180px;padding:0 24px 90px}
.command-shell{margin-top:34px;border-color:rgba(55,255,145,.28);background:linear-gradient(145deg,rgba(9,26,21,.96),rgba(3,10,9,.98));box-shadow:var(--hud-shadow);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}
.command-shell:before{width:170px;background:linear-gradient(90deg,var(--immortal),transparent);box-shadow:0 0 20px var(--immortal)}
.command-head{padding:16px 21px;border-bottom-color:rgba(55,255,145,.17);background:linear-gradient(90deg,rgba(55,255,145,.055),transparent)}
.command-brand{color:var(--immortal);font-weight:700}.live-chip{color:var(--immortal)}
.stat-strip{grid-template-columns:.72fr 1.15fr 1fr 1fr}
.stat{padding:27px 23px;border-right-color:rgba(55,255,145,.14)}
.stat .label{color:#72978e}.stat .value{font-size:clamp(28px,3.4vw,43px);text-shadow:0 4px 20px rgba(0,0,0,.5)}.stat .sub{color:#719087}.stat.hi .value{color:var(--immortal);text-shadow:0 0 22px rgba(55,255,145,.3)}

.trace{margin:64px 0 20px;scroll-margin-top:86px}.trace:before,.trace:after{background:linear-gradient(90deg,transparent,rgba(55,255,145,.24),transparent)}
.trace-label{position:relative;padding:0 14px;color:#a9c9c0;font-size:10px;letter-spacing:.22em}.trace-label:before{content:"//";margin-right:12px;color:var(--immortal);text-shadow:0 0 10px var(--immortal)}

.pulse-panel{position:relative;display:block;min-height:505px;border:1px solid rgba(55,255,145,.42);background:linear-gradient(180deg,rgba(2,11,9,.98) 0%,rgba(3,16,12,.95) 44%,rgba(2,10,8,.25) 72%,rgba(2,8,7,.88) 100%),url('faction-pulse-atmosphere.jpg') center bottom/cover no-repeat;box-shadow:0 0 0 1px rgba(55,255,145,.06),0 0 35px rgba(13,255,169,.12),inset 0 0 55px rgba(0,255,175,.045);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);overflow:hidden}
.pulse-panel:before,.pulse-panel:after{content:"";position:absolute;width:78px;height:78px;pointer-events:none;z-index:2}.pulse-panel:before{left:8px;top:8px;border-left:2px solid var(--immortal);border-top:2px solid var(--immortal)}.pulse-panel:after{right:8px;bottom:8px;border-right:2px solid var(--immortal);border-bottom:2px solid var(--immortal)}
.pulse-panel-head{height:64px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(55,255,145,.22);background:rgba(0,10,8,.78);text-transform:uppercase;font:700 14px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.pulse-panel-title{color:var(--volt);text-shadow:0 0 12px rgba(56,255,224,.45)}.heartbeat{display:inline-block;margin-right:10px;color:var(--immortal);font-size:30px;line-height:0;transform:rotate(-8deg);text-shadow:0 0 12px var(--immortal)}
.pulse-panel-live{display:flex;align-items:center;gap:9px;padding:7px 12px;background:rgba(55,255,145,.08);border:1px solid rgba(55,255,145,.16);border-radius:30px;color:var(--immortal);font-size:11px}
.pulse-stats{display:grid;grid-template-columns:repeat(4,1fr);background:rgba(1,10,8,.82);border-bottom:1px solid rgba(55,255,145,.16)}
.pulse-stat{padding:23px 18px;text-align:center;border-right:1px solid rgba(55,255,145,.15)}.pulse-stat:last-child{border-right:0}
.pulse-value{font:700 clamp(27px,4vw,42px) 'Chakra Petch',sans-serif;color:var(--volt);text-shadow:0 0 15px rgba(56,255,224,.45)}
.pulse-label{margin-top:7px;color:#a3bdb6;font-size:10px;letter-spacing:.15em}
.pulse-panel .deployment{display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding:18px 28px 12px;border:0;background:linear-gradient(180deg,rgba(0,11,8,.86),rgba(0,12,9,.45));align-items:center}
.pulse-panel .deployment-track{width:100%;height:16px;padding:3px;border:1px solid rgba(55,255,145,.18);background:rgba(62,104,92,.38);box-shadow:inset 0 3px 10px rgba(0,0,0,.65)}
.pulse-panel .deployment-fill{background:linear-gradient(90deg,#31ff8d,var(--volt));box-shadow:0 0 18px rgba(49,255,141,.58)}
.pulse-panel .deployment strong{font:700 17px 'IBM Plex Mono',monospace;color:#caffef}
.pulse-panel .deployment-copy{grid-column:1/-1;color:var(--immortal);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.pulse-motto{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);width:min(520px,75%);padding:16px 24px;text-align:center;background:rgba(1,11,9,.76);border:1px solid rgba(55,255,145,.18);box-shadow:0 12px 35px rgba(0,0,0,.42),inset 0 0 24px rgba(55,255,145,.025);backdrop-filter:blur(5px)}
.pulse-motto span{color:#9ce3d1;text-transform:uppercase;font:600 12px/1.7 'IBM Plex Mono',monospace;letter-spacing:.16em;text-shadow:0 0 13px rgba(56,255,224,.28)}

.section-head{padding:0 2px}.section-kicker{color:#7da69b}.livebar .cn{color:var(--immortal)}
.intel-refresh{padding:8px 12px;color:#9ac5b9;border-color:rgba(55,255,145,.24);background:rgba(55,255,145,.035);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.battle-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px}
.battle-panel,.target-panel,.standings-panel,.roster,.x-signal,.note{border-color:rgba(55,255,145,.2);background:linear-gradient(145deg,rgba(9,25,21,.96),rgba(3,10,9,.98));box-shadow:var(--hud-shadow);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.battle-panel,.target-panel{padding:24px}.firepower-list{gap:17px}.fire-row{grid-template-columns:175px 1fr auto}.fire-name{font-size:14px}.fire-track,.barTrack{height:9px;background:rgba(113,156,145,.13);box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}.fire-fill,.barFill{background:linear-gradient(90deg,#29443c,#5a756d)}.fire-row.us .fire-fill,.frow.us .barFill{background:linear-gradient(90deg,var(--immortal),var(--volt));box-shadow:0 0 15px rgba(55,255,145,.3)}
.objective{margin-top:22px;padding:15px 17px;border-color:var(--spark);background:linear-gradient(90deg,rgba(255,209,90,.1),transparent);font-weight:600}
.target-panel{background:radial-gradient(circle at 90% 0,rgba(55,255,145,.1),transparent 42%),linear-gradient(145deg,rgba(9,25,21,.96),rgba(3,10,9,.98))}.target-track{height:17px;padding:4px;background:rgba(113,156,145,.13)}.target-fill{background:linear-gradient(90deg,var(--immortal),var(--volt));box-shadow:0 0 17px rgba(55,255,145,.35)}

.actgrid{grid-template-columns:repeat(4,1fr);gap:11px}.actcard{min-height:103px;padding:16px;border-color:rgba(55,255,145,.17);background:linear-gradient(145deg,rgba(10,27,23,.93),rgba(4,11,10,.98));clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:inset 0 0 25px rgba(55,255,145,.025)}.actcard:before{width:3px;background:#263d37}.actcard.seen{border-color:rgba(56,255,224,.32);background:linear-gradient(145deg,rgba(8,40,33,.96),rgba(3,13,11,.98))}.actcard.seen:before{background:var(--immortal);box-shadow:0 0 14px var(--immortal)}.actcard .aaddr{font-size:11px;color:#d8ebe6}.actcard .aval{font-size:18px}.actcard.seen .aval{color:var(--volt);text-shadow:0 0 12px rgba(56,255,224,.2)}

.standings-panel{padding:9px}.frow{grid-template-columns:190px 1fr auto;padding:16px 18px}.frow+.frow{border-top-color:rgba(55,255,145,.12)}.frow.us{background:linear-gradient(90deg,rgba(55,255,145,.12),rgba(55,255,145,.02),transparent);box-shadow:inset 3px 0 0 var(--immortal)}.frow.us .fname .n{color:var(--immortal);text-shadow:0 0 12px rgba(55,255,145,.25)}
.top-fighters{gap:16px;margin-bottom:16px}.fighter-card{min-height:230px;padding:23px;border-color:rgba(55,255,145,.2);background:radial-gradient(circle at 100% 0,rgba(55,255,145,.09),transparent 44%),linear-gradient(150deg,rgba(11,30,25,.96),rgba(3,10,9,.99));clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);box-shadow:var(--hud-shadow)}
.fighter-card.mvp{border-color:rgba(255,209,90,.42);background:radial-gradient(circle at 100% 0,rgba(255,209,90,.1),transparent 44%),linear-gradient(150deg,rgba(26,25,16,.96),rgba(6,10,8,.99))}.fighter-card.core{border-color:rgba(56,255,224,.35)}.fighter-card .fc-rank{font-size:36px}.fighter-card .fc-address{margin-top:28px}.fighter-card .fc-damage{font-size:38px}.fighter-card .fc-label{margin-top:6px}.roster{padding:4px}.rrow{padding:15px 18px;grid-template-columns:auto 145px 1fr auto}.rrow+.rrow{border-top-color:rgba(55,255,145,.12)}.tier{padding:6px 9px}.legend{color:#769a91;font-family:'IBM Plex Mono',monospace;font-size:10px}

.note{padding:20px 22px;color:#9ebcb4;background:linear-gradient(90deg,rgba(55,255,145,.07),transparent),rgba(4,13,11,.97)}
.x-signal{padding:22px}.x-signal:before{width:180px;background:linear-gradient(90deg,var(--immortal),transparent);box-shadow:0 0 15px var(--immortal)}.x-signal-title{color:var(--immortal)}
.linkcard{min-height:132px;padding:24px;border-color:rgba(55,255,145,.2);background:linear-gradient(145deg,rgba(9,25,21,.96),rgba(3,10,9,.98));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.linkcard:hover{border-color:var(--immortal);filter:drop-shadow(0 0 12px rgba(55,255,145,.15))}.linkcard .lc-label{color:#9cc1b7}.linkcard .lc-logo{height:42px}
.admin-gate{border-top-color:rgba(55,255,145,.15)}
footer{border-top-color:rgba(55,255,145,.15);color:#5f8279;text-align:center}

@media(max-width:900px){
  .command-nav{padding:0 18px}.command-nav-links{display:none}.command-nav-cta{font-size:9px}
  .wrap{padding-left:18px;padding-right:18px}.actgrid{grid-template-columns:repeat(3,1fr)}
  .battle-grid{grid-template-columns:1fr}.stat{padding:22px 17px}.fire-row{grid-template-columns:150px 1fr auto}
}
@media(max-width:680px){
  .command-nav{height:62px}.command-nav-brand img{width:37px;height:37px}.command-nav-brand strong{font-size:13px}.command-nav-brand small{display:none}.command-nav-cta{padding:8px 10px}
  .hero{height:390px}.hero-banner{object-position:center center}.hero-content{margin-top:-48px;padding:48px 16px 6px}.hero-subtitle{font-size:37px}.hero-subtitle:before,.hero-subtitle:after{width:24px}.hero-dek{font-size:14px}.system-ribbon{width:calc(100% - 28px);gap:9px;padding:9px 10px}.system-ribbon span:nth-of-type(2){display:none}.system-ribbon i:nth-of-type(1){display:none}
  .wrap{padding-left:14px;padding-right:14px}.command-shell{margin-top:26px}.stat-strip{grid-template-columns:1fr 1fr}.stat{padding:18px 14px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(55,255,145,.14)}.stat .value{font-size:27px}
  .trace{margin-top:48px}.trace-label{padding:0 6px;font-size:9px;letter-spacing:.13em}.trace-label:before{margin-right:6px}
  .pulse-panel{min-height:475px;background-position:center bottom}.pulse-panel-head{height:56px;padding:0 17px}.pulse-panel-title{font-size:12px}.heartbeat{font-size:24px;margin-right:6px}.pulse-panel-live{padding:6px 9px;font-size:9px}
  .pulse-stats{grid-template-columns:1fr 1fr}.pulse-stat{padding:15px 9px}.pulse-stat:nth-child(2){border-right:0}.pulse-stat:nth-child(-n+2){border-bottom:1px solid rgba(55,255,145,.14)}.pulse-value{font-size:28px}.pulse-label{font-size:9px}
  .pulse-panel .deployment{padding:14px 18px 10px}.pulse-panel .deployment-track{height:14px}.pulse-panel .deployment-copy{font-size:9px}.pulse-motto{bottom:18px;width:84%;padding:12px 14px}.pulse-motto span{font-size:9px;line-height:1.65;letter-spacing:.11em}
  .section-head{align-items:stretch}.livebar{justify-content:space-between}.battle-panel,.target-panel{padding:18px}.fire-row{grid-template-columns:1fr auto;gap:7px}.fire-track{grid-column:1/-1;grid-row:2}.actgrid{grid-template-columns:1fr 1fr}.actcard{min-height:98px;padding:13px}.actcard .aval{font-size:15px}
  .frow{grid-template-columns:1fr;gap:9px;padding:14px}.fnums{text-align:left}.top-fighters{grid-template-columns:1fr}.fighter-card{min-height:180px}.rrow{grid-template-columns:auto 1fr;grid-template-areas:"rank tier" "main main" "nums nums"}.rank{grid-area:rank}.tier{grid-area:tier;justify-self:start}.rmain{grid-area:main}.rnums{grid-area:nums;text-align:left}.linkcards{flex-direction:column}.linkcards-x .linkcard{width:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{animation:none}}

/* V5.1 refinement checkpoint: lighter navigation, fluid hero handoff and
   rebuilt firepower / pursuit HUD. */
html{scroll-padding-top:24px}
.command-nav{
  position:absolute;top:0;left:0;right:0;z-index:30;height:64px;
  padding:0 max(22px,calc((100vw - 1220px)/2));gap:18px;
  background:linear-gradient(180deg,rgba(1,8,6,.76),rgba(1,8,6,.22) 72%,transparent);
  border:0;box-shadow:none;backdrop-filter:blur(7px);
}
.command-nav:after{bottom:0;opacity:.18;background:linear-gradient(90deg,transparent 8%,rgba(55,255,145,.72),transparent 92%)}
.command-nav-brand{gap:9px;margin-right:0}
.command-nav-brand img{width:51px;height:51px;filter:drop-shadow(0 0 9px rgba(55,255,145,.32))}
.command-nav-brand strong{font-size:14px;text-shadow:0 0 13px rgba(55,255,145,.16)}
.command-nav-brand small{opacity:.76}
.command-nav-links{gap:7px}
.command-nav-links a{
  padding:8px 10px;border:1px solid transparent;color:#8eb4aa;
  background:linear-gradient(135deg,rgba(55,255,145,.025),transparent);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)
}
.command-nav-links a:before{content:"//";margin-right:6px;color:rgba(55,255,145,.62)}
.command-nav-links a:after{display:none}
.command-nav-links a:hover{border-color:rgba(55,255,145,.34);background:rgba(55,255,145,.07)}
.command-nav-cta{
  height:40px;min-width:146px;padding:4px 13px 4px 10px;display:flex;align-items:center;justify-content:center;gap:7px;
  margin-left:auto;
  border-color:rgba(255,209,90,.38);background:linear-gradient(135deg,rgba(255,81,52,.11),rgba(255,209,90,.045));
  box-shadow:inset 0 0 18px rgba(255,209,90,.035),0 0 18px rgba(0,0,0,.22);color:#ffd86b
}
.command-nav-cta span{font-size:8px;letter-spacing:.16em;color:#ffca62}
.command-nav-cta img{display:block;width:98px;height:30px;object-fit:contain}
.command-nav-cta:hover{border-color:rgba(255,209,90,.72);filter:drop-shadow(0 0 8px rgba(255,88,43,.2))}

.hero{height:clamp(455px,59vw,690px);border:0}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 27%,transparent 73%,rgba(0,0,0,.2)),linear-gradient(180deg,rgba(0,0,0,.06) 0%,transparent 54%,#030807 100%)}
.hero-fade{height:36%;background:linear-gradient(180deg,transparent,#030807 90%)}
.hero-content{margin:-126px auto 0;padding:86px 24px 8px;background:radial-gradient(ellipse at 50% 44%,rgba(22,255,176,.07),transparent 60%)}
.hero-content .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:4px;padding:5px 13px;border-left:1px solid rgba(55,255,145,.38);border-right:1px solid rgba(55,255,145,.38);letter-spacing:.22em;background:linear-gradient(90deg,transparent,rgba(55,255,145,.045),transparent)}
.hero-subtitle{gap:23px}.hero-subtitle:before,.hero-subtitle:after{width:clamp(36px,7vw,94px);height:1px;opacity:.72}
.system-ribbon{margin-top:7px;padding:8px 18px;border-color:rgba(55,255,145,.09);background:transparent;color:#52776e;opacity:.82}
.sitenav{padding-top:11px}
.command-shell{margin-top:26px}

.battle-grid{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);gap:20px;align-items:stretch}
.battle-panel,.target-panel{min-height:570px}
.battle-panel{padding:0;overflow:hidden}
.battle-hud-head{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(55,255,145,.18);background:linear-gradient(90deg,rgba(55,255,145,.065),transparent);font:700 13px 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#b8d8cf}
.battle-hud-head b{margin-right:8px;color:var(--immortal);font-size:19px}.battle-live{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(55,255,145,.16);border-radius:20px;color:var(--immortal);font-size:10px}.battle-live i{width:7px;height:7px;border-radius:50%;background:var(--immortal);box-shadow:0 0 10px var(--immortal)}
.firepower-list{padding:20px 22px 13px;gap:8px}
.fire-row{position:relative;grid-template-columns:26px 29px minmax(118px,170px) 1fr auto;gap:10px;min-height:51px;padding:8px 10px;border:1px solid transparent;background:rgba(4,14,12,.46)}
.fire-row:after{content:"";position:absolute;left:64px;right:12px;bottom:5px;height:1px;background:linear-gradient(90deg,rgba(55,255,145,.1),transparent)}
.fire-row.us{border-color:rgba(55,255,145,.38);background:linear-gradient(90deg,rgba(55,255,145,.13),rgba(55,255,145,.025));box-shadow:inset 3px 0 0 var(--immortal),0 0 22px rgba(55,255,145,.055)}
.fire-rank{font:700 11px 'IBM Plex Mono',monospace;color:#5e837a}
.fire-sigil{width:22px;height:22px;position:relative;transform:rotate(45deg);border:1px solid #54736b;background:linear-gradient(135deg,rgba(126,165,155,.2),transparent)}
.fire-sigil:after{content:"";position:absolute;inset:5px;border:1px solid currentColor}
.fire-row.leader .fire-sigil{color:var(--spark);border-color:var(--spark);box-shadow:0 0 9px rgba(255,209,90,.2)}
.fire-row.us .fire-sigil{color:var(--immortal);border-color:var(--immortal);box-shadow:0 0 10px rgba(55,255,145,.27)}
.fire-name{font-size:13px;color:#b8d0ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fire-name small{margin-left:6px;padding:2px 5px;border:1px solid rgba(55,255,145,.28);color:var(--immortal);font:700 8px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.fire-track{height:12px;padding:3px;border:1px solid rgba(126,165,155,.11);background:rgba(126,165,155,.09)}
.fire-fill{height:100%}.fire-row.leader .fire-fill{background:linear-gradient(90deg,#e8ad35,var(--spark));box-shadow:0 0 12px rgba(255,209,90,.22)}
.fire-value{font-size:12px;color:#d5e5e1}.fire-row.us .fire-value{font-size:14px;text-shadow:0 0 12px rgba(55,255,145,.26)}
.objective{margin:4px 22px 20px;padding:14px 17px}

.target-panel{position:relative;display:block;padding:0;overflow:hidden;background:radial-gradient(circle at 92% 86%,rgba(23,255,159,.17),transparent 40%),linear-gradient(145deg,rgba(9,25,21,.98),rgba(2,10,8,.99))}
.target-panel:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,10,8,.98) 0%,rgba(2,10,8,.9) 48%,rgba(2,10,8,.24) 78%,rgba(2,10,8,.12) 100%)}
.target-operative{position:absolute;z-index:0;right:-25%;bottom:-2%;width:126%;height:auto;opacity:.7;filter:saturate(.9) contrast(1.08) drop-shadow(0 0 24px rgba(25,255,165,.16));pointer-events:none}
.target-hud-content{position:relative;z-index:2;min-height:570px;padding:22px 22px 20px;display:flex;flex-direction:column;align-items:flex-start}
.target-heading{width:72%;display:flex;align-items:center;gap:13px;margin-bottom:29px;color:#b8d8cf;text-transform:uppercase;font:700 13px 'IBM Plex Mono',monospace;letter-spacing:.12em}.target-heading i{height:1px;flex:1;background:linear-gradient(90deg,rgba(55,255,145,.5),transparent)}
.target-rival,.target-us{width:72%;display:grid;grid-template-columns:38px 28px 1fr auto;align-items:center;gap:8px;color:#9bb7b0;font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase}
.target-rival strong,.target-us strong{font-size:15px;color:#f0f8f6}.target-us strong{color:var(--immortal);text-shadow:0 0 11px rgba(55,255,145,.28)}
.target-rank{font-size:16px;color:#d5e5e1}.target-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.target-sigil{width:21px;height:21px;display:block;transform:rotate(45deg);border:1px solid #78958e;background:rgba(126,165,155,.1)}.target-sigil.us{border-color:var(--immortal);box-shadow:0 0 9px rgba(55,255,145,.3)}
.target-gap{width:72%;margin:17px 0;padding:8px 0 8px 74px;border:0;display:grid;grid-template-columns:23px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center}
.target-gap .target-arrow{grid-row:1/3;color:var(--spark);font:700 33px/1 'Chakra Petch',sans-serif;text-shadow:0 0 11px rgba(255,209,90,.3)}
.target-gap strong{font-size:31px;line-height:1;color:var(--spark);text-shadow:0 0 14px rgba(255,209,90,.19)}
.target-gap span:last-child{font-size:8px;color:#9d9475;letter-spacing:.16em}
.target-track{width:72%;height:17px;margin:18px 0 6px;padding:3px;border:1px solid rgba(55,255,145,.19);background:rgba(57,112,94,.25)}
.target-progress{width:72%;display:flex;justify-content:space-between;color:#74988f;text-transform:uppercase;font:8px 'IBM Plex Mono',monospace;letter-spacing:.12em}.target-progress b{color:var(--immortal);font-size:10px}
.target-panel blockquote{width:65%;margin:auto 0 0;padding:13px 15px;border-left:1px solid rgba(55,255,145,.36);background:linear-gradient(90deg,rgba(55,255,145,.07),transparent);color:#8db7ac;font:italic 11px/1.65 'IBM Plex Mono',monospace;letter-spacing:.05em;text-transform:uppercase}

.linkcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.linkcards .linkcard{min-width:0}

@media(max-width:1040px){
  .command-nav-links{display:none}.battle-grid{grid-template-columns:1fr}.battle-panel,.target-panel{min-height:auto}.target-hud-content{min-height:520px}.target-operative{right:-9%;width:92%}
}
@media(max-width:680px){
  .command-nav{height:55px;padding:0 13px;background:linear-gradient(180deg,rgba(1,8,6,.68),transparent);backdrop-filter:blur(5px)}
  .command-nav-brand img{width:43px;height:43px}.command-nav-brand span{display:none}.command-nav-cta{height:35px;min-width:129px;padding:3px 9px}.command-nav-cta img{width:87px;height:26px}
  .hero{height:370px}.hero-content{margin-top:-82px;padding-top:58px}.hero-content .eyebrow{margin-bottom:1px;font-size:10px}.hero-subtitle{font-size:34px;gap:10px}.hero-subtitle:before,.hero-subtitle:after{width:27px}.system-ribbon{margin-top:4px}
  .battle-hud-head{height:55px;padding:0 14px;font-size:10px}.firepower-list{padding:13px 12px 9px}.fire-row{grid-template-columns:22px 24px 1fr auto;padding:9px 8px;gap:7px}.fire-name{font-size:11px}.fire-track{grid-column:3/-1;grid-row:2}.fire-value{font-size:11px}.fire-row.us .fire-value{font-size:12px}.fire-row:after{display:none}.objective{margin:3px 12px 14px}
  .target-hud-content{min-height:500px;padding:18px 15px}.target-operative{right:-35%;bottom:0;width:145%;opacity:.55}.target-panel:before{background:linear-gradient(90deg,rgba(2,10,8,.98),rgba(2,10,8,.84) 64%,rgba(2,10,8,.2))}.target-heading,.target-rival,.target-us,.target-gap,.target-track,.target-progress{width:84%}.target-rival,.target-us{grid-template-columns:31px 23px 1fr auto;font-size:9px}.target-rival strong,.target-us strong{font-size:12px}.target-gap{padding-left:54px}.target-panel blockquote{width:73%;font-size:9px}
  .linkcards{grid-template-columns:repeat(2,minmax(0,1fr))}.linkcards .linkcard{min-height:110px;padding:16px 8px}.linkcard .lc-logo{max-width:92%;height:34px}
}

/* V5.2 visual tightening: official faction marks, softer hero handoff and
   denser cyber-military pursuit telemetry. */
.command-nav{
  background:linear-gradient(180deg,rgba(1,8,6,.42),rgba(1,8,6,.12) 76%,transparent);
  backdrop-filter:blur(4px)
}
.command-nav-links{order:-1}
.command-nav-brand img{width:47px;height:47px;opacity:.91;filter:drop-shadow(0 0 7px rgba(55,255,145,.23))}
.command-nav-brand{padding:3px 7px 3px 4px;background:radial-gradient(circle at 23px 50%,rgba(3,11,9,.42),transparent 68%)}

.hero{height:clamp(430px,55vw,665px);border-bottom:0}
.hero-banner{filter:saturate(1.08) contrast(1.055);object-position:center 43%}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 25%,transparent 75%,rgba(0,0,0,.13)),linear-gradient(180deg,transparent 73%,rgba(2,12,9,.16) 86%,rgba(3,22,16,.86) 100%)}
.hero-fade{height:15%;background:linear-gradient(180deg,transparent,rgba(3,25,18,.94) 98%)}
.hero-content{
  max-width:none;margin:-1px 0 0;padding:34px 24px 25px;gap:13px;
  background:linear-gradient(180deg,rgba(3,27,20,.96) 0%,rgba(3,17,13,.97) 44%,rgba(3,8,7,.99) 100%);
  box-shadow:inset 0 1px 0 rgba(55,255,145,.09),inset 0 28px 70px rgba(30,255,174,.025)
}
.hero-content .eyebrow{margin:0 0 7px;padding:7px 18px;color:#5dffba;background:linear-gradient(90deg,transparent,rgba(55,255,145,.07),transparent);text-shadow:0 0 18px rgba(55,255,145,.6)}
.hero-subtitle{font-size:clamp(43px,6vw,69px);color:#effffb;text-shadow:0 0 7px rgba(56,255,224,.75),0 0 30px rgba(24,255,178,.42),0 0 64px rgba(24,255,178,.17)}
.hero-dek{margin-top:2px}.system-ribbon{margin-top:0}

.battle-grid{grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);align-items:stretch}
.battle-panel,.target-panel{min-height:0}
.battle-hud-head{height:58px;padding:0 19px;background:linear-gradient(90deg,rgba(55,255,145,.075),transparent 62%)}
.battle-hud-head b{display:inline-block;width:31px;margin-right:8px;font-size:27px;line-height:1;transform:translateY(2px);text-shadow:0 0 13px rgba(55,255,145,.5)}
.firepower-list{padding:13px 17px 8px;gap:5px}
.fire-row{grid-template-columns:25px 39px minmax(125px,170px) 1fr auto;min-height:48px;padding:5px 9px;gap:8px;background:rgba(4,14,12,.37)}
.fire-row:after{left:74px;bottom:2px}
.fire-rank{font-size:10px}
.fire-mark{display:block;width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}
.fire-mark.fallback{width:23px;height:23px;border:1px solid #54736b;transform:rotate(45deg)}
.fire-row.us .fire-mark{filter:drop-shadow(0 0 8px rgba(55,255,145,.45))}
.fire-row.leader .fire-mark{filter:drop-shadow(0 0 8px rgba(255,209,90,.32))}
.fire-track{height:11px}.fire-name{font-size:12px}.fire-value{font-size:11px}.fire-row.us .fire-value{font-size:13px}
.fire-row[data-faction="Neon Hive"] .fire-fill{background:linear-gradient(90deg,#dea51d,#ffd65e);box-shadow:0 0 10px rgba(255,209,90,.25)}
.fire-row[data-faction="Binary Minds"] .fire-fill{background:linear-gradient(90deg,#7997a6,#c0d7df)}
.fire-row[data-faction="Fixers"] .fire-fill{background:linear-gradient(90deg,#527386,#8aa7b5)}
.fire-row[data-faction="Glow Wave"] .fire-fill{background:linear-gradient(90deg,#8057d8,#bd87ff);box-shadow:0 0 9px rgba(174,105,255,.18)}
.fire-row[data-faction="Code Shifters"] .fire-fill{background:linear-gradient(90deg,#138bd2,#50c7ff);box-shadow:0 0 9px rgba(35,168,255,.17)}
.fire-row[data-faction="Electric Immortals"] .fire-fill{background:linear-gradient(90deg,var(--immortal),var(--volt));box-shadow:0 0 14px rgba(55,255,145,.31)}
.objective{margin:4px 17px 15px;padding:12px 15px}

.target-hud-content{min-height:455px;padding:18px 19px 17px}
.target-heading{width:78%;margin-bottom:16px}
.target-rival,.target-us{width:78%;grid-template-columns:35px 34px 1fr auto;gap:7px;padding:9px 10px;border:1px solid rgba(126,165,155,.12);background:linear-gradient(90deg,rgba(120,156,146,.075),rgba(3,12,10,.34));clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.target-us{border-color:rgba(55,255,145,.22);background:linear-gradient(90deg,rgba(55,255,145,.095),rgba(3,12,10,.28))}
.target-mark{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.1))}.target-us .target-mark{filter:drop-shadow(0 0 8px rgba(55,255,145,.38))}
.target-mark.fallback{width:21px;height:21px;border:1px solid #78958e;transform:rotate(45deg)}
.target-gap-bridge{position:relative;width:78%;height:91px;margin:3px 0;overflow:hidden}
.bridge-scan{position:absolute;left:6px;right:0;top:12px;height:15px;background:repeating-linear-gradient(90deg,rgba(255,209,90,.22) 0 2px,transparent 2px 5px,rgba(78,122,113,.24) 5px 7px,transparent 7px 11px);mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.7),transparent)}
.bridge-scan:after{content:"";position:absolute;left:0;top:7px;width:100%;height:1px;background:linear-gradient(90deg,var(--spark),rgba(55,255,145,.36),transparent);box-shadow:0 0 8px rgba(255,209,90,.25)}
.bridge-vector{position:absolute;left:44px;top:7px;bottom:7px;width:17px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--spark);font:700 18px/1 'Chakra Petch',sans-serif;text-shadow:0 0 10px rgba(255,209,90,.38)}
.bridge-vector i{width:2px;flex:1;margin:2px 0;background:linear-gradient(180deg,var(--spark),var(--immortal));box-shadow:0 0 8px rgba(55,255,145,.35)}
.target-gap{position:absolute;left:75px;top:28px;width:auto;margin:0;padding:5px 13px 5px 9px;display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,209,90,.45);background:linear-gradient(90deg,rgba(255,209,90,.07),transparent)}
.target-gap strong{font-size:29px;line-height:1}.target-gap span:last-child{font-size:8px}
.target-track{width:78%;height:15px;margin:12px 0 5px}.target-progress{width:78%}
.target-operative{right:-17%;bottom:-2%;width:106%;opacity:.78;filter:saturate(1.02) contrast(1.07) drop-shadow(0 0 27px rgba(25,255,165,.2))}
.target-panel:after{content:"";position:absolute;z-index:1;right:1%;bottom:0;width:42%;height:49%;pointer-events:none;background:radial-gradient(ellipse at 70% 88%,rgba(39,255,172,.11),transparent 58%);mix-blend-mode:screen}
.target-panel blockquote{width:62%;margin-top:auto;padding:10px 13px;font-size:9px;line-height:1.55}

@media(max-width:1040px){
  .command-nav-links{display:none}.target-hud-content{min-height:455px}.target-operative{right:-8%;width:83%}
}
@media(max-width:680px){
  .hero{height:355px}.hero-content{margin-top:-1px;padding:27px 15px 22px}.hero-content .eyebrow{margin-bottom:5px;padding:6px 12px}.hero-subtitle{font-size:37px}
  .battle-panel,.target-panel{padding:0}
  .battle-hud-head b{width:26px;font-size:23px}.firepower-list{padding:10px 9px 7px}.fire-row{grid-template-columns:22px 34px 1fr auto;min-height:47px;padding:5px 6px}.fire-mark{width:32px;height:32px}.fire-track{grid-column:3/-1}.objective{margin:3px 9px 11px}
  .target-hud-content{min-height:450px;padding:16px 12px}.target-heading,.target-rival,.target-us,.target-gap-bridge,.target-track,.target-progress{width:84%}.target-rival,.target-us{grid-template-columns:29px 31px 1fr auto;padding:8px 6px}.target-mark{width:29px;height:29px}.target-operative{right:-29%;width:123%;opacity:.68}.bridge-vector{left:33px}.target-gap{left:60px}.target-panel blockquote{width:67%}
}
@media(max-width:390px){.command-nav-brand strong{font-size:11px}.command-nav-cta{font-size:8px}.hero{height:340px}.hero-subtitle{font-size:31px}.actgrid{grid-template-columns:1fr}.system-ribbon span:last-child{display:none}.system-ribbon i:last-of-type{display:none}}

/* V5.3 polish: correct nav order, pursuit centerpiece, branded standings,
   global ranks and a resilient X signal card. */
.command-nav-brand{margin-right:auto}
.command-nav-links{order:initial}
.command-nav-cta{margin-left:0}

.target-panel{border-color:rgba(55,255,145,.34);background:linear-gradient(rgba(55,255,145,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(55,255,145,.022) 1px,transparent 1px),radial-gradient(circle at 92% 82%,rgba(30,255,169,.16),transparent 39%),linear-gradient(145deg,rgba(8,26,21,.99),rgba(2,9,8,.995));background-size:26px 26px,26px 26px,auto,auto;box-shadow:0 0 0 1px rgba(55,255,145,.06),0 24px 80px rgba(0,0,0,.5),inset 0 0 54px rgba(38,255,177,.035)}
.target-panel:before{background:linear-gradient(90deg,rgba(2,10,8,.98) 0%,rgba(2,10,8,.91) 51%,rgba(2,10,8,.3) 76%,rgba(2,10,8,.08) 100%)}
.target-hud-content{min-height:468px;padding:17px 18px 16px;overflow:hidden}
.target-hud-content:before{content:"";position:absolute;z-index:1;left:0;right:0;top:-32%;height:34%;background:linear-gradient(180deg,transparent,rgba(55,255,145,.08),transparent);pointer-events:none;animation:targetSweep 7s linear infinite}
.target-hud-content>*{position:relative;z-index:2}
@keyframes targetSweep{to{transform:translateY(440%)}}
.target-heading{width:88%;margin-bottom:14px;gap:10px}
.target-heading-copy{display:flex;align-items:center;gap:9px}.target-heading-copy>b{color:var(--immortal);font:700 24px/1 'Chakra Petch',sans-serif;text-shadow:0 0 12px rgba(55,255,145,.55)}
.target-heading-copy>span{display:flex;flex-direction:column;gap:2px}.target-heading-copy small{color:#5f8d81;font:7px 'IBM Plex Mono',monospace;letter-spacing:.18em}
.target-heading>i{min-width:18px}.target-lock{display:flex;align-items:center;gap:6px;color:#8fc4b6;font:700 8px 'IBM Plex Mono',monospace;letter-spacing:.14em}.target-lock em{width:6px;height:6px;border-radius:50%;background:var(--immortal);box-shadow:0 0 9px var(--immortal)}
.target-rival,.target-us{width:86%;min-height:51px;border-color:rgba(126,165,155,.18);box-shadow:inset 0 0 20px rgba(99,148,134,.025)}
.target-us{border-color:rgba(55,255,145,.33);box-shadow:inset 3px 0 0 var(--immortal),inset 0 0 24px rgba(55,255,145,.045)}
.target-gap-bridge{width:86%;height:112px;margin:2px 0;border-top:1px solid rgba(255,209,90,.1);border-bottom:1px solid rgba(55,255,145,.1);background:linear-gradient(90deg,rgba(255,209,90,.025),transparent 60%);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
.target-gap-bridge:before{content:"DELTA // LIVE";position:absolute;left:8px;top:6px;color:#746d4e;font:7px 'IBM Plex Mono',monospace;letter-spacing:.16em}
.target-gap-bridge:after{content:"";position:absolute;right:4px;bottom:7px;width:64px;height:18px;opacity:.36;background:repeating-linear-gradient(90deg,var(--immortal) 0 2px,transparent 2px 6px)}
.bridge-scan{left:7px;right:4px;top:28px;height:15px}.bridge-vector{left:38px;top:21px;bottom:10px}
.target-gap{left:69px;top:45px;padding:5px 16px 6px 12px;border-left:2px solid var(--spark);border-right:1px solid rgba(255,209,90,.12);background:linear-gradient(90deg,rgba(255,209,90,.12),rgba(255,209,90,.025));clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.target-gap strong{font-size:32px;text-shadow:0 0 18px rgba(255,209,90,.3)}
.target-track,.target-progress{width:86%}.target-track{margin-top:11px}
.target-operative{right:-19%;width:102%;opacity:.77}
.target-panel blockquote{width:64%;padding:9px 12px;border-top:1px solid rgba(55,255,145,.13);border-bottom:1px solid rgba(55,255,145,.13)}

.frow{grid-template-columns:235px 1fr auto;position:relative}
.fname{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px}
.standings-mark{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.09))}
.standings-mark.fallback{width:25px;height:25px;border:1px solid #54736b;transform:rotate(45deg)}
.faction-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.frow[data-faction="Neon Hive"] .barFill{background:linear-gradient(90deg,#d99d19,#ffd75d)}
.frow[data-faction="Binary Minds"] .barFill{background:linear-gradient(90deg,#7e98a5,#c2d5dc)}
.frow[data-faction="Fixers"] .barFill{background:linear-gradient(90deg,#227eae,#69b9dc)}
.frow[data-faction="Glow Wave"] .barFill{background:linear-gradient(90deg,#7d4fd2,#c185ff)}
.frow[data-faction="Code Shifters"] .barFill{background:linear-gradient(90deg,#087fc6,#49c1ff)}
.frow[data-faction="Electric Immortals"] .barFill{background:linear-gradient(90deg,var(--immortal),var(--volt))}
.frow.us .standings-mark{filter:drop-shadow(0 0 9px rgba(55,255,145,.4))}

.fc-global{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:9px;padding:4px 7px;border:1px solid rgba(126,165,155,.19);color:#70978d;text-transform:uppercase;font:8px 'IBM Plex Mono',monospace;letter-spacing:.11em}.fc-global b{color:#c7e1da;font-size:10px}.fighter-card.mvp .fc-global b{color:var(--spark)}.fighter-card.core .fc-global b{color:var(--volt)}
.fighter-card .fc-address{margin-top:20px}.fighter-card .fc-damage{margin-top:12px}

.x-signal{padding:0;min-height:0}
.x-signal-head{margin:0;padding:15px 20px;border-bottom:1px solid rgba(55,255,145,.14);background:linear-gradient(90deg,rgba(55,255,145,.055),transparent)}
.x-signal-body{min-height:145px;padding:22px 24px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;background:radial-gradient(circle at 10% 50%,rgba(255,41,82,.055),transparent 24%)}
.x-signal-body>img{width:135px;height:62px;object-fit:contain}
.x-signal-copy{display:flex;flex-direction:column;gap:4px}.x-handle{color:var(--volt);font:700 11px 'IBM Plex Mono',monospace;letter-spacing:.08em}.x-signal-copy strong{color:#e9f8f4;font:700 18px 'Chakra Petch',sans-serif;text-transform:uppercase;letter-spacing:.05em}.x-signal-copy p{margin:0;color:#77988f;font-size:12px}
.x-signal-open{padding:11px 14px;border:1px solid rgba(55,255,145,.31);color:var(--immortal);text-decoration:none;text-transform:uppercase;font:700 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.x-signal-open:hover{background:rgba(55,255,145,.07);border-color:var(--immortal)}.x-signal-open span{margin-left:7px;font-size:13px}

@media(max-width:760px){
  .target-heading,.target-rival,.target-us,.target-gap-bridge,.target-track,.target-progress{width:88%}.target-operative{right:-33%;width:122%}.target-gap{left:58px}.bridge-vector{left:29px}.target-panel blockquote{width:69%}
  .frow{grid-template-columns:1fr}.fname{grid-template-columns:39px 1fr}.standings-mark{width:36px;height:36px}
  .x-signal-body{grid-template-columns:82px 1fr;padding:18px 14px;gap:13px}.x-signal-body>img{width:78px}.x-signal-open{grid-column:1/-1;text-align:center}.x-signal-copy strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.target-hud-content:before{animation:none}}

/* V5.4 final polish: preserve the complete banner artwork, tighten alignment,
   and turn the target delta into one connected pursuit vector. */
@media(min-width:681px){
  .hero{height:clamp(430px,46.875vw,900px)}
  .hero-banner{object-position:center center}
}

.actcard{align-items:center;justify-content:center;text-align:center}
.actcard .aval{align-items:center;text-align:center}
.actcard .aaddr,.actcard .asub{text-align:center}

.linkcards{display:flex;justify-content:center;align-items:stretch}
.linkcards .linkcard{flex:0 1 560px;max-width:560px;width:100%}

.bridge-vector{left:37px;top:22px;bottom:9px;width:26px;display:block;font-size:0;text-shadow:none}
.bridge-vector i{position:absolute;left:11px;top:9px;bottom:9px;width:3px;margin:0;background:linear-gradient(180deg,var(--spark) 0 47%,var(--immortal) 53% 100%);box-shadow:0 0 8px rgba(255,209,90,.32),0 0 13px rgba(55,255,145,.2)}
.bridge-vector i:before,.bridge-vector i:after{content:"";position:absolute;left:50%;width:0;height:0;transform:translateX(-50%);filter:drop-shadow(0 0 5px currentColor)}
.bridge-vector i:before{top:-8px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--spark);color:var(--spark)}
.bridge-vector i:after{bottom:-8px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--immortal);color:var(--immortal)}
.bridge-vector:before{content:"";position:absolute;left:2px;right:1px;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--spark) 25%,var(--immortal) 75%,transparent);box-shadow:0 0 7px rgba(55,255,145,.45)}
.bridge-vector:after{content:"";position:absolute;left:8px;top:calc(50% - 4px);width:7px;height:7px;border:1px solid var(--volt);background:#07130f;transform:rotate(45deg);box-shadow:0 0 8px rgba(56,255,224,.58)}

@media(max-width:760px){.bridge-vector{left:28px}}

/* V5.5.1 mobile rescue/polish pass.
   Desktop is intentionally untouched; these rules target the phone layout
   that must pass before any future production deployment. */
@media(max-width:680px){
  .command-nav{height:46px;padding:0 10px;background:linear-gradient(180deg,rgba(1,8,6,.28),rgba(1,8,6,.055) 78%,transparent);backdrop-filter:blur(2px)}
  .command-nav:after{opacity:.1}
  .command-nav-brand{padding:1px 3px;background:none}.command-nav-brand img{width:36px;height:36px;opacity:.86}
  .command-nav-cta{height:30px;min-width:108px;padding:2px 7px;border-color:rgba(255,209,90,.26);background:linear-gradient(135deg,rgba(255,81,52,.065),rgba(255,209,90,.025))}
  .command-nav-cta span{font-size:7px}.command-nav-cta img{width:75px;height:22px}

  /* Slight cinematic crop: larger than the exact-aspect rescue while keeping the faction lettering. */
  .hero{height:53.5vw;max-height:230px;aspect-ratio:auto;min-height:0}
  .hero-banner{width:100%;height:100%;object-fit:cover;object-position:center center}
  .hero-fade{height:12%}
  .hero-content{margin:0;padding:24px 14px 18px;gap:10px}
  .hero-content .eyebrow{padding:6px 11px;font-size:9px}
  .hero-subtitle{font-size:clamp(29px,9vw,36px);gap:8px}.hero-subtitle:before,.hero-subtitle:after{width:21px}
  .hero-dek{font-size:13px;line-height:1.5}.hero-boss{font-size:10px;line-height:1.45}
  .system-ribbon{display:none}

  .wrap{padding-left:12px;padding-right:12px;padding-bottom:58px}
  .trace{margin:38px 0 15px}.trace-label{font-size:8px;letter-spacing:.11em;white-space:normal;text-align:center}
  .section-head{gap:10px}.section-kicker{font-size:9px}.livebar{width:100%;gap:7px}.livebar .cn{font-size:8px}.intel-refresh{padding:7px 9px;font-size:8px}

  .pulse-panel{min-height:430px}.pulse-panel-head{height:52px;padding:0 14px}
  .pulse-stat{padding:12px 7px}.pulse-value{font-size:25px}.pulse-label{font-size:8px}
  .pulse-panel .deployment{padding:12px 15px 9px}.pulse-motto{bottom:15px;width:86%;padding:10px 11px}

  /* Explicit flex order prevents either tactical panel disappearing/reflowing. */
  .battle-grid{display:flex;flex-direction:column;gap:14px}
  .battle-panel{display:block!important;visibility:visible;order:1;width:100%;min-height:0}
  .target-panel{order:2;width:100%;min-height:0}
  .battle-hud-head{height:50px;padding:0 11px;font-size:9px}.battle-hud-head b{width:21px;font-size:19px}.battle-live{padding:5px 7px;font-size:8px}
  .firepower-list{padding:8px 7px 5px;gap:3px}.fire-row{grid-template-columns:19px 30px minmax(0,1fr) auto;min-height:41px;padding:4px 5px;gap:5px}
  .fire-mark{width:28px;height:28px}.fire-name{font-size:9px}.fire-name small{font-size:6px;margin-left:3px;padding:1px 3px}.fire-value,.fire-row.us .fire-value{font-size:9px}
  .fire-track{grid-column:3/-1;height:8px;padding:2px}.objective{margin:3px 7px 9px;padding:9px 10px;font-size:8px}

  .target-hud-content{min-height:430px;padding:14px 10px 13px}
  .target-heading{margin-bottom:10px}.target-heading-copy>b{font-size:20px}.target-heading-copy small,.target-lock{font-size:6px}
  .target-rival,.target-us{min-height:44px;grid-template-columns:25px 28px minmax(0,1fr) auto;padding:6px 5px;gap:4px;font-size:8px}
  .target-rival strong,.target-us strong{font-size:10px}.target-rank{font-size:13px}.target-mark{width:26px;height:26px}
  .target-gap-bridge{height:91px}.target-gap{top:39px;left:55px;padding:4px 10px}.target-gap strong{font-size:25px}.bridge-vector{left:25px;top:20px}
  .target-track{margin-top:8px}.target-operative{right:-8%;width:92%;opacity:.67}
  .target-panel blockquote{width:67%;padding:8px 9px;font-size:8px}

  /* Compact live-roster cards without turning each fighter into a full-screen slab. */
  .actgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .actcard{min-height:84px;padding:9px 6px;gap:5px}
  .actcard .aaddr{font-size:9px}.actcard .aval{font-size:12px;line-height:1.3}.actcard.quiet .aval{font-size:8px;letter-spacing:.035em}.actcard .asub{font-size:8px}

  .standings-panel{padding:5px}.frow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"fname nums" "track track";gap:6px 9px;padding:10px 9px}
  .fname{grid-area:fname;grid-template-columns:34px minmax(0,1fr);gap:7px}.standings-mark{width:32px;height:32px}
  .fname .n{font-size:11px}.fname .tag{font-size:8px;line-height:1.35}.frow .barTrack{grid-area:track;height:7px}.fnums{grid-area:nums;text-align:right}.fnums .t{font-size:12px}.fnums .today{font-size:8px}

  .top-fighters{gap:9px;margin-bottom:9px}.fighter-card{min-height:0;padding:15px}
  .fighter-card .fc-rank{font-size:28px}.fighter-card .fc-address{margin-top:12px;font-size:10px}.fc-global{margin-top:7px;font-size:7px}
  .fighter-card .fc-damage{margin-top:10px;font-size:30px}.fighter-card .fc-label{font-size:8px;line-height:1.4}
  .roster{padding:3px}.rrow{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rank tier nums" "main main main";gap:7px 8px;padding:10px 9px}
  .rank{grid-area:rank}.tier{grid-area:tier;justify-self:start;padding:4px 6px;font-size:8px}.rmain{grid-area:main;gap:5px}.raddr{font-size:9px}.rnums{grid-area:nums;text-align:right}.rnums .w{font-size:11px}.rnums .a{font-size:8px}
  .legend{gap:8px 11px;font-size:8px;line-height:1.4}

  .note{padding:15px 16px;font-size:12px;line-height:1.55}
  .x-signal-head{padding:12px 13px}.x-signal-title{font-size:10px}.x-signal-note{font-size:8px}
  .x-signal-body{min-height:0;padding:15px 11px;grid-template-columns:68px minmax(0,1fr);gap:10px}.x-signal-body>img{width:66px;height:45px}
  .x-handle{font-size:9px}.x-signal-copy strong{font-size:13px}.x-signal-copy p{font-size:9px;line-height:1.4}.x-signal-open{padding:9px 10px}

  /* V5.4's desktop flex-basis caused the giant empty WChronicles panel. */
  .linkcards{display:flex;flex-direction:row;margin-top:14px}
  .linkcards .linkcard{flex:0 1 360px!important;width:100%;max-width:360px;min-height:105px;height:auto;padding:15px 9px}
  .linkcard .lc-label{font-size:9px}.linkcard .lc-logo{height:31px}
}

@media(max-width:390px){
  .actgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .command-nav-cta{min-width:104px}.command-nav-cta img{width:72px}
}

/* Raid intermission: shown only when the live API has no active raid/day. */
.intermission-banner{position:relative;width:min(980px,calc(100% - 40px));margin:24px auto 4px;padding:24px 58px 24px 26px;border:1px solid rgba(55,255,145,.28);background:radial-gradient(circle at 100% 0,rgba(55,255,145,.11),transparent 42%),linear-gradient(145deg,rgba(7,27,22,.98),rgba(2,10,8,.99));clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);box-shadow:0 20px 65px rgba(0,0,0,.32)}
.intermission-banner:before{content:"";position:absolute;left:0;top:0;width:190px;height:2px;background:linear-gradient(90deg,var(--immortal),transparent);box-shadow:0 0 14px rgba(55,255,145,.55)}
.intermission-kicker{display:block;color:var(--immortal);font:600 9px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.17em}.intermission-banner h2{margin-top:8px;color:#effffb;text-transform:uppercase;font-size:27px;letter-spacing:.08em}.intermission-banner p{max-width:760px;margin:10px 0 0;color:#90ada5;font-size:13px;line-height:1.65}.intermission-close{position:absolute;right:15px;top:13px;width:30px;height:30px;border:1px solid rgba(55,255,145,.2);background:rgba(55,255,145,.035);color:#83a89e;cursor:pointer;font:20px/1 'IBM Plex Mono',monospace}.intermission-close:hover{color:var(--immortal);border-color:rgba(55,255,145,.5)}.intermission-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.intermission-links a{padding:8px 11px;border:1px solid rgba(55,255,145,.22);color:#b6d2ca;text-decoration:none;text-transform:uppercase;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.intermission-links a:hover{color:var(--immortal);background:rgba(55,255,145,.06)}
.raid-intermission #pulse-section,.raid-intermission #faction-pulse,.raid-intermission #firepower-section,.raid-intermission #today-section-head,.raid-intermission .battle-grid,.raid-intermission #deployment-section,.raid-intermission #today-fighter-grid{display:none!important}.raid-intermission #standings-section .trace-label:after{content:" // Final archive"}.raid-intermission #roster-section .trace-label:after{content:" // Last operation"}
@media(max-width:600px){.intermission-banner{width:calc(100% - 28px);padding:20px 42px 20px 17px}.intermission-banner h2{font-size:21px}.intermission-banner p{font-size:11px}.intermission-links a{flex:1 1 44%;text-align:center}}
@media(max-width:600px){.sitenav{flex-wrap:wrap;row-gap:6px}}

/* V5.9.1 live-roster + first-place presentation. */
.live-loading{grid-column:1/-1;align-self:center;justify-self:stretch;padding:32px 18px;text-align:center;color:#6f968b;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.target-panel.loading{display:grid;place-items:center;min-height:260px}
.target-panel.leading .target-operative-oathkeeper{right:-34%;bottom:-2%;width:auto;height:104%;max-width:none;opacity:.72;object-fit:contain;filter:saturate(1.04) contrast(1.08) drop-shadow(0 0 30px rgba(25,255,165,.22))}
.target-panel.leading:before{background:linear-gradient(90deg,rgba(2,10,8,.99) 0%,rgba(2,10,8,.94) 46%,rgba(2,10,8,.38) 72%,rgba(2,10,8,.1) 100%)}
.leading-hud .target-us{border-color:rgba(255,209,90,.3);background:linear-gradient(90deg,rgba(255,209,90,.1),rgba(3,12,10,.3))}
.leading-hud .target-us strong{color:var(--spark);text-shadow:0 0 12px rgba(255,209,90,.3)}
.leading-hud .lead-gap-bridge{margin:5px 0}.leading-hud .lead-track .target-fill{background:linear-gradient(90deg,var(--spark),var(--immortal),var(--volt))}
@media(max-width:1040px){.target-panel.leading .target-operative-oathkeeper{right:-18%;height:108%}}
@media(max-width:680px){.target-panel.leading .target-operative-oathkeeper{right:-8%;bottom:-1%;height:102%;width:auto;opacity:.69;filter:saturate(1.09) contrast(1.1) drop-shadow(0 0 32px rgba(25,255,165,.24))}.target-panel.leading:before{background:linear-gradient(90deg,rgba(2,10,8,.99),rgba(2,10,8,.91) 56%,rgba(2,10,8,.2))}.leading-hud .target-rival,.leading-hud .target-us,.leading-hud .target-heading,.leading-hud .target-gap-bridge,.leading-hud .target-track,.leading-hud .target-progress{width:86%}}