:root {
  color-scheme: dark;
  --ink: #f6f2e8;
  --muted: #928f87;
  --soft: #c7c1b3;
  --black: #080908;
  --panel: #10110f;
  --line: rgba(255,255,255,.105);
  --orange: #f15a34;
  --gold: #ffb140;
  --mint: #66e3b4;
  --red: #ff6b6b;
}

* { box-sizing: border-box; }
html { background: var(--black); scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background:
  radial-gradient(circle at 72% 8%, rgba(241,90,52,.11), transparent 29rem),
  linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px), var(--black);
  background-size: auto, 44px 44px, 44px 44px, auto;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
button, a { font: inherit; }
.topbar { height: 76px; padding: 0 clamp(20px, 5vw, 78px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: rgba(8,9,8,.82); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.brand { display: flex; gap: 13px; align-items: center; color: var(--ink); text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,177,64,.55); border-radius: 50%; color: var(--gold); font: 800 18px Georgia, serif; box-shadow: 0 0 22px rgba(255,177,64,.13); }
.brand b, .brand small { display: block; letter-spacing: .14em; }
.brand b { font-size: 12px; }
.brand small { color: var(--muted); font-size: 8px; margin-top: 4px; }
.top-actions { display: flex; align-items: center; gap: 16px; }
.home-shortcut { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid rgba(255,177,64,.34); border-radius: 999px; color: var(--ink); text-decoration: none; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.home-shortcut:hover { border-color: var(--gold); background: rgba(255,177,64,.08); }
.players-shortcut { border-color: rgba(102,227,180,.38); color: var(--mint); }
.players-shortcut:hover { border-color: var(--mint); background: rgba(102,227,180,.08); }
.connection { color: var(--mint); font-size: 10px; font-weight: 800; letter-spacing: .13em; }
.connection i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 13px currentColor; }
.connection.offline { color: var(--red); }
button { border: 1px solid var(--line); background: rgba(255,255,255,.035); color: var(--soft); padding: 9px 14px; border-radius: 999px; cursor: pointer; }
button:hover { border-color: rgba(255,177,64,.42); color: var(--ink); }
button:disabled { opacity: .5; cursor: wait; }
main { width: min(1460px, calc(100% - 40px)); margin: 0 auto; }
.demo-banner { display:flex; align-items:center; gap:18px; padding:14px clamp(18px,4vw,48px); border-bottom:1px solid rgba(241,90,52,.34); background:linear-gradient(90deg,rgba(241,90,52,.14),rgba(255,177,64,.055)); color:var(--soft); font-size:10px; line-height:1.45; }
.demo-banner[hidden] { display:none; }
.demo-banner strong { flex:0 0 auto; padding:5px 8px; border:1px solid rgba(255,177,64,.58); color:var(--gold); font-size:8px; letter-spacing:.16em; }
.demo-chip,.event-demo-badge { width:max-content; padding:5px 8px; border:1px solid rgba(255,177,64,.54); color:var(--gold)!important; background:rgba(255,177,64,.055); font-size:7px!important; font-weight:850; letter-spacing:.16em!important; }
.demo-chip[hidden] { display:none; }
.event-demo-badge { position:absolute; right:18px; top:18px; }
.event-browser { padding: 46px clamp(8px,2vw,30px) 40px; border-bottom: 1px solid var(--line); }
.event-browser .section-heading h2 { font-size: clamp(30px,3.4vw,50px); }
.event-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
.event-card { position: relative; min-height: 178px; padding: 24px; text-align: left; border-radius: 0; border: 1px solid var(--line); background: rgba(16,17,15,.86); overflow: hidden; }
.event-card:hover,.event-card.selected { border-color: rgba(255,177,64,.55); color: var(--ink); background: radial-gradient(circle at 92% 15%,rgba(241,90,52,.12),transparent 16rem),rgba(16,17,15,.96); }
.event-card.selected::after { content:"SELECTED"; position:absolute; right:18px; bottom:18px; color:var(--mint); font-size:8px; font-weight:850; letter-spacing:.16em; }
.event-card span,.event-card small,.event-card strong { display:block; }
.event-card span { color:var(--orange); font-size:9px; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
.event-card strong { max-width:80%; margin:15px 0 9px; font:400 27px Georgia,serif; }
.event-card small { max-width:92%; color:var(--muted); font-size:11px; line-height:1.5; }
.event-card-meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:20px; color:var(--soft); font-size:9px; letter-spacing:.08em; }
.hero { min-height: 510px; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 7vw; align-items: center; padding: 72px 2vw 58px; border-bottom: 1px solid var(--line); }
.kicker { margin: 0 0 17px; color: var(--orange); font-size: 10px; font-weight: 850; letter-spacing: .22em; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.04em; }
h1 { margin: 0; font-size: clamp(54px, 8vw, 116px); line-height: .85; }
h1 em { color: var(--gold); font-weight: 400; }
.hero-description { max-width: 680px; margin: 32px 0 30px; color: var(--soft); font-size: clamp(16px, 1.5vw, 20px); line-height: 1.55; }
.experiment-copy { max-width:680px; margin:-14px 0 30px; padding-left:16px; border-left:2px solid rgba(255,177,64,.45); color:var(--muted); font-size:12px; line-height:1.65; }
.phase-line { display: flex; flex-wrap: wrap; gap: 16px 28px; align-items: baseline; }
.phase-line span { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.phase-line b { color: var(--gold); font-size: 14px; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.seal-card { position: relative; min-height: 390px; display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 22px; overflow: hidden; padding: 28px; border: 1px solid rgba(255,177,64,.28); background: radial-gradient(circle at 50% 34%, rgba(241,90,52,.14), transparent 43%), rgba(16,17,15,.88); }
.ledger-particles { position: absolute; inset: 14% 18%; pointer-events: none; }
.ledger-particles i { position: absolute; left: var(--x); top: var(--y); width: 5px; height: 5px; margin: -2.5px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px rgba(255,177,64,.9); animation: particle-breathe 1.8s ease-in-out var(--delay) infinite alternate; }
.seal-orbit { position: absolute; width: 240px; height: 240px; border: 1px solid rgba(255,177,64,.17); border-radius: 50%; animation: orbit 16s linear infinite; }
.seal-orbit::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--gold); top: 25px; left: 31px; box-shadow: 0 0 16px var(--gold); }
.molecule-key { align-content: center; }
.key-summary { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.visual-key { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; width: 100%; margin: 0; }
.visual-key div { min-width: 0; display: grid; grid-template-columns: 30px minmax(0,1fr); column-gap: 10px; align-items: center; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: rgba(8,9,8,.72); }
.visual-key dt,.visual-key dd { margin: 0; line-height: 1.35; }
.visual-key dt { grid-column: 1 / -1; display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 10px; align-items: center; color: var(--ink); font-size: 11px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.visual-key dd { grid-column: 2; margin-top: 3px; color: var(--soft); font-size: 10px; }
.visual-key i { display: inline-block; width: 18px; height: 18px; justify-self: center; }
.key-particle { border-radius: 50%; background: var(--mint); box-shadow: 0 0 8px var(--mint); }
.key-orbit { border: 1px solid var(--gold); border-radius: 50%; }
.key-axis { width: 20px!important; height: 2px!important; background: linear-gradient(90deg,#ff8c80 0 45%,transparent 45% 55%,var(--mint) 55%); }
.key-color { border-radius: 50%; background: conic-gradient(#66e3b4,#6ab8ff,#ed4eea,#ffca43,#66e3b4); box-shadow: 0 0 9px rgba(106,184,255,.45); }
.key-revision { width:13px!important; height:13px!important; border:2px solid var(--gold); border-radius:50%; background:var(--black); box-shadow:0 0 9px rgba(255,177,64,.45); }
.revision-key[hidden] { display:none; }
.seal-card p, .key-summary > span:last-child { position: relative; color: var(--soft); font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.45; text-align: center; }
.seal-card strong { position: relative; font: 400 clamp(70px, 7vw, 104px)/1 Georgia, serif; color: var(--ink); }
.seal-card strong small { color: var(--muted); font-size: .28em; }
.progress-track { position: relative; width: min(100%,320px); height: 3px; margin: 18px 0 11px; background: rgba(255,255,255,.12); overflow: hidden; }
.progress-track i { display: block; width: 0; height: 100%; background: linear-gradient(90deg,var(--orange),var(--gold)); box-shadow: 0 0 12px var(--gold); transition: width .6s ease; }
.metrics { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.metrics article { min-height: 142px; padding: 28px 30px; border-right: 1px solid var(--line); }
.metrics article:last-child { border-right: 0; }
.metrics span, .metrics small { display: block; color: var(--muted); }
.metrics span { font-size: 9px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.metrics strong { display: block; margin: 8px 0 3px; font: 400 46px Georgia, serif; }
.metrics .metric-word { color: var(--gold); font-size: 31px; margin-top: 16px; }
.metrics small { font-size: 11px; }
.round-journey { padding:clamp(38px,5vw,68px); border-bottom:1px solid var(--line); background:linear-gradient(115deg,rgba(102,227,180,.025),rgba(255,177,64,.035)); }
.round-track { display:grid; grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr); align-items:center; margin-top:34px; }
.round-card { min-height:176px; padding:22px; border:1px solid var(--line); background:rgba(8,9,8,.66); position:relative; overflow:hidden; }
.round-card::after { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:var(--muted); opacity:.35; }
.round-card[data-state="live"]::after { background:var(--gold); opacity:1; box-shadow:0 0 16px var(--gold); }
.round-card[data-state="complete"]::after { background:var(--mint); opacity:1; box-shadow:0 0 16px var(--mint); }
.round-card span,.round-card strong,.round-card small { display:block; }
.round-card span { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.15em; }
.round-card strong { margin-top:26px; font:400 25px/1.15 Georgia,serif; }
.round-card small { margin-top:12px; color:var(--muted); font-size:10px; line-height:1.45; }
.round-card.evidence strong,.round-card.reveal strong { color:var(--gold); font-size:16px; }
.round-meter { height:3px; margin-top:18px; background:rgba(255,255,255,.1); overflow:hidden; }
.round-meter i { display:block; height:100%; width:0; background:linear-gradient(90deg,var(--orange),var(--gold)); transition:width .6s ease; }
.round-card[data-state="complete"] .round-meter i { background:var(--mint); }
.evidence-glyph { position:absolute; right:15px; bottom:6px; color:rgba(255,177,64,.13); font:72px Georgia,serif; }
.round-connector { display:block; height:1px; background:linear-gradient(90deg,var(--line),rgba(255,177,64,.45),var(--line)); }
.round-boundary { margin:22px 0 0; padding:15px 18px; border-left:2px solid rgba(255,177,64,.5); color:var(--muted); background:rgba(255,255,255,.018); font-size:11px; line-height:1.6; }
.round-boundary b { color:var(--soft); }
.visual-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(330px,.65fr); border-bottom: 1px solid var(--line); }
.molecule-panel, .activity-panel, .contenders { padding: clamp(32px,4vw,60px); }
.molecule-panel { border-right: 1px solid var(--line); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; }
.section-heading.compact { align-items: flex-start; }
.section-heading h2 { margin: 0; font-size: clamp(32px,4vw,57px); line-height: .96; }
.section-note { max-width: 300px; color: var(--muted); font-size: 12px; line-height: 1.5; text-align: right; }
.hour-count { align-self: flex-start; padding: 8px 11px; color: var(--mint); border: 1px solid rgba(102,227,180,.22); font-size: 9px; font-weight: 850; letter-spacing: .14em; white-space: nowrap; }
.molecule-layout { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 24px; align-items: center; margin-top: 32px; }
.molecule-stage { min-width: 0; position: relative; }
#moleculeSvg { display: block; width: 100%; max-height: 490px; overflow: visible; }
.core-glow { fill: url(#coreGlow); }
.guide { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 1; stroke-dasharray: 2 8; }
.axis { stroke: rgba(255,255,255,.13); stroke-dasharray: 2 10; }
.molecule-core circle { fill: var(--black); stroke: rgba(255,177,64,.62); stroke-width: 1.5; }
.molecule-core path { stroke: var(--gold); stroke-width: 1; opacity: .8; }
.activity-loop { fill: none; transform-origin: 310px 210px; opacity: .3; filter: drop-shadow(0 0 4px currentColor); animation: spin 24s linear infinite; }
.activity-halo { opacity: .16; transform-box: fill-box; transform-origin: center; animation: particle-breathe 2.4s ease-in-out infinite alternate; }
.activity-particle { opacity: .98; filter: drop-shadow(0 0 5px currentColor); transform-box: fill-box; transform-origin: center; animation: particle-breathe 2.4s ease-in-out infinite alternate; }
.activity-loop.round-revision { stroke-dasharray:3 7; opacity:.58; stroke-width:2.1!important; }
.activity-halo.round-revision { opacity:.28; }
.activity-loop.motion-1, .activity-loop.motion-3, .activity-loop.motion-5 { animation-direction: reverse; }
.activity-loop.motion-1 { animation-duration: 17s; }.activity-loop.motion-2 { animation-duration: 21s; }.activity-loop.motion-3 { animation-duration: 14s; }.activity-loop.motion-4 { animation-duration: 24s; }.activity-loop.motion-5 { animation-duration: 19s; }
.molecule-legend { position: absolute; inset: auto 3% 8px; display: flex; justify-content: space-between; color: var(--muted); font-size: 8px; letter-spacing: .18em; }
.molecule-legend b { color: rgba(255,255,255,.38); font-weight: 700; }
.molecule-empty { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); color: var(--muted); font-size: 9px; letter-spacing: .17em; white-space: nowrap; }
.pulse-copy { display: flex; flex-direction: column; gap: 16px; }
.pulse-stat { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.pulse-stat span, .pulse-stat strong { display: block; }
.pulse-stat span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.pulse-stat strong { margin-top: 6px; font-size: 12px; line-height: 1.35; }
.pulse-copy p { color: var(--muted); font-size: 11px; line-height: 1.6; }
.activity-panel { background: rgba(255,255,255,.012); }
.recent-head { display: flex; justify-content: space-between; margin-top: 38px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.recent-head small { font-weight: 500; letter-spacing: 0; }
.recent-event { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.recent-event i { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); }
.recent-event strong { font-size: 10px; letter-spacing: .07em; }
.recent-event span { color: var(--muted); font-size: 9px; font-variant-numeric: tabular-nums; }
.empty-copy { color: var(--muted); font-size: 12px; }
.contenders { border-bottom: 1px solid var(--line); }
.roster-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 36px; background: var(--line); border: 1px solid var(--line); }
.contender { min-height: 215px; padding: 25px; background: var(--panel); position: relative; overflow: hidden; }
.contender::before { content: attr(data-index); position: absolute; right: 14px; top: -18px; color: rgba(255,255,255,.025); font: 100px Georgia,serif; }
.contender-head { display: flex; justify-content: space-between; gap: 10px; }
.contender-state { color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .15em; }
.contender-state.sealed { color: var(--mint); }
.contender-state.revision-pending { color: var(--gold); }
.contender h3 { margin: 45px 0 7px; font: 400 23px Georgia, serif; }
.contender .model { color: var(--gold); font: 10px ui-monospace,SFMono-Regular,Menlo,monospace; }
.contender-progress { margin-top: 28px; display: flex; justify-content: space-between; align-items: flex-end; }
.contender-progress strong { font: 34px Georgia,serif; }.contender-progress span { color: var(--muted); font-size: 9px; }
.questions-section { padding:clamp(38px,5vw,72px); border-bottom:1px solid var(--line); }
.response-strip { display:flex; align-items:baseline; gap:18px; margin-top:34px; padding:15px 18px; border:1px solid rgba(255,177,64,.2); background:rgba(255,177,64,.035); }
.response-strip span { color:var(--orange); font-size:8px; font-weight:850; letter-spacing:.16em; }
.response-strip strong { color:var(--soft); font-size:11px; }
.question-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:20px; background:var(--line); border:1px solid var(--line); }
.question-card { padding:24px; background:var(--panel); }
.question-head { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.question-card h3 { margin:18px 0; font:400 21px/1.2 Georgia,serif; }
.question-criteria { display:grid; gap:8px; }
.question-criteria p { margin:0; color:var(--muted); font-size:10px; line-height:1.5; }
.question-criteria b { color:var(--mint); font-size:8px; letter-spacing:.1em; }.question-criteria p:last-child b { color:#ff8c80; }
.reveal-section { display: grid; grid-template-columns: 90px minmax(0,1fr) minmax(230px,.35fr); gap: 34px; align-items: center; min-height: 280px; padding: 48px clamp(30px,5vw,72px); background: radial-gradient(circle at 10% 7%,rgba(255,177,64,.09),transparent 25rem),linear-gradient(145deg,rgba(255,255,255,.008),rgba(102,227,180,.018)); border-bottom: 1px solid var(--line); }
.reveal-lock { color: var(--gold); font: 72px Georgia,serif; text-align: center; text-shadow: 0 0 22px rgba(255,177,64,.32); }
.reveal-section h2 { margin: 0 0 13px; font-size: clamp(34px,4vw,58px); }
.reveal-section p:not(.kicker) { color: var(--muted); line-height: 1.55; }
.reveal-time { text-align: right; }.reveal-time span,.reveal-time strong { display:block; }.reveal-time span { color:var(--muted);font-size:8px;letter-spacing:.17em;font-weight:850; }.reveal-time strong { margin-top:8px;font-size:13px;color:var(--gold); }
.reveal-board { grid-column: 1 / -1; display: grid; gap: 24px; margin-top: 20px; min-width: 0; }
.podium-section { padding-top: 30px; border-top: 1px solid var(--line); }
.podium-head { display:flex; justify-content:space-between; align-items:end; gap:28px; margin-bottom:32px; }
.podium-eyebrow { display:block; margin-bottom:9px; color:var(--orange); font-size:8px; font-weight:850; letter-spacing:.2em; }
.podium-head h3,.result-evidence h3,.final-standings h3 { margin:0; font:400 clamp(28px,3vw,43px)/1 Georgia,serif; letter-spacing:-.035em; }
.podium-rule { max-width:460px; margin:0; color:var(--muted); font-size:11px; text-align:right; }
.benchmark-notice { margin:-12px 0 24px!important; padding:11px 14px; border-left:2px solid var(--orange); color:var(--soft)!important; background:rgba(241,90,52,.055); font-size:8px; font-weight:800; letter-spacing:.12em; }
.podium-stage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:"second first third"; gap:12px; align-items:end; }
.podium-card { position:relative; min-width:0; min-height:510px; padding:26px; border:1px solid var(--line); background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(8,9,8,.76)); overflow:hidden; }
.podium-card::before { content:attr(data-place); position:absolute; right:-4px; top:-32px; color:rgba(255,255,255,.025); font:180px/1 Georgia,serif; pointer-events:none; }
.podium-card.place-1 { grid-area:first; min-height:565px; border-color:rgba(255,177,64,.48); background:radial-gradient(circle at 50% 0,rgba(255,177,64,.18),transparent 17rem),linear-gradient(155deg,rgba(241,90,52,.07),rgba(8,9,8,.86)); box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05); }
.podium-card.place-2 { grid-area:second; }
.podium-card.place-3 { grid-area:third; }
.podium-card-top { position:relative; display:flex; justify-content:space-between; align-items:center; }
.podium-place { color:var(--muted); font-size:8px; font-weight:850; letter-spacing:.17em; }
.place-1 .podium-place,.place-1 .podium-medal { color:var(--gold); }
.podium-medal { color:var(--soft); font-size:21px; text-shadow:0 0 14px currentColor; }
.podium-name { position:relative; margin:46px 0 8px; max-width:88%; font:400 clamp(25px,2.3vw,38px)/1.02 Georgia,serif; letter-spacing:-.035em; }
.podium-model { margin:0!important; color:var(--gold)!important; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
.podium-score { display:flex; align-items:end; gap:14px; margin:34px 0 24px; padding:19px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.podium-score > strong { font:400 clamp(36px,4vw,58px)/.85 Georgia,serif; font-variant-numeric:tabular-nums; }
.podium-score span,.podium-score b,.podium-score small { display:block; }
.podium-score b { color:var(--muted); font-size:7px; letter-spacing:.14em; }
.podium-score small { margin-top:6px; color:var(--soft); font-size:9px; }
.podium-conclusion { min-height:70px; margin:0 0 20px!important; color:var(--soft)!important; font-size:11px; }
.podium-margin { display:grid; grid-template-columns:1fr auto; gap:4px 14px; align-items:end; margin-bottom:20px; padding:13px 15px; border-left:2px solid var(--mint); background:rgba(102,227,180,.045); }
.place-1 .podium-margin { border-left-color:var(--gold); background:rgba(255,177,64,.055); }
.podium-margin span { color:var(--muted); font-size:7px; font-weight:850; letter-spacing:.14em; }
.podium-margin strong { grid-row:1 / 3; grid-column:2; color:var(--ink); font:400 25px Georgia,serif; font-variant-numeric:tabular-nums; }
.podium-margin small { color:var(--soft); font-size:9px; }
.podium-edge { position:relative; padding-top:16px; border-top:1px solid var(--line); }
.podium-edge-label { display:block; margin-bottom:9px; color:var(--orange); font-size:7px; font-weight:850; letter-spacing:.16em; }
.podium-edge > strong { display:block; color:var(--mint); font-size:10px; letter-spacing:.08em; }
.podium-edge p { min-height:48px; margin:7px 0!important; font-size:10px; }
.podium-edge small { color:var(--gold); font:9px ui-monospace,SFMono-Regular,Menlo,monospace; }
.result-evidence { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:50px; padding:34px; border:1px solid rgba(102,227,180,.2); background:linear-gradient(120deg,rgba(102,227,180,.035),rgba(255,255,255,.018)); }
.result-evidence-copy p { margin:14px 0 0!important; color:var(--muted); font-size:11px; }
.result-facts { display:grid; align-content:start; margin:0; }
.result-facts div { display:grid; grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr); gap:16px; padding:11px 0; border-bottom:1px solid var(--line); }
.result-facts dt,.result-facts dd { margin:0; font-size:9px; line-height:1.45; }
.result-facts dt { color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.result-facts dd { color:var(--soft); overflow-wrap:anywhere; }
.final-standings { display:grid; grid-template-columns:minmax(210px,.4fr) minmax(0,1fr); gap:42px; padding:34px; border:1px solid var(--line); background:rgba(255,255,255,.018); }
.standings-list { display:grid; gap:4px; }
.reveal-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; min-height:62px; padding:11px 17px; border:1px solid transparent; background:rgba(255,255,255,.035); }
.reveal-row:first-child { border-color:rgba(255,177,64,.38); background:rgba(255,177,64,.055); }.reveal-row b { color:var(--gold); font:400 23px Georgia,serif; }.reveal-row span { min-width:0; }.reveal-row strong,.reveal-row small { display:block; }.reveal-row strong { font-size:11px; }.reveal-row small { margin-top:4px; color:var(--muted); font-size:8px; letter-spacing:.07em; text-transform:uppercase; }.reveal-row .reveal-score { color:var(--soft); font:400 20px Georgia,serif; font-variant-numeric:tabular-nums; }
.integrity-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 28px; padding: 24px; border-bottom: 1px solid var(--line); }
.integrity-strip span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.error { margin: 20px 0; padding: 15px; border: 1px solid rgba(255,107,107,.34); color: #ffc1c1; background: rgba(255,107,107,.07); }
footer { max-width: 1460px; width: calc(100% - 40px); margin: 0 auto; display: flex; justify-content: space-between; gap: 20px; padding: 26px 0 45px; color: var(--muted); font-size: 9px; letter-spacing: .09em; }
@keyframes orbit { to { transform: rotate(360deg); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes particle-breathe { from { transform: scale(.82); opacity: .58; } to { transform: scale(1.18); opacity: 1; } }
@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; }.seal-card { min-height: 360px; }.round-track { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.round-connector{display:none;}.visual-grid { grid-template-columns:1fr; }.molecule-panel { border-right:0;border-bottom:1px solid var(--line); }.roster-grid { grid-template-columns:repeat(2,1fr); }.reveal-section { grid-template-columns:70px 1fr; }.reveal-time { grid-column:2;text-align:left; }.podium-stage { grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"first first" "second third"; }.podium-card.place-1 { min-height:500px; }.podium-card { min-height:510px; }.result-evidence { grid-template-columns:1fr;gap:28px; }.final-standings { grid-template-columns:1fr;gap:24px; }
}
@media (max-width: 640px) {
  main { width: min(100% - 24px,1460px); }.topbar { height:68px;padding:0 14px; }.brand small { display:none; }.connection,#refreshButton { display:none; }.top-actions { gap:8px; }.home-shortcut { min-height:32px;padding:0 10px;font-size:8px; }
  .demo-banner { align-items:flex-start; flex-direction:column; gap:9px; padding:16px; }
  .event-browser { padding:36px 8px; }.event-grid { grid-template-columns:1fr; }.event-card { min-height:160px;padding:20px; }.hero { padding:50px 8px;min-height:0;gap:38px; }.seal-card { min-height:0;padding:24px 16px; }.visual-key { grid-template-columns:1fr; }.visual-key div { padding:13px 14px; }.visual-key dt { font-size:12px; }.visual-key dd { font-size:11px; }.metrics { grid-template-columns:repeat(2,1fr); }.metrics article:nth-child(2) { border-right:0; }.metrics article { min-height:125px;padding:22px 18px; }.metrics strong { font-size:38px; }
  .round-journey { padding:38px 16px; }.round-track { grid-template-columns:1fr; }.round-card { min-height:150px; }.molecule-panel,.activity-panel,.contenders,.questions-section { padding:38px 16px; }.molecule-layout { grid-template-columns:1fr; }.pulse-copy { display:grid;grid-template-columns:repeat(2,1fr); }.pulse-copy p { grid-column:1/-1; }.section-heading { align-items:flex-start;flex-direction:column; }.section-note { text-align:left; }.roster-grid,.question-list { grid-template-columns:1fr; }.response-strip { align-items:flex-start;flex-direction:column;gap:7px; }.contender { min-height:180px; }.contender h3 { margin-top:30px; }.reveal-section { grid-template-columns:1fr;padding:44px 20px;gap:14px; }.reveal-lock { text-align:left; }.reveal-time,.reveal-board { grid-column:1; }.podium-head { align-items:start;flex-direction:column; }.podium-rule { text-align:left; }.podium-stage { grid-template-columns:1fr;grid-template-areas:"first" "second" "third"; }.podium-card,.podium-card.place-1 { min-height:0;padding:23px; }.podium-name { margin-top:34px; }.podium-conclusion,.podium-edge p { min-height:0; }.result-evidence,.final-standings { padding:23px; }.result-facts div { grid-template-columns:1fr;gap:5px; }.integrity-strip { justify-content:flex-start; }.recent-head small { display:none; } footer { width:calc(100% - 24px);flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation:none!important;scroll-behavior:auto!important;transition:none!important; } }
.contenders,.reveal-section { scroll-margin-top:90px; }