@font-face{font-family:'Oswald';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/oswald-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Oswald';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/oswald-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Oswald';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/oswald-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Oswald';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/oswald-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Golos Text';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Golos Text';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Golos Text';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Golos Text';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Golos Text';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Golos Text';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/golos-text-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/jetbrains-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/jetbrains-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'JetBrains Mono';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/jetbrains-mono-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-weight:600;font-style:normal;font-display:swap;src:url('/assets/fonts/jetbrains-mono-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}

:root{
  --canvas:#F3EFE6;
  --canvas-raised:#FBF8F2;
  --canvas-sunk:#EAE4D6;
  --ink:#17130F;
  --ink-soft:#3C372F;
  --steel:#5C574C;
  --line:rgba(23,19,15,.14);
  --line-strong:rgba(23,19,15,.24);
  --blood:#C22A1E;
  --blood-deep:#7C1911;
  --blood-tint:rgba(194,42,30,.10);
  --gold:#A9793A;
  --gold-tint:rgba(169,121,58,.14);
  --shadow:0 1px 0 rgba(23,19,15,.05), 0 8px 20px -12px rgba(23,19,15,.35);
  --focus:#1B5FD6;
  --radius-cut:14px;
  --slab-bg:#151210;
  --slab-bg-raised:#1E1A16;
  --slab-fg:#F5F0E4;
  --slab-fg-dim:#C9BFA9;
  --slab-line:rgba(245,240,228,.14);
}
@media (prefers-color-scheme: dark){
  :root{
    --canvas:#121110;
    --canvas-raised:#1B1917;
    --canvas-sunk:#0D0C0B;
    --ink:#F1EBDD;
    --ink-soft:#CBC4B4;
    --steel:#8D8677;
    --line:rgba(241,235,221,.14);
    --line-strong:rgba(241,235,221,.26);
    --blood:#FF5C46;
    --blood-deep:#FF8A78;
    --blood-tint:rgba(255,92,70,.14);
    --gold:#DDAE64;
    --gold-tint:rgba(221,174,100,.16);
    --shadow:0 1px 0 rgba(0,0,0,.3), 0 10px 24px -14px rgba(0,0,0,.7);
    --focus:#6FA0FF;
  }
}
:root[data-theme="dark"]{
  --canvas:#121110; --canvas-raised:#1B1917; --canvas-sunk:#0D0C0B;
  --ink:#F1EBDD; --ink-soft:#CBC4B4; --steel:#8D8677;
  --line:rgba(241,235,221,.14); --line-strong:rgba(241,235,221,.26);
  --blood:#FF5C46; --blood-deep:#FF8A78; --blood-tint:rgba(255,92,70,.14);
  --gold:#DDAE64; --gold-tint:rgba(221,174,100,.16);
  --shadow:0 1px 0 rgba(0,0,0,.3), 0 10px 24px -14px rgba(0,0,0,.7);
  --focus:#6FA0FF;
}
:root[data-theme="light"]{
  --canvas:#F3EFE6; --canvas-raised:#FBF8F2; --canvas-sunk:#EAE4D6;
  --ink:#17130F; --ink-soft:#3C372F; --steel:#5C574C;
  --line:rgba(23,19,15,.14); --line-strong:rgba(23,19,15,.24);
  --blood:#C22A1E; --blood-deep:#7C1911; --blood-tint:rgba(194,42,30,.10);
  --gold:#A9793A; --gold-tint:rgba(169,121,58,.14);
  --shadow:0 1px 0 rgba(23,19,15,.05), 0 8px 20px -12px rgba(23,19,15,.35);
  --focus:#1B5FD6;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--canvas);
  color:var(--ink);
  overflow-x:clip;
  font-family:'Golos Text',system-ui,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0);
  background-size:22px 22px;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:'Oswald',sans-serif;text-transform:uppercase;text-wrap:balance;margin:0;letter-spacing:.01em}
