:root {
  color-scheme: dark;
  --ink: #f5f7f2;
  --muted: #9ba8a2;
  --dim: #68736f;
  --line: rgba(255, 255, 255, .1);
  --panel: rgba(14, 24, 22, .78);
  --panel-solid: #111c1a;
  --deep: #07100f;
  --green: #62e6a7;
  --green-2: #1ecf83;
  --gold: #f4c66c;
  --red: #ff6e78;
  --blue: #7cc8ff;
  --radius: 22px;
  --shadow: 0 30px 80px rgba(0, 0, 0, .38);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--deep); color: var(--ink); line-height: 1.6; overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; z-index: -3; background: radial-gradient(circle at 75% 5%, rgba(35, 201, 133, .12), transparent 30%), linear-gradient(155deg, #091210 0%, #07100f 45%, #0b1715 100%); }
.atmosphere { position: fixed; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent 80%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
code { color: var(--gold); background: rgba(244, 198, 108, .08); border: 1px solid rgba(244, 198, 108, .15); padding: .14em .4em; border-radius: 6px; }
.shell { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }
.glass { background: linear-gradient(145deg, rgba(20, 34, 31, .9), rgba(12, 22, 20, .74)); border: 1px solid var(--line); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.site-header { display: flex; justify-content: space-between; align-items: center; min-height: 86px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 11px; letter-spacing: .08em; }
.brand-mark { display: block; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; object-fit: cover; box-shadow: 0 8px 30px rgba(244, 198, 108, .2); }
.brand strong, .brand small { display: block; line-height: 1.05; }
.brand strong { font-size: .85rem; }
.brand small { margin-top: 5px; font-size: .63rem; color: var(--green); letter-spacing: .26em; }
nav { display: flex; gap: 28px; color: var(--muted); font-size: .88rem; }
nav a:hover { color: var(--ink); }
.hero { min-height: 665px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; padding-block: 78px 90px; }
.eyebrow { margin: 0 0 14px; color: var(--green); font-size: .73rem; font-weight: 800; letter-spacing: .22em; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { margin: 0; max-width: 620px; font-size: clamp(3.8rem, 8vw, 7.4rem); letter-spacing: -.07em; line-height: .86; font-weight: 850; }
h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.35rem); letter-spacing: -.045em; line-height: 1.03; }
h3 { margin: 0; letter-spacing: -.02em; }
.lede { max-width: 590px; color: #b9c4bf; font-size: clamp(1rem, 2vw, 1.22rem); margin: 28px 0; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-facts span { padding-right: 22px; border-right: 1px solid var(--line); }
.hero-facts span:last-child { border: 0; }
.hero-facts small, .hero-facts strong { display: block; }
.hero-facts small { color: var(--dim); font-size: .65rem; letter-spacing: .15em; font-weight: 700; }
.hero-facts strong { margin-top: 3px; font-size: 1rem; }
.current-card { position: relative; min-height: 460px; padding: 32px; border-radius: 32px; overflow: hidden; }
.current-card::after { content: ""; position: absolute; inset: auto -15% -40% 10%; height: 250px; background: radial-gradient(ellipse, rgba(41, 220, 143, .23), transparent 65%); pointer-events: none; }
.card-top, .round-meta { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: rgba(98, 230, 167, .1); color: var(--green); border: 1px solid rgba(98, 230, 167, .2); font-size: .68rem; font-weight: 800; letter-spacing: .1em; }
.badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.badge.PENDING { color: var(--blue); background: rgba(124, 200, 255, .08); border-color: rgba(124, 200, 255, .2); }
.badge.LOCKED, .badge.DRAWN { color: var(--gold); background: rgba(244, 198, 108, .08); border-color: rgba(244, 198, 108, .2); }
.badge.COMPLETED { color: var(--green); }
.badge.CANCELLED, .badge.REJECTED { color: var(--red); background: rgba(255, 110, 120, .08); border-color: rgba(255, 110, 120, .2); }
.round-label { color: var(--muted); font-size: .82rem; }
.round-number { margin: 26px 0 2px; font-size: clamp(2.2rem, 5vw, 4rem); letter-spacing: -.06em; }
.prize-line { color: var(--gold); font-weight: 700; }
.progress-wrap { margin: 34px 0; }
.progress-numbers { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 11px; }
.progress-numbers strong { font-size: 2.4rem; letter-spacing: -.05em; }
.progress-numbers span { color: var(--muted); font-size: .82rem; }
.progress-track { height: 11px; background: rgba(255,255,255,.06); border-radius: 99px; padding: 2px; overflow: hidden; }
.progress-bar { height: 100%; min-width: 3px; border-radius: inherit; background: linear-gradient(90deg, var(--green-2), var(--gold)); box-shadow: 0 0 24px rgba(98,230,167,.35); }
.spots { margin: 0; color: var(--muted); }
.spots strong { color: var(--ink); }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 46px; padding: 11px 18px; border: 1px solid transparent; border-radius: 12px; background: var(--green); color: #06110d; font-weight: 800; cursor: pointer; }
.button:hover { filter: brightness(1.08); }
.button.secondary { color: var(--ink); background: rgba(255,255,255,.06); border-color: var(--line); }
.card-actions { position: relative; z-index: 1; display: flex; gap: 10px; margin-top: 30px; }
.trust-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.stat-grid div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); padding: 25px 34px; }
.stat-grid div:last-child { border: 0; }
.stat-grid strong { font-size: 1.55rem; letter-spacing: -.04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stat-grid span { color: var(--muted); font-size: .78rem; }
.section { padding-block: 115px; }
.section.compact { padding-block: 74px; }
.section-heading { max-width: 720px; margin-bottom: 50px; }
.section-heading > p:last-child { color: var(--muted); }
.inline-heading { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.inline-heading > p { max-width: 420px; text-align: right; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.step-card { min-height: 250px; padding: 28px; border-radius: var(--radius); background: rgba(255,255,255,.025); border: 1px solid var(--line); }
.step-card.featured { background: linear-gradient(145deg, rgba(35, 190, 125, .15), rgba(255,255,255,.025)); }
.step-card > span { color: var(--green); font-size: .72rem; font-weight: 800; }
.step-card h3 { margin-top: 62px; font-size: 1.25rem; }
.step-card p { color: var(--muted); margin-bottom: 0; }
.entry-examples { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 16px; border-radius: var(--radius); box-shadow: none; }
.entry-examples div { padding: 25px 30px; display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 7px; border-right: 1px solid var(--line); }
.entry-examples div:last-child { border: 0; }
.entry-examples strong { font-size: 1.8rem; }
.entry-examples span { color: var(--muted); font-size: .78rem; }
.entry-examples b { color: var(--green); font-size: .82rem; }
.credit-section { display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: center; border-top: 1px solid var(--line); }
.credit-section p:not(.eyebrow) { color: #b3beb9; }
.muted { color: var(--muted) !important; font-size: .88rem; }
.credit-visual { min-height: 230px; border-radius: 28px; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 28px; }
.credit-visual div { text-align: center; }
.credit-visual b, .credit-visual span { display: block; }
.credit-visual b { font-size: 2.35rem; }
.credit-visual span { color: var(--muted); font-size: .75rem; }
.credit-visual i, .credit-visual em { color: var(--green); font-style: normal; font-size: 1.3rem; }
.round-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.round-card { min-height: 235px; display: flex; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.025); transition: transform .2s, border-color .2s; }
.round-card:hover { transform: translateY(-3px); border-color: rgba(98,230,167,.32); }
.round-card h3 { margin: 24px 0 0; font-size: 1.65rem; }
.round-card p { margin: 3px 0; color: var(--muted); }
.round-card .round-card-bottom { margin-top: auto; padding-top: 24px; display: flex; justify-content: space-between; color: var(--muted); font-size: .8rem; }
.island-section { padding-block: 115px; background: linear-gradient(135deg, rgba(244,198,108,.07), rgba(35,190,125,.08)); border-block: 1px solid var(--line); }
.island-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.island-art { position: relative; min-height: 360px; display: grid; place-items: center; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at center, rgba(244,198,108,.14), transparent 60%); }
.sun { position: absolute; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff3c2, var(--gold) 35%, rgba(244,198,108,.05) 70%); filter: blur(.5px); }
.island { position: relative; margin-top: 130px; font-size: 9rem; filter: drop-shadow(0 30px 30px rgba(0,0,0,.5)); }
.benefit-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0; }
.benefit-list span { padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(244,198,108,.22); color: var(--gold); background: rgba(244,198,108,.06); }
.island-grid p:last-child { color: var(--muted); }
.fairness-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.fairness-grid article { padding: 35px; border-radius: 26px; box-shadow: none; }
.fairness-grid ol { margin: 24px 0 0; padding-left: 22px; color: #b7c1bd; }
.fairness-grid li { margin-block: 10px; padding-left: 8px; }
.technical-card > p { color: var(--muted); }
.formula { margin: 32px 0; padding: 24px; border: 1px solid rgba(98,230,167,.2); background: rgba(98,230,167,.06); border-radius: 16px; }
.formula span, .formula strong { display: block; }
.formula span { color: var(--green); font-size: .65rem; letter-spacing: .2em; font-weight: 800; }
.formula strong { font: 700 clamp(1.2rem, 3vw, 2rem) ui-monospace, SFMono-Regular, Menlo, monospace; margin-top: 7px; }
.site-footer { min-height: 160px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.site-footer .brand { color: var(--ink); }
.loading-state { width: 100%; min-height: 140px; display: grid; place-items: center; color: var(--muted); }
.notice { padding: 18px; border-radius: 14px; background: rgba(124,200,255,.08); border: 1px solid rgba(124,200,255,.2); color: var(--blue); }
.error-notice { background: rgba(255,110,120,.08); border-color: rgba(255,110,120,.25); color: #ffabb1; }
.toast { position: fixed; right: 20px; bottom: 20px; z-index: 20; max-width: min(380px, calc(100% - 40px)); padding: 13px 18px; border-radius: 12px; color: var(--ink); background: #21342f; border: 1px solid var(--line); box-shadow: var(--shadow); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .2s; }
.toast.show { opacity: 1; transform: translateY(0); }

/* Round detail */
.round-main { padding-block: 60px 100px; }
.round-hero { padding: 38px; border-radius: 30px; min-height: 270px; }
.round-hero-grid { display: grid; grid-template-columns: 1fr auto; gap: 35px; align-items: center; }
.round-hero h1 { font-size: clamp(3rem, 7vw, 6rem); }
.round-hero .result-winner { color: var(--gold); font-size: 1.05rem; }
.round-count { text-align: right; }
.round-count strong, .round-count span { display: block; }
.round-count strong { font-size: clamp(2.5rem, 7vw, 5.3rem); letter-spacing: -.06em; }
.round-count span { color: var(--muted); }
.round-system { margin-top: 18px; border-radius: 22px; padding: 26px 30px; box-shadow: none; }
.system-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.data-label { display: block; color: var(--dim); font-size: .65rem; letter-spacing: .14em; font-weight: 800; }
.data-value { display: block; margin-top: 7px; font: 650 .88rem ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.participant-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; }
.participant-card { position: relative; min-height: 175px; padding: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.022); border-radius: 16px; overflow: hidden; }
.participant-card.winner { border-color: rgba(244,198,108,.6); background: rgba(244,198,108,.075); }
.participant-card .slot { color: var(--green); font-size: .7rem; font-weight: 800; }
.participant-card h3 { margin-top: 18px; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.participant-card .player-id { color: var(--muted); font-size: .72rem; }
.commitment-preview { display: block; margin-top: 17px; color: var(--dim); font: .66rem ui-monospace, monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reveal-number { margin-top: 12px; font: 800 1.35rem ui-monospace, monospace; color: var(--gold); }
.winner-ribbon { position: absolute; top: 12px; right: -27px; width: 100px; text-align: center; transform: rotate(40deg); background: var(--gold); color: #251a05; font-size: .56rem; font-weight: 900; }
.verification-panel { margin-top: 40px; padding: 40px; border: 1px solid rgba(98,230,167,.28); border-radius: 30px; background: linear-gradient(145deg, rgba(31,119,82,.2), rgba(11,22,19,.85)); }
.verify-header { display: flex; justify-content: space-between; gap: 30px; align-items: center; }
.verification-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 32px; }
.verification-cards > div { padding: 22px; border-radius: 15px; border: 1px solid var(--line); background: rgba(0,0,0,.15); }
.verification-cards strong { display: block; font-size: 1.15rem; }
.verification-cards span { color: var(--muted); font-size: .72rem; }
.draw-arithmetic { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 16px; margin-top: 16px; padding: 30px; border-radius: 18px; color: var(--muted); background: rgba(0,0,0,.18); }
.draw-arithmetic div { text-align: center; }
.draw-arithmetic strong { display: block; color: var(--ink); font-size: 1.4rem; }
.draw-arithmetic .winning strong { color: var(--gold); }
.technical-details { margin-top: 25px; border-top: 1px solid var(--line); padding-top: 20px; color: var(--muted); }
.technical-details summary { color: var(--ink); cursor: pointer; font-weight: 700; }
.canonical-list { margin-top: 18px; display: grid; gap: 12px; }
.canonical-list code { display: block; white-space: normal; overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; gap: 45px; }
  .hero-copy { text-align: center; }
  .hero-copy .lede { margin-inline: auto; }
  .hero-facts { justify-content: center; }
  .current-card { max-width: 630px; width: 100%; margin-inline: auto; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .stat-grid div:nth-child(2) { border-right: 0; }
  .stat-grid div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .steps, .round-grid { grid-template-columns: 1fr 1fr; }
  .step-card:last-child { grid-column: 1 / -1; }
  .credit-section, .island-grid { grid-template-columns: 1fr; gap: 45px; }
  .fairness-grid { grid-template-columns: 1fr; }
  .participant-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 650px) {
  .shell { width: min(100% - 28px, 1160px); }
  .site-header { min-height: 72px; }
  .site-header nav { display: none; }
  .brand-mark { width: 38px; height: 38px; }
  .hero { min-height: auto; padding-block: 65px 60px; }
  h1 { font-size: clamp(3.6rem, 17vw, 5.2rem); }
  .hero-facts span { padding-right: 13px; }
  .current-card { min-height: 430px; padding: 24px; border-radius: 24px; }
  .card-actions { flex-direction: column; }
  .stat-grid div { min-height: 105px; padding: 20px; }
  .section, .island-section { padding-block: 78px; }
  .section-heading { margin-bottom: 34px; }
  .inline-heading { display: block; }
  .inline-heading > p { text-align: left; }
  .steps, .round-grid { grid-template-columns: 1fr; }
  .step-card:last-child { grid-column: auto; }
  .step-card { min-height: 205px; }
  .step-card h3 { margin-top: 35px; }
  .entry-examples { grid-template-columns: 1fr; }
  .entry-examples div { border-right: 0; border-bottom: 1px solid var(--line); }
  .credit-visual { gap: 10px; padding: 18px; min-height: 190px; }
  .credit-visual b { font-size: 1.8rem; }
  .island-art { min-height: 290px; }
  .island { font-size: 7rem; }
  .site-footer { padding-block: 35px; flex-direction: column; align-items: flex-start; }
  .round-main { padding-block: 35px 70px; }
  .round-hero { padding: 26px; }
  .round-hero-grid { grid-template-columns: 1fr; }
  .round-count { text-align: left; }
  .system-grid { grid-template-columns: 1fr; }
  .system-grid > div { border-bottom: 1px solid var(--line); padding-bottom: 15px; }
  .participant-grid { grid-template-columns: 1fr 1fr; }
  .verification-panel { padding: 25px; }
  .verify-header { align-items: flex-start; flex-direction: column; }
  .verification-cards { grid-template-columns: 1fr; }
  .draw-arithmetic { grid-template-columns: 1fr; }
  .draw-arithmetic > b { transform: rotate(90deg); text-align: center; }
}

@media (max-width: 390px) {
  .hero-facts { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .hero-facts span { padding: 0 8px; }
  .hero-facts strong { font-size: .84rem; }
  .stat-grid strong { font-size: 1.25rem; }
  .participant-grid { grid-template-columns: 1fr; }
}

/* Product landing page */
.home-page { background-color: #07100f; }
.home-page .site-header { position: relative; z-index: 5; }
.home-page .site-header nav { gap: 24px; }
.home-page .site-header nav a { position: relative; }
.home-page .site-header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--green); transition: right .2s ease; }
.home-page .site-header nav a:hover::after { right: 0; }

.landing-hero { min-height: 720px; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); align-items: center; gap: clamp(45px, 7vw, 95px); padding-block: 82px 96px; }
.landing-hero .hero-copy { min-width: 0; }
.landing-hero h1 { max-width: 760px; margin: 0; font-size: clamp(3.2rem, 5.7vw, 5.65rem); line-height: .94; letter-spacing: -.065em; }
.landing-hero h1 span { color: var(--gold); white-space: nowrap; }
.landing-hero .lede { max-width: 680px; margin: 27px 0; color: #bbc7c2; }
.landing-hero .hero-facts { display: grid; grid-template-columns: repeat(4, max-content); gap: 0; }
.landing-hero .hero-facts span { min-width: 108px; padding: 0 20px; }
.landing-hero .hero-facts span:first-child { padding-left: 0; }
.landing-hero .hero-facts strong { font-size: 1.05rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.hero-actions .button { min-width: 164px; }
.hero-truth { max-width: 650px; margin: 18px 0 0; color: var(--dim); font-size: .76rem; }
.hero-truth strong { display: block; margin-bottom: 5px; color: var(--ink); font-size: .82rem; }
.operator-copy { appearance: none; display: inline; margin: 0; padding: 0 .08em; border: 0; border-radius: 4px; color: inherit; background: transparent; font: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; vertical-align: baseline; cursor: pointer; text-decoration: underline dotted rgba(98, 230, 167, .5); text-underline-offset: .2em; }
.operator-copy:hover { color: var(--green); text-decoration-color: currentColor; }
.operator-copy:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; color: var(--green); text-decoration: none; }

.prize-spotlight { position: relative; min-width: 0; padding: 24px; border-radius: 30px; overflow: hidden; isolation: isolate; }
.prize-spotlight::before { content: ""; position: absolute; z-index: -1; inset: -35% -15% 38%; background: radial-gradient(circle, rgba(53, 232, 158, .2), transparent 66%); }
.spotlight-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.jackpot-label { color: var(--gold); font-size: .67rem; font-weight: 850; letter-spacing: .2em; }
.live-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border: 1px solid rgba(98,230,167,.25); border-radius: 99px; color: var(--green); background: rgba(98,230,167,.08); font-size: .61rem; font-weight: 900; letter-spacing: .14em; }
.live-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.island-image-frame { min-height: 295px; display: grid; place-items: center; margin: 20px 0 15px; padding: 20px; border: 1px solid rgba(255,255,255,.08); border-radius: 22px; overflow: hidden; background: radial-gradient(ellipse at 50% 70%, rgba(40, 213, 149, .15), transparent 50%), linear-gradient(155deg, rgba(255,255,255,.045), rgba(0,0,0,.12)); }
.island-image-frame img { display: block; width: min(100%, 430px); height: auto; object-fit: contain; filter: drop-shadow(0 28px 22px rgba(0,0,0,.5)); }
.prize-identity { display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: end; }
.prize-identity small, .prize-identity strong { display: block; }
.prize-identity small { color: var(--dim); font-size: .6rem; font-weight: 800; letter-spacing: .14em; }
.prize-identity strong { margin-top: 4px; font-size: 1.1rem; }
.prize-identity .prize-value { text-align: right; }
.prize-identity .prize-value strong { color: var(--gold); }
.prize-spotlight > p { margin: 19px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: .77rem; }

.live-section { padding-top: 100px; }
.live-heading { margin-bottom: 38px; }
.live-round-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 16px; align-items: stretch; }
.home-page .current-card { min-height: 445px; padding: clamp(25px, 4vw, 42px); border-radius: 28px; }
.home-page .current-card::after { inset: auto -10% -42% 15%; }
.live-card-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; }
.status-group { display: flex; align-items: center; gap: 12px; }
.spots-chip { color: var(--gold); font-size: .76rem; font-weight: 800; }
.live-card-heading { margin-top: 32px; }
.live-card-heading h3 { font-size: clamp(3.6rem, 8vw, 6rem); line-height: 1; letter-spacing: -.07em; }
.live-card-heading p { margin: 5px 0 0; color: var(--muted); }
.home-page .progress-wrap { margin: 30px 0 24px; }
.progress-copy { display: flex; justify-content: space-between; margin-top: 9px; color: var(--dim); font-size: .68rem; }
.live-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--line); }
.live-fact { padding: 18px 18px 18px 0; }
.live-fact + .live-fact { padding-left: 18px; border-left: 1px solid var(--line); }
.live-fact span, .live-fact strong { display: block; }
.live-fact span { color: var(--dim); font-size: .59rem; font-weight: 800; letter-spacing: .14em; }
.live-fact strong { margin-top: 4px; font-size: .9rem; }
.live-card-footer { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 20px; margin-top: auto; padding-top: 25px; }
.commitment-note { min-width: 0; }
.commitment-note span { display: block; color: var(--dim); font-size: .55rem; font-weight: 800; letter-spacing: .13em; }
.commitment-note code { display: block; max-width: 100%; padding: 0; border: 0; background: none; color: #64756f; font-size: .61rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.just-entered { position: relative; padding: 32px; border-radius: 28px; box-shadow: none; overflow: hidden; }
.just-entered::before { content: ""; position: absolute; width: 190px; height: 190px; border-radius: 50%; top: -105px; right: -70px; background: rgba(124,200,255,.08); }
.pulse-icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 38px; border: 1px solid rgba(124,200,255,.2); border-radius: 14px; color: var(--blue); background: rgba(124,200,255,.07); font-size: 1.3rem; }
.just-entered h3 { font-size: 1.65rem; }
.just-entered > p:not(.eyebrow) { color: var(--muted); font-size: .84rem; }
.just-entered .button { width: 100%; margin-top: 10px; }
.just-entered small { display: block; margin-top: 10px; color: var(--dim); text-align: center; font-size: .64rem; }

.participant-confirmation { margin-top: 52px; }
.participant-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 20px; }
.participant-toolbar h3 { font-size: 1.65rem; }
.participant-search { width: min(340px, 100%); display: grid; gap: 6px; color: var(--muted); font-size: .7rem; }
.participant-search input { min-height: 44px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 11px; outline: 0; color: var(--ink); background: rgba(255,255,255,.035); }
.participant-search input:focus { border-color: rgba(98,230,167,.5); box-shadow: 0 0 0 3px rgba(98,230,167,.08); }
.home-participant-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.home-participant-card { min-width: 0; min-height: 165px; display: flex; flex-direction: column; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.024); transition: border-color .2s, transform .2s; }
.home-participant-card:hover { border-color: rgba(98,230,167,.3); transform: translateY(-2px); }
.home-participant-top { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.slot-pill { color: var(--green); font-size: .67rem; font-weight: 900; }
.hidden-number { color: var(--muted); font: .65rem ui-monospace, monospace; }
.home-participant-card > strong { margin-top: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.player-meta { color: var(--muted); font-size: .68rem; }
.commitment-label { margin-top: auto; padding-top: 16px; color: var(--dim); font-size: .5rem; font-weight: 800; letter-spacing: .12em; }
.participant-commitment { display: block; max-width: 100%; padding: 0; border: 0; background: none; color: #61716c; font-size: .56rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.participant-empty { grid-column: 1 / -1; min-height: 150px; display: grid; place-items: center; padding: 25px; border: 1px dashed var(--line); border-radius: 15px; color: var(--muted); text-align: center; }
.text-button { display: block; min-height: 44px; margin: 20px auto 0; padding: 8px 16px; border: 0; color: var(--green); background: transparent; cursor: pointer; font-weight: 800; }

.enter-section { border-block: 1px solid var(--line); background: linear-gradient(145deg, rgba(16,31,27,.92), rgba(8,18,16,.88)); }
.enter-heading { max-width: 860px; }
.operator-banner { display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-bottom: 18px; padding: 25px 28px; border-radius: 18px; box-shadow: none; border-color: rgba(244,198,108,.22); background: linear-gradient(110deg, rgba(244,198,108,.075), rgba(20,34,31,.9)); }
.operator-banner small, .operator-banner strong { display: block; }
.operator-banner small { color: var(--gold); font-size: .61rem; font-weight: 900; letter-spacing: .16em; }
.operator-banner strong { margin-top: 3px; font-size: clamp(1.35rem, 3vw, 2rem); }
.operator-banner strong span { color: var(--muted); font-weight: 600; }
.operator-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.how-layout { display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 18px; align-items: stretch; }
.enter-steps { display: grid; gap: 9px; }
.enter-step { min-height: 128px; display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.enter-step > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #07110e; background: var(--green); font-weight: 900; }
.enter-step h3 { font-size: 1rem; }
.enter-step p { margin: 7px 0 0; color: var(--muted); font-size: .8rem; }
.enter-step .step-note { color: var(--dim); font-size: .68rem; }
.sending-guide { min-width: 0; display: flex; flex-direction: column; justify-content: center; margin: 0; padding: 18px; border-radius: 18px; box-shadow: none; }
.screenshot-button { position: relative; display: block; width: 100%; padding: 0; border: 1px solid rgba(124,200,255,.2); border-radius: 12px; overflow: hidden; background: #191919; cursor: zoom-in; }
.screenshot-button img { display: block; width: 100%; height: auto; }
.screenshot-button span { position: absolute; right: 10px; bottom: 10px; padding: 5px 8px; border-radius: 7px; color: var(--ink); background: rgba(7,16,15,.86); font-size: .62rem; }
.sending-guide figcaption { margin-top: 14px; color: var(--muted); font-size: .75rem; }
.message-warning { display: grid; grid-template-columns: 38px 1fr; gap: 16px; margin-top: 18px; padding: 20px 24px; border: 1px solid rgba(244,198,108,.28); border-radius: 15px; background: rgba(244,198,108,.055); }
.warning-mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #1a1203; background: var(--gold); font-weight: 900; }
.message-warning p { margin: 5px 0 0; color: var(--muted); font-size: .78rem; }

.why-section .section-heading { max-width: 870px; }
.value-choice { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-bottom: 16px; border-radius: 22px; box-shadow: none; }
.value-choice > div { padding: 32px 38px; }
.value-choice > b { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: .66rem; }
.value-choice small, .value-choice strong, .value-choice span { display: block; }
.value-choice small { color: var(--dim); font-size: .61rem; font-weight: 900; letter-spacing: .15em; }
.value-choice strong { margin-top: 3px; font-size: clamp(2rem, 5vw, 4rem); letter-spacing: -.06em; }
.value-choice span { color: var(--muted); font-size: .72rem; }
.value-choice .entry-choice strong { color: var(--green); }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.audience-grid article { min-height: 230px; padding: 25px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); }
.audience-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 45px; border-radius: 11px; color: var(--green); background: rgba(98,230,167,.08); }
.audience-grid p { color: var(--muted); font-size: .8rem; }

.equal-section { padding-block: 105px; border-block: 1px solid var(--line); background: radial-gradient(circle at 80% 10%, rgba(98,230,167,.12), transparent 32%), #0a1513; }
.equal-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(45px, 8vw, 110px); align-items: center; }
.equal-layout > div:first-child > p:last-child { color: var(--muted); }
.odds-lockup { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 35px; border-radius: 24px; box-shadow: none; }
.odds-lockup div { text-align: center; }
.odds-lockup span, .odds-lockup strong { display: block; }
.odds-lockup span { color: var(--dim); font-size: .6rem; font-weight: 900; letter-spacing: .16em; }
.odds-lockup strong { margin-top: 6px; color: var(--gold); font-size: clamp(2rem, 5vw, 3.8rem); letter-spacing: -.06em; }
.odds-lockup i { color: var(--green); font-style: normal; font-size: 1.4rem; }
.rule-strip { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; color: var(--muted); }
.rule-strip span, .rule-strip strong { padding: 8px 14px; border: 1px solid var(--line); border-radius: 99px; background: rgba(255,255,255,.03); }
.rule-strip strong { color: var(--green); }
.rule-strip i { color: var(--dim); font-style: normal; }

.entries-credit-section .section-heading { max-width: 850px; }
.money-rules-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.rule-panel { padding: 32px; border-radius: 22px; box-shadow: none; }
.rule-panel > h3 { font-size: 1.4rem; }
.rule-panel > p { color: var(--muted); }
.entry-ladder { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); border-radius: 13px; overflow: hidden; margin: 25px 0; }
.entry-ladder div { display: grid; grid-template-columns: auto 1fr auto; align-items: baseline; gap: 6px; padding: 17px; border-bottom: 1px solid var(--line); }
.entry-ladder div:nth-child(odd) { border-right: 1px solid var(--line); }
.entry-ladder div:nth-last-child(-n+2) { border-bottom: 0; }
.entry-ladder strong { font-size: 1.4rem; }
.entry-ladder span { color: var(--muted); font-size: .65rem; }
.entry-ladder b { color: var(--green); font-size: .68rem; }
.rule-emphasis { margin-bottom: 0; padding: 14px; border-radius: 10px; color: var(--gold) !important; background: rgba(244,198,108,.06); font-size: .8rem; }
.credit-examples { display: grid; gap: 9px; margin: 25px 0; }
.credit-examples div { display: flex; justify-content: space-between; gap: 20px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(0,0,0,.12); }
.credit-examples span { color: var(--muted); font-size: .77rem; }
.credit-examples strong { color: var(--green); font-size: .78rem; text-align: right; }

.fairness-section { border-block: 1px solid var(--line); background: linear-gradient(160deg, rgba(14,29,25,.92), rgba(7,16,15,.96)); }
.fairness-section .section-heading { max-width: 810px; }
.draw-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; }
.draw-steps article { min-height: 250px; padding: 22px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.draw-steps article > span { color: var(--green); font: 800 .7rem ui-monospace, monospace; }
.draw-steps h3 { margin-top: 55px; font-size: .98rem; }
.draw-steps p { color: var(--muted); font-size: .75rem; }
.fairness-proof { display: grid; grid-template-columns: auto 1fr auto; gap: 30px; align-items: center; margin-top: 13px; padding: 28px; border-radius: 17px; box-shadow: none; border-color: rgba(98,230,167,.22); }
.fairness-proof > div span, .fairness-proof > div strong { display: block; }
.fairness-proof > div span { color: var(--green); font-size: .58rem; font-weight: 900; letter-spacing: .15em; }
.fairness-proof > div strong { margin-top: 5px; font: 750 1.35rem ui-monospace, monospace; white-space: nowrap; }
.fairness-proof > p { color: var(--muted); font-size: .77rem; }
.technical-explainer { margin-top: 14px; padding: 19px 22px; border: 1px solid var(--line); border-radius: 13px; background: rgba(0,0,0,.13); }
.technical-explainer summary { cursor: pointer; font-weight: 800; font-size: .8rem; }
.technical-explainer p { max-width: 930px; color: var(--muted); font-size: .76rem; }
.transparency-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 26px; }
.transparency-grid span { position: relative; padding: 15px 15px 15px 38px; border: 1px solid var(--line); border-radius: 10px; color: #bdc8c3; background: rgba(255,255,255,.02); font-size: .74rem; }
.transparency-grid span::before { content: "✓"; position: absolute; left: 15px; color: var(--green); font-weight: 900; }

.round-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 22px; }
.round-filters button { min-height: 44px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 9px; color: var(--muted); background: rgba(255,255,255,.025); cursor: pointer; }
.round-filters button.active, .round-filters button:hover { color: #07110e; border-color: var(--green); background: var(--green); font-weight: 800; }
.home-page .round-card { min-height: 250px; }
.round-card-top { display: flex; justify-content: space-between; align-items: center; }
.round-card-top > span:last-child { color: var(--muted); font-size: .7rem; }
.round-mini-track { height: 5px; margin-top: 18px; border-radius: 99px; overflow: hidden; background: rgba(255,255,255,.055); }
.round-mini-track span { display: block; height: 100%; min-width: 2px; border-radius: inherit; background: var(--green); }

.faq-section { border-top: 1px solid var(--line); background: rgba(255,255,255,.014); }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.faq-grid details { padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.faq-grid summary { position: relative; padding-right: 26px; cursor: pointer; font-weight: 750; font-size: .84rem; list-style: none; }
.faq-grid summary::-webkit-details-marker { display: none; }
.faq-grid summary::after { content: "+"; position: absolute; right: 0; top: -3px; color: var(--green); font-size: 1.2rem; }
.faq-grid details[open] summary::after { content: "−"; }
.faq-grid p { margin: 13px 0 0; color: var(--muted); font-size: .78rem; }
.disclaimer-section { display: grid; grid-template-columns: 1.25fr .75fr; gap: 50px; align-items: center; padding-block: 45px; border-top: 1px solid rgba(244,198,108,.18); color: var(--muted); }
.disclaimer-section strong { color: var(--gold); }
.disclaimer-section p { margin: 6px 0 0; font-size: .75rem; }

.screenshot-dialog { width: min(1120px, calc(100% - 30px)); padding: 18px; border: 1px solid var(--line); border-radius: 18px; color: var(--ink); background: #0d1715; box-shadow: 0 40px 100px rgba(0,0,0,.75); }
.screenshot-dialog::backdrop { background: rgba(0,0,0,.8); backdrop-filter: blur(5px); }
.screenshot-dialog > button { display: grid; place-items: center; width: 44px; height: 44px; margin: 0 0 12px auto; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: rgba(255,255,255,.05); cursor: pointer; font-size: 1.4rem; }
.screenshot-dialog img { display: block; width: 100%; height: auto; border-radius: 10px; }
.screenshot-dialog p { margin-bottom: 0; color: var(--muted); font-size: .75rem; }

.home-page button:focus-visible, .home-page a:focus-visible, .home-page summary:focus-visible, .home-page input:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }

@media (max-width: 1080px) {
  .landing-hero { grid-template-columns: 1fr; }
  .landing-hero .hero-copy { text-align: left; }
  .landing-hero .hero-copy .lede { margin-inline: 0; }
  .landing-hero .hero-facts { justify-content: start; }
  .prize-spotlight { width: min(720px, 100%); }
  .live-round-layout, .how-layout, .equal-layout { grid-template-columns: 1fr; }
  .just-entered { display: grid; grid-template-columns: auto 1fr; column-gap: 22px; }
  .just-entered .pulse-icon { grid-row: 1 / 6; }
  .just-entered .eyebrow { align-self: end; }
  .just-entered .button, .just-entered small { grid-column: 2; }
  .home-participant-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .how-layout { gap: 14px; }
  .draw-steps { grid-template-columns: repeat(3, 1fr); }
  .draw-steps article:nth-last-child(-n+2) { min-height: 210px; }
}

@media (max-width: 800px) {
  .landing-hero { min-height: auto; padding-block: 70px; }
  .landing-hero h1 { font-size: clamp(3rem, 10vw, 4.6rem); }
  .landing-hero .hero-facts { grid-template-columns: repeat(2, 1fr); width: 100%; }
  .landing-hero .hero-facts span { min-width: 0; padding: 13px 18px; border-right: 0; border-bottom: 1px solid var(--line); }
  .landing-hero .hero-facts span:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--line); }
  .landing-hero .hero-facts span:nth-child(-n+2) { border-top: 1px solid var(--line); }
  .live-card-footer { grid-template-columns: 1fr; }
  .home-participant-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .participant-toolbar { display: grid; }
  .participant-search { width: 100%; }
  .operator-banner { align-items: flex-start; flex-direction: column; }
  .operator-actions { justify-content: flex-start; }
  .value-choice { grid-template-columns: 1fr; text-align: center; }
  .value-choice > b { margin-inline: auto; }
  .audience-grid, .transparency-grid { grid-template-columns: 1fr; }
  .audience-grid article { min-height: 190px; }
  .audience-grid article > span { margin-bottom: 30px; }
  .money-rules-grid { grid-template-columns: 1fr; }
  .fairness-proof { grid-template-columns: 1fr; }
  .fairness-proof > div strong { white-space: normal; }
  .faq-grid { grid-template-columns: 1fr; }
  .disclaimer-section { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 650px) {
  .landing-hero { padding-block: 58px; }
  .landing-hero h1 { font-size: clamp(2.65rem, 13vw, 3.8rem); }
  .landing-hero .lede { margin-block: 22px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
  .prize-spotlight { padding: 17px; border-radius: 22px; }
  .island-image-frame { min-height: 230px; padding: 10px; }
  .prize-identity { grid-template-columns: 1fr; gap: 13px; }
  .prize-identity .prize-value { text-align: left; }
  .live-section { padding-top: 74px; }
  .home-page .current-card { min-height: 0; padding: 24px; }
  .card-top { align-items: flex-start; }
  .status-group { align-items: flex-start; flex-direction: column; gap: 6px; }
  .spots-chip { text-align: right; }
  .live-card-heading h3 { font-size: 3.8rem; }
  .live-facts { grid-template-columns: 1fr; }
  .live-fact { padding: 12px 0; }
  .live-fact + .live-fact { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); }
  .just-entered { display: block; padding: 25px; }
  .just-entered .pulse-icon { margin-bottom: 28px; }
  .home-participant-grid { grid-template-columns: 1fr; }
  .operator-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .operator-actions .button { width: 100%; }
  .enter-step { grid-template-columns: 36px 1fr; gap: 14px; padding: 17px; }
  .enter-step > span { width: 36px; height: 36px; }
  .message-warning { grid-template-columns: 1fr; }
  .value-choice > div { padding: 25px 18px; }
  .odds-lockup { grid-template-columns: 1fr; padding: 25px; }
  .odds-lockup i { transform: rotate(90deg); }
  .rule-strip { gap: 8px; }
  .rule-strip i { transform: rotate(90deg); }
  .rule-panel { padding: 24px; }
  .entry-ladder { grid-template-columns: 1fr; }
  .entry-ladder div, .entry-ladder div:nth-child(odd), .entry-ladder div:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .entry-ladder div:last-child { border-bottom: 0; }
  .credit-examples div { align-items: flex-start; flex-direction: column; gap: 4px; }
  .credit-examples strong { text-align: left; }
  .draw-steps { grid-template-columns: 1fr; }
  .draw-steps article, .draw-steps article:nth-last-child(-n+2) { min-height: 180px; }
  .draw-steps h3 { margin-top: 38px; }
  .round-filters { display: grid; grid-template-columns: 1fr 1fr; }
  .round-filters button { width: 100%; }
}

@media (max-width: 390px) {
  .landing-hero h1 { font-size: 2.7rem; }
  .landing-hero .hero-facts strong { font-size: .92rem; }
  .landing-hero .hero-facts span { padding-inline: 10px; }
  .landing-hero .hero-facts span:nth-child(odd) { padding-left: 0; }
  .live-card-heading h3 { font-size: 3.25rem; }
  .operator-banner { padding: 21px; }
  .operator-banner strong { font-size: 1.25rem; }
  .round-filters { grid-template-columns: 1fr; }
}