/* =========================================================
   KILLER HUB PANEL SKIN SYSTEM v1.0
   =========================================================
   Purpose:  Reusable dark-glass + fire-behind-edges panel
             skin for the /killer hub page.
   Scope:    body.kp-killer-hub-page only -- never leaks
             into Thursday League (/leagues/hub).
   Visual:   Matches killer-pool-hub-panel-design.png mockup.
   Method:   Hybrid of Method 1 (fire placement) and
             Method 2 (CSS variables, isolation, inner stroke)
             from "css instructions for killer hub panels 2.txt".
   Author:   Kilo, 2026-04-07
   ========================================================= */


/* ---------------------------------------------------------
   1. DESIGN TOKENS (tunable)
   All fire, glow, and surface values live here.
   Adjust these to change the entire system at once.
   --------------------------------------------------------- */
body.kp-killer-hub-page {

  /* -- Page background tones -- */
  --kp-page-bg:
    radial-gradient(circle at 50% 50%, rgba(18,28,52,0.42) 0%, transparent 45%),
    linear-gradient(180deg, #04060b 0%, #050810 100%);

  /* -- Panel surface fills -- */
  --kp-panel-fill:
    linear-gradient(180deg, rgba(12,20,32,0.96) 0%, rgba(5,10,18,0.98) 100%);
  --kp-panel-fill-strong:
    linear-gradient(180deg, rgba(5,9,20,0.95), rgba(3,7,18,0.97));

  /* -- Fire / ember colours -- */
  --kp-ember:        #ff6a1a;
  --kp-ember-hot:    #ff9b47;
  --kp-ember-glow:   rgba(255,106,26,0.16);

  /* -- Border colours -- */
  --kp-border-fire:       rgba(255,170,90,0.20);
  --kp-border-fire-mid:   rgba(255,140,50,0.26);
  --kp-border-fire-hot:   rgba(255,126,63,0.48);
  --kp-border-side:       rgba(255,146,84,0.22);

  /* -- Text palette -- */
  --kp-text:          #f4f1ea;
  --kp-text-soft:     #b8c2d3;
  --kp-text-dim:      #7f8a9d;
  --kp-text-gold:     #f2cc81;
  --kp-text-ember:    #f2c294;

  /* -- Radii -- */
  --kp-radius-xl:  22px;
  --kp-radius-lg:  16px;
  --kp-radius-md:  12px;
  --kp-radius-sm:  10px;

  /* -- Shadows -- */
  --kp-shadow-panel:
    0 12px 34px rgba(0,0,0,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.03);
  --kp-shadow-panel-strong:
    0 18px 40px rgba(0,0,0,0.45),
    inset 0 0 0 1px rgba(255,255,255,0.025);
  --kp-shadow-ember:
    0 0 0 1px rgba(255,140,70,0.18),
    0 0 24px var(--kp-ember-glow),
    0 0 50px rgba(255,106,26,0.10);

  /* -- Fire layer (outer ember radial gradients) -- */
  /* Standard intensity for normal panels */
  --kp-fire-standard:
    radial-gradient(circle at 8% 50%,  rgba(255,110,20,0.30), transparent 20%),
    radial-gradient(circle at 92% 52%, rgba(255,95,10,0.28),  transparent 20%),
    radial-gradient(circle at 14% 100%,rgba(255,90,0,0.18),   transparent 16%),
    radial-gradient(circle at 86% 100%,rgba(255,90,0,0.18),   transparent 16%),
    radial-gradient(circle at 50% 0%,  rgba(255,125,35,0.10), transparent 16%);

  /* Stronger intensity for masthead / hero panels */
  --kp-fire-masthead:
    radial-gradient(circle at 6% 56%,  rgba(255,120,20,0.55), transparent 24%),
    radial-gradient(circle at 94% 50%, rgba(255,105,15,0.52), transparent 24%),
    radial-gradient(circle at 4% 100%, rgba(255,85,0,0.35),   transparent 18%),
    radial-gradient(circle at 96% 100%,rgba(255,85,0,0.35),   transparent 18%),
    radial-gradient(circle at 50% 0%,  rgba(255,125,35,0.20), transparent 18%);

  /* Medium intensity for featured / live panels */
  --kp-fire-featured:
    radial-gradient(circle at 6% 50%,  rgba(255,115,20,0.42), transparent 22%),
    radial-gradient(circle at 94% 52%, rgba(255,100,12,0.40), transparent 22%),
    radial-gradient(circle at 10% 100%,rgba(255,88,0,0.26),   transparent 17%),
    radial-gradient(circle at 90% 100%,rgba(255,88,0,0.26),   transparent 17%),
    radial-gradient(circle at 50% 0%,  rgba(255,125,35,0.14), transparent 17%);

  /* Light intensity for side / compact panels */
  --kp-fire-side:
    radial-gradient(circle at 5% 50%,  rgba(255,110,20,0.20), transparent 18%),
    radial-gradient(circle at 95% 52%, rgba(255,95,10,0.18),  transparent 18%),
    radial-gradient(circle at 50% 100%,rgba(255,90,0,0.12),   transparent 14%);

  /* -- Inner texture layer -- */
  --kp-texture:
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.018) 0 2px,
      transparent 2px 14px
    );

  /* -- Glass sheen (top highlight) -- */
  --kp-glass-sheen:
    linear-gradient(180deg, rgba(255,255,255,0.035), transparent 20%);
}

/* Horizontal compact podium */
.kp-podium-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
    margin-top: 10px;
}

/* Base slot */
.kp-podium-slot {
    flex: 1;
    text-align: center;
    font-size: 12px;
}

/* Center winner */
.kp-podium-1st {
    transform: translateY(-10px);
    font-size: 14px;
}

/* Trophy */
.kp-placement-trophy {
    display: block;
    font-size: 20px;
    margin-bottom: 2px;
}

/* Labels */
.kp-placement-label {
    display: block;
    font-size: 10px;
    opacity: 0.7;
}

/* Names */
.kp-winner-name {
    display: block;
    font-weight: 600;
    margin-top: 2px;
}

/* Winner badge */
.kp-result-badge {
    display: inline-block;
    font-size: 9px;
    padding: 2px 6px;
    margin-bottom: 2px;
    background: #ff9800;
    color: #000;
    border-radius: 3px;
}
/* ---------------------------------------------------------
   2. PAGE-LEVEL OVERRIDES
   Darken the page background to match the mockup's
   near-black environment.
   --------------------------------------------------------- */
body.kp-killer-hub-page {
  background: var(--kp-page-bg) !important;
  overflow-x: hidden;   /* prevent horizontal scroll from fire bleed */
}

/* Soften the fixed ambient glow blobs */
body.kp-killer-hub-page .tlsb-public-shell::before {
  background: rgba(255, 100, 20, 0.08);
  filter: blur(28px);
}
body.kp-killer-hub-page .tlsb-public-shell::after {
  background: rgba(255, 80, 20, 0.06);
  filter: blur(28px);
}


/* ---------------------------------------------------------
   3. OUTER WRAPPER (.tlsb-hub-v2) -- the main card
   Transform the blue-themed wrapper into the dark-glass
   fire-bordered container from the mockup.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2 {
  isolation: isolate;
  overflow: visible;
  background: var(--kp-panel-fill-strong);
  border: 1px solid var(--kp-border-fire-mid);
  border-radius: var(--kp-radius-xl);
  box-shadow: var(--kp-shadow-panel-strong), var(--kp-shadow-ember);
}

/* Fire layer behind the entire hub card --
   Uses negative inset to bleed fire past the panel edges.
   overflow:visible on the wrapper allows this to show. */
body.kp-killer-hub-page .tlsb-hub-v2::before {
  content: "";
  position: absolute;
  inset: -22px;
  z-index: -1;
  pointer-events: none;
  border-radius: calc(var(--kp-radius-xl) + 16px);
  background: var(--kp-fire-masthead);
  filter: blur(14px) saturate(1.15);
  opacity: 0.9;
}

/* Inner texture / subtle pattern */
body.kp-killer-hub-page .tlsb-hub-v2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: var(--kp-texture);
  opacity: 0.55;
}

/* Ensure all direct children sit above fire + texture */
body.kp-killer-hub-page .tlsb-hub-v2 > * {
  position: relative;
  z-index: 1;
}


/* ---------------------------------------------------------
   4. MASTHEAD PANEL SKIN
   Strongest fire treatment. Corresponds to the mockup's
   hero panel with logo, title, and side info cards.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-masthead {
  position: relative;
  border-bottom: 1px solid rgba(255,140,70,0.18);
  background: transparent;
}

/* Badge / crest wrap -- warm ember glow behind logo
   Logo increased by 20% per request */
body.kp-killer-hub-page .tlsb-hub-v2-crest-wrap {
  background: transparent;
  border: 0;
  box-shadow: none;
  position: relative;
  width: clamp(187px, 21vw, 302px) !important;   /* 20% larger than base 156px-252px */
  height: clamp(187px, 21vw, 302px) !important;
}
body.kp-killer-hub-page .tlsb-hub-v2-crest-wrap::before {
  content: "";
  position: absolute;
  inset: -12%;
  border-radius: 50%;
  background:
    radial-gradient(circle, rgba(255,140,47,0.22) 0%, rgba(255,140,47,0.08) 40%, transparent 70%);
  filter: blur(8px);
  pointer-events: none;
  z-index: 0;
}
body.kp-killer-hub-page .tlsb-hub-v2-crest {
  position: relative;
  z-index: 1;
  filter:
    drop-shadow(0 0 14px rgba(255,120,40,0.30))
    drop-shadow(0 0 36px rgba(255,120,40,0.18));
}

/* Title text -- warmer, bolder */
body.kp-killer-hub-page .tlsb-hub-v2-title-wrap h1 {
  color: #f3efe8;
  text-shadow:
    0 2px 0 rgba(255,255,255,0.04),
    0 8px 24px rgba(0,0,0,0.45);
}
body.kp-killer-hub-page .tlsb-hub-v2-title-wrap p {
  color: var(--kp-ember-hot);
  letter-spacing: 0.22em;
}

/* Pills -- ember toned, with individual backgrounds */
body.kp-killer-hub-page .tlsb-hub-v2-pill {
  border: 1px solid rgba(255,160,80,0.55);
  background: linear-gradient(180deg, rgba(22,18,12,0.94), rgba(14,11,8,0.96));
  color: #ffd18a;
  box-shadow: inset 0 0 0 1px rgba(255,180,100,0.10);
}

