/* RIXA · world-title broadcast theme
 * Deep black, fight-night red, champion gold, big condensed type and sharp, slanted shapes.
 * Loaded after the component sheets (and before mobile.css) so it restyles the whole site in one place. */
:root{--bg:#07080a;--panel:#0f1013;--panel2:#15161a;--line:#24262b;--muted:#8d8f95;--white:#f5f3ee;--red:#e1251b;--red2:#ff3b2f;--gold:#d4a84b;--green:#5fc28d;--blue:#6aa3f0}
body{background:radial-gradient(1100px 480px at 78% -12%,#4a0c0c55,transparent 70%),radial-gradient(700px 400px at -10% 110%,#2a1a0a33,transparent 70%),var(--bg);color:var(--white);letter-spacing:.1px}
::selection{background:var(--red);color:#fff}

/* ---- shell ---- */
aside{background:linear-gradient(180deg,#050506,#0a0a0c);border-right:1px solid #1a1b1f}
.navlabel{color:#5d5f65;letter-spacing:2.4px}
.nav button{font:700 15px 'Barlow Condensed',sans-serif;letter-spacing:.9px;text-transform:uppercase;color:#9a9ca2;border-radius:0;padding:12px 14px;border-left:3px solid transparent;transition:background .15s,color .15s}
.nav button:hover{color:#fff;background:#ffffff08}
.nav button.active{background:linear-gradient(90deg,#e1251b33,transparent 85%);color:#fff;border-left:3px solid var(--red)}
.nav button.active .ico{color:var(--red)}
.topbar{background:#07080acc;backdrop-filter:blur(8px);border-bottom:1px solid #1a1b1f;position:sticky;top:0;z-index:5}
.crumb{text-transform:uppercase;letter-spacing:1.2px;font-weight:800}
.profile{border-top-color:#1a1b1f}

/* ---- page headings ---- */
.headline{position:relative;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid #1a1b1f}
.headline:after{content:'';position:absolute;left:0;bottom:-1px;width:120px;height:3px;background:var(--red)}
.headline h1{font:900 clamp(38px,5vw,60px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--red);font:800 12px 'Barlow Condensed';letter-spacing:3px}
.eyebrow:before{content:'';width:18px;height:2px;background:var(--red)}

/* ---- panels ---- */
.box{background:linear-gradient(180deg,#111216,#0d0e11);border:1px solid var(--line);border-radius:3px;box-shadow:0 12px 30px #0006}
.boxtop{height:auto;min-height:50px;padding:10px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#16171b,transparent)}
.boxtop h2{position:relative;padding-left:12px;font:900 19px 'Barlow Condensed';text-transform:uppercase;letter-spacing:1px}
.boxtop h2:before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:3px;background:var(--red)}
.boxtop small{letter-spacing:1px;text-transform:uppercase}

/* ---- buttons ---- */
.go{border-radius:0;background:linear-gradient(180deg,var(--red2),var(--red));clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  font:900 17px 'Barlow Condensed';letter-spacing:1.4px;text-transform:uppercase;box-shadow:none;transition:filter .15s,transform .15s}
.go:hover{background:linear-gradient(180deg,#ff5247,var(--red2));transform:translateY(-1px)}
.go:disabled{filter:grayscale(.7);opacity:.45;transform:none}
.secondary{border-radius:0;background:#0d0e11;border:1px solid #3a3c42;font:800 13px 'Barlow Condensed';letter-spacing:1px;text-transform:uppercase;color:#e6e4df;transition:border-color .15s,background .15s}
.secondary:hover{border-color:#fff;background:#16171b}
.secondary.danger{border-color:#5a1d1a;color:#ff8a80}.secondary.danger:hover{border-color:var(--red);background:#2a0d0b}
.tabs button,.tabs.inline button{border-radius:0!important;font:800 13px 'Barlow Condensed'!important;letter-spacing:1px;text-transform:uppercase}
.tabs button.sel{box-shadow:inset 0 -3px 0 var(--red)}

/* ---- tables ---- */
table.data th{font:800 11px 'Barlow Condensed';letter-spacing:1.6px;color:#7d7f86;text-transform:uppercase;border-bottom:1px solid var(--line)}
table.data td{border-bottom:1px solid #18191d}
table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:#ffffff06}
table.data tr.mine{background:linear-gradient(90deg,#e1251b14,transparent)}

/* ---- inputs ---- */
input,select,textarea{border-radius:2px}

/* ================= ATHLETE PAGE (Meus lutadores) ================= */
#pageFighter > .box{background:transparent;border:0;box-shadow:none}
#pageFighter .tabs{padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.athlete{display:grid;gap:16px}
.ath-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(220px,320px) 1fr auto;align-items:end;gap:26px;min-height:380px;padding:24px 30px 0;
  background:linear-gradient(105deg,#160707 0%,#0c0c0f 52%,#08090b 100%);border:1px solid #25262b;border-top:3px solid var(--red)}
.ath-hero:before{content:'';position:absolute;top:-40%;bottom:-40%;left:31%;width:120px;background:linear-gradient(180deg,#e1251b,#7a0d08);transform:skewX(-18deg);opacity:.85;box-shadow:0 0 60px #e1251b66}
.ath-hero:after{content:'';position:absolute;top:-40%;bottom:-40%;left:calc(31% + 135px);width:18px;background:#e1251b;transform:skewX(-18deg);opacity:.5}
.ath-hero-bg{position:absolute;inset:0;background:var(--flag) right center/55% auto no-repeat;opacity:.09;filter:grayscale(.3) blur(1px);mask-image:linear-gradient(90deg,transparent 35%,#000)}
.ath-portrait{position:relative;z-index:1;height:360px;background:center bottom/contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 16px 26px #000)}
.ath-id{position:relative;z-index:1;padding-bottom:28px;min-width:0}
.ath-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:800 13px 'Barlow Condensed';letter-spacing:1.6px;color:#c9c7c1}
.ath-rank{background:var(--red);color:#fff;padding:3px 10px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.ath-rank.champ{background:linear-gradient(90deg,#a8761e,#f3d27a,#a8761e);color:#1a1206}
.ath-club{display:inline-flex;align-items:center;gap:5px;border:1px solid #3a3c42;padding:2px 8px}.ath-club img{width:16px;height:16px}
.ath-name{margin:10px 0 0;font:900 clamp(40px,6vw,76px)/.86 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 4px 30px #000}
.ath-nick{margin-top:6px;font:800 italic 24px 'Barlow Condensed';color:var(--red2);letter-spacing:1px;text-transform:uppercase}
.ath-record{display:flex;align-items:baseline;gap:12px;margin:14px 0 10px}
.ath-record b{font:900 54px/1 'Barlow Condensed';letter-spacing:1px}
.ath-record small{color:var(--muted);font:700 12px 'Barlow Condensed';letter-spacing:1.5px;text-transform:uppercase}
.ath-facts{display:flex;flex-wrap:wrap;gap:6px}
.ath-facts>span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid #ffffff14;font:700 12px 'DM Sans';color:#d9d7d2}
.ath-facts b{color:#fff;font-family:'Barlow Condensed';font-size:15px}.ath-facts .stars{color:var(--gold);letter-spacing:1px}
.ath-traits{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ath-traits span{font:800 11px 'Barlow Condensed';letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);border:1px solid #6b5426;padding:3px 8px}
.ath-belt{position:relative;z-index:1;display:grid;justify-items:center;gap:4px;padding-bottom:30px;text-align:center}
.ath-belt b{font:900 18px 'Barlow Condensed';color:var(--gold);letter-spacing:1px}.ath-belt small{color:var(--muted);font-size:11px}

/* next fight: the most important line on the page */
.ath-next{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:18px 24px;
  background:linear-gradient(90deg,#3a0b08,#1a0a09 40%,#0e0f12);border:1px solid #5a1a14;border-left:6px solid var(--red);box-shadow:0 10px 40px #e1251b22}
.ath-next-tag{display:flex;align-items:center;gap:8px;font:900 15px 'Barlow Condensed';letter-spacing:2px;color:#fff;white-space:nowrap}
.live-dot{width:10px;height:10px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 0 #ff3b2f99;animation:ath-pulse 1.4s infinite}
@keyframes ath-pulse{0%{box-shadow:0 0 0 0 #ff3b2f99}70%{box-shadow:0 0 0 12px #ff3b2f00}100%{box-shadow:0 0 0 0 #ff3b2f00}}
.ath-next-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.ath-next-side{display:grid;justify-items:center;gap:4px;text-align:center}
.ath-next-side b{font:900 22px/1 'Barlow Condensed';text-transform:uppercase;letter-spacing:.5px}.ath-next-side small{color:#c9b9b6;font-size:11px}
.ath-next-port{width:76px;height:76px;border-radius:50%;background:#1a1b1f center/cover no-repeat;border:3px solid var(--red);image-rendering:pixelated;box-shadow:0 6px 20px #000a}
.ath-next-side.opp .ath-next-port{border-color:#f5f3ee}
.ath-next-vs{display:grid;justify-items:center;gap:2px;text-align:center}
.ath-next-vs span{font:900 italic 44px/1 'Barlow Condensed';color:var(--red2);text-shadow:0 0 24px #e1251b88}
.ath-next-vs small{color:#d8c9c6;font:700 12px 'Barlow Condensed';letter-spacing:1px;text-transform:uppercase}
.ath-next-clock{display:grid;justify-items:end;gap:2px}
.ath-next-clock small{font:800 11px 'Barlow Condensed';letter-spacing:2px;color:#d0bdb9}
.ath-next-clock b{font:900 46px/1 'Barlow Condensed';font-variant-numeric:tabular-nums;letter-spacing:1px}
.ath-next-clock span{color:#c9b9b6;font-size:11px;margin-bottom:6px}
.ath-next-clock .go{width:auto;padding:8px 18px;font-size:14px}
.ath-next.idle{grid-template-columns:auto 1fr;border-left-color:#3a3c42;background:linear-gradient(90deg,#16171b,#0e0f12);box-shadow:none;border-color:var(--line)}
.ath-next.idle p{margin:0;font-size:13px}.ath-next.idle.wait{border-left-color:var(--gold)}.ath-next.idle.warn{border-left-color:#e08a2b}

.ath-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ath-actions .go{width:auto;padding:13px 30px}

.ath-stats{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}
.ath-block{background:linear-gradient(180deg,#111216,#0d0e11);border:1px solid var(--line);padding:16px 18px}
.ath-block h4{margin:0 0 12px;font:900 17px 'Barlow Condensed';letter-spacing:1.4px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.ath-block h4:before{content:'';width:3px;height:16px;background:var(--red)}
.ath-block h4 small{font:700 10px 'DM Sans';letter-spacing:1px;color:var(--muted);text-transform:uppercase}
.ath-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ath-ring{display:grid;justify-items:center;gap:6px}.ath-ring svg{width:100%;max-width:120px}
.ath-ring-v{font:900 22px 'Barlow Condensed';fill:#fff}.ath-ring-p{font:700 11px 'DM Sans';fill:#8d8f95}
.ath-ring span{font:800 11px 'Barlow Condensed';letter-spacing:1.3px;color:#c9c7c1;text-align:center}
.ath-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:0}
.ath-numbers>div{position:relative;background:#0f1013;padding:16px 14px;display:grid;gap:2px}
.ath-numbers b{font:900 34px/1 'Barlow Condensed'}.ath-numbers span{font:700 10px 'Barlow Condensed';letter-spacing:1.4px;color:var(--muted)}
.ath-numbers .fatigue i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:var(--green)}.ath-numbers .fatigue.high i{background:#e08a2b}
.ath-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.ath-grid .attr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ath-grid .attr-head h4{margin:0}
.ath-grid .attr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ath-grid .attr .meter i{background:linear-gradient(90deg,#7a0d08,var(--red2))}
#pageFighter .block-reason{margin:0}

@media(max-width:1100px){.ath-hero{grid-template-columns:minmax(180px,260px) 1fr}.ath-belt{grid-column:1/-1;padding:0 0 20px}.ath-stats,.ath-grid{grid-template-columns:1fr}}
@media(max-width:760px){
  .ath-hero{grid-template-columns:1fr;padding:18px 16px 0;min-height:0;text-align:left}
  .ath-hero:before,.ath-hero:after{left:auto;right:-40px}
  .ath-portrait{height:260px;order:2}.ath-id{padding-bottom:6px}
  .ath-next{grid-template-columns:1fr;gap:12px;padding:14px}.ath-next-clock{justify-items:start}
  .ath-next-port{width:56px;height:56px}.ath-next-vs span{font-size:32px}
  .ath-rings{grid-template-columns:repeat(3,1fr)}.ath-numbers{grid-template-columns:repeat(2,1fr)}
  .ath-grid .attr-grid{grid-template-columns:1fr}
}
/* stripes frame the fighter, never the name */
.ath-hero:before{left:9%;width:110px;opacity:.75}.ath-hero:after{left:calc(9% + 124px);opacity:.45}
.ath-numbers{background:transparent;gap:0;border:1px solid var(--line)}
.ath-numbers>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
/* desktop sidebar follows the scroll: manager name, coins and daily bonus always in view */
@media(min-width:721px){aside{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;overflow-y:auto;scrollbar-width:thin}.profile{position:sticky;bottom:0;background:inherit;padding-bottom:4px}}