/* Phase 7: page-specific styles extracted from Tournament.php for maintainability. */

/* Original style block 1 */
#nx-champions .nxc-row { display:flex; align-items:center; gap:14px; padding:14px 18px; background:rgba(255,255,255,0.03); border:1px solid rgba(69,248,130,0.14); border-radius:14px; margin-bottom:10px; transition:.16s; }
      #nx-champions .nxc-row:hover { border-color:rgba(69,248,130,0.4); transform:translateY(-2px); }
      #nx-champions .nxc-row.top { border-color:rgba(255,190,24,0.4); background:rgba(255,190,24,0.06); }
      #nx-champions .nxc-rank { width:44px; font-family:'Rajdhani',sans-serif; font-weight:800; font-size:22px; text-align:center; }
      #nx-champions .nxc-logo { width:42px;height:42px;flex:0 0 42px;border-radius:10px;background:#0c0f14 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#45F882;font-weight:800;font-family:'Rajdhani',sans-serif;font-size:18px;overflow:hidden; }
      #nx-champions .nxc-logo img { width:100%;height:100%;object-fit:cover; }
      #nx-champions .nxc-name { flex:1;min-width:0;color:#fff;font-weight:700;font-size:15px; }
      #nx-champions .nxc-name small { display:block;color:rgba(255,255,255,0.4);font-weight:400;font-size:11.5px; }
      #nx-champions .nxc-wins { color:#FFBE18;font-weight:800;font-family:'Rajdhani',sans-serif;font-size:19px;white-space:nowrap; }