/* Hide the ROUND X pill per request */
body.kp-killer-hub-page .tlsb-hub-v2-pill:not(.tlsb-hub-v2-pill-live) {
  display: none;
}

body.kp-killer-hub-page .tlsb-hub-v2-pill-live {
  border: 1px solid rgba(255,100,40,0.72);
  background: linear-gradient(180deg, rgba(90,20,10,0.96), rgba(44,8,4,0.96));
  color: #ffe0d0;
  box-shadow: inset 0 0 0 1px rgba(255,170,130,0.16);
}

/* Division tabs -- ember accent, with individual backgrounds */
body.kp-killer-hub-page .tlsb-hub-v2-division-tab {
  border: 1px solid rgba(255,140,70,0.35);
  background: linear-gradient(180deg, rgba(18,14,10,0.92), rgba(11,9,6,0.94));
  color: #ddd2c2;
}
body.kp-killer-hub-page .tlsb-hub-v2-division-tab.is-active {
  border: 1px solid rgba(255,140,50,0.72);
  background: linear-gradient(180deg, rgba(80,40,10,0.96), rgba(48,22,6,0.97));
  color: #ffe6c4;
  box-shadow: inset 0 0 0 1px rgba(255,180,100,0.14);
}

/* Meta toggle dot */
body.kp-killer-hub-page .tlsb-hub-v2-meta-toggle {
  border-color: rgba(255,140,70,0.40);
  background: rgba(12,8,4,0.8);
}

/* Masthead status -- vertical stack */
body.kp-killer-hub-page .kp-masthead-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0 auto;
}

/* Division tabs -- vertical */
body.kp-killer-hub-page .tlsb-hub-v2-division-tabs {
  display: flex;
  flex-direction: column;
  gap: 4px;
}


/* ---------------------------------------------------------
   5. SUBNAV SKIN
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-subnav {
  border-bottom-color: rgba(255,140,70,0.14);
}

body.kp-killer-hub-page .tlsb-hub-v2-subnav-link {
  color: var(--kp-text-soft);
}

body.kp-killer-hub-page .tlsb-hub-v2-subnav-link::before {
  background: radial-gradient(circle at 30% 30%, #ffb86a 0%, #cc7020 65%, #8f5010 100%);
  box-shadow: 0 0 0 1px rgba(200,120,40,0.4);
}

body.kp-killer-hub-page .tlsb-hub-v2-subnav-link.is-active,
body.kp-killer-hub-page .tlsb-hub-v2-subnav-link:hover,
body.kp-killer-hub-page .tlsb-hub-v2-subnav-link:focus-visible {
  color: var(--kp-text-ember);
  background: transparent;
  border: 0;
}

body.kp-killer-hub-page .tlsb-hub-v2-subnav-link.is-active::after,
body.kp-killer-hub-page .tlsb-hub-v2-subnav-link:hover::after,
body.kp-killer-hub-page .tlsb-hub-v2-subnav-link:focus-visible::after {
  background: linear-gradient(90deg, rgba(255,160,80,0), rgba(255,160,80,0.88), rgba(255,160,80,0));
}


/* ---------------------------------------------------------
   6. STANDARD PANEL SKIN (.tlsb-hub-v2-panel)
   Reusable for most major content blocks.
   Dark glass with restrained fire energy.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--kp-panel-fill);
  border: 1px solid var(--kp-border-fire);
  border-radius: var(--kp-radius-md);
  box-shadow: var(--kp-shadow-panel);
}

/* Fire behind standard panels -- restrained */
body.kp-killer-hub-page .tlsb-hub-v2-panel::before {
  content: "";
  position: absolute;
  inset: -14px;
  z-index: 0;
  pointer-events: none;
  border-radius: calc(var(--kp-radius-md) + 10px);
  background: var(--kp-fire-standard);
  filter: blur(12px) saturate(1.1);
  opacity: 0.85;
}

/* Inner texture for standard panels */
body.kp-killer-hub-page .tlsb-hub-v2-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background: var(--kp-texture);
  opacity: 0.45;
}

/* Ensure panel contents sit above fire + texture */
body.kp-killer-hub-page .tlsb-hub-v2-panel > * {
  position: relative;
  z-index: 1;
}

/* Panel titles -- gold/ember tone */
body.kp-killer-hub-page .tlsb-hub-v2-panel-title,
body.kp-killer-hub-page .tlsb-hub-v2-section-head h2 {
  color: var(--kp-text-gold);
  text-shadow: 0 1px 0 rgba(60,40,10,0.32);
}

/* Section head links */
body.kp-killer-hub-page .tlsb-hub-v2-section-head a {
  color: var(--kp-ember-hot);
}
body.kp-killer-hub-page .tlsb-hub-v2-section-head a:hover {
  color: #ffbe72;
}


/* ---------------------------------------------------------
   7. FEATURED / LIVE PANEL SKIN
   Slightly stronger than standard, used for the main
   featured match / live panel.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-live-panel {
  border-color: var(--kp-border-fire-mid);
  background:
    radial-gradient(620px 220px at 50% 100%, rgba(255,100,20,0.08), transparent 72%),
    var(--kp-panel-fill-strong);
  box-shadow: var(--kp-shadow-panel-strong), var(--kp-shadow-ember);
}

/* Stronger fire for live / featured panel */
body.kp-killer-hub-page .tlsb-hub-v2-live-panel::before {
  inset: -18px;
  border-radius: calc(var(--kp-radius-md) + 14px);
  background: var(--kp-fire-featured);
  filter: blur(14px) saturate(1.15);
  opacity: 0.92;
}

/* Live panel title banner -- fire themed */
body.kp-killer-hub-page .tlsb-hub-v2-live-panel .tlsb-hub-v2-panel-title {
  border-color: rgba(255,100,40,0.60);
  background: linear-gradient(180deg, rgba(100,22,10,0.95), rgba(56,10,4,0.97));
  color: #ffd8cc;
  font-size: clamp(0.92rem, 1.25vw, 1.04rem);
  line-height: 1.25;
  letter-spacing: 0.06em;
}

body.kp-killer-hub-page .tlsb-hub-v2-live-panel.is-standby .tlsb-hub-v2-panel-title {
  border-color: rgba(255,160,80,0.50);
  background: linear-gradient(180deg, rgba(70,50,18,0.92), rgba(40,28,10,0.95));
  color: #ffe4b8;
}

/* Watch link -- ember CTA */
body.kp-killer-hub-page .tlsb-hub-v2-watch-link {
  color: #ffd8b8;
  border-color: rgba(255,140,70,0.45);
  background: linear-gradient(180deg, rgba(60,30,10,0.88), rgba(30,14,4,0.92));
}
body.kp-killer-hub-page .tlsb-hub-v2-watch-link:hover {
  border-color: rgba(255,140,70,0.68);
  box-shadow: 0 0 14px rgba(255,106,26,0.18);
  color: #fff;
}

/* Live score text -- bright white */
body.kp-killer-hub-page .tlsb-hub-v2-live-score {
  color: #f8fbff;
  text-shadow: 0 0 12px rgba(255,140,60,0.18);
}

body.kp-killer-hub-page .tlsb-hub-v2-live-panel.is-standby .tlsb-hub-v2-live-score {
  color: #f5d79a;
}

/* Live meta text */
body.kp-killer-hub-page .tlsb-hub-v2-live-meta {
  color: var(--kp-text-soft);
}


/* ---------------------------------------------------------
   8. SIDE COLUMN PANEL SKIN
   Right-column / compact panels. Same family as standard
   but with slightly tighter / lighter fire treatment.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel {
  border-color: var(--kp-border-side);
  background:
    linear-gradient(180deg, rgba(15,22,36,0.93) 0%, rgba(7,12,22,0.95) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 10px 20px rgba(0,0,0,0.28),
    0 0 18px rgba(255,106,26,0.07);
}

/* Side panels get lighter fire -- closer to a warm edge glow */
body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::before {
  inset: -10px;
  border-radius: calc(var(--kp-radius-md) + 8px);
  background: var(--kp-fire-side);
  filter: blur(10px) saturate(1.08);
  opacity: 0.80;
}

/* Left edge warm wash on side panels (like the mockup's subtle left glow) */
body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::after {
  background:
    linear-gradient(90deg, rgba(255,136,62,0.10), transparent 22%),
    var(--kp-texture);
  opacity: 0.50;
}


/* ---------------------------------------------------------
   9. RESULT CARDS & FIXTURE CARDS
   Inherit dark-glass feel within panels.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-result-card,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,140,70,0.12);
  border-radius: var(--kp-radius-sm);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

body.kp-killer-hub-page .tlsb-hub-v2-result-card:hover,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-card:hover {
  border-color: rgba(255,140,70,0.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 0 12px rgba(255,106,26,0.08);
}

/* Result meta text */
body.kp-killer-hub-page .tlsb-hub-v2-result-meta,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-meta {
  color: var(--kp-text-dim);
}


/* ---------------------------------------------------------
   10. TOP 3 LIST SKIN
   Heading size reduced by 20% per request.
   PTS display hidden per request.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-top3-panel .tlsb-hub-v2-section-head h2 {
  font-size: clamp(0.976rem, 1.64vw, 1.376rem) !important;
}

body.kp-killer-hub-page .tlsb-hub-v2-top3-list li {
  border-color: rgba(255,140,70,0.10);
}

body.kp-killer-hub-page .tlsb-hub-v2-rank {
  color: var(--kp-ember-hot);
}

body.kp-killer-hub-page .tlsb-hub-v2-bar-name {
  color: var(--kp-text);
}

body.kp-killer-hub-page .tlsb-hub-v2-bar-name.has-logo {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.42rem;
}

body.kp-killer-hub-page .kp-top3-venue-logo-frame {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255, 164, 98, 0.35);
  background: linear-gradient(180deg, rgba(14, 10, 7, 0.95), rgba(8, 6, 4, 0.98));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 208, 153, 0.09), 0 0 8px rgba(255, 120, 44, 0.16);
}

body.kp-killer-hub-page .kp-top3-venue-logo {
  width: 86%;
  height: 86%;
  object-fit: cover;
  border-radius: 50%;
}

body.kp-killer-hub-page .kp-top3-bar-text {
  min-width: 0;
  display: block;
}

/* Hide PTS display per request */
body.kp-killer-hub-page .tlsb-hub-v2-points {
  display: none;
}