a{color:inherit}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--steel);
}
.octagon{
  clip-path:polygon(29% 0%,71% 0%,100% 29%,100% 71%,71% 100%,29% 100%,0% 71%,0% 29%);
}
.flag{width:17px;height:12px;flex:none;vertical-align:middle;box-shadow:0 0 0 1px rgba(23,19,15,.2);margin-right:2px;object-fit:cover}
.cut{
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}
.cut-sm{
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

/* ---------- Masthead ---------- */
.masthead{
  position:sticky;top:0;z-index:40;
  background:var(--canvas);
  border-bottom:1px solid var(--line);
  backdrop-filter:saturate(140%) blur(6px);
}
.masthead-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-mark{
  width:42px;height:42px;background:var(--blood);flex:none;
  display:flex;align-items:center;justify-content:center;
}
.brand-mark img{display:block;width:29px;height:auto}
.brand-text{display:flex;flex-direction:column;line-height:1.05}
.brand-text b{font-family:'Oswald';font-weight:700;font-size:1.25rem;letter-spacing:.02em}
.brand-text small{font-family:'JetBrains Mono';font-size:.62rem;letter-spacing:.13em;color:var(--steel);text-transform:uppercase}
nav.mainnav{display:flex;gap:2px;flex-wrap:wrap}
nav.mainnav a{
  font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.04em;
  font-size:.86rem;text-decoration:none;color:var(--ink-soft);
  padding:9px 12px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;
}
nav.mainnav a:hover{color:var(--ink)}
nav.mainnav a.active{color:var(--blood);border-color:var(--blood)}

/* ---------- Buttons / chips ---------- */
.chip{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono';font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 10px;border:1px solid var(--line-strong);color:var(--steel);background:var(--canvas-raised);
}
.chip.gold{border-color:var(--gold);color:var(--gold);background:var(--gold-tint)}
.chip.blood{border-color:var(--blood);color:var(--blood);background:var(--blood-tint)}
.tabbtn{
  font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  font-size:.82rem;padding:8px 14px;border:1px solid var(--line-strong);background:var(--canvas-raised);
  color:var(--ink-soft);cursor:pointer;transition:all .15s;
}
.tabbtn:hover{color:var(--ink);border-color:var(--ink-soft)}
.tabbtn.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}
@media (prefers-color-scheme:dark){
  .tabbtn.active{background:var(--blood);border-color:var(--blood);color:#161111}
}
:root[data-theme="dark"] .tabbtn.active{background:var(--blood);border-color:var(--blood);color:#161111}
.tabrow{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.backlink{
  display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:.78rem;
  color:var(--steel);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;
}
.backlink:hover{color:var(--blood)}

/* ---------- Section scaffolding ---------- */
.section{padding:44px 0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.section-head h2{font-size:1.7rem}
.section-head .eyebrow{margin-bottom:6px;display:block}
.viewmore{font-family:'JetBrains Mono';font-size:.78rem;text-decoration:none;color:var(--blood);white-space:nowrap;letter-spacing:.03em}
.viewmore:hover{text-decoration:underline}

/* ---------- Home hero (single banner tile) ---------- */
.hero{
  background:var(--slab-bg);color:var(--slab-fg);
  position:relative;overflow:hidden;
  min-height:420px;display:flex;align-items:stretch;
}
.hero-photo{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-photo img{
  position:absolute;right:0;top:0;height:100%;width:74%;
  object-fit:cover;object-position:center;
  filter:saturate(.86) contrast(1.06) brightness(.82);
}
.hero-photo .fade-x{position:absolute;inset:0;background:linear-gradient(90deg, var(--slab-bg) 33%, rgba(21,18,16,.78) 50%, transparent 84%)}
.hero-photo .fade-y{position:absolute;inset:0;background:linear-gradient(0deg, var(--slab-bg) 0%, transparent 18%, transparent 80%, var(--slab-bg) 100%)}
.hero-diagonal{
  position:absolute;top:-10%;bottom:-10%;left:38%;width:22%;z-index:0;pointer-events:none;
  background:linear-gradient(100deg, transparent 46%, var(--gold) 48%, var(--gold) 50%, transparent 52%);
  opacity:.55;transform:skewX(-14deg);
}
.hero .wrap{position:relative;z-index:1;padding-top:40px;padding-bottom:34px;display:flex;flex-direction:column;justify-content:center;width:100%}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.hero-eyebrow .dot{width:8px;height:8px;background:var(--blood);flex:none}
.hero-eyebrow span{font-family:'JetBrains Mono';font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slab-fg-dim)}
.hero-matchup{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}
.hero-side{display:flex;flex-direction:column;gap:7px}
.hero-side .oct{width:26px;height:26px;background:var(--gold)}
.hero-side-name{font-family:'Oswald';font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,4.4vw,2.9rem);line-height:.94;color:var(--slab-fg);text-shadow:0 2px 10px rgba(0,0,0,.6)}
.hero-side.challenger .hero-side-name{color:var(--blood)}
.hero-side-tag{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono';font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--slab-fg-dim);text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hero-side-tag .flag{width:18px;height:13px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.hero-side-rec{font-family:'JetBrains Mono';font-size:1.1rem;font-weight:600;color:var(--slab-fg);letter-spacing:.03em;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hero-side-rec small{font-size:.6rem;color:var(--slab-fg-dim);font-weight:400;letter-spacing:.1em;margin-left:5px}
.hero-vs{
  font-family:'Oswald';font-weight:700;font-size:2rem;letter-spacing:.02em;
  background:linear-gradient(180deg, #F5E3B8, var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:skewX(-8deg);padding:0 4px;text-shadow:0 2px 14px rgba(0,0,0,.4);
}
.hero .sub{font-family:'JetBrains Mono';color:var(--slab-fg-dim);font-size:.92rem;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hero-meta{display:flex;flex-wrap:wrap;gap:28px 34px;margin-top:22px;border-top:1px solid var(--slab-line);padding-top:18px}
.hero-meta .m-label{font-family:'JetBrains Mono';font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slab-fg-dim);opacity:.85;margin-bottom:5px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hero-meta .m-val{font-family:'JetBrains Mono';font-size:1.5rem;color:var(--slab-fg);font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.hero-meta .m-val small{font-size:.9rem;color:var(--slab-fg-dim);font-weight:400}
@media (max-width:640px){
  .hero-photo img{width:100%;opacity:.52}
  .hero-photo .fade-x{background:linear-gradient(90deg, var(--slab-bg) 25%, rgba(21,18,16,.72) 60%, transparent 100%)}
  .hero-diagonal{display:none}
  .hero-vs{font-size:1.4rem}
}

.promo-tile{
  display:flex;align-items:stretch;background:var(--slab-bg);border:1px solid var(--line);
  text-decoration:none;color:var(--slab-fg);position:relative;overflow:hidden;min-height:120px;
}
.promo-photo{position:relative;width:180px;flex:none;overflow:hidden}
.promo-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.promo-photo .fade{position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--slab-bg) 92%);}
.promo-body{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;gap:6px;flex:1;min-width:0}
.promo-body h3{font-size:1.15rem;text-transform:none;font-family:'Oswald';font-weight:600;color:var(--slab-fg)}
.promo-main{font-family:'JetBrains Mono';font-size:.82rem;color:var(--slab-fg-dim)}
.promo-main .x{color:var(--blood);margin:0 6px;font-style:normal}
.promo-cta{font-family:'JetBrains Mono';font-size:.72rem;color:var(--blood);letter-spacing:.04em;margin-top:4px}
.promo-tile:hover .promo-cta{text-decoration:underline}
@media (max-width:560px){.promo-photo{width:100px}}

.champstrip{border-bottom:1px solid var(--line);background:var(--canvas-raised)}
.champstrip-window{overflow:hidden}
.champstrip-track{
  display:flex;width:max-content;will-change:transform;
  animation:champstrip-scroll 38s linear infinite;
}
.champstrip-set{display:flex;flex:none;padding:14px 0}
.champstrip:hover .champstrip-track,.champstrip:focus-within .champstrip-track{animation-play-state:paused}
@keyframes champstrip-scroll{to{transform:translateX(-50%)}}
.cchip{
  flex:none;display:flex;align-items:center;gap:10px;padding:0 18px;border-right:1px solid var(--line);
}
.cchip .abbr{font-family:'Oswald';font-weight:700;font-size:.72rem;color:var(--gold);letter-spacing:.06em}
.cchip .nm{font-family:'Golos Text';font-weight:600;font-size:.86rem;white-space:nowrap}

/* ---------- Card grids ---------- */
.grid{display:grid;gap:18px}
.grid.news{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid.fighters{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}

.newscard{
  background:var(--canvas-raised);border:1px solid var(--line);
  display:flex;flex-direction:column;position:relative;overflow:hidden;
  color:inherit;text-decoration:none;
}
.newscard .tile{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--slab-bg);flex:none}
.newscard .tile img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.newscard .tile .mark{
  font-family:'Oswald';font-weight:700;font-size:5.5rem;line-height:1;
  color:rgba(245,240,228,.08);position:absolute;right:8px;bottom:-14px;pointer-events:none;
  -webkit-text-stroke:1px rgba(245,240,228,.12);
}
.newscard .body{padding:20px;position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;flex:1}
.newscard .kicker{font-family:'JetBrains Mono';font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--blood)}
.newscard h3{font-size:1.18rem;line-height:1.15;text-transform:none}
.newscard p{color:var(--ink-soft);font-size:.92rem;margin:0;flex:1}
.newscard .meta{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono';font-size:.7rem;color:var(--steel);border-top:1px solid var(--line);padding-top:10px;margin-top:4px}

/* ---------- Fighter card (photo tile) ---------- */
.fcard{
  background:var(--slab-bg);border:1px solid var(--line);
  display:flex;flex-direction:column;text-decoration:none;color:var(--ink);
  transition:border-color .15s, transform .15s;position:relative;overflow:hidden;
}
.fcard:hover{border-color:var(--blood);transform:translateY(-2px)}
.fcard-photo{position:relative;aspect-ratio:3/4;background:var(--slab-bg-raised);overflow:hidden}
.fcard-photo > img:not(.fcard-flag){width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.fcard-photo .noimg{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Oswald';font-weight:700;font-size:4.2rem;color:rgba(245,240,228,.3);
  background:radial-gradient(circle at 50% 42%, rgba(245,240,228,.06), transparent 60%);
}
.fcard-photo .fade{position:absolute;inset:0;background:linear-gradient(0deg, rgba(21,18,16,.92) 0%, rgba(21,18,16,.45) 38%, transparent 62%);}
.fcard-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;z-index:1}
.rankbadge{
  width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(21,18,16,.65);border:1px solid rgba(245,240,228,.25);backdrop-filter:blur(2px);
  font-family:'JetBrains Mono';font-weight:600;font-size:.78rem;color:var(--slab-fg);
}
.rankbadge.champ{background:var(--gold);border-color:var(--gold);color:#241a08}
.fcard-photo img.fcard-flag{width:26px;height:19px;display:block;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.3);object-fit:cover}
.fcard-info{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:12px 14px}
.fcard h3{font-size:1rem;text-transform:none;font-family:'Golos Text';font-weight:700;line-height:1.2;color:var(--slab-fg)}
.fcard .div{font-family:'JetBrains Mono';font-size:.64rem;color:var(--slab-fg-dim);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.fcard-foot{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--slab-line)}
.fcard .rec{font-family:'JetBrains Mono';font-size:1.1rem;font-weight:600;letter-spacing:.02em;color:var(--slab-fg)}
.fcard .rec small{font-size:.58rem;color:var(--slab-fg-dim);font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-left:5px}
.fcard-foot .p4p{font-family:'JetBrains Mono';font-size:.6rem;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;text-align:right}

/* ---------- Fighter detail (tale of the tape) ---------- */
.tape{background:var(--canvas-raised);border:1px solid var(--line);padding:0;margin-top:8px}
.tape-head{background:var(--slab-bg);color:var(--slab-fg);padding:0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;position:relative;overflow:hidden;min-height:200px}
.tape-head-photo{position:absolute;inset:0;z-index:0}
.tape-head-photo img{position:absolute;right:0;top:0;height:100%;width:auto;min-width:38%;object-fit:cover;object-position:top center}
.tape-head-photo .fade{position:absolute;inset:0;background:linear-gradient(90deg, var(--slab-bg) 40%, transparent 85%);}
.tape-head-inner{position:relative;z-index:1;padding:28px 28px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-end;width:100%}
.tape-head h1{color:var(--slab-fg);font-size:clamp(1.8rem,4vw,2.6rem)}
.tape-head .div{font-family:'JetBrains Mono';color:var(--slab-fg-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-top:6px;display:flex;align-items:center;gap:8px}
.tape-head .div .flag{width:20px;height:14px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.tape-belt{display:flex;align-items:center;gap:8px;color:var(--gold);font-family:'Oswald';font-weight:600;text-transform:uppercase;font-size:.85rem;
  background:rgba(21,18,16,.72);padding:8px 14px;backdrop-filter:blur(2px);}
.tape-belt .oct{width:22px;height:22px;background:var(--gold);flex:none}
.tape-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border-top:1px solid var(--line)}
.tstat{padding:20px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.tstat .l{font-family:'JetBrains Mono';font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);margin-bottom:6px}
.tstat .v{font-family:'JetBrains Mono';font-size:1.6rem;font-weight:600}
.tape-note{padding:22px 24px;color:var(--ink-soft);font-size:.96rem;line-height:1.6;border-top:1px solid var(--line)}
.fighter-profile{padding-top:34px}
.profile-hero{min-height:340px;overflow:visible;isolation:isolate}
.profile-landscape{position:absolute;inset:0;z-index:-2;overflow:hidden;background-image:linear-gradient(90deg,rgba(12,10,9,.98) 0%,rgba(12,10,9,.88) 42%,rgba(12,10,9,.25) 100%),var(--profile-bg);background-size:cover;background-position:center}
.profile-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,9,.55),transparent 55%)}
.profile-portrait{position:absolute;z-index:-1;right:1.5%;bottom:0;height:calc(100% + 58px);width:min(44%,470px);object-fit:contain;object-position:right bottom;filter:drop-shadow(-18px 12px 24px rgba(0,0,0,.38))}
.profile-hero .tape-head-inner{min-height:340px;padding:42px 42px 30px;align-items:flex-end}
.profile-title{max-width:58%}
.profile-title h1{font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:.94}
.original-name{margin:10px 0 16px;color:var(--slab-fg-dim);font-family:'JetBrains Mono';font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
.tstat .v.small{font-family:'Golos Text';font-size:1.1rem;font-weight:700}
.profile-block{margin-top:28px;padding:24px;background:var(--canvas-raised);border:1px solid var(--line)}
.profile-block h2{font-size:clamp(1.55rem,3vw,2.15rem);margin:5px 0 8px}
.profile-block p{color:var(--ink-soft);line-height:1.6}
.upcoming-fight{border-left:4px solid var(--blood)}
.upcoming-fight h2 a{color:var(--ink);text-decoration:none}
.upcoming-fight p a{color:var(--blood-deep);font-weight:700}
.fight-history td small{display:block;margin-top:4px;color:var(--steel);font-family:'JetBrains Mono';font-size:.67rem}
.result{display:inline-grid;place-items:center;width:30px;height:30px;color:#fff;background:var(--steel);font-family:'JetBrains Mono';font-weight:700}
.result-w{background:#277247}.result-l{background:var(--blood)}.result-d{background:var(--gold)}
.profile-pagination{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.profile-pagination a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:var(--slab-bg);color:var(--slab-fg);text-decoration:none;border:1px solid var(--slab-line)}
.profile-pagination a:last-child{text-align:right}
.profile-pagination span{font-family:'JetBrains Mono';font-size:.68rem;text-transform:uppercase;color:var(--slab-fg-dim)}
.site-map-page h1{font-size:clamp(2.4rem,6vw,5rem)}
.site-map-grid{display:block;width:100%}
.site-map-group{width:100%;background:var(--canvas-raised);border:1px solid var(--line);padding:24px 28px;margin-bottom:16px}
.site-map-group h2{font-size:1.5rem;margin-bottom:14px}
.site-map-group ul{list-style:none;margin:0;padding:0}
.site-map-group li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.site-map-group a{color:var(--ink);font-weight:700;text-decoration:none}
.site-map-group time{color:var(--steel);font-family:'JetBrains Mono';font-size:.65rem}

/* ---------- Tables (rankings / schedule) ---------- */
.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--canvas-raised)}
table.ledger{width:100%;border-collapse:collapse;min-width:520px}
table.ledger th{
  text-align:left;font-family:'JetBrains Mono';font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--steel);padding:12px 16px;border-bottom:1px solid var(--line-strong);white-space:nowrap;
}
table.ledger td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:.94rem;vertical-align:middle}
table.ledger tr:last-child td{border-bottom:none}
table.ledger .rk{font-family:'JetBrains Mono';color:var(--steel);width:34px}
table.ledger .rec{font-family:'JetBrains Mono';font-variant-numeric:tabular-nums;white-space:nowrap}
table.ledger a.fl{text-decoration:none;color:var(--ink);font-weight:600}
table.ledger a.fl:hover{color:var(--blood)}
.champrow td{background:var(--gold-tint)}
.champrow .rk{color:var(--gold)}
.gaprow td{text-align:center;color:var(--steel);font-family:'JetBrains Mono';padding:4px;letter-spacing:.2em}
.beltmark{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-family:'JetBrains Mono';font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}

/* ---------- Schedule ---------- */
.eventcard{background:var(--canvas-raised);border:1px solid var(--line);margin-bottom:18px}
.eventcard-head{display:flex;gap:18px;padding:20px 22px;align-items:center;flex-wrap:wrap}
.datebox{
  flex:none;width:70px;height:70px;background:var(--slab-bg);color:var(--slab-fg);display:flex;flex-direction:column;
  align-items:center;justify-content:center;
}
.datebox .d{font-family:'Oswald';font-weight:700;font-size:1.7rem;line-height:1}
.datebox .m{font-family:'JetBrains Mono';font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--slab-fg-dim);margin-top:2px}
.eventcard-info{flex:1;min-width:200px}
.eventcard-info h3{font-size:1.25rem;text-transform:none;font-family:'Oswald';font-weight:600}
.eventcard-info .loc{font-family:'JetBrains Mono';font-size:.78rem;color:var(--steel);margin-top:4px}
.eventcard-body{border-top:1px solid var(--line);padding:6px 22px 18px}
.bout{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.92rem}
.bout:last-child{border-bottom:none}
.bout .wc{font-family:'JetBrains Mono';font-size:.68rem;color:var(--steel);text-transform:uppercase;min-width:150px}
.bout .vs{font-weight:600;text-align:right;flex:1}
.bout .vs .x{color:var(--steel);font-weight:400;margin:0 6px}

/* ---------- Editorial / about ---------- */
.editorial{background:var(--canvas-sunk);border-left:3px solid var(--blood);padding:20px 24px;margin:26px 0}
.editorial p{margin:0 0 10px;color:var(--ink-soft);line-height:1.65}
.editorial p:last-child{margin-bottom:0}

.loading-state{padding:80px 24px;text-align:center;color:var(--steel);font-family:'JetBrains Mono';font-size:.85rem;letter-spacing:.05em}
.error-state{padding:80px 24px;text-align:center;color:var(--blood);font-family:'JetBrains Mono';font-size:.85rem;letter-spacing:.05em}

footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0 38px;background:#11100f}
.footer-inner{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:32px;align-items:center}
.footer-identity{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-brand{display:inline-flex;align-items:center;gap:12px;color:var(--slab-fg);text-decoration:none}
.footer-logo{width:44px;height:44px;background:var(--blood);display:grid;place-items:center;flex:none}
.footer-logo img{width:31px;height:18px;display:block;filter:brightness(0) invert(1)}
.footer-wordmark{display:flex;flex-direction:column;line-height:1}
.footer-wordmark b{font-family:'Oswald';font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em}
.footer-wordmark span{margin-top:5px;color:var(--slab-fg-dim);font-family:'JetBrains Mono';font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}
.footer-copyright{margin:0;color:var(--steel);font-size:.8rem}
.footer-copyright a,.footer-map-link{color:var(--slab-fg);text-decoration:none}
.footer-copyright a:hover,.footer-map-link:hover{color:var(--blood)}
.footer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.social-icon{width:40px;height:40px;display:grid;place-items:center;opacity:.68}
.social-icon img{display:block;width:100%;height:100%;object-fit:contain}
.footer-map-link{font-family:'JetBrains Mono';font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:720px){
  .footer-inner{grid-template-columns:1fr}
  .footer-actions{align-items:flex-start}
  .footer-social{justify-content:flex-start;gap:9px}
  .social-icon{width:36px;height:36px}
}

/* ---------- Owner quick edit mode ---------- */
.cms-edit-toolbar{
  position:fixed;left:50%;bottom:18px;z-index:120;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);
  padding:9px 10px 9px 14px;background:#17130f;color:#f8f3e8;
  border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 50px rgba(0,0,0,.42);
  font-size:.8rem;white-space:nowrap;
}
.cms-edit-toolbar strong{font-family:'Oswald';text-transform:uppercase;letter-spacing:.05em}
.cms-edit-toolbar a,.cms-edit-toolbar button{
  border:1px solid rgba(255,255,255,.22);background:transparent;color:#f8f3e8;
  padding:7px 10px;text-decoration:none;cursor:pointer;font-size:.76rem;
}
.cms-edit-toolbar a:hover,.cms-edit-toolbar button:hover{border-color:#ff5c46;color:#ff7a68}
body.cms-edit-mode .cms-inline-field{
  position:relative;display:inline;outline:1px dashed rgba(255,92,70,.62);
  outline-offset:3px;border-radius:2px;
}
body.cms-edit-mode .cms-inline-field.cms-inline-field--block{display:block}
body.cms-edit-mode .cms-inline-field.cms-inline-image{display:block;width:100%;height:100%}
body.cms-edit-mode .champstrip-set[aria-hidden="true"] .cms-inline-field{outline:0;pointer-events:none}
body.cms-edit-mode .cms-inline-field:hover{outline:2px solid #ff5c46;background:rgba(255,92,70,.09)}
.cms-inline-pencil{
  position:absolute;right:-14px;top:-14px;z-index:15;width:24px;height:24px;
  display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  background:#ff5c46;color:#17130f;border:2px solid #17130f;
  font:700 14px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);
  opacity:0;transform:scale(.82);transition:opacity .12s,transform .12s;
}
.cms-inline-field:hover>.cms-inline-pencil,.cms-inline-pencil:focus{opacity:1;transform:scale(1)}
.cms-edit-modal{
  position:fixed;inset:0;z-index:140;display:grid;place-items:center;
  padding:20px;background:rgba(10,8,7,.76);backdrop-filter:blur(5px);
}
.cms-edit-modal[hidden]{display:none}
.cms-edit-dialog{
  width:min(620px,100%);background:var(--canvas-raised);color:var(--ink);
  border:1px solid var(--line-strong);box-shadow:0 24px 80px rgba(0,0,0,.52);padding:22px;
}
.cms-edit-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.cms-edit-dialog-head span{display:block;font-family:'JetBrains Mono';font-size:.68rem;color:var(--blood);text-transform:uppercase;letter-spacing:.1em}
.cms-edit-dialog-head strong{font-family:'Oswald';font-size:1.15rem;text-transform:uppercase}
.cms-edit-close{border:0;background:transparent;color:var(--steel);font-size:1.5rem;cursor:pointer}
.cms-edit-dialog textarea{
  display:block;width:100%;min-height:150px;resize:vertical;padding:13px;
  border:1px solid var(--line-strong);background:var(--canvas);color:var(--ink);
  font:inherit;line-height:1.5;
}
.cms-edit-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
.cms-edit-status{font-size:.78rem;color:var(--steel)}
.cms-edit-save{
  border:0;background:var(--blood);color:#fff;padding:10px 18px;
  font-family:'Oswald';font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;
}
.cms-edit-save:disabled{opacity:.55;cursor:wait}

@media (max-width:640px){
  .masthead-bar{flex-direction:column;align-items:flex-start;gap:10px}
  .tape-stats{grid-template-columns:repeat(2,1fr)}
  .eventcard-head{flex-direction:row}
  .cms-edit-toolbar{left:12px;right:12px;bottom:10px;transform:none;justify-content:center;flex-wrap:wrap;white-space:normal}
  .profile-hero{min-height:410px}
  .profile-hero .tape-head-inner{min-height:410px;padding:24px 20px;align-items:flex-start}
  .profile-title{max-width:82%;position:relative;z-index:2}
  .profile-title h1{font-size:2.45rem}
  .profile-portrait{height:72%;width:76%;right:0;bottom:0;opacity:.92}
  .profile-landscape{background-image:linear-gradient(180deg,rgba(12,10,9,.96) 0%,rgba(12,10,9,.7) 50%,rgba(12,10,9,.42) 100%),var(--profile-bg)}
  .profile-hero .tape-belt{position:absolute;left:20px;bottom:18px;z-index:3}
  .profile-block{padding:18px 14px}
  .fight-history{min-width:680px}
  .profile-pagination{grid-template-columns:1fr}
  .profile-pagination a:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .champstrip-window{overflow-x:auto}
  .champstrip-set[aria-hidden="true"]{display:none}
}