/* Tournaments page styles.
   Shared shell rules (statusbar/nav/brand/footer/btn/chip/grid-bg/tier/wrap/
   page-head/section/mono-small/main) live in shared.css — don't redefine.
   Tokens are inherited from :root in shared.css. */

/* ── FEATURED EVENT ── */
.feat{margin-top:22px;padding:28px;border:1px solid var(--line-red);background:linear-gradient(120deg,rgba(255,70,85,0.08),transparent 55%),var(--bg-1);display:grid;grid-template-columns:1.4fr 1fr;gap:28px;position:relative;overflow:hidden}
.feat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent 70%)}
.feat .lbl{font-family:var(--mono);font-size:11px;color:var(--red);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:10px}
.feat h2{font-family:var(--sans);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-0.02em;line-height:1;margin-bottom:14px}
.feat .when{font-family:var(--mono);font-size:14px;color:var(--fg-dim);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:20px}
.feat .prize{font-family:var(--mono);font-size:64px;font-weight:700;letter-spacing:-0.04em;color:var(--amber);line-height:1}
.feat .stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.feat .s{padding:12px 14px;background:var(--bg);border:1px solid var(--line);font-family:var(--mono)}
.feat .s .n{font-size:10px;color:var(--fg-mute);letter-spacing:0.14em;text-transform:uppercase;margin-bottom:4px}
.feat .s .v{font-size:16px;color:var(--fg);font-weight:600}
.feat .cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

/* ── COUNTDOWN ── */
.countdown{display:flex;gap:10px;font-family:var(--mono)}
.cd-cell{flex:1;padding:18px 12px;background:var(--bg);border:1px solid var(--line);text-align:center}
.cd-cell .num{font-size:36px;font-weight:700;letter-spacing:-0.02em;line-height:1;color:var(--red)}
.cd-cell .lbl{font-size:10px;color:var(--fg-mute);letter-spacing:0.14em;margin-top:6px;text-transform:uppercase}

/* ── REGISTERED TEAMS MINI-GRID (featured sidebar) ── */
.feat-teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:var(--mono);font-size:12px;color:var(--fg)}
.feat-teams-grid .open{color:var(--fg-mute)}

/* ── TABS ── */
.tabs{display:flex;border:1px solid var(--line);background:var(--bg-1);width:fit-content}
.tabs button{padding:10px 20px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-dim);border-right:1px solid var(--line);transition:color 0.15s ease,background 0.15s ease}
.tabs button:last-child{border-right:none}
.tabs button:hover{color:var(--fg)}
.tabs button.on{background:var(--red-bg);color:var(--red);box-shadow:inset 0 -2px 0 var(--red)}

/* ── EVENT CARD LIST ── */
.list{display:flex;flex-direction:column;gap:14px;margin-top:12px}
.tcard{display:grid;grid-template-columns:120px 1fr auto;gap:24px;padding:20px 24px;border:1px solid var(--line);background:var(--bg-1);align-items:center;color:inherit;transition:border-color 0.15s ease,background 0.15s ease}
.tcard:hover{border-color:var(--line-2);background:var(--bg-2)}
.tcard .when{font-family:var(--mono);font-size:11px;color:var(--fg-dim);letter-spacing:0.14em;text-transform:uppercase}
.tcard .when .d{font-size:26px;font-weight:700;color:var(--fg);letter-spacing:-0.02em;line-height:1;margin-bottom:2px}
.tcard .core h3{font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:-0.01em;margin-bottom:6px}
.tcard .core .meta{font-family:var(--mono);font-size:11px;color:var(--fg-dim);letter-spacing:0.08em;display:flex;gap:18px;flex-wrap:wrap}
.tcard .core .meta b{color:var(--fg);font-weight:600}
.tcard .side{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-family:var(--mono)}
.tcard .side .pz{font-size:20px;color:var(--amber);font-weight:700}
.tcard .side .sl{font-size:11px;color:var(--fg-dim);letter-spacing:0.1em;text-transform:uppercase}
.tcard .side .sl b{color:var(--fg)}
.tcard.done .when .d{color:var(--fg-mute)}
.tcard.done h3{color:var(--fg-dim)}

.tn-empty{padding:40px 20px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--fg-mute);letter-spacing:0.14em;text-transform:uppercase;border:1px dashed var(--line);background:var(--bg-1)}

.past-divider{padding:18px 0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--fg-mute);letter-spacing:0.14em;text-transform:uppercase;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:8px 0}

/* ── RULES ── */
.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.rule{padding:18px;border:1px solid var(--line);background:var(--bg-1)}
.rule .n{font-family:var(--mono);font-size:10px;color:var(--red);letter-spacing:0.2em;font-weight:700;margin-bottom:10px}
.rule h4{font-family:var(--sans);font-size:15px;font-weight:700;margin-bottom:6px}
.rule p{font-size:13px;color:var(--fg-dim);line-height:1.5}

@media (max-width:900px){
  .feat{grid-template-columns:1fr}
  .tcard{grid-template-columns:1fr;gap:10px}
  .tcard .side{align-items:flex-start}
  .rules-grid{grid-template-columns:1fr 1fr}
  .tabs{width:100%;overflow-x:auto}
}