body.kp-killer-hub-page .tlsb-hub-v2-frames {
  color: var(--kp-text-dim);
}

/* Panel CTA -- ember tinted */
body.kp-killer-hub-page .tlsb-hub-v2-panel-cta {
  color: var(--kp-ember-hot);
  border-color: rgba(255,140,70,0.30);
  background: linear-gradient(180deg, rgba(30,18,8,0.85), rgba(16,10,4,0.90));
}
body.kp-killer-hub-page .tlsb-hub-v2-panel-cta:hover {
  border-color: rgba(255,140,70,0.55);
  color: #ffcc88;
  box-shadow: 0 0 12px rgba(255,106,26,0.12);
}

/* Selected top3 panel -- stronger ember border */
body.kp-killer-hub-page .tlsb-hub-v2-top3-panel.is-selected {
  border-color: rgba(255,140,50,0.38);
  box-shadow:
    var(--kp-shadow-panel),
    0 0 20px rgba(255,106,26,0.12);
}


/* ---------------------------------------------------------
   11. STATS PANEL SKIN
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div {
  border-color: rgba(255,140,70,0.08);
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid span {
  color: var(--kp-text-dim);
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid strong {
  color: var(--kp-text);
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid small {
  color: var(--kp-text-soft);
}

/* Intel headline */
body.kp-killer-hub-page .tlsb-hub-v2-intel-headline {
  color: var(--kp-ember-hot);
}

/* Intel swing */
body.kp-killer-hub-page .tlsb-hub-v2-intel-swing {
  border-color: rgba(255,140,70,0.12);
}
body.kp-killer-hub-page .tlsb-hub-v2-intel-swing span {
  color: var(--kp-text-dim);
}
body.kp-killer-hub-page .tlsb-hub-v2-intel-swing strong {
  color: var(--kp-text);
}
body.kp-killer-hub-page .tlsb-hub-v2-intel-swing small {
  color: var(--kp-text-soft);
}

/* Front runners */
body.kp-killer-hub-page .tlsb-hub-v2-front-runners-title {
  color: var(--kp-text-gold);
}

body.kp-killer-hub-page .tlsb-hub-v2-front-runners-list li {
  border-color: rgba(255,140,70,0.08);
}

body.kp-killer-hub-page .tlsb-hub-v2-front-runners-pos {
  color: var(--kp-ember-hot);
}

body.kp-killer-hub-page .tlsb-hub-v2-front-runners-name {
  color: var(--kp-text);
}

body.kp-killer-hub-page .tlsb-hub-v2-front-runners-points {
  color: var(--kp-text-ember);
}


/* ---------------------------------------------------------
   12. TICKER SKIN
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-ticker {
  background: linear-gradient(180deg, rgba(10,16,28,0.94), rgba(6,10,20,0.96));
  border-color: rgba(255,140,70,0.14);
  border-radius: var(--kp-radius-sm);
}

body.kp-killer-hub-page .tlsb-hub-v2-ticker-text {
  color: var(--kp-text-soft);
}

body.kp-killer-hub-page .tlsb-hub-v2-ticker-btn {
  color: var(--kp-ember-hot);
  border-color: rgba(255,140,70,0.35);
  background: linear-gradient(180deg, rgba(30,18,8,0.88), rgba(16,10,4,0.92));
}
body.kp-killer-hub-page .tlsb-hub-v2-ticker-btn:hover {
  border-color: rgba(255,140,70,0.60);
  color: #ffc87a;
  box-shadow: 0 0 10px rgba(255,106,26,0.10);
}


/* ---------------------------------------------------------
   13. KILLER-SPECIFIC CONTENT ELEMENTS
   Styles for the kp-* classes used in the Killer hub
   template (kp-event-*, kp-result-*, etc.)
   --------------------------------------------------------- */

/* Event header inside live panel */
body.kp-killer-hub-page .kp-event-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.4rem 0.2rem;
}

body.kp-killer-hub-page .kp-event-name {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  flex: 1 1 auto;
}

body.kp-killer-hub-page .kp-event-title {
  font-family: var(--tlsb-font-display);
  font-size: clamp(0.98rem, 1.45vw, 1.22rem);
  letter-spacing: 0.04em;
  color: var(--kp-text);
  text-transform: uppercase;
  line-height: 1.14;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.kp-killer-hub-page .kp-venue-name {
  font-size: clamp(0.72rem, 0.95vw, 0.84rem);
  color: var(--kp-text-dim);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.26;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

body.kp-killer-hub-page .kp-venue-line {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

body.kp-killer-hub-page .kp-live-venue-logo-frame {
  width: var(--kp-live-logo-size, 44px);
  height: var(--kp-live-logo-size, 44px);
  flex: 0 0 var(--kp-live-logo-size, 44px);
  border-radius: 50%;
  border: 1px solid rgba(255, 164, 98, 0.35);
  background: linear-gradient(180deg, rgba(14, 10, 7, 0.95), rgba(8, 6, 4, 0.98));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 208, 153, 0.09), 0 0 14px rgba(255, 120, 44, 0.16);
}

body.kp-killer-hub-page .kp-live-venue-logo {
  width: 86%;
  height: 86%;
  object-fit: cover;
  border-radius: 50%;
}

body.kp-killer-hub-page .kp-live-logo-pos-right .kp-venue-line.has-logo {
  flex-direction: row-reverse;
}

body.kp-killer-hub-page .kp-live-logo-pos-top-left .kp-venue-line.has-logo,
body.kp-killer-hub-page .kp-live-logo-pos-top-right .kp-venue-line.has-logo {
  position: relative;
  min-height: var(--kp-live-logo-size, 44px);
}

body.kp-killer-hub-page .kp-live-logo-pos-top-left .kp-venue-line.has-logo .kp-live-venue-logo-frame,
body.kp-killer-hub-page .kp-live-logo-pos-top-right .kp-venue-line.has-logo .kp-live-venue-logo-frame {
  position: absolute;
  top: 0;
}

body.kp-killer-hub-page .kp-live-logo-pos-top-left .kp-venue-line.has-logo .kp-live-venue-logo-frame {
  left: 0;
}

body.kp-killer-hub-page .kp-live-logo-pos-top-right .kp-venue-line.has-logo .kp-live-venue-logo-frame {
  right: 0;
}

body.kp-killer-hub-page .kp-live-logo-pos-top-left .kp-venue-line.has-logo .kp-venue-name {
  padding-left: calc(var(--kp-live-logo-size, 44px) + 0.46rem);
}

body.kp-killer-hub-page .kp-live-logo-pos-top-right .kp-venue-line.has-logo .kp-venue-name {
  padding-right: calc(var(--kp-live-logo-size, 44px) + 0.46rem);
}

body.kp-killer-hub-page .kp-alive-count {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  flex: 0 0 auto;
}

body.kp-killer-hub-page .kp-count-label {
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--kp-text-dim);
}

body.kp-killer-hub-page .kp-count-value {
  font-family: var(--tlsb-font-display);
  font-size: clamp(1.32rem, 2.4vw, 2.06rem);
  font-weight: 900;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,140,60,0.14);
}

body.kp-killer-hub-page .kp-event-status {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.6rem;
  padding: 0.3rem 0.2rem;
}

body.kp-killer-hub-page .kp-status-badge {
  padding: 0.26rem 0.72rem;
  border-radius: 4px;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffe0cc;
  background: linear-gradient(180deg, rgba(90,22,10,0.90), rgba(50,10,4,0.94));
  border: 1px solid rgba(255,100,40,0.45);
}

body.kp-killer-hub-page .kp-round-label {
  font-size: 0.76rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--kp-text-soft);
}

@media (max-width: 760px) {
  body.kp-killer-hub-page .kp-event-header {
    flex-direction: column;
    gap: 0.55rem;
  }

  body.kp-killer-hub-page .kp-alive-count {
    text-align: left;
    align-items: flex-start;
  }

  body.kp-killer-hub-page .kp-count-value {
    font-size: clamp(1.2rem, 6vw, 1.8rem);
  }
}

/* Result cards - single event variant */
body.kp-killer-hub-page .kp-result-single-event {
  display: block;
  text-decoration: none;
  padding: 0.65rem 0.8rem;
}

body.kp-killer-hub-page .kp-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

body.kp-killer-hub-page .kp-result-event-name strong {
  font-family: var(--tlsb-font-display);
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  color: var(--kp-text);
}

body.kp-killer-hub-page .kp-result-badge {
  padding: 0.18rem 0.52rem;
  border-radius: 4px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--kp-text-ember);
  background: rgba(255,140,70,0.12);
  border: 1px solid rgba(255,140,70,0.20);
}

body.kp-killer-hub-page .kp-result-winner {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.35rem;
  padding-top: 0.35rem;
  border-top: 1px solid rgba(255,255,255,0.04);
}

body.kp-killer-hub-page .kp-winner-icon {
  font-size: 0.9rem;
}

body.kp-killer-hub-page .kp-winner-name {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--kp-text-gold);
}


/* ---------------------------------------------------------
   14. GENERAL TEXT COLOUR HARMONISATION
   Ensure text across the hub reads well against dark glass.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2 {
  color: var(--kp-text);
}

body.kp-killer-hub-page .tlsb-empty {
  color: var(--kp-text-dim);
}

/* Head icon (decorative dot before section titles) */
body.kp-killer-hub-page .tlsb-hub-v2-head-icon {
  color: var(--kp-ember);
}


/* ---------------------------------------------------------
   15. RESPONSIVE ADJUSTMENTS
   Ensure fire layers don't cause overflow at narrow widths.
   --------------------------------------------------------- */
@media (max-width: 900px) {
  body.kp-killer-hub-page .tlsb-hub-v2::before {
    inset: -14px;
    filter: blur(12px);
    opacity: 0.75;
  }

  body.kp-killer-hub-page .tlsb-hub-v2-panel::before {
    inset: -10px;
    filter: blur(10px);
    opacity: 0.70;
  }

  body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::before {
    inset: -8px;
    filter: blur(8px);
    opacity: 0.65;
  }
}

@media (max-width: 600px) {
  body.kp-killer-hub-page .tlsb-hub-v2::before {
    inset: -10px;
    filter: blur(10px);
    opacity: 0.60;
  }

  body.kp-killer-hub-page .tlsb-hub-v2-panel::before {
    inset: -8px;
    filter: blur(8px);
    opacity: 0.55;
  }

  body.kp-killer-hub-page .kp-event-header {
    flex-direction: column;
    text-align: center;
  }

  body.kp-killer-hub-page .kp-event-status {
    justify-content: center;
    flex-wrap: wrap;
  }
}