/* V14 tournament presentation — keep historical tournaments useful instead of giant empty trophy tiles. */
#nexus-tournaments-list{align-items:stretch}
.nx-tournament-filter{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.nx-tournament-filter button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.56);font:700 11.5px Poppins,Arial,sans-serif;cursor:pointer}
.nx-tournament-filter button:hover,.nx-tournament-filter button.is-active{background:rgba(69,248,130,.11);color:#45f882}
.nx-tournament-card{display:flex;flex-direction:column;min-height:100%}
.nx-tournament-cover{height:168px;aspect-ratio:auto!important;flex:0 0 168px}
.nx-tournament-cover-fallback{height:168px!important;background:linear-gradient(145deg,rgba(69,248,130,.07),rgba(7,11,18,.92)),radial-gradient(circle at 70% 18%,rgba(69,248,130,.17),transparent 36%),#090e14!important}
.nx-tournament-fallback-mark{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.52);font:700 12px Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}
.nx-tournament-fallback-mark i{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(69,248,130,.23);border-radius:14px;background:rgba(69,248,130,.07);color:#45f882;font-size:25px}
.nx-tournament-body{display:flex;flex-direction:column;flex:1;padding:18px 19px 19px!important}
.nx-tournament-body h3{font-size:21px!important;line-height:1.16}
.nx-tournament-body p{min-height:0!important;margin-bottom:17px}
.nx-tournament-body .th-btn{margin-top:auto}
.nx-tournament-card.is-completed{opacity:.84}
.nx-tournament-card.is-completed:hover{opacity:1}
.nx-tournament-card.is-completed .nx-tournament-cover{height:138px;flex-basis:138px}
.nx-tournament-card.is-completed .nx-tournament-cover-fallback{height:138px!important}
@media(max-width:767px){.nx-tournament-filter{display:grid;grid-template-columns:1fr;width:100%}.nx-tournament-cover,.nx-tournament-cover-fallback{height:142px!important;flex-basis:142px}.nx-tournament-card.is-completed .nx-tournament-cover,.nx-tournament-card.is-completed .nx-tournament-cover-fallback{height:126px!important;flex-basis:126px}}

.nx-tournament-body .nx-tournament-title{min-height:58px;display:flex;align-items:flex-start}.nx-tournament-meta{justify-content:flex-start}.nx-tournament-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nx-tournament-card .th-btn{width:100%;justify-content:center}.nx-tournament-card{border-radius:20px}.nx-tournament-cover{background:#091018} .nx-tournament-cover img{object-position:center center;}

.nx-tournament-winner{display:flex;align-items:center;gap:7px;margin:2px 0 13px;padding:8px 10px;border:1px solid rgba(255,190,24,.18);border-radius:9px;background:rgba(255,190,24,.055);font-size:11px}.nx-tournament-winner i{color:#ffbe18}.nx-tournament-winner span{color:#89959e}.nx-tournament-winner strong{margin-left:auto;color:#f5f7f8;max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.nx-tournament-result-missing{display:flex;align-items:center;gap:9px;margin:14px 0;padding:10px 12px;border:1px solid rgba(255,190,24,.18);border-radius:10px;background:rgba(255,190,24,.055);color:rgba(255,255,255,.62)}.nx-tournament-result-missing i{color:#FFBE18}.nx-tournament-result-missing span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.nx-tournament-result-missing strong{margin-left:auto;color:#e8edf2;font-size:12px}

/* V60 community bridge */
.nx-tournament-discord{margin:0 auto 30px;max-width:1000px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:1px solid rgba(88,101,242,.32);border-radius:16px;background:linear-gradient(120deg,rgba(88,101,242,.13),rgba(69,248,130,.055));color:#eef0ff}.nx-tournament-discord>div{display:flex;gap:13px;align-items:flex-start}.nx-tournament-discord>div>i{font-size:24px;color:#7c86ff;margin-top:2px}.nx-tournament-discord span{display:grid;gap:4px}.nx-tournament-discord b{font-size:14px}.nx-tournament-discord small{font-size:11px;line-height:1.55;color:rgba(255,255,255,.55)}.nx-tournament-discord>a{white-space:nowrap;color:#fff;text-decoration:none;border:1px solid rgba(124,134,255,.4);padding:10px 14px;border-radius:10px;font-weight:700;font-size:12px;background:rgba(88,101,242,.18)}@media(max-width:767px){.nx-tournament-discord{align-items:stretch;flex-direction:column}.nx-tournament-discord>a{text-align:center}}

/* V115 — the tournament hero.
   games.css gives .breadcumb-wrapper.nxg-arthero the shared treatment: artwork as the
   background of the title block, the shared top-ramp/bottom-fade scrim, and the radial
   text plate that travels with the copy. Two things are specific to this page and only
   those two are overridden here.

   1. ASPECT. The game heroes ship 1600x600 art (8:3); this page's banner is 1600x425
      (64:17). Its band is therefore sized on its own terms rather than the shared
      floor — but only the NUMBER differs, which is what --nxg-hero-h is for.
   2. FOCAL POINT. This banner is not a game and has no games_catalog entry to read a
      focus out of, so it sets the same two properties by hand. `center 34%` keeps the
      sisters' faces in frame; the bottom of the frame is where the scrim goes solid
      anyway, so nothing worth seeing is spent there.

   V120 — `background-size: cover` used to be forced here too, because the shared rule
   was `100% auto` and would have left ~200px of bare #05070b under the picture at a
   1900px viewport. The shared rule is `cover` now, for exactly that reason on every
   hero, so this page no longer overrides the fill at all: it sets a height and a
   focal point and inherits the rest.

   Specificity, not load order, is what makes these win: .breadcumb-wrapper.nxg-arthero
   is (0,2,0) and both it and this rule use !important, so the (0,3,0) selector below
   takes it whichever file the browser parses first. */
.breadcumb-wrapper.nxg-arthero.nx-tour-hero{
  --nxg-hero-h:max(380px,30vw);
  --nxg-focus-x:50%;
  --nxg-focus-y:34%;
  padding:46px 0 34px!important;
}
@media(max-width:900px){
  .breadcumb-wrapper.nxg-arthero.nx-tour-hero{--nxg-hero-h:max(330px,42vw);padding:42px 0 30px!important}
}
@media(max-width:560px){
  .breadcumb-wrapper.nxg-arthero.nx-tour-hero{--nxg-hero-h:max(290px,56vw);--nxg-focus-y:30%;padding:38px 0 26px!important}
}
