/* ============================================================
   CHAMPIONSHIPS — gold/obsidian presentation within the existing
   SHOWTIME! design system. Pink remains a restrained network accent.
   ============================================================ */
:root { --transcendence-gold:#D99A32; --antique-bronze:#A86D26; --obsidian:#08080C; --ivory-ash:#F2E8D5; --network-gray:#B8B8C0; }
.championship-page { overflow:hidden; background:var(--obsidian); }
.championship-hero { min-height:calc(100vh - 5rem); position:relative; display:flex; flex-direction:column; justify-content:center; padding:clamp(7rem,11vw,10rem) var(--gutter) 2rem; background:radial-gradient(ellipse at 50% 43%,rgba(168,109,38,.17),transparent 44%),linear-gradient(180deg,#08080c 0%,#0c0907 58%,#08080c 100%); isolation:isolate; }
.championship-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.32; background:linear-gradient(90deg,transparent 0%,rgba(217,154,50,.08) 50%,transparent 100%),repeating-linear-gradient(120deg,transparent 0 110px,rgba(255,255,255,.018) 111px 112px); }
.championship-hero-glow { position:absolute; width:min(80vw,1000px); height:460px; left:50%; top:38%; transform:translate(-50%,-50%); background:radial-gradient(ellipse,rgba(217,154,50,.16),transparent 67%); pointer-events:none; z-index:-1; }
.championship-hero-copy { text-align:center; position:relative; z-index:2; }
.championship-hero .eyebrow { color:var(--transcendence-gold); }
.championship-hero h1 { margin:.7rem 0 0; font-family:var(--font-display); text-transform:uppercase; font-weight:500; line-height:.88; letter-spacing:-.025em; }
.championship-hero h1 span { display:block; color:var(--ivory-ash); font-size:clamp(1.8rem,5vw,4rem); letter-spacing:.12em; font-weight:300; }
.championship-hero h1 strong { display:block; color:var(--transcendence-gold); font-size:clamp(3.6rem,10.5vw,9rem); font-weight:700; text-shadow:0 0 36px rgba(217,154,50,.12); }
.championship-tagline { margin:1.5rem 0 .8rem; color:var(--ivory-ash); font-family:var(--font-mono); font-size:clamp(.72rem,1.5vw,.98rem); letter-spacing:.24em; }
.championship-intro { color:var(--network-gray); margin-bottom:1.5rem; }
.championship-belt-stage { width:min(100%,1250px); margin:clamp(1rem,3vw,2.5rem) auto 0; position:relative; }
.championship-belt-stage::after { content:""; position:absolute; z-index:-1; bottom:1%; left:14%; right:14%; height:14%; background:rgba(217,154,50,.15); filter:blur(36px); }
.championship-belt-stage img { display:block; width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 30px 28px rgba(0,0,0,.6)); }
.championship-hero-foot { display:flex; justify-content:space-between; gap:1rem; margin:2rem auto 0; width:min(100%,1250px); padding-top:1rem; border-top:1px solid rgba(217,154,50,.28); font-family:var(--font-mono); font-size:.65rem; letter-spacing:.2em; color:var(--network-gray); }
.championship-hero-foot span:last-child { color:var(--transcendence-gold); }
.championship-meaning { background:linear-gradient(180deg,#0b0908,#08080c); border-top:1px solid rgba(217,154,50,.16); border-bottom:1px solid rgba(217,154,50,.16); }
.championship-meaning-grid { display:grid; grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr); gap:clamp(2rem,7vw,7rem); align-items:start; }
.championship-meaning .eyebrow { color:var(--transcendence-gold); }
.championship-meaning h2 em { color:var(--transcendence-gold); font-style:normal; }
.championship-lore { color:#d1c9bc; font-size:1rem; line-height:1.85; }
.championship-lore p+p { margin-top:1.1rem; }
.championship-lore .championship-lead { font-family:var(--font-display); font-size:clamp(1.35rem,2.5vw,2rem); line-height:1.35; color:var(--ivory-ash); }
.championship-lore .mirror-line { padding:1.25rem 1.5rem; border-left:2px solid var(--transcendence-gold); color:var(--ivory-ash); font-family:var(--font-display); font-size:1.25rem; line-height:1.6; background:linear-gradient(90deg,rgba(217,154,50,.07),transparent); }
.championship-lore .lore-close { color:var(--network-gray); }
.championship-lore .lore-close strong { color:var(--transcendence-gold); font-family:var(--font-display); font-size:1.3rem; text-transform:uppercase; letter-spacing:.08em; }
.championship-status-section { padding:clamp(3rem,7vw,6rem) var(--gutter); background:#0b0908; }
.championship-status-card { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(1.5rem,4vw,3.5rem); padding:clamp(1.5rem,4vw,3rem); border:1px solid rgba(217,154,50,.45); background:linear-gradient(120deg,rgba(217,154,50,.09),rgba(255,255,255,.015) 55%,rgba(255,47,175,.025)); }
.status-mark { display:grid; place-items:center; width:86px; aspect-ratio:1; border:1px solid var(--antique-bronze); color:var(--transcendence-gold); font-family:var(--font-display); font-size:2.2rem; font-weight:700; }
.championship-status-card .eyebrow { color:var(--transcendence-gold); }
.championship-status-card h2 { margin:.3rem 0 .6rem; color:var(--ivory-ash); font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3.4rem); }
.championship-status-card p { max-width:650px; color:var(--network-gray); margin:0; }
.championship-status-card .btn { white-space:nowrap; }
.championship-record-section { background:#08080c; }
.championship-record-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.championship-record-grid .eyebrow { color:var(--transcendence-gold); }
.championship-record-grid .body-text { max-width:480px; color:var(--network-gray); }
.record-panel { border-top:1px solid rgba(217,154,50,.45); }
.record-row { display:flex; justify-content:space-between; gap:1rem; padding:1.1rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
.record-row span { color:var(--network-gray); font-family:var(--font-mono); font-size:.78rem; letter-spacing:.05em; }
.record-row strong { color:var(--ivory-ash); text-align:right; font-weight:500; }
.championship-forum-link { padding:clamp(4rem,8vw,7rem) var(--gutter); text-align:center; border-top:1px solid rgba(217,154,50,.2); background:radial-gradient(ellipse at center,rgba(168,109,38,.1),transparent 65%),#0b0908; }
.championship-forum-link .eyebrow { color:var(--transcendence-gold); }
.championship-forum-link h2 { margin:.6rem 0; color:var(--ivory-ash); }
.championship-forum-link p { max-width:650px; margin:0 auto 1.5rem; color:var(--network-gray); }
.championship-forum-link .btn { border-color:rgba(217,154,50,.55); }
.championship-forum-link .btn:hover { border-color:var(--pink); color:var(--pink); }
@media(max-width:800px) { .championship-hero { min-height:auto; padding-top:7rem; } .championship-meaning-grid,.championship-record-grid { grid-template-columns:1fr; gap:2rem; } .championship-status-card { grid-template-columns:auto 1fr; } .championship-status-card .btn { grid-column:1/-1; justify-self:start; } }
@media(max-width:520px) { .championship-hero-foot { font-size:.55rem; letter-spacing:.1em; } .championship-belt-stage { width:calc(100% + 2*var(--gutter)); margin-left:calc(-1*var(--gutter)); } .championship-status-card { grid-template-columns:1fr; } .status-mark { width:64px; font-size:1.7rem; } .record-row { flex-direction:column; gap:.45rem; } .record-row strong { text-align:left; } }

.championship-timeline-section { background:linear-gradient(180deg,#0a0908,#08080c); border-top:1px solid rgba(217,154,50,.15); border-bottom:1px solid rgba(217,154,50,.15); }
.championship-timeline-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.championship-timeline-grid .eyebrow { color:var(--transcendence-gold); }
.championship-timeline-grid .body-text { color:var(--network-gray); max-width:460px; }
.timeline-milestone { display:grid; grid-template-columns:1fr auto; gap:.65rem 1.2rem; padding:1.7rem; border:1px solid rgba(217,154,50,.38); background:linear-gradient(120deg,rgba(217,154,50,.07),rgba(255,255,255,.01)); color:inherit; transition:border-color .2s ease,background .2s ease; }
.timeline-milestone:hover { border-color:var(--transcendence-gold); background:rgba(217,154,50,.08); }
.timeline-date,.timeline-type,.timeline-link { font-family:var(--font-mono); font-size:.7rem; letter-spacing:.14em; color:var(--transcendence-gold); }
.timeline-rule { grid-column:1/-1; height:1px; background:linear-gradient(90deg,var(--transcendence-gold),transparent); }
.timeline-milestone strong { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3.3rem); text-transform:uppercase; color:var(--ivory-ash); line-height:1; }
.timeline-link { align-self:end; justify-self:end; color:var(--network-gray); }
@media(max-width:800px) { .championship-timeline-grid { grid-template-columns:1fr; gap:2rem; } }