/* ---------------------------------------------------------
   16. BATTLE CARD OVERRIDES (Fixture Cards)
   Ensure the detailed fixture/battle cards from the
   TLSB partial also inherit the ember theme.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-battle-card {
  border-color: rgba(255,140,70,0.18);
  background:
    linear-gradient(136deg, rgba(10,14,24,0.96) 0%, rgba(8,12,22,0.97) 55%, rgba(6,10,18,0.98) 100%);
  box-shadow:
    0 10px 22px rgba(0,0,0,0.44),
    inset 0 0 0 1px rgba(255,180,120,0.08);
}

body.kp-killer-hub-page .tlsb-hub-v2-battle-card:hover,
body.kp-killer-hub-page .tlsb-hub-v2-battle-card:focus-visible {
  border-color: rgba(255,140,70,0.35);
  box-shadow:
    0 12px 24px rgba(0,0,0,0.50),
    inset 0 0 0 1px rgba(255,200,140,0.14),
    0 0 16px rgba(255,106,26,0.08);
}

/* Fixture division head */
body.kp-killer-hub-page .tlsb-hub-v2-fixture-division-head {
  border-color: rgba(255,140,70,0.30);
  background: linear-gradient(180deg, rgba(50,28,10,0.90), rgba(28,14,4,0.94));
  color: #ffd8b0;
}

/* Fixture logo frames */
body.kp-killer-hub-page .tlsb-hub-v2-fixture-logo-frame {
  border-color: rgba(255,140,70,0.25);
  background: linear-gradient(155deg, rgba(14,10,6,0.92), rgba(8,6,3,0.95));
}

/* VS pill */
body.kp-killer-hub-page .tlsb-hub-v2-vs-pill {
  color: var(--kp-ember-hot);
}

/* Starts-in badge */
body.kp-killer-hub-page .tlsb-hub-v2-starts-in {
  color: var(--kp-text-dim);
}
body.kp-killer-hub-page .tlsb-hub-v2-starts-in.is-live {
  color: #ffb880;
}

/* Fixture strip */
body.kp-killer-hub-page .tlsb-hub-v2-fixture-strip {
  background: linear-gradient(180deg, rgba(10,14,24,0.82), rgba(6,10,18,0.88));
  border-color: rgba(255,140,70,0.10);
}

/* Countdown timer */
body.kp-killer-hub-page .tlsb-hub-v2-countdown {
  color: var(--kp-text-ember);
}

/* Datetime pill */
body.kp-killer-hub-page .tlsb-hub-v2-datetime-pill {
  border-color: rgba(255,140,70,0.22);
  background: linear-gradient(180deg, rgba(22,16,8,0.88), rgba(12,8,4,0.92));
  color: var(--kp-text-soft);
}


/* ---------------------------------------------------------
   17. NAV BAR SKIN
   The top "Back to Main Site" navigation bar.
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-main-site-nav {
  color: var(--kp-text-soft);
}

body.kp-killer-hub-page .tlsb-hub-main-site-nav-link {
  color: var(--kp-text-soft);
}
body.kp-killer-hub-page .tlsb-hub-main-site-nav-link:hover {
  color: var(--kp-text-ember);
}


/* =========================================================
   18. FIERY BORDER IMAGE FRAME SYSTEM v2.1 - INVESTIGATION MODE
   ========================================================
   TEMPORARY ROLLBACK: Keeping only masthead PNG, removing all
   smaller panel/card PNG treatments to investigate stability issues.
   
   INVESTIGATION FINDINGS:
   - Killer hub calls body_class() which triggers Elementor
   - Thursday hub does NOT call body_class(), avoids Elementor
   - Elementor frontend.min.js loads without elementorFrontendConfig
   - This causes "elementorFrontendConfig is not defined" error
   - Error may contribute to sluggishness and tab-return white screens
   
   TEMPORARY STATE (for testing):
   - ✅ KEEP: Masthead PNG frame only
   - ❌ REMOVE: Live panel PNG
   - ❌ REMOVE: Result card PNG
   - ❌ REMOVE: Stat box PNG  
   - ❌ REMOVE: Side panel PNG
   - ❌ REMOVE: Fixture card PNG
   
   This rollback allows us to test if PNG layer count contributes
   to instability or if the Elementor issue is the sole root cause.
   ========================================================= */


/* ---------------------------------------------------------
   RESET: Remove incorrect section-level applications
   --------------------------------------------------------- */

/* Remove the masthead outer wrapper frame application
   (it was applying to .tlsb-hub-v2 which is too large) */
body.kp-killer-hub-page .tlsb-hub-v2 {
  /* Keep existing dark fill and glow, remove border image */
  background: var(--kp-panel-fill-strong) !important;
  padding: 0.7rem 0.75rem 0.8rem !important; /* restore base padding */
}


/* ---------------------------------------------------------
   MASTHEAD FRAME
   Apply masthead.png to the actual masthead header panel
   --------------------------------------------------------- */

body.kp-killer-hub-page .tlsb-hub-v2-masthead {
  position: relative;
  isolation: isolate;
  /* Minimal padding to let frame sit flush */
  padding: 0.5rem 0.6rem 0.7rem !important;
}

/* Border frame as ::after (move texture elsewhere) */
body.kp-killer-hub-page .tlsb-hub-v2-masthead::after {
  content: "";
  position: absolute;
  inset: -2px; /* nearly flush, tiny bleed for anti-aliasing */
  z-index: 0;
  background-image: url('../images/masthead.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0.95;
}

/* Ensure content sits above frame */
body.kp-killer-hub-page .tlsb-hub-v2-masthead > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   FEATURED LIVE PANEL FRAME - TEMPORARILY REMOVED
   --------------------------------------------------------- */

/* === INVESTIGATION: PNG REMOVED ===
   Temporarily removing panel_wide.png from live panel
   to test if image layer count affects stability.
   Keeping base styling only. */

body.kp-killer-hub-page .tlsb-hub-v2-live-panel {
  position: relative;
  isolation: isolate;
  background: radial-gradient(620px 220px at 50% 100%, rgba(255,100,20,0.08), transparent 72%),
              var(--kp-panel-fill-strong) !important;
  padding: 0.7rem 0.8rem !important;
}

/* PNG frame removed for investigation */
/* body.kp-killer-hub-page .tlsb-hub-v2-live-panel::after { ... } */

body.kp-killer-hub-page .tlsb-hub-v2-live-panel > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   RESULT CARDS - PNG FRAME TEMPORARILY REMOVED
   --------------------------------------------------------- */

/* === INVESTIGATION: PNG REMOVED ===
   Temporarily removing panel_compact.png from result cards
   to test stability impact. Keeping base styling. */

body.kp-killer-hub-page .tlsb-hub-v2-main-column {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.6vw, 18px);
}

body.kp-killer-hub-page .tlsb-hub-v2-main-column > #kp-upcoming-events {
  order: 1;
}

body.kp-killer-hub-page .tlsb-hub-v2-main-column > .tlsb-hub-v2-live-panel {
  order: 2;
}

body.kp-killer-hub-page .tlsb-hub-v2-main-column > .kp-recent-results-panel {
  order: 3;
}

body.kp-killer-hub-page .tlsb-hub-v2-main-column > .tlsb-hub-v2-panel {
  background: var(--kp-panel-fill) !important;
  padding: 0.58rem !important;
}

body.kp-killer-hub-page .tlsb-hub-v2-result-card,
body.kp-killer-hub-page .kp-result-single-event {
  position: relative;
  background: linear-gradient(180deg, rgba(8,12,20,0.95), rgba(5,8,14,0.97)) !important;
  padding: 0.7rem 0.8rem !important;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255,140,70,0.18);
}

/* PNG frame removed for investigation */
/* body.kp-killer-hub-page .tlsb-hub-v2-result-card::before { ... } */

body.kp-killer-hub-page .tlsb-hub-v2-result-card > *,
body.kp-killer-hub-page .kp-result-single-event > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   STATS GRID - PNG FRAME TEMPORARILY REMOVED
   --------------------------------------------------------- */

/* === INVESTIGATION: PNG REMOVED ===
   Temporarily removing panel_compact.png from stat boxes
   to test stability impact. Keeping base styling. */

body.kp-killer-hub-page .tlsb-hub-v2-stats-panel {
  background: var(--kp-panel-fill) !important;
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div {
  position: relative;
  background: linear-gradient(180deg, rgba(10,14,22,0.94), rgba(6,10,16,0.96)) !important;
  padding: 0.65rem 0.7rem !important;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255,140,70,0.15);
}

/* PNG frame removed for investigation */
/* body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div::before { ... } */

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   SIDE PANELS - PNG FRAME TEMPORARILY REMOVED
   --------------------------------------------------------- */

/* === INVESTIGATION: PNG REMOVED ===
   Temporarily removing panel_compact.png from side panels
   to test stability impact. Keeping base styling. */

body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel {
  position: relative;
  background: linear-gradient(180deg, rgba(15,22,36,0.93) 0%, rgba(7,12,22,0.95) 100%) !important;
  padding: 0.65rem 0.75rem !important;
  border: 1px solid rgba(255,140,70,0.20);
}

/* PNG frame removed for investigation */
/* body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::after { ... } */

body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   FIXTURE/BATTLE CARDS - PNG FRAME TEMPORARILY REMOVED
   --------------------------------------------------------- */

/* === INVESTIGATION: PNG REMOVED ===
   Temporarily removing panel_compact.png from fixture cards
   to test stability impact. Keeping base styling. */

body.kp-killer-hub-page .tlsb-hub-v2-battle-card,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-card {
  position: relative;
  background: linear-gradient(136deg, rgba(10,14,24,0.96) 0%, rgba(8,12,22,0.97) 55%, rgba(6,10,18,0.98) 100%) !important;
  padding: 0.7rem 0.8rem !important;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255,140,70,0.18);
}

/* PNG frame removed for investigation */
/* body.kp-killer-hub-page .tlsb-hub-v2-battle-card::before { ... } */

body.kp-killer-hub-page .tlsb-hub-v2-battle-card > *,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-card > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   TOP 3 LIST ITEMS - GRADIENT OVERLAY ONLY (NO PNG)
   --------------------------------------------------------- */

