/* Featured competition / Relic edition.
   Isolated presentation: all competition data and actions use existing presenters.
   SVG light is static; no animated filters, canvas or additional image requests. */
body.arena-ui .relic-hero {
  position: relative;
  z-index: 2;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  grid-template-areas: "heading heading" "event live" "winners winners";
  align-items: start;
  align-content: start;
  gap: 28px 48px;
  width: min(100%, 1440px);
  min-height: min(960px, calc(100svh - var(--app-header-height, 68px)));
  margin: 0 auto;
  padding: 24px clamp(24px, 3.35vw, 48px) 28px;
  color: var(--relic-ink);
  border: 0;
  background: none;
  box-sizing: border-box;
}
.relic-hero *, .relic-hero *::before, .relic-hero *::after { box-sizing: border-box; }
.relic-heading { grid-area: heading; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:22px; border-bottom:1px solid var(--relic-line); }
.relic-identity { min-width:0; }
.relic-eyebrow { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; margin:0 0 10px; font-size:11px; font-weight:650; letter-spacing:.07em; }
.relic-eyebrow>span:first-child { display:inline-flex; align-items:center; color:var(--relic-accent); }
.relic-eyebrow>span:first-child>img { display:block; width:24px; height:24px; margin-inline-end:7px; flex:none; }
.relic-eyebrow>span:first-child>i { padding-inline:7px; color:#8e8695; font-style:normal; }
.relic-status { display:inline-flex; align-items:center; gap:6px; color:var(--relic-muted); letter-spacing:.08em; }
.relic-status.is-live { color:#8ee4cc; }
.relic-status>i { width:5px; height:5px; background:currentColor; border-radius:50%; }
body.arena-ui .relic-heading h1 { margin:0; font-size:clamp(28px,3.05vw,44px); font-weight:650; line-height:1.08; letter-spacing:-.035em; color:var(--relic-ink); text-wrap:balance; text-transform:none; overflow-wrap:normal; }
.relic-timepiece { display:flex; align-items:center; gap:12px; flex:none; min-width:0; }
.relic-timepiece>svg { width:48px; height:48px; fill:none; stroke:var(--relic-accent); stroke-width:1.3; opacity:.8; }
body.arena-ui .relic-timepiece .countdown { display:flex; flex-direction:column; align-items:flex-start; gap:5px; background:none; border:0; padding:0; margin:0; border-radius:0; }
.relic-timepiece [data-prize-clock-label] { font-size:11px; font-weight:450; color:var(--relic-muted); }
body.arena-ui .relic-timepiece [data-prize-clock] { font-size:clamp(17px,1.65vw,24px); font-weight:550; font-variant-numeric:tabular-nums; color:var(--relic-ink); white-space:nowrap; line-height:1.2; letter-spacing:.02em; }
body.arena-ui .relic-timepiece .is-final-hours [data-prize-clock] { font-size:28px; font-weight:650; color:var(--relic-accent); }
.relic-event { grid-area:event; min-width:0; }
.relic-facts { display:flex; align-items:center; gap:12px 20px; flex-wrap:wrap; padding:0; margin:16px 0 18px; list-style:none; }
.relic-facts li { font-size:12px; line-height:1.4; color:var(--relic-muted); }
.relic-facts li:first-child { display:flex; align-items:center; gap:8px; font-size:20px; color:var(--relic-ink); font-weight:550; }
.relic-facts svg { width:23px; height:23px; fill:none; stroke:var(--relic-accent); stroke-width:1.3; }
.relic-actions { display:flex; gap:12px 28px; align-items:center; margin:0 0 20px; }
.relic-enter { flex:1; min-width:0; }
body.arena-ui .relic-hero .relic-enter-button.button { display:flex; justify-content:space-between; align-items:center; gap:18px; width:100%; min-height:56px; padding:14px 22px; border:1px solid var(--relic-accent); border-radius:4px; background:var(--relic-accent); color:#1d1426; box-shadow:inset 0 -3px 0 #32182c35; font-size:16px; font-weight:650; line-height:1.25; text-transform:none; text-decoration:none; transition:background-color .15s, border-color .15s; }
body.arena-ui .relic-hero .relic-enter-button.button:hover { background:var(--relic-ink); border-color:var(--relic-ink); }
.relic-enter-button>span { font-size:22px; font-weight:400; flex:none; }
.relic-rules { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; font-size:13px; line-height:1.4; color:var(--relic-muted); text-underline-offset:5px; }
.relic-rules:hover { color:var(--relic-ink); }
.relic-rules>span { font-size:20px; text-decoration:none; }
.relic-remaining { margin:8px 0 0; font-size:12px; color:var(--relic-accent); }
.relic-format { padding:12px 0; border-block:1px solid var(--relic-line); }
body.arena-ui .relic-format .candle-survival-compact { display:grid; grid-template-columns:30px minmax(0,1fr); gap:5px 14px; padding:0; margin:0; border:0; background:none; border-radius:0; box-shadow:none; }
.relic-format .candle-rule-emblem { width:26px; height:48px; grid-row:1/3; align-self:center; }
.relic-format .candle-rule-flame { fill:#efb860; }
.relic-format .candle-rule-core { fill:#fff0b9; }
.relic-format .candle-rule-wax { fill:#b99664; }
.relic-format .candle-survival-heading { font-size:12px; font-weight:500; margin:0; color:var(--relic-accent); line-height:1.4; }
.relic-format .candle-survival-compact dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0; }
.relic-format .candle-survival-compact dl>div { display:flex; flex-direction:column; gap:2px; padding:0; border:0; min-width:0; }
.relic-format .candle-survival-compact dt { order:2; color:var(--relic-muted); font-size:10px; line-height:1.4; }
.relic-format .candle-survival-compact dd { margin:0; color:var(--relic-ink); font-size:19px; line-height:1.3; }
.relic-format .candle-survival-compact dd span { font-size:11px; }
body.arena-ui .relic-hero .home-start-entry { margin:10px 0 0; gap:8px 18px; font-size:11px; }
.relic-hero .home-start-entry a { display:inline-flex; align-items:center; min-height:44px; }
.relic-footnotes { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:8px; }
.relic-activity { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; margin:0; }
.relic-activity>div { display:flex; align-items:baseline; gap:8px; }
.relic-activity dt,.relic-footnotes>p { font-size:11px; font-weight:400; color:var(--relic-muted); line-height:1.5; margin:0; }
.relic-activity dd { margin:0; font-size:15px; color:var(--relic-accent); }
.relic-footnotes>p { max-width:170px; text-align:right; }

/* One quiet live-score ledger; never synthetic entries on the public homepage. */
.relic-live { grid-area:live; position:relative; align-self:start; min-width:0; padding:28px 28px 26px; background:linear-gradient(155deg,var(--relic-surface),#0b0b13ed); border-inline:1px solid var(--relic-line); border-bottom:1px solid var(--relic-line); border-radius:0 0 6px 6px; margin-top:8px; }
.relic-live-trim { position:absolute; top:0; left:-1px; width:calc(100% + 2px); height:90px; fill:none; stroke:var(--relic-accent); stroke-width:.7px; opacity:.52; pointer-events:none; }
body.arena-ui .relic-live .cash-ranking-preview { margin:0; padding:0 0 22px; border:0; background:none; }
.relic-live .cash-ranking-preview.is-empty { display:none; }
.relic-live .cash-ranking-preview>header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
body.arena-ui .relic-live .cash-ranking-preview>header h2 { font-size:20px; line-height:1.2; letter-spacing:-.025em; color:var(--relic-ink); text-transform:none; margin:0; }
.relic-live .cash-preview-replay-label { font-size:10px; color:var(--relic-muted); }
body.arena-ui .relic-live .cash-rank-steps { display:grid; grid-template-columns:minmax(0,1fr); gap:0; list-style:none; padding:0; margin:0; }
body.arena-ui .relic-live .cash-rank-step { display:grid; grid-template-columns:28px minmax(0,1fr) auto 36px; gap:10px; align-items:center; min-height:var(--rank-height); height:auto; margin:0; padding:8px 0; background:none; border:0; border-bottom:1px solid var(--relic-line); border-radius:0; box-shadow:none; }
.relic-live .cash-rank-step-1 { --rank-height:84px; --rank-score:28px; --rank-name:16px; --rank-number:22px; }
.relic-live .cash-rank-step-2 { --rank-height:72px; --rank-score:23px; --rank-name:14px; --rank-number:18px; }
.relic-live .cash-rank-step-3 { --rank-height:62px; --rank-score:19px; --rank-name:13px; --rank-number:15px; }
body.arena-ui .relic-live .cash-rank-without-replay { grid-template-columns:28px minmax(0,1fr) auto; }
.relic-live .cash-rank-number { color:var(--relic-accent); font-size:var(--rank-number); font-variant-numeric:tabular-nums; }
.relic-live .cash-rank-player { display:flex; flex-direction:column; gap:5px; min-width:0; }
.relic-live .cash-rank-player>span { font-size:var(--rank-name); line-height:1.4; min-width:0; overflow-wrap:anywhere; }
.relic-live .cash-rank-player small { font-size:9px; color:#9bb6b0; display:flex; align-items:center; gap:5px; }
.relic-live .cash-rank-points { font-size:var(--rank-score); line-height:1.2; color:var(--relic-ink); font-variant-numeric:tabular-nums; letter-spacing:-.025em; white-space:nowrap; }
.relic-live .cash-rank-step:first-child .cash-rank-points { color:var(--relic-accent); }
.relic-live .cash-rank-replay { display:flex; align-items:center; justify-content:center; min-height:44px; min-width:36px; color:var(--relic-muted); }
.relic-live .cash-ranking-source { color:var(--relic-muted); font-size:10px; line-height:1.6; margin:12px 0 0; }
.relic-live .cash-ranking-results { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:var(--relic-accent); }
body.arena-ui .relic-live .cash-weekly-secondary { display:grid; grid-template-columns:64px minmax(0,1fr); align-items:center; gap:18px 14px; margin:0; padding:24px 0 0; border:0; border-top:1px solid var(--relic-line); background:none; border-radius:0; box-shadow:none; }
body.arena-ui .relic-live .cash-ranking-preview.is-empty+.cash-weekly-secondary { border:0; padding:0; }
.relic-live .cash-weekly-warmup-intro { grid-column:1/-1; }
.relic-live .cash-weekly-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.relic-live .cash-weekly-kicker { color:var(--relic-accent); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
body.arena-ui .relic-live .cash-weekly-warmup-intro h2 { margin:16px 0 9px; color:var(--relic-ink); font-size:clamp(22px,2.25vw,32px); line-height:1.16; letter-spacing:-.035em; text-transform:none; }
.relic-live .cash-weekly-warmup-intro p { font-size:13px; line-height:1.65; margin:0; color:var(--relic-muted); }
.relic-live .cash-weekly-mark { display:block; width:64px; height:64px; object-fit:contain; margin:0; }
.relic-live .cash-weekly-game-name { display:block; color:var(--relic-ink); font-size:18px; font-weight:600; line-height:1.25; margin-top:4px; }
.relic-live .cash-weekly-copy { min-width:0; }
body.arena-ui .relic-live .cash-weekly-copy h2 { margin:0; font-size:16px; color:var(--relic-ink); line-height:1.3; letter-spacing:0; text-transform:none; }
.relic-live .cash-weekly-copy>strong { display:block; margin-top:6px; font-size:11px; font-weight:400; line-height:1.5; color:var(--relic-muted); }
.relic-live .cash-weekly-live { display:flex; align-items:center; gap:5px; color:#8ee4cc; font-size:9px; letter-spacing:.08em; }
.relic-live .cash-weekly-live i { width:4px; height:4px; border-radius:50%; background:currentColor; }
.relic-live .cash-weekly-empty { font-size:11px; line-height:1.65; color:var(--relic-muted); margin:8px 0 0; }
.relic-live .cash-weekly-podium { grid-column:1/-1; min-width:0; }
.relic-live .cash-weekly-podium-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:10px; font-size:12px; color:var(--relic-ink); }
.relic-live .cash-weekly-verified { color:#8fc9bd; font-size:8px; letter-spacing:.04em; }
.relic-live .cash-weekly-podium ol { display:grid; gap:0; list-style:none; margin:0; padding:0; }
body.arena-ui .relic-live .cash-weekly-podium li { display:grid; grid-template-columns:23px minmax(0,1fr) auto 44px; align-items:center; gap:8px; padding:5px 8px 5px 12px; min-height:48px; background:none; border:0; border-bottom:1px solid var(--relic-line); border-radius:0; }
.relic-live .cash-weekly-place { font-size:11px; color:var(--relic-accent); }
.relic-live .cash-weekly-player { min-width:0; font-size:12px; overflow-wrap:anywhere; }
.relic-live .cash-weekly-points { font-size:16px; font-variant-numeric:tabular-nums; color:var(--relic-ink); white-space:nowrap; }
.relic-live .cash-weekly-podium-replay { display:flex; justify-content:center; align-items:center; min-height:44px; color:var(--relic-accent); border:0; background:none; }
.relic-live .cash-weekly-actions { grid-column:1/-1; }
body.arena-ui .relic-live .cash-weekly-link { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:12px 14px; border:1px solid var(--relic-line); background:#c8a57308; border-radius:4px; color:var(--relic-ink); font-size:11px; line-height:1.5; text-decoration:none; }
.relic-live .cash-weekly-link:hover { border-color:var(--relic-accent); background:#c8a57314; }
.relic-live .cash-weekly-link>span { font-size:22px; }
.relic-live .cash-weekly-boundary { grid-column:1/-1; font-size:10px; color:var(--relic-muted); line-height:1.7; margin:0; }
.relic-live .cash-weekly-end { grid-column:1/-1; font-size:10px; color:var(--relic-muted); line-height:1.5; }
body.arena-ui .relic-hero>.home-winners { grid-area:winners; margin:4px 0 0; align-self:end; }
.relic-hero a:focus-visible { outline:2px solid var(--relic-accent); outline-offset:4px; }

@media(min-width:1600px) {
  body.arena-ui .relic-hero { gap:36px 64px; padding-top:48px; }
  .relic-live { padding:34px; }
}
@media(max-width:1100px) {
  body.arena-ui .relic-hero { gap:24px; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
  .relic-live { padding:24px 18px; }
  .relic-timepiece>svg { width:36px; height:40px; }
  .relic-actions { gap:16px; }
  .relic-facts { gap:10px 14px; }
  .relic-facts li:first-child { font-size:18px; }
  .relic-footnotes { align-items:flex-start; }
}
@media(max-width:800px) {
  body.arena-ui .relic-hero { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "event" "live" "winners"; min-height:0; padding:24px; gap:24px; }
  .relic-heading { padding-bottom:18px; gap:18px; }
  body.arena-ui .relic-heading h1 { font-size:34px; }
  .relic-timepiece { gap:8px; }
  .relic-live { margin:0; padding:28px; }
  .relic-live .cash-rank-replay,.relic-live .cash-weekly-podium-replay { min-width:44px; }
  body.arena-ui .relic-live .cash-rank-step { grid-template-columns:28px minmax(0,1fr) auto 44px; }
  body.arena-ui .relic-live .cash-rank-without-replay { grid-template-columns:28px minmax(0,1fr) auto; }
  body.arena-ui .relic-live .cash-weekly-podium li { grid-template-columns:23px minmax(0,1fr) auto 44px; }
}
@media(max-width:520px) {
  body.arena-ui .relic-hero { padding:8px 20px 24px; gap:12px; }
  .relic-heading { display:block; padding:0; border:0; }
  .relic-eyebrow { font-size:9px; gap:8px 14px; margin-bottom:6px; }
  .relic-eyebrow>span:first-child>img { width:18px; height:18px; margin-inline-end:5px; }
  body.arena-ui .relic-heading h1 { font-size:28px; line-height:1.1; max-width:100%; }
  .relic-timepiece { margin-top:10px; padding:6px 0; border-block:1px solid var(--relic-line); }
  .relic-timepiece>svg { width:24px; height:26px; }
  body.arena-ui .relic-timepiece .countdown { flex-direction:row; align-items:baseline; justify-content:space-between; width:100%; }
  body.arena-ui .relic-timepiece [data-prize-clock] { font-size:18px; }
  body.arena-ui .relic-timepiece .is-final-hours [data-prize-clock] { font-size:22px; }
  .relic-timepiece [data-prize-clock-label] { font-size:10px; }
  .relic-facts { gap:6px 14px; margin:16px 0 14px; }
  .relic-facts li:first-child { flex-basis:100%; font-size:19px; }
  .relic-facts li { font-size:11px; }
  .relic-facts svg { width:20px; height:20px; }
  .relic-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-bottom:10px; }
  body.arena-ui .relic-hero .relic-enter-button.button { min-height:52px; padding:12px 18px; font-size:15px; }
  .relic-rules { justify-content:center; gap:10px; font-size:12px; }
  .relic-remaining { text-align:center; margin-bottom:4px; }
  .relic-format { padding-block:10px; }
  .relic-format .candle-survival-compact { gap:5px 10px; }
  .relic-format .candle-survival-compact dl { gap:8px; }
  .relic-format .candle-survival-heading { font-size:11px; }
  .relic-format .candle-survival-compact dt { font-size:9px; }
  .relic-format .candle-survival-compact dd { font-size:17px; }
  body.arena-ui .relic-hero .home-start-entry { gap:2px 15px; margin-top:6px; font-size:10px; }
  .relic-hero .home-start-entry>span { width:100%; }
  .relic-footnotes { flex-wrap:wrap; gap:8px; margin-top:4px; }
  .relic-footnotes>p { max-width:none; text-align:left; }
  .relic-live { padding:24px 18px; }
  body.arena-ui .relic-live .cash-ranking-preview>header h2 { font-size:18px; }
  body.arena-ui .relic-live .cash-rank-step { gap:7px; }
  .relic-live .cash-rank-step-1 { --rank-score:24px; --rank-name:14px; }
  .relic-live .cash-rank-step-2 { --rank-score:21px; --rank-name:13px; }
  .relic-live .cash-rank-step-3 { --rank-score:18px; --rank-name:12px; }
  .relic-live .cash-weekly-verified { font-size:7px; }
  .relic-live .cash-weekly-player { font-size:11px; }
  .relic-live .cash-weekly-points { font-size:15px; }
  body.arena-ui .relic-live .cash-weekly-warmup-intro h2 { font-size:25px; }
}
@media(prefers-reduced-motion:reduce) {
  body.arena-ui .relic-hero a { transition:none; }
}