/* === INVESTIGATION: Keeping gradient, no PNG ===
   Top 3 items never had PNG frames, just gradients.
   Keeping as-is for consistency. */

body.kp-killer-hub-page .tlsb-hub-v2-top3-list li {
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)) !important;
  padding: 0.6rem 0.7rem !important;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255,140,70,0.12);
  margin-bottom: 0.5rem;
}

body.kp-killer-hub-page .tlsb-hub-v2-top3-list li::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(255,136,62,0.08), transparent 30%);
  pointer-events: none;
}

body.kp-killer-hub-page .tlsb-hub-v2-top3-list li > * {
  position: relative;
  z-index: 2;
}


/* ---------------------------------------------------------
   TEXTURE LAYER RESTORATION
   --------------------------------------------------------- */

/* === INVESTIGATION NOTE ===
   Masthead keeps ::after for PNG frame.
   Other panels have PNG removed, so texture via box-shadow. */

/* Masthead has PNG on ::after, so texture via box-shadow */
body.kp-killer-hub-page .tlsb-hub-v2-masthead {
  box-shadow: 
    inset 0 1px 0 rgba(255,255,255,0.02),
    inset 0 0 60px rgba(0,0,0,0.15),
    0 12px 34px rgba(0,0,0,0.45);
}

/* Other panels: texture via box-shadow since PNG removed */
body.kp-killer-hub-page .tlsb-hub-v2-live-panel,
body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel {
  box-shadow: 
    inset 0 1px 0 rgba(255,255,255,0.02),
    inset 0 0 40px rgba(0,0,0,0.12),
    0 8px 24px rgba(0,0,0,0.35);
}


/* ---------------------------------------------------------
   RESPONSIVE ADJUSTMENTS
   --------------------------------------------------------- */

@media (max-width: 900px) {
  body.kp-killer-hub-page .tlsb-hub-v2-masthead,
  body.kp-killer-hub-page .tlsb-hub-v2-live-panel,
  body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel {
    padding: 0.6rem 0.7rem !important;
  }
  
  body.kp-killer-hub-page .tlsb-hub-v2-result-card,
  body.kp-killer-hub-page .kp-result-single-event,
  body.kp-killer-hub-page .tlsb-hub-v2-battle-card {
    padding: 0.6rem 0.7rem !important;
  }
}

@media (max-width: 600px) {
  body.kp-killer-hub-page .tlsb-hub-v2-masthead,
  body.kp-killer-hub-page .tlsb-hub-v2-live-panel,
  body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel {
    padding: 0.5rem 0.6rem !important;
  }
  
  body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div,
  body.kp-killer-hub-page .tlsb-hub-v2-result-card,
  body.kp-killer-hub-page .kp-result-single-event {
    padding: 0.5rem 0.6rem !important;
  }
  
  /* Reduce frame opacity slightly on very small screens */
  body.kp-killer-hub-page .tlsb-hub-v2-masthead::after,
  body.kp-killer-hub-page .tlsb-hub-v2-live-panel::after,
  body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::after {
    opacity: 0.80;
  }
}


/* ---------------------------------------------------------
   19. KILLER STATS PANEL CLEANUP
   Hide unwanted blocks: intel headline, intel swing, hot games
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-intel-headline,
body.kp-killer-hub-page .tlsb-hub-v2-intel-swing,
body.kp-killer-hub-page .tlsb-hub-v2-front-runners {
  display: none !important;
}

/* ---------------------------------------------------------
   20. ACTIVE EVENTS EMPTY STATE
   Branded empty state for Active Events panel
   --------------------------------------------------------- */
body.kp-killer-hub-page .kp-empty-state-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
  min-height: 180px;
}

body.kp-killer-hub-page .kp-empty-state-icon {
  font-size: 3rem;
  margin-bottom: 0.8rem;
  opacity: 0.6;
}

body.kp-killer-hub-page .kp-empty-state-title {
  font-family: var(--tlsb-font-display);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kp-text-gold);
  margin: 0 0 0.4rem 0;
}

body.kp-killer-hub-page .kp-empty-state-message {
  font-size: 0.85rem;
  color: var(--kp-text-dim);
  margin: 0;
  letter-spacing: 0.02em;
}

/* ---------------------------------------------------------
   21. RECENT RESULTS CARD REDESIGN
   Placement-based podium styling with trophy colors
   --------------------------------------------------------- */

/* Winner block layout */
body.kp-killer-hub-page .kp-result-winner-block {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255,255,255,0.06);
}

/* Placement indicator */
body.kp-killer-hub-page .kp-result-placement {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  min-width: 50px;
}

body.kp-killer-hub-page .kp-placement-trophy {
  font-size: 1.8rem;
  line-height: 1;
}

body.kp-killer-hub-page .kp-placement-label {
  font-family: var(--tlsb-font-display);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Winner info block */
body.kp-killer-hub-page .kp-result-winner-info {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  flex: 1;
}

/* Winner badge repositioned above name */
body.kp-killer-hub-page .kp-result-winner-info .kp-result-badge {
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  align-self: flex-start;
}

body.kp-killer-hub-page .kp-result-winner-info .kp-winner-name {
  font-size: 1.1rem;
  font-weight: 700;
}

/* Placement-specific colors */
body.kp-killer-hub-page .kp-placement-1st .kp-placement-label {
  color: #ffd700;
  text-shadow: 0 0 8px rgba(255,215,0,0.4);
}

body.kp-killer-hub-page .kp-placement-1st .kp-result-badge {
  background: linear-gradient(180deg, rgba(255,215,0,0.18), rgba(255,215,0,0.12));
  border: 1px solid rgba(255,215,0,0.45);
  color: #ffe8a0;
}

body.kp-killer-hub-page .kp-placement-1st .kp-winner-name {
  color: #ffd700;
}

body.kp-killer-hub-page .kp-placement-2nd .kp-placement-label {
  color: #c0c0c0;
  text-shadow: 0 0 8px rgba(192,192,192,0.4);
}

body.kp-killer-hub-page .kp-placement-2nd .kp-result-badge {
  background: linear-gradient(180deg, rgba(192,192,192,0.18), rgba(192,192,192,0.12));
  border: 1px solid rgba(192,192,192,0.45);
  color: #e8e8e8;
}

body.kp-killer-hub-page .kp-placement-2nd .kp-winner-name {
  color: #c0c0c0;
}

body.kp-killer-hub-page .kp-placement-3rd .kp-placement-label {
  color: #cd7f32;
  text-shadow: 0 0 8px rgba(205,127,50,0.4);
}

body.kp-killer-hub-page .kp-placement-3rd .kp-result-badge {
  background: linear-gradient(180deg, rgba(205,127,50,0.18), rgba(205,127,50,0.12));
  border: 1px solid rgba(205,127,50,0.45);
  color: #e8c3a0;
}

body.kp-killer-hub-page .kp-placement-3rd .kp-winner-name {
  color: #cd7f32;
}

/* Venue line styling */
body.kp-killer-hub-page .kp-result-venue {
  margin-top: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--kp-text-soft);
}

body.kp-killer-hub-page .kp-result-venue-name-text {
  font-style: italic;
}

body.kp-killer-hub-page .kp-result-venue-logo-frame {
  width: var(--kp-result-logo-size, 40px);
  height: var(--kp-result-logo-size, 40px);
  flex: 0 0 var(--kp-result-logo-size, 40px);
  border-radius: 50%;
  border: 1px solid rgba(255, 164, 98, 0.35);
  background: linear-gradient(180deg, rgba(14, 10, 7, 0.95), rgba(8, 6, 4, 0.98));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 208, 153, 0.09), 0 0 12px rgba(255, 120, 44, 0.16);
}

body.kp-killer-hub-page .kp-result-venue-logo {
  width: 86%;
  height: 86%;
  object-fit: cover;
  border-radius: 50%;
}

body.kp-killer-hub-page .kp-results-logo-pos-right .kp-result-venue.has-logo .kp-result-venue-logo-frame {
  order: 2;
}

body.kp-killer-hub-page .kp-results-logo-pos-right .kp-result-venue.has-logo .kp-result-venue-name-text {
  order: 1;
}

body.kp-killer-hub-page .kp-results-logo-pos-right .kp-result-venue.has-logo .kp-public-inline-link {
  order: 3;
}

body.kp-killer-hub-page .kp-results-logo-pos-top-left .kp-result-venue.has-logo,
body.kp-killer-hub-page .kp-results-logo-pos-top-right .kp-result-venue.has-logo {
  position: relative;
  min-height: var(--kp-result-logo-size, 40px);
}

body.kp-killer-hub-page .kp-results-logo-pos-top-left .kp-result-venue.has-logo .kp-result-venue-logo-frame,
body.kp-killer-hub-page .kp-results-logo-pos-top-right .kp-result-venue.has-logo .kp-result-venue-logo-frame {
  position: absolute;
  top: 0;
}

body.kp-killer-hub-page .kp-results-logo-pos-top-left .kp-result-venue.has-logo .kp-result-venue-logo-frame {
  left: 0;
}

body.kp-killer-hub-page .kp-results-logo-pos-top-right .kp-result-venue.has-logo .kp-result-venue-logo-frame {
  right: 0;
}

body.kp-killer-hub-page .kp-results-logo-pos-top-left .kp-result-venue.has-logo .kp-result-venue-name-text {
  padding-left: calc(var(--kp-result-logo-size, 40px) + 0.46rem);
}

body.kp-killer-hub-page .kp-results-logo-pos-top-right .kp-result-venue.has-logo .kp-result-venue-name-text {
  padding-right: calc(var(--kp-result-logo-size, 40px) + 0.46rem);
}

/* Remove old winner block styling */
body.kp-killer-hub-page .kp-result-winner {
  display: none;
}

/* Adjust result header for cleaner layout */
body.kp-killer-hub-page .kp-result-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

body.kp-killer-hub-page .kp-result-status {
  display: none;
}

@media (max-width: 600px) {
  body.kp-killer-hub-page .kp-result-winner-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
  
  body.kp-killer-hub-page .kp-placement-trophy {
    font-size: 1.5rem;
  }
}


/* =========================================================
   END KILLER HUB PANEL SKIN SYSTEM v1.1
   Added: Fiery border image frame overlays (section 18)
   ========================================================= */

/* =========================================================
   KILLER HUB MASTHEAD VISUAL UPGRADE v2 (Refinement Only)
   =========================================================
   Purpose: Make masthead more premium, aggressive, intentional.
   Scope: Only .kp-masthead* classes -- no impact on Thursday hub.
   Changes: Title commanding, tagline intentional, status buttons integrated,
            logo dominant, fire border sharpened with subtle shimmer.
   ========================================================= */

/* Title Block -- Commanding Presence */
.kp-masthead-title {
  font-size: 48px;
  letter-spacing: 2px;
  text-shadow:
    0 0 12px rgba(255,120,0,0.25),
    0 2px 0 rgba(255,255,255,0.04),
    0 8px 24px rgba(0,0,0,0.45);
  padding: 5px 0;
}

/* Tagline -- Intentional, with separator */
.kp-masthead-tagline {
  letter-spacing: 3px;
  opacity: 0.75;
  font-size: 14px;
  position: relative;
  padding-top: 10px;
}

.kp-masthead-tagline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(255,120,0,0.5), transparent);
}

/* Logo -- Dominant and Breathing */
.kp-masthead-logo {
  transform: scale(1.15);
  margin-left: -10px;
}

/* Status Buttons -- Vertical Stack, Integrated */
.kp-masthead-status {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px 10px;
}

/* Masthead -- Tighter Padding */
.kp-masthead {
  padding: 0.5rem 0.6rem 0.7rem !important;
  box-shadow:
    0 0 25px rgba(255,100,0,0.25),
    inset 0 0 15px rgba(255,120,0,0.15),
    inset 0 1px 0 rgba(255,255,255,0.02);
  animation: kp-masthead-shimmer 8s ease-in-out infinite;
}

@keyframes kp-masthead-shimmer {
  0%, 100% { box-shadow: 0 0 25px rgba(255,100,0,0.25), inset 0 0 15px rgba(255,120,0,0.15), inset 0 1px 0 rgba(255,255,255,0.02); }
  50% { box-shadow: 0 0 28px rgba(255,105,0,0.28), inset 0 0 17px rgba(255,125,0,0.17), inset 0 1px 0 rgba(255,255,255,0.025); }
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .kp-masthead {
    padding: 0.45rem 0.55rem 0.65rem !important;
  }
  .kp-masthead-title {
    font-size: 36px;
    letter-spacing: 1px;
  }
  .kp-masthead-tagline {
    font-size: 12px;
    letter-spacing: 2px;
  }
  .kp-masthead-logo {
    transform: scale(1.1);
    margin-left: -5px;
  }
  .kp-masthead-status {
    gap: 5px;
    padding: 5px 8px;
  }
}

@media (max-width: 600px) {
  .kp-masthead {
    padding: 0.4rem 0.5rem 0.6rem !important;
  }
  .kp-masthead-title {
    font-size: 28px;
    letter-spacing: 0.5px;
  }
  .kp-masthead-tagline {
    font-size: 11px;
    letter-spacing: 1px;
  }
  .kp-masthead-logo {
    transform: scale(1.05);
    margin-left: 0;
  }
  .kp-masthead-status {
    gap: 4px;
    padding: 4px 6px;
  }
}

/* ---------------------------------------------------------
   22. RECENT RESULTS EMBER SPRITE VARIANTS
   Scope: Recent Results cards only (Killer Hub)
   --------------------------------------------------------- */
body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background-image: url('../images/Fiery ember square overlays with glow.png');
  background-repeat: no-repeat;
  background-size: 200% 200%;
  background-position: var(--kp-rr-ember-pos-x, 0%) var(--kp-rr-ember-pos-y, 0%);
  mix-blend-mode: screen;
  filter: saturate(1.14) brightness(1.12);
  opacity: 0.44;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember > * {
  position: relative;
  z-index: 2;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember-1 {
  --kp-rr-ember-pos-x: 0%;
  --kp-rr-ember-pos-y: 0%;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember-2 {
  --kp-rr-ember-pos-x: 100%;
  --kp-rr-ember-pos-y: 0%;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember-3 {
  --kp-rr-ember-pos-x: 0%;
  --kp-rr-ember-pos-y: 100%;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember-4 {
  --kp-rr-ember-pos-x: 100%;
  --kp-rr-ember-pos-y: 100%;
}

@media (max-width: 900px) {
  body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember::before {
    opacity: 0.38;
  }
}

@media (max-width: 600px) {
  body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember::before {
    opacity: 0.34;
    background-size: 204% 204%;
  }
}

/* ---------------------------------------------------------
   23. RECENT RESULTS TROPHY ROW ALIGNMENT
   Keep podium row aligned even with wrapped event names.
   --------------------------------------------------------- */
body.kp-killer-hub-page .kp-recent-results-panel .kp-result-single-event {
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-result-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.46rem;
  flex: 1 1 auto;
  height: 100%;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-event-title {
  min-height: 2.8em;
  display: flex;
  align-items: flex-start;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-event-title .kp-result-header {
  width: 100%;
  align-items: flex-start;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-trophy-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.38rem;
}

@media (max-width: 600px) {
  body.kp-killer-hub-page .kp-recent-results-panel .kp-event-title {
    min-height: 2.4em;
  }
}

/* ---------------------------------------------------------
   24. KILLER TOP MENU (BLACK, NOT THURSDAY BLUE)
   --------------------------------------------------------- */
body.kp-killer-hub-page .kp-top-menu,
body.kp-live-killer-page .kp-top-menu {
  background:
    linear-gradient(180deg, rgba(6, 6, 6, 0.96) 0%, rgba(2, 2, 2, 0.98) 100%),
    radial-gradient(circle at 12% 0%, rgba(255, 168, 82, 0.10), transparent 45%) !important;
  border: 1px solid rgba(255, 140, 70, 0.28);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.52),
    inset 0 0 0 1px rgba(255, 160, 90, 0.10);
}

body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-title,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-title {
  color: #f2ddc8;
}

body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link {
  background: linear-gradient(180deg, rgba(26, 15, 8, 0.92), rgba(11, 7, 4, 0.95)) !important;
  border-color: rgba(255, 140, 70, 0.38) !important;
  color: #f6e2cc !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.42);
}

body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:visited,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:visited {
  color: #f6e2cc !important;
}

body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:hover,
body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:focus-visible,
body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:active,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:hover,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:focus-visible,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:active {
  background: linear-gradient(180deg, rgba(85, 40, 16, 0.96), rgba(44, 20, 8, 0.98)) !important;
  border-color: rgba(255, 188, 120, 0.82) !important;
  color: #fff4e7 !important;
  box-shadow:
    0 0 0 1px rgba(255, 214, 164, 0.24),
    0 8px 16px rgba(0, 0, 0, 0.34);
}

/* ---------------------------------------------------------
   25. SIDE PANEL LISTS (TEXT-FIRST, NO AVATAR SLOT)
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-top3-list li {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

/* ---------------------------------------------------------
   26. LIVE KILLER PAGE (HUB-ALIGNED)
   --------------------------------------------------------- */
body.kp-live-killer-page .kp-live-killer-layout {
  margin-top: 0.6rem;
  grid-template-columns: minmax(0, 1fr);
}

body.kp-live-killer-page .kp-live-killer-layout > .tlsb-hub-v2-main-column {
  grid-column: 1 / -1;
}

body.kp-live-killer-page .kp-live-masthead-links {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.3rem;
  margin-top: 0.3rem;
}

body.kp-live-killer-page .kp-live-masthead-link {
  min-width: 120px;
  padding: 0.34rem 0.7rem;
  border: 1px solid rgba(255, 140, 70, 0.44);
  background: linear-gradient(180deg, rgba(52, 20, 8, 0.92), rgba(24, 10, 4, 0.95));
  color: #ffd8b3;
  text-decoration: none;
  text-align: center;
  font-family: var(--tlsb-font-display);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.kp-live-killer-page .kp-live-masthead-link.is-live {
  border-color: rgba(255, 170, 96, 0.74);
  color: #ffe9d4;
  box-shadow: 0 0 14px rgba(255, 112, 26, 0.24);
}

body.kp-live-killer-page .kp-live-masthead-link:hover,
body.kp-live-killer-page .kp-live-masthead-link:focus-visible {
  border-color: rgba(255, 190, 126, 0.9);
  color: #fff3e5;
  background: linear-gradient(180deg, rgba(86, 34, 14, 0.96), rgba(40, 16, 7, 0.98));
}

body.kp-live-killer-page .kp-live-game-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.62rem;
}

body.kp-live-killer-page .kp-live-game-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255, 140, 70, 0.22);
  background: linear-gradient(156deg, rgba(10, 14, 22, 0.97) 0%, rgba(6, 10, 17, 0.98) 100%);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.44),
    inset 0 0 0 1px rgba(255, 180, 120, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.72rem 0.82rem;
}

body.kp-live-killer-page .kp-live-game-card.is-finished {
  border-color: rgba(255, 88, 88, 0.52);
  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.48),
    inset 0 0 0 1px rgba(255, 92, 92, 0.18);
}

body.kp-live-killer-page .kp-live-game-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(360px 160px at 15% 0%, rgba(255, 143, 61, 0.16), transparent 70%),
    radial-gradient(260px 120px at 88% 100%, rgba(255, 112, 34, 0.15), transparent 72%);
}

body.kp-live-killer-page .kp-live-game-card.is-finished::before {
  background:
    radial-gradient(360px 170px at 15% 0%, rgba(255, 86, 86, 0.26), transparent 68%),
    radial-gradient(260px 130px at 88% 100%, rgba(255, 60, 60, 0.24), transparent 72%);
}

body.kp-live-killer-page .kp-live-game-card > * {
  position: relative;
  z-index: 1;
}

body.kp-live-killer-page .kp-panel-title {
  font-family: var(--tlsb-font-display);
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kp-text-soft);
}

body.kp-live-killer-page .kp-live-game-name {
  font-family: var(--tlsb-font-display);
  font-size: 1rem;
  letter-spacing: 0.04em;
  color: var(--kp-text);
}

body.kp-live-killer-page .kp-live-meta {
  display: flex;
  justify-content: space-between;
  gap: 0.64rem;
  flex-wrap: wrap;
  color: var(--kp-text-dim);
  font-size: 0.82rem;
}

body.kp-live-killer-page .kp-live-status.is-finished {
  color: #ff9d9d;
  font-weight: 600;
}

body.kp-live-killer-page .kp-enter-btn {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border-radius: 8px;
  border: 1px solid rgba(255, 160, 88, 0.4);
  background: linear-gradient(180deg, rgba(70, 26, 10, 0.95), rgba(35, 12, 4, 0.98));
  color: #ffd5b3;
  font-family: var(--tlsb-font-display);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

body.kp-live-killer-page .kp-enter-btn.is-ended,
body.kp-live-killer-page .kp-enter-btn[aria-disabled="true"] {
  border-color: rgba(255, 112, 112, 0.74);
  background: linear-gradient(180deg, rgba(102, 18, 18, 0.98), rgba(66, 10, 10, 0.99));
  color: #ffd2d2;
  box-shadow: inset 0 0 0 1px rgba(255, 164, 164, 0.22);
  cursor: not-allowed;
  pointer-events: none;
}

body.kp-live-killer-page .kp-enter-btn:hover,
body.kp-live-killer-page .kp-enter-btn:focus-visible {
  border-color: rgba(255, 180, 110, 0.66);
  box-shadow: 0 0 14px rgba(255, 110, 24, 0.18);
  color: #ffe4c7;
}

body.kp-live-killer-page .kp-live-killer-panel .kp-empty-state {
  border: 1px dashed rgba(255, 140, 70, 0.32);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(16, 10, 8, 0.8), rgba(10, 6, 5, 0.84));
  color: var(--kp-text-dim);
  text-align: center;
  padding: 1.2rem 0.9rem;
  letter-spacing: 0.03em;
}

@media (max-width: 900px) {
  body.kp-live-killer-page .kp-live-masthead-links {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  body.kp-live-killer-page .kp-live-game-grid {
    grid-template-columns: 1fr;
  }
}

/* ---------------------------------------------------------
   27. CURSOR-LIGHT / TV-SMOOTH INTERACTION TUNING
   Keep Killer look, reduce heavy repaint/hover cost.
   --------------------------------------------------------- */
body.kp-killer-hub-page {
  --kp-shadow-panel:
    0 8px 20px rgba(0,0,0,0.36),
    inset 0 0 0 1px rgba(255,255,255,0.02);
  --kp-shadow-panel-strong:
    0 12px 28px rgba(0,0,0,0.38),
    inset 0 0 0 1px rgba(255,255,255,0.02);
  --kp-shadow-ember:
    0 0 0 1px rgba(255,140,70,0.14),
    0 0 12px rgba(255,106,26,0.10);
}

body.kp-killer-hub-page .kp-masthead {
  animation: none !important;
}

body.kp-killer-hub-page .tlsb-public-shell::before,
body.kp-killer-hub-page .tlsb-public-shell::after {
  filter: blur(16px);
}

body.kp-killer-hub-page .tlsb-hub-v2::before {
  filter: blur(8px);
  opacity: 0.66;
}

body.kp-killer-hub-page .tlsb-hub-v2-panel::before {
  filter: blur(7px);
  opacity: 0.62;
}

body.kp-killer-hub-page .tlsb-hub-v2-side-column .tlsb-hub-v2-panel::before {
  filter: blur(6px);
  opacity: 0.56;
}

body.kp-killer-hub-page .kp-top-menu,
body.kp-live-killer-page .kp-top-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.kp-killer-hub-page .tlsb-hub-main-site-nav-link,
body.kp-killer-hub-page .tlsb-hub-v2-watch-link,
body.kp-killer-hub-page .tlsb-hub-v2-panel-cta,
body.kp-killer-hub-page .tlsb-hub-v2-section-head a,
body.kp-killer-hub-page .tlsb-hub-v2-ticker-btn,
body.kp-live-killer-page .kp-live-masthead-link,
body.kp-live-killer-page .kp-enter-btn {
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease !important;
}

body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:hover,
body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:focus-visible,
body.kp-killer-hub-page .kp-top-menu .tlsb-hub-main-site-nav-link:active,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:hover,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:focus-visible,
body.kp-live-killer-page .kp-top-menu .tlsb-hub-main-site-nav-link:active {
  box-shadow: none;
}

body.kp-killer-hub-page .tlsb-hub-v2-watch-link:hover,
body.kp-killer-hub-page .tlsb-hub-v2-panel-cta:hover,
body.kp-killer-hub-page .tlsb-hub-v2-ticker-btn:hover,
body.kp-live-killer-page .kp-live-masthead-link:hover,
body.kp-live-killer-page .kp-live-masthead-link:focus-visible,
body.kp-live-killer-page .kp-enter-btn:hover,
body.kp-live-killer-page .kp-enter-btn:focus-visible {
  box-shadow: none;
}

body.kp-killer-hub-page .tlsb-hub-v2-result-card:hover,
body.kp-killer-hub-page .tlsb-hub-v2-fixture-card:hover {
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.035);
}

body.kp-killer-hub-page .tlsb-hub-v2-battle-card:hover,
body.kp-killer-hub-page .tlsb-hub-v2-battle-card:focus-visible {
  box-shadow:
    0 10px 20px rgba(0,0,0,0.44),
    inset 0 0 0 1px rgba(255,190,130,0.12);
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-rr-card--ember::before {
  mix-blend-mode: normal;
  filter: none;
  opacity: 0.38;
}

body.kp-live-killer-page .kp-live-game-card::before {
  background:
    radial-gradient(280px 128px at 14% 0%, rgba(255, 143, 61, 0.13), transparent 72%);
}

body.kp-live-killer-page .kp-live-game-card.is-finished::before {
  background:
    radial-gradient(300px 136px at 14% 0%, rgba(255, 86, 86, 0.21), transparent 72%);
}

/* ---------------------------------------------------------
   31. PUBLIC STATS/RESULTS/PROFILE TUNING
   --------------------------------------------------------- */
body.kp-killer-hub-page .tlsb-hub-v2-subnav {
  flex-wrap: wrap;
  row-gap: 0.38rem;
}

body.kp-killer-hub-page .kp-recent-results-panel .tlsb-hub-v2-card-grid {
  grid-auto-rows: 1fr;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-result-single-event {
  min-height: 172px;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-result-card {
  gap: 0.36rem;
}

body.kp-killer-hub-page .kp-recent-results-panel .kp-podium-slot {
  padding-top: 0.08rem;
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid > div {
  min-height: 98px;
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid strong {
  font-size: clamp(0.9rem, 1.2vw, 1.08rem);
  line-height: 1.2;
  word-break: break-word;
}

body.kp-killer-hub-page .tlsb-hub-v2-stats-grid small {
  font-size: 0.69rem;
  line-height: 1.2;
}

body.kp-killer-hub-page .kp-player-link,
body.kp-killer-results-page .kp-player-link,
body.kp-killer-players-page .kp-player-link,
body.kp-killer-player-profile-page .kp-player-link {
  color: #ffdcb7;
  text-decoration: none;
  border-bottom: 1px dashed rgba(255, 180, 120, 0.45);
}

body.kp-killer-hub-page .kp-player-link:hover,
body.kp-killer-results-page .kp-player-link:hover,
body.kp-killer-players-page .kp-player-link:hover,
body.kp-killer-player-profile-page .kp-player-link:hover,
body.kp-killer-hub-page .kp-player-link:focus-visible,
body.kp-killer-results-page .kp-player-link:focus-visible,
body.kp-killer-players-page .kp-player-link:focus-visible,
body.kp-killer-player-profile-page .kp-player-link:focus-visible {
  color: #fff1de;
  border-bottom-color: rgba(255, 215, 172, 0.8);
}

body.kp-killer-hub-page .kp-public-inline-link,
body.kp-killer-results-page .kp-public-inline-link,
body.kp-killer-player-profile-page .kp-public-inline-link {
  margin-left: 0.5rem;
  color: #ffcf98;
  text-decoration: none;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.kp-killer-hub-page #next-round-fixtures .tlsb-hub-v2-fixture-side.is-no-logo .tlsb-hub-v2-fixture-team-name {
  max-width: 100%;
}

body.kp-killer-hub-page #next-round-fixtures .tlsb-hub-v2-fixture-side.is-no-logo .tlsb-hub-v2-fixture-team-name-label {
  font-size: clamp(0.76rem, 0.88vw, 0.95rem);
}

body.kp-live-killer-page .kp-live-results-link-panel .kp-live-results-link-copy {
  margin: 0.28rem 0 0.62rem;
  color: var(--kp-text-soft);
}

body.kp-killer-results-page .kp-public-results-list .tlsb-hub-v2-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.kp-killer-results-page .kp-public-results-list .kp-result-single-event {
  min-height: 184px;
}

body.kp-killer-players-page .kp-public-sort-links {
  display: inline-flex;
  gap: 0.38rem;
  flex-wrap: wrap;
}

body.kp-killer-players-page .kp-public-sort-link {
  padding: 0.22rem 0.58rem;
  border: 1px solid rgba(255, 150, 86, 0.35);
  border-radius: 999px;
  text-decoration: none;
  color: #ffd8af;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.kp-killer-players-page .kp-public-sort-link.is-active {
  border-color: rgba(255, 204, 143, 0.82);
  color: #fff2df;
}

body.kp-killer-players-page .kp-public-players-table-wrap {
  overflow-x: auto;
}

body.kp-killer-players-page .kp-public-players-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
}

body.kp-killer-players-page .kp-public-players-table th,
body.kp-killer-players-page .kp-public-players-table td {
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid rgba(255, 145, 72, 0.16);
  text-align: left;
}

body.kp-killer-players-page .kp-public-players-table th {
  color: #ffdbb7;
  font-size: 0.68rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.kp-killer-player-profile-page .kp-public-profile-results-list {
  display: grid;
  gap: 0.44rem;
}

body.kp-killer-player-profile-page .kp-public-profile-result-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.62rem;
  align-items: center;
  border: 1px solid rgba(255, 140, 70, 0.18);
  background: rgba(8, 12, 20, 0.74);
  border-radius: 10px;
  padding: 0.44rem 0.56rem;
}

body.kp-killer-player-profile-page .kp-public-place {
  font-family: var(--tlsb-font-display);
  font-size: 0.76rem;
  color: #ffcf95;
  letter-spacing: 0.08em;
}

body.kp-killer-player-profile-page .kp-public-result-main small,
body.kp-killer-player-profile-page .kp-public-result-meta small {
  display: block;
  color: #d6c4b2;
  font-size: 0.72rem;
}

@media (max-width: 900px) {
  body.kp-killer-results-page .kp-public-results-list .tlsb-hub-v2-card-grid {
    grid-template-columns: 1fr;
  }
}

/* === START: KILLER HUB UPCOMING EVENTS REDESIGN === */
body.kp-killer-hub-page .kp-upcoming-events-panel .tlsb-hub-v2-section-head {
  margin-bottom: 0.44rem;
}

body.kp-killer-hub-page .kp-upcoming-events-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.52rem;
}

body.kp-killer-hub-page .kp-upcoming-card {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 148px;
  border-radius: var(--kp-radius-sm);
  border: 1px solid rgba(255, 140, 70, 0.22);
  background: linear-gradient(180deg, rgba(8, 12, 20, 0.95), rgba(5, 8, 14, 0.98));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.44), inset 0 0 0 1px rgba(255, 186, 120, 0.08);
  text-decoration: none;
  color: var(--kp-text);
  isolation: isolate;
}

body.kp-killer-hub-page .kp-upcoming-card.is-featured {
  grid-column: 1 / -1;
  min-height: 188px;
}

body.kp-killer-hub-page .kp-upcoming-poster-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  opacity: 0.34;
}

body.kp-killer-hub-page .kp-upcoming-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7, 11, 19, 0.48), rgba(5, 8, 13, 0.88)),
    radial-gradient(560px 180px at 84% -6%, rgba(255, 108, 36, 0.18), transparent 66%);
}

body.kp-killer-hub-page .kp-upcoming-card-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  height: 100%;
  padding: 0.72rem 0.76rem 0.74rem;
}

body.kp-killer-hub-page .kp-upcoming-top {
  display: flex;
  align-items: flex-start;
  gap: 0.56rem;
  min-width: 0;
}

body.kp-killer-hub-page .kp-upcoming-heading {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

body.kp-killer-hub-page .kp-upcoming-title {
  margin: 0;
  font-family: var(--tlsb-font-display);
  font-size: clamp(0.92rem, 1.05vw, 1.08rem);
  letter-spacing: 0.04em;
  line-height: 1.22;
  color: #fff1e0;
  text-transform: uppercase;
}

body.kp-killer-hub-page .kp-upcoming-card.is-featured .kp-upcoming-title {
  font-size: clamp(1.02rem, 1.16vw, 1.2rem);
}

body.kp-killer-hub-page .kp-upcoming-venue {
  margin: 0;
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #ffd4a7;
}

body.kp-killer-hub-page .kp-upcoming-status {
  margin-left: auto;
  align-self: flex-start;
  border-radius: 999px;
  border: 1px solid rgba(255, 189, 137, 0.42);
  background: linear-gradient(180deg, rgba(44, 30, 14, 0.94), rgba(27, 17, 8, 0.96));
  color: #ffe1c0;
  font-size: 0.64rem;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.28rem 0.56rem;
  white-space: nowrap;
}

body.kp-killer-hub-page .kp-upcoming-status.is-soon {
  border-color: rgba(255, 132, 94, 0.72);
  background: linear-gradient(180deg, rgba(110, 28, 16, 0.95), rgba(70, 17, 11, 0.96));
  color: #fff0ea;
  box-shadow: 0 0 14px rgba(255, 86, 54, 0.2);
}

body.kp-killer-hub-page .kp-upcoming-meta {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.32rem 0.46rem;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #d5c6b8;
}

body.kp-killer-hub-page .kp-upcoming-time {
  color: #e6d5c3;
}

body.kp-killer-hub-page .kp-upcoming-players {
  color: #f0cb9b;
}

body.kp-killer-hub-page .kp-upcoming-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 30px;
  border-radius: 7px;
  border: 1px solid rgba(255, 168, 102, 0.5);
  background: linear-gradient(180deg, rgba(70, 35, 14, 0.9), rgba(47, 22, 9, 0.94));
  color: #ffe6c8;
  font-family: var(--tlsb-font-display);
  font-size: 0.69rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.28rem 0.68rem;
}

body.kp-killer-hub-page .kp-upcoming-card:hover,
body.kp-killer-hub-page .kp-upcoming-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 176, 112, 0.6);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 204, 150, 0.12), 0 0 16px rgba(255, 106, 26, 0.16);
}

body.kp-killer-hub-page .kp-upcoming-card:hover .kp-upcoming-cta,
body.kp-killer-hub-page .kp-upcoming-card:focus-visible .kp-upcoming-cta {
  border-color: rgba(255, 206, 151, 0.82);
  color: #fff4e3;
}

body.kp-killer-hub-page .kp-upcoming-venue-logo-frame {
  width: var(--kp-upcoming-logo-size, 56px);
  height: var(--kp-upcoming-logo-size, 56px);
  flex: 0 0 var(--kp-upcoming-logo-size, 56px);
  border-radius: 50%;
  border: 1px solid rgba(255, 164, 98, 0.35);
  background: linear-gradient(180deg, rgba(14, 10, 7, 0.95), rgba(8, 6, 4, 0.98));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255, 208, 153, 0.09), 0 0 18px rgba(255, 120, 44, 0.18);
}

body.kp-killer-hub-page .kp-upcoming-venue-logo {
  width: 86%;
  height: 86%;
  object-fit: cover;
  border-radius: 50%;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-right .kp-upcoming-top.has-logo .kp-upcoming-heading {
  order: 1;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-right .kp-upcoming-top.has-logo .kp-upcoming-status {
  order: 2;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-right .kp-upcoming-top.has-logo .kp-upcoming-venue-logo-frame {
  order: 3;
  margin-left: 0.24rem;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo,
body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo {
  position: relative;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo .kp-upcoming-venue-logo-frame,
body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo .kp-upcoming-venue-logo-frame {
  position: absolute;
  top: 0;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo .kp-upcoming-venue-logo-frame {
  left: 0;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo .kp-upcoming-venue-logo-frame {
  right: 0;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo .kp-upcoming-heading,
body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo .kp-upcoming-heading {
  width: 100%;
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo .kp-upcoming-heading {
  padding-left: calc(var(--kp-upcoming-logo-size, 56px) + 0.56rem);
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo .kp-upcoming-heading {
  padding-right: calc(var(--kp-upcoming-logo-size, 56px) + 0.56rem);
}

body.kp-killer-hub-page .kp-upcoming-logo-pos-top-left .kp-upcoming-top.has-logo .kp-upcoming-status,
body.kp-killer-hub-page .kp-upcoming-logo-pos-top-right .kp-upcoming-top.has-logo .kp-upcoming-status {
  margin-top: calc(var(--kp-upcoming-logo-size, 56px) + 0.22rem);
  margin-left: 0;
}

@media (max-width: 940px) {
  body.kp-killer-hub-page .kp-upcoming-events-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  body.kp-killer-hub-page .kp-upcoming-card {
    min-height: 138px;
  }

  body.kp-killer-hub-page .kp-upcoming-card.is-featured {
    min-height: 164px;
  }

  body.kp-killer-hub-page .kp-upcoming-card-content {
    padding: 0.62rem 0.64rem 0.64rem;
  }

  body.kp-killer-hub-page .kp-upcoming-title {
    font-size: clamp(0.88rem, 4vw, 1.02rem);
  }

  body.kp-killer-hub-page .kp-upcoming-status {
    font-size: 0.6rem;
    padding: 0.24rem 0.52rem;
  }

  body.kp-killer-hub-page .kp-upcoming-meta {
    font-size: 0.66rem;
  }

  body.kp-killer-hub-page .kp-upcoming-cta {
    font-size: 0.64rem;
  }
}
/* === END: KILLER HUB UPCOMING EVENTS REDESIGN === */

/* === START: KILLER HUB PANEL LOGOS + NEWS PANEL === */
body.kp-killer-hub-page .kp-panel-logo-wrap {
  display: flex;
  width: 100%;
  margin: 0 0 var(--kp-panel-logo-spacing, 8px);
}

body.kp-killer-hub-page .kp-panel-logo-wrap.kp-panel-logo-align-left {
  justify-content: flex-start;
}

body.kp-killer-hub-page .kp-panel-logo-wrap.kp-panel-logo-align-center {
  justify-content: center;
}

body.kp-killer-hub-page .kp-panel-logo-wrap.kp-panel-logo-align-right {
  justify-content: flex-end;
}

body.kp-killer-hub-page .kp-panel-logo-image {
  display: block;
  width: var(--kp-panel-logo-width, 180px);
  max-width: 100%;
  max-height: var(--kp-panel-logo-max-height, 72px);
  object-fit: contain;
  padding: var(--kp-panel-logo-padding, 0);
}

body.kp-killer-hub-page .kp-panel-logo-wrap.is-masthead {
  margin-bottom: calc(var(--kp-panel-logo-spacing, 8px) + 2px);
}

body.kp-killer-hub-page .kp-news-panel .kp-news-list {
  display: grid;
  gap: 0.56rem;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card {
  border: 1px solid rgba(255, 152, 92, 0.24);
  border-radius: var(--kp-radius-sm);
  background: linear-gradient(180deg, rgba(10, 14, 22, 0.92), rgba(7, 9, 15, 0.96));
  overflow: hidden;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card.is-featured {
  border-color: rgba(255, 183, 122, 0.55);
  box-shadow: inset 0 0 0 1px rgba(255, 214, 170, 0.12), 0 0 14px rgba(255, 132, 46, 0.14);
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-image {
  width: 100%;
  max-height: 150px;
  object-fit: cover;
  display: block;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-body {
  padding: 0.58rem 0.64rem 0.66rem;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-title {
  margin: 0;
  font-family: var(--tlsb-font-display);
  font-size: 0.84rem;
  line-height: 1.24;
  letter-spacing: 0.05em;
  color: #fff0de;
  text-transform: uppercase;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem 0.42rem;
  margin: 0.3rem 0 0.22rem;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 186, 125, 0.58);
  background: rgba(48, 30, 16, 0.92);
  padding: 0.1rem 0.46rem;
  font-size: 0.58rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffe4bf;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-date {
  font-size: 0.63rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #dcc9b2;
}

body.kp-killer-hub-page .kp-news-panel .kp-news-card-excerpt,
body.kp-killer-hub-page .kp-news-panel .kp-news-card-body-text {
  margin: 0.22rem 0 0;
  font-size: 0.74rem;
  line-height: 1.45;
  color: #e4d2bd;
}

@media (max-width: 700px) {
  body.kp-killer-hub-page .kp-news-panel .kp-news-card-image {
    max-height: 132px;
  }
}
/* === END: KILLER HUB PANEL LOGOS + NEWS PANEL === */