@font-face {
  font-family: "BOZEX Monument";
  src: url("/fonts/MonumentExtended-Regular.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
}

.admin-load-more {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(205, 255, 47, 0.25);
  border-radius: 14px;
  background: rgba(205, 255, 47, 0.06);
  color: #d8ff4f;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

.admin-load-more:disabled {
  cursor: wait;
  opacity: 0.7;
}

@font-face {
  font-family: "BOZEX Monument";
  src: url("/fonts/MonumentExtended-Bold.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
}

:root {
  color-scheme: dark;
  --ink: #080a16;
  --ink-soft: #101326;
  --panel: rgba(20, 24, 46, 0.78);
  --panel-solid: #15192e;
  --line: rgba(255, 255, 255, 0.12);
  --line-hot: rgba(215, 255, 73, 0.45);
  --paper: #f6f7ff;
  --muted: #a7acc4;
  --lime: #d7ff49;
  --pink: #ff4f91;
  --violet: #8986ff;
  --cyan: #62e9ff;
  --danger: #ff806d;
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 32px;
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
  --shell: min(1360px, calc(100vw - 64px));
  --text-caption: .875rem;
  --text-small: .9375rem;
  --text-body: 1rem;
  --text-lead: 1.125rem;
  --display-font: "Arial Black", "Arial Narrow", sans-serif;
  font-family: "Segoe UI Variable Text", "Segoe UI", "Avenir Next", sans-serif;
  background: var(--ink);
  color: var(--paper);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scrollbar-color: #2a2a4a transparent; scrollbar-width: thin; }
body { margin: 0; min-width: 320px; min-height: 100vh; overflow-x: hidden; font-size: var(--text-body); background:
  radial-gradient(circle at 22% 8%, rgba(137, 134, 255, 0.13), transparent 30rem),
  radial-gradient(circle at 86% 26%, rgba(255, 79, 145, 0.08), transparent 28rem), var(--ink); color: var(--paper); }
html, body { max-width: 100%; overflow-x: clip; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -3; 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: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2a2a4a; border-radius: 999px; }
::-webkit-scrollbar-button { display: none; }
::selection { background: var(--lime); color: #111422; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, video { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { overflow-wrap: normal; word-break: normal; hyphens: none; text-wrap: balance; }
h1, h2, h3, .brand-lockup, .countdown__clock, .metric-large, .winner-card__prize strong { font-family: var(--display-font); }
body.has-bozex-font { --display-font: "BOZEX Monument", "Arial Black", sans-serif; }
h1 { margin-bottom: 24px; font-size: clamp(3rem, 7vw, 6.9rem); line-height: .89; letter-spacing: -.055em; text-transform: uppercase; }
h1 em, h2 em { color: var(--lime); font-style: normal; }
h2 { margin-bottom: 0; font-size: clamp(2rem, 4vw, 4rem); line-height: .98; letter-spacing: -.045em; text-transform: uppercase; }
h3 { letter-spacing: -.025em; }
p { color: var(--muted); font-size: var(--text-body); line-height: 1.7; }
code { overflow-wrap: anywhere; }
.not-found-stage { min-height: 68vh; padding-block: clamp(90px,14vw,190px); position: relative; display: grid; align-content: center; justify-items: start; overflow: hidden; }
.not-found-stage__code { position: absolute; right: 2vw; top: 50%; translate: 0 -50%; color: rgba(198,255,45,.055); font-size: clamp(10rem,30vw,28rem); font-weight: 1000; line-height: .72; letter-spacing: -.09em; pointer-events: none; }
.not-found-stage h1 { max-width: 750px; margin: 14px 0 20px; font-size: clamp(3rem,8vw,7rem); line-height: .83; text-transform: uppercase; }
.not-found-stage p { max-width: 590px; margin: 0; color: #a7acc4; font-size: clamp(1rem,1.3vw,1.125rem); line-height: 1.7; }
.not-found-stage__actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 10px; }

.shell { width: var(--shell); margin-inline: auto; }
.section-block { padding-block: clamp(72px, 9vw, 132px); }
.page-top { padding-top: 42px; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 9999; padding: 12px 18px; color: #080a16; background: var(--lime); border-radius: 0 0 12px 12px; font-weight: 800; }
.skip-link:focus { top: 0; }
:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
.ambient { position: fixed; border-radius: 50%; filter: blur(120px); pointer-events: none; z-index: -2; opacity: .25; }
.ambient--one { width: 360px; height: 360px; left: -190px; top: 28vh; background: var(--violet); }
.ambient--two { width: 300px; height: 300px; right: -170px; top: 60vh; background: var(--pink); }
.grain { position: fixed; inset: 0; z-index: 20; opacity: .035; pointer-events: none; background: repeating-radial-gradient(circle at 0 0, #fff 0, #fff 1px, transparent 1px, transparent 4px); mix-blend-mode: soft-light; }

.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(8, 10, 22, .76); backdrop-filter: blur(22px); }
.site-header__inner { width: var(--shell); min-height: 78px; margin: auto; display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 18px 20px; }
.ui-switch { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.03); }
.ui-switch__option { min-width: 38px; height: 36px; display: grid; place-items: center; border-radius: 999px; color: var(--muted); font-size: .86rem; font-weight: 900; transition: background .2s ease, color .2s ease; }
.ui-switch__option:hover { color: var(--paper); background: rgba(255,255,255,.06); }
.ui-switch__option.is-active { color: #10120c; background: var(--lime); }
.ui-switch--admin { margin: 10px 0 4px; }
.brand-lockup { display: flex; align-items: baseline; gap: 9px; font-weight: 700; letter-spacing: -.04em; }
.brand-lockup__bozex { font-size: 1.125rem; }
.brand-lockup__slash { color: var(--lime); }
.brand-lockup__win { color: var(--lime); font-size: var(--text-small); letter-spacing: .12em; }
.site-nav { justify-self: center; display: flex; gap: 5px; padding: 5px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.025); }
.site-nav__link { padding: 10px 17px; border-radius: 999px; color: var(--muted); font-size: var(--text-body); font-weight: 700; transition: .2s ease; }
.site-nav__link:hover, .site-nav__link.is-active { color: var(--paper); background: rgba(255,255,255,.09); }
.site-nav__link.is-active { box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.site-header__home { color: var(--muted); font-size: var(--text-small); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.eyebrow { display: inline-block; margin-bottom: 13px; color: var(--lime); font-size: var(--text-caption); line-height: 1.35; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.section-heading { margin-bottom: 42px; }
.section-heading--split { display: flex; justify-content: space-between; gap: 32px; align-items: end; }
.section-heading__note, .section-lead { max-width: 540px; color: var(--muted); }
.section-lead { margin-top: -24px; margin-bottom: 34px; }
.button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 9px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: var(--text-body); font-weight: 900; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { color: #10120c; background: var(--lime); box-shadow: 0 12px 36px rgba(215,255,73,.17); }
.button--primary:hover { background: #e4ff7c; }
.button--ghost { border-color: var(--line); background: rgba(255,255,255,.035); }
.button--ghost:hover { border-color: rgba(255,255,255,.3); }
.button--small { min-height: 42px; padding-inline: 16px; }
.button--likee { width: 100%; color: white; background: linear-gradient(100deg, #ff4f91, #fd6e5e); }
.text-link { color: var(--lime); font-size: var(--text-body); font-weight: 900; }
.text-link:hover { text-decoration: underline; text-underline-offset: 5px; }

.hero-stage { min-height: calc(100vh - 78px); display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 48px; padding-block: 72px; }
.hero-stage__copy > p { max-width: 660px; font-size: var(--text-lead); }
.hero-stage__label { display: flex; align-items: center; gap: 13px; margin-bottom: 32px; color: var(--muted); font-size: var(--text-caption); letter-spacing: .12em; font-weight: 800; }
.hero-stage__label i { width: 44px; height: 1px; background: var(--lime); }
.hero-stage__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.hero-stage__visual { position: relative; min-height: 560px; display: grid; place-items: center; isolation: isolate; }
.hero-stage__visual::before { content: ""; position: absolute; top: 50%; left: 50%; width: 360px; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle, rgba(137,134,255,.38), rgba(137,134,255,0) 65%); filter: blur(8px); }
.orbit { position: absolute; top: 50%; left: 50%; translate: -50% -50%; aspect-ratio: 1; box-sizing: border-box; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; transform-origin: center center; will-change: transform; }
.orbit--outer { width: 480px; animation: spin 26s linear infinite; }
.orbit--outer::after, .orbit--outer::before { content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 30px var(--lime); }
.orbit--outer::before { top: 0; left: 50%; transform: translate(-50%, -50%); }
.orbit--outer::after { top: 50%; right: 0; transform: translate(50%, -50%); background: var(--pink); box-shadow: 0 0 30px var(--pink); }
.orbit--outer span { position: absolute; padding: 5px 11px; border-radius: 999px; color: var(--muted); background: rgba(8,10,22,.62); backdrop-filter: blur(3px); font-size: var(--text-caption); font-weight: 900; letter-spacing: .1em; white-space: nowrap; }
.orbit--outer span:first-child { top: 18px; left: 50%; translate: -50% 0; }
.orbit--outer span:last-child { bottom: 18px; left: 50%; translate: -50% 0; transform: rotate(180deg); }
.orbit--inner { width: 330px; border-style: solid; border-color: rgba(215,255,73,.32); box-shadow: inset 0 0 0 1px rgba(215,255,73,.05), 0 0 34px rgba(215,255,73,.035); animation: spin-reverse 18s linear infinite; }
.hero-stage__disc { position: relative; z-index: 1; width: 244px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #32355f, #171a30 55%, #0b0d1c); border: 1px solid rgba(255,255,255,.2); box-shadow: inset 0 0 0 16px rgba(255,255,255,.02), inset 0 0 0 17px rgba(255,255,255,.08), var(--shadow); }
.hero-stage__disc span { font-family: var(--display-font); color: var(--lime); font-size: 4.7rem; font-weight: 700; letter-spacing: -.09em; transform: translateX(-4px); }
.hero-stage__disc small { position: absolute; right: 45px; bottom: 47px; font-size: var(--text-caption); }
.hero-stage__ticket { position: absolute; right: 0; bottom: 70px; width: 185px; padding: 18px; transform: rotate(-7deg); border: 1px solid rgba(255,255,255,.25); background: rgba(255,79,145,.92); box-shadow: var(--shadow); }
.hero-stage__ticket::before { content: ""; position: absolute; left: -7px; top: 0; bottom: 0; width: 12px; background: radial-gradient(circle, var(--ink) 4px, transparent 5px) center/12px 18px; }
.hero-stage__ticket span, .hero-stage__ticket small { display: block; font-size: var(--text-caption); font-weight: 900; letter-spacing: .06em; }
.hero-stage__ticket strong { display: block; margin: 10px 0 4px; font-family: var(--display-font); font-size: 3.7rem; line-height: .8; }

.sync-line, .sync-banner { display: flex; align-items: center; gap: 12px; margin-block: 12px; color: var(--muted); font-size: var(--text-small); }
.live-dot, .sync-banner__dot { width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 14px rgba(215,255,73,.8); }
.sync-banner { padding: 18px 20px; border: 1px solid rgba(255,128,109,.3); border-radius: var(--radius-sm); background: rgba(255,128,109,.07); }
.sync-banner__dot { background: var(--danger); box-shadow: 0 0 14px rgba(255,128,109,.8); }
.sync-banner strong, .sync-banner span { display: block; }
.sync-banner strong { margin-bottom: 4px; color: var(--paper); }
.test-notice { width: var(--shell); margin: 24px auto 0; display: flex; gap: 12px; padding: 17px 20px; border: 1px dashed rgba(98,233,255,.45); border-radius: var(--radius-sm); color: var(--muted); background: rgba(98,233,255,.06); font-size: var(--text-small); }
.test-notice strong { color: var(--cyan); white-space: nowrap; }
.status-chip, .proof-chip, .formula-chip, .test-chip, .delivery-chip { display: inline-flex; align-items: center; gap: 7px; width: fit-content; padding: 8px 12px; border-radius: 999px; font-size: var(--text-caption); font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.status-chip { color: #11140a; background: var(--lime); }
.status-chip i { width: 6px; height: 6px; border-radius: 50%; background: #11140a; animation: pulse 1.6s ease infinite; }
.status-chip--done { color: var(--paper); border: 1px solid var(--line); background: rgba(255,255,255,.07); }
.proof-chip { padding: 0; color: var(--lime); }
.test-chip { color: var(--cyan); border: 1px solid rgba(98,233,255,.3); background: rgba(5,20,28,.82); }
.test-chip--large { max-width: 100%; white-space: normal; overflow-wrap: break-word; margin-top: 18px; }
.formula-chip { color: var(--muted); border: 1px solid var(--line); background: rgba(255,255,255,.03); }
.delivery-chip { color: #12140a; background: var(--lime); }
.delivery-chip--pending { color: var(--muted); border: 1px solid var(--line); background: transparent; }

.countdown { display: grid; grid-template-columns: minmax(180px, .75fr) 2fr; align-items: center; gap: 38px; padding: clamp(25px, 4vw, 45px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(120deg, rgba(137,134,255,.12), rgba(255,255,255,.025)); box-shadow: var(--shadow); }
.countdown__intro strong { display: block; font-size: 1.04rem; }
.countdown__clock { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: start; text-align: center; }
.countdown__clock div { display: grid; gap: 9px; }
.countdown__clock span { font-size: clamp(2rem, 5.7vw, 5rem); line-height: .9; letter-spacing: -.06em; }
.countdown__clock small { color: var(--muted); font-size: var(--text-caption); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.countdown__clock i { margin-top: -.08em; color: var(--lime); font-style: normal; font-size: clamp(2rem, 5.7vw, 5rem); line-height: .9; }
.countdown__fallback { display: none; }

.choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.choice-card { position: relative; min-height: 430px; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(30px, 4vw, 52px); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--panel); box-shadow: var(--shadow); }
.choice-card::after { content: ""; position: absolute; width: 320px; height: 320px; right: -130px; bottom: -150px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255,255,255,.018), 0 0 0 90px rgba(255,255,255,.012); }
.choice-card--blogger { background: linear-gradient(145deg, rgba(70,70,145,.72), rgba(18,21,42,.92)); }
.choice-card--commenter { background: linear-gradient(145deg, rgba(143,39,85,.64), rgba(18,21,42,.92)); }
.choice-card__number { position: absolute; right: 30px; top: 20px; color: rgba(255,255,255,.4); font-family: var(--display-font); font-size: 6.5rem; font-weight: 700; }
.choice-card__tag { margin-bottom: auto; color: var(--lime); font-size: var(--text-caption); font-weight: 900; letter-spacing: .12em; }
.choice-card h3 { max-width: 550px; margin: 50px 0 20px; font-size: clamp(1.7rem, 3vw, 2.7rem); text-transform: uppercase; }
.choice-card p { max-width: 530px; }
.choice-card a { position: relative; z-index: 2; margin-top: 20px; color: var(--lime); font-weight: 900; }

.prize-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 15px; }
.prize-grid:empty { display: none; }
.prize-card { min-height: 270px; display: flex; flex-direction: column; justify-content: space-between; padding: 27px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.035); transition: transform .25s ease, border-color .25s ease; }
.prize-card:hover { transform: translateY(-5px); border-color: var(--line-hot); }
.prize-card__index { align-self: flex-end; color: rgba(255,255,255,.55); font-family: var(--display-font); }
.prize-card h3 { margin: 0 0 10px; font-size: 1.45rem; text-transform: uppercase; }
.prize-card p { font-size: var(--text-body); }
.prize-card__meta { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 15px; border-top: 1px solid var(--line); }
.prize-card__meta span { padding: 7px 10px; border-radius: 999px; color: var(--muted); background: rgba(255,255,255,.05); font-size: var(--text-caption); font-weight: 700; }

.trust-manifesto, .leaderboard-section, .proof-section, .history-promise, .prize-stage { background: #0d1020; border-block: 1px solid var(--line); }
.trust-manifesto__grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: start; }
.trust-steps { margin: 0; padding: 0; list-style: none; }
.trust-steps li { display: grid; grid-template-columns: 60px 1fr; gap: 20px; padding: 25px 0; border-bottom: 1px solid var(--line); }
.trust-steps li > span { color: var(--lime); font-family: var(--display-font); }
.trust-steps strong { display: block; margin-bottom: 7px; font-size: 1.04rem; }
.trust-steps p { margin: 0; font-size: var(--text-body); }

.archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.archive-grid > * { min-width: 0; }
.archive-card { min-height: 290px; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--panel); }
.archive-card__top { min-height: 34px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.archive-card h3 { margin: 30px 0 8px; font-size: 1.35rem; text-transform: uppercase; }
.archive-card__numbers { display: flex; gap: 22px; margin: 12px 0 30px; color: var(--muted); font-size: var(--text-caption); }
.archive-card__numbers strong { display: block; color: var(--paper); font-size: 1.25rem; }
.archive-card .text-link { margin-top: auto; }
.empty-panel { display: grid; place-items: center; min-height: 260px; padding: 36px; text-align: center; border: 1px dashed rgba(255,255,255,.19); border-radius: var(--radius-md); background: rgba(255,255,255,.02); }
.empty-panel__mark { color: var(--lime); font-size: 2.7rem; }
.empty-panel h3 { margin: 12px 0 8px; font-size: 1.25rem; text-transform: uppercase; }
.empty-panel p { max-width: 550px; margin: 0; }
.empty-hero { min-height: 70vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.empty-hero p { max-width: 620px; font-size: 1.05rem; }

.page-hero { min-height: 650px; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 60px; padding-block: 70px; }
.page-hero__copy p { max-width: 690px; font-size: var(--text-lead); }
.page-hero__stat { justify-self: end; width: 310px; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle, rgba(137,134,255,.22), rgba(137,134,255,.02) 65%); box-shadow: 0 0 0 30px rgba(255,255,255,.015), 0 0 0 60px rgba(255,255,255,.009); }
.page-hero__stat span, .page-hero__stat small { color: var(--muted); font-size: var(--text-caption); font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.page-hero__stat strong { margin: 15px 0; color: var(--lime); font-family: var(--display-font); font-size: 6rem; line-height: 1; }
.rule-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 29px; }
.rule-pills span { padding: 9px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: var(--text-caption); font-weight: 700; }
.how-grid, .chance-rules { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.how-grid li, .chance-rules article { min-height: 290px; padding: 28px; border-right: 1px solid var(--line); background: rgba(255,255,255,.025); }
.how-grid li:last-child, .chance-rules article:last-child { border-right: 0; }
.how-grid li > span, .chance-rules article > span { color: var(--lime); font-family: var(--display-font); }
.how-grid h3, .chance-rules h3 { margin: 75px 0 12px; font-size: 1.3rem; text-transform: uppercase; }
.how-grid p, .chance-rules p { margin-bottom: 0; font-size: var(--text-body); }
.blogger-submit { display: grid; grid-template-columns: minmax(260px,.78fr) minmax(360px,1.22fr); gap: clamp(28px,5vw,80px); padding: clamp(28px,4vw,54px); border: 1px solid rgba(215,255,73,.28); border-radius: var(--radius-lg); background: linear-gradient(125deg,rgba(215,255,73,.07),rgba(255,255,255,.025)); }
.blogger-submit h2 { margin-bottom: 16px; font-size: clamp(2rem,3.3vw,3.4rem); }
.blogger-submit p { max-width: 620px; margin: 0; color: var(--muted); }
.blogger-submit form { display: grid; align-content: center; gap: 10px; }
.blogger-submit form label { color: var(--white); font-weight: 900; }
.blogger-submit form > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.blogger-submit input { min-width: 0; min-height: 56px; padding: 0 18px; border: 1px solid var(--line); border-radius: 999px; background: rgba(5,7,19,.72); color: var(--white); font: inherit; }
.blogger-submit input:focus { outline: 2px solid var(--lime); outline-offset: 2px; }
.blogger-submit form small { color: var(--muted); line-height: 1.5; }
.blogger-submit__notice { grid-column: 1 / -1; display: grid; gap: 4px; padding: 16px 19px; border: 1px solid rgba(255,106,106,.4); border-radius: 14px; background: rgba(255,106,106,.07); }
.blogger-submit__notice--ok { border-color: rgba(215,255,73,.42); background: rgba(215,255,73,.08); }
.blogger-submit__notice span { color: var(--muted); }
.chance-rules__accent { background: rgba(215,255,73,.08) !important; }
.commenter-action { padding-top: clamp(52px, 7vw, 96px); scroll-margin-top: 112px; }
.commenter-action__grid { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); gap: clamp(26px,4vw,56px); align-items: start; }
.commenter-action__guide { position: sticky; top: 98px; min-width: 0; }
.commenter-action__videos { min-width: 0; }
.chance-rules--stacked { grid-template-columns: 1fr; }
.chance-rules--stacked article { min-height: 0; padding: 22px; border-right: 0; border-bottom: 1px solid var(--line); }
.chance-rules--stacked article:last-child { border-bottom: 0; }
.chance-rules--stacked h3 { margin-top: 28px; }
.rules-note { display: grid; grid-template-columns: 220px 1fr; gap: 30px; margin-top: 16px; padding: 22px 26px; border-left: 3px solid var(--lime); background: rgba(255,255,255,.035); }
.rules-note--compact { grid-template-columns: 1fr; gap: 8px; padding: 18px 20px; }
.rules-note p { margin: 0; }

.leader-table-wrap { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); }
.leader-table { width: 100%; border-collapse: collapse; }
.leader-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.leader-table th { padding: 15px 18px; color: var(--muted); background: rgba(255,255,255,.035); font-size: var(--text-caption); letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.leader-table td { padding: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: var(--text-body); }
.leader-table tr { transition: background .2s ease; }
.leader-table tbody tr:hover { background: rgba(255,255,255,.035); }
.rank-number { color: var(--lime); font-family: var(--display-font); font-size: var(--text-body); }
.creator-cell { display: flex; align-items: center; gap: 12px; }
.creator-monogram { width: 45px; height: 45px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; color: var(--paper); background: rgba(137,134,255,.15); font-size: var(--text-caption); }
.creator-cell strong, .creator-cell a { display: block; }
.creator-cell strong { color: var(--paper); }
.creator-cell a { margin-top: 5px; color: var(--lime); font-size: var(--text-caption); }
.metric-large { color: var(--paper); }
.league-name { display: block; color: var(--paper); font-weight: 800; }
.leader-table td small { display: block; margin-top: 5px; }
.chance-cell strong { color: var(--lime); font-size: var(--text-lead); }
.chance-bar { width: 105px; height: 4px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.chance-bar i { display: block; height: 100%; max-width: 100%; border-radius: inherit; background: var(--lime); }
.leader-mobile-list { display: none; }

.chance-demo { justify-self: end; width: 330px; padding: 28px; transform: rotate(3deg); border: 1px solid rgba(255,255,255,.25); background: linear-gradient(145deg, rgba(255,79,145,.88), rgba(137,70,180,.9)); box-shadow: var(--shadow); }
.chance-demo__top { display: flex; align-items: flex-start; justify-content: space-between; }
.chance-demo__top span { font-size: var(--text-caption); font-weight: 900; letter-spacing: .1em; }
.chance-demo__top strong { font-family: var(--display-font); font-size: 4.8rem; line-height: .8; }
.chance-demo__tickets { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; margin: 36px 0 20px; }
.chance-demo__tickets i { display: grid; place-items: center; aspect-ratio: .7; border: 1px dashed rgba(255,255,255,.5); font-style: normal; font-size: var(--text-caption); font-weight: 900; }
.chance-demo p { margin: 0; color: white; font-size: var(--text-small); font-weight: 800; }
.video-count { color: var(--muted); font-size: var(--text-small); }
.video-count strong { margin-right: 7px; color: var(--lime); font-family: var(--display-font); font-size: 1.8rem; }
.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.video-grid--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.video-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--panel); transition: transform .25s ease, border-color .25s ease; }
.video-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,.25); }
.video-card__media { position: relative; aspect-ratio: 4/3; overflow: hidden; background: #15182d; }
.video-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.video-card:hover img { transform: scale(1.04); }
.video-card__media::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(8,10,22,.7)); }
.video-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; background: radial-gradient(circle at 30% 20%, rgba(255,79,145,.4), transparent 50%), linear-gradient(145deg, #2c2445, #111426); }
.video-card__placeholder span { color: rgba(255,255,255,.65); font-family: var(--display-font); font-size: 1.5rem; }
.video-card__number { position: absolute; left: 15px; top: 15px; z-index: 2; padding: 7px 9px; color: #11140a; background: var(--lime); font-family: var(--display-font); font-size: var(--text-caption); }
.video-card__media .test-chip { position: absolute; right: 12px; top: 12px; z-index: 2; }
.video-card__body { padding: 22px; }
.video-card__body h3 { min-height: 1.3em; margin: 0; font-size: 1.2rem; }
.metric-row { display: flex; gap: 25px; margin: 18px 0; color: var(--muted); font-size: var(--text-caption); }
.metric-row strong { display: block; color: var(--paper); font-size: var(--text-lead); }

.history-hero { min-height: 570px; position: relative; display: flex; flex-direction: column; justify-content: center; padding-block: 70px; }
.history-hero h1 { max-width: 900px; }
.history-hero__aside { position: absolute; right: 20px; bottom: 85px; display: flex; align-items: center; gap: 17px; }
.history-hero__aside strong { color: var(--lime); font-family: var(--display-font); font-size: 4.8rem; line-height: 1; }
.history-hero__aside span { color: var(--muted); font-size: var(--text-caption); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.history-promise__inner { display: grid; grid-template-columns: 190px 1fr; gap: 55px; align-items: center; }
.history-promise__mark { width: 150px; height: 150px; display: grid; place-items: center; border: 1px solid var(--line-hot); border-radius: 50%; color: var(--lime); font-size: 4rem; box-shadow: 0 0 0 20px rgba(215,255,73,.025); }
.history-promise h2 { max-width: 800px; }
.history-promise p { max-width: 760px; margin-top: 25px; }

.round-hero { min-height: 540px; display: grid; grid-template-columns: 1fr 300px; gap: 60px; align-items: center; padding-block: 60px; }
.round-hero > * { min-width: 0; }
.round-hero h1 { max-width: 860px; margin-top: 24px; font-size: clamp(2.8rem, 6vw, 6rem); }
.back-link { display: block; margin-bottom: 28px; color: var(--muted); font-size: var(--text-small); font-weight: 800; }
.round-hero__seal { width: 220px; aspect-ratio: 1; justify-self: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid var(--lime); border-radius: 50%; transform: rotate(8deg); color: var(--lime); box-shadow: 0 0 0 10px var(--ink), 0 0 0 11px rgba(215,255,73,.25); }
.round-hero__seal span, .round-hero__seal small { font-size: var(--text-caption); font-weight: 900; letter-spacing: .08em; }
.round-hero__seal strong { margin-block: 8px; font-size: 4rem; line-height: 1; }
.status-chip--invalid { max-width: 100%; white-space: normal; overflow-wrap: break-word; text-align: center; color: #fff; background: rgba(255,128,109,.16); border: 1px solid rgba(255,128,109,.55); }
.integrity-warning { margin-bottom: 44px; padding: clamp(24px, 5vw, 48px); border: 1px solid rgba(255,128,109,.55); border-radius: var(--radius-md); background: rgba(255,128,109,.08); }
.integrity-warning h2 { max-width: 900px; }
.integrity-warning p { max-width: 920px; margin-top: 18px; color: var(--muted); }
.winner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.winner-card { position: relative; min-height: 390px; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(68,67,137,.44), rgba(20,24,46,.86)); }
.winner-card::after { content: ""; position: absolute; right: -80px; top: -80px; width: 180px; height: 180px; border: 1px solid rgba(215,255,73,.2); border-radius: 50%; box-shadow: 0 0 0 30px rgba(215,255,73,.015), 0 0 0 60px rgba(215,255,73,.01); }
.winner-card__order { color: rgba(255,255,255,.2); font-family: var(--display-font); }
.winner-card__crown { margin: 35px 0 18px; color: var(--lime); font-size: 2rem; }
.winner-card h3 { margin: 0; font-size: 1.4rem; text-transform: uppercase; }
.winner-card__handle { font-size: var(--text-small); }
.winner-card__prize { margin: auto 0 20px; }
.winner-card__prize small, .winner-card__prize strong { display: block; }
.winner-card__prize small { margin-bottom: 6px; color: var(--muted); font-size: var(--text-caption); letter-spacing: .08em; }
.winner-card__prize strong { font-size: 1.0625rem; }
.proof-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.proof-video { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-md); background: #05060d; }
.proof-video video { width: 100%; aspect-ratio: 16/9; background: #000; }
.proof-video figcaption { display: flex; justify-content: space-between; gap: 15px; padding: 18px 20px; }
.proof-video figcaption span { color: var(--muted); font-size: var(--text-caption); }
.digest-list { display: grid; gap: 15px; }
.digest-list article { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.025); }
.digest-list article > div:first-child { display: flex; justify-content: space-between; align-items: start; }
.digest-list h3 { text-transform: uppercase; }
.digest-list dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; }
.digest-list dl div { padding: 12px; border-radius: var(--radius-sm); background: rgba(255,255,255,.04); }
.digest-list dt { color: var(--muted); font-size: var(--text-caption); text-transform: uppercase; }
.digest-list dd { margin: 6px 0 0; font-weight: 800; }
.digest-list label, .digest-list summary { color: var(--muted); font-size: var(--text-caption); font-weight: 700; }
.digest-code { display: block; margin: 8px 0 16px; padding: 12px; overflow: auto; border-radius: 8px; color: var(--lime); background: #070914; font-size: var(--text-caption); }
.digest-list details summary { cursor: pointer; }

.site-footer { margin-top: 100px; border-top: 1px solid var(--line); background: rgba(0,0,0,.16); }
.site-footer__inner { width: var(--shell); min-height: 210px; margin: auto; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 55px; }
.site-footer__brand { font-family: var(--display-font); font-size: 1rem; }
.site-footer p { max-width: 400px; margin: 9px 0 0; font-size: var(--text-small); }
.site-footer nav { display: flex; gap: 22px; color: var(--muted); font-size: var(--text-small); font-weight: 700; }
.site-footer nav a:hover { color: var(--lime); }
.site-footer__legal { white-space: nowrap; }

.reveal { animation: reveal-up .75s cubic-bezier(.16,1,.3,1) both; }
.reveal--delay { animation-delay: .12s; }
@keyframes reveal-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spin-reverse { to { transform: rotate(-360deg); } }
@keyframes pulse { 50% { opacity: .35; transform: scale(.7); } }

@media (max-width: 1180px) {
  .hero-stage, .page-hero { grid-template-columns: 1fr; }
  .hero-stage { padding-top: 90px; }
  .hero-stage__visual { min-height: 520px; }
  .page-hero { min-height: auto; padding-block: 100px 60px; }
  .page-hero__stat, .chance-demo { justify-self: center; }
}

@media (max-width: 980px) {
  :root { --shell: min(100% - 32px, 760px); }
  .site-header__inner { grid-template-columns: auto auto 1fr; min-height: 74px; }
  .site-nav { grid-column: 1 / -1; width: 100%; justify-content: space-between; order: 3; margin-bottom: 10px; overflow-x: auto; }
  .site-header__home { justify-self: end; }
  .hero-stage__visual { min-height: 500px; }
  .section-heading--split { align-items: flex-start; flex-direction: column; }
  .how-grid, .chance-rules { grid-template-columns: 1fr; }
  .how-grid li, .chance-rules article { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }
  .how-grid li:last-child, .chance-rules article:last-child { border-bottom: 0; }
  .how-grid h3, .chance-rules h3 { margin-top: 48px; }
  .blogger-submit { grid-template-columns: 1fr; }
  .blogger-submit form > div { grid-template-columns: 1fr; }
  .blogger-submit .button { width: 100%; }
  .countdown { grid-template-columns: 1fr; }
  .commenter-action__grid { grid-template-columns: 1fr; }
  .commenter-action__guide { position: static; }
  .prize-grid, .archive-grid, .video-grid, .winner-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-manifesto__grid { grid-template-columns: 1fr; }
  .leader-table-wrap { display: none; }
  .leader-mobile-list { display: grid; gap: 12px; }
  .leader-mobile-list article { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(255,255,255,.03); }
  .leader-mobile-list__head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 14px; }
  .leader-mobile-list__head strong, .leader-mobile-list__head span { display: block; }
  .leader-mobile-list__head span { color: var(--muted); font-size: var(--text-caption); }
  .leader-mobile-list__head b { color: var(--lime); }
  .leader-mobile-list__metrics { display: flex; justify-content: space-between; margin: 16px 0; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); font-size: var(--text-caption); }
  .leader-mobile-list a { color: var(--lime); font-size: var(--text-caption); font-weight: 800; }
  .history-hero__aside { position: static; margin-top: 20px; }
  .round-hero { grid-template-columns: 1fr; }
  .round-hero__seal { justify-self: start; }
  .site-footer__inner { grid-template-columns: 1fr auto; }
  .site-footer__legal { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  :root { --shell: calc(100vw - 28px); }
  .ambient { display: none; }
  h1 { font-size: clamp(2.35rem, 11vw, 4.4rem); }
  h2 { font-size: clamp(1.6rem, 8vw, 2.8rem); }
  .section-block { padding-block: 70px; }
  /* On a phone the header stops trying to hold everything in one row. The name and the
     personal button stay on top, the sections take the next line and the version
     switcher closes the block — before, the row simply ran past the edge of the screen
     and the last menu item and the "Мои шансы" button were cut off with no way to reach
     them. */
  .site-header__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding-block: 10px; }
  .site-header__inner > * { min-width: 0; }
  .brand-lockup { order: 1; margin-right: auto; }
  .site-header__home, .me-button { order: 2; margin-left: auto; }
  .site-header__home { font-size: var(--text-caption); }
  .site-header__inner > .ui-switch { order: 4; }
  .ui-switch { padding: 2px; gap: 1px; }
  .ui-switch__option { min-width: 30px; height: 30px; font-size: .78rem; }
  .site-nav { order: 3; flex: 1 0 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px; overflow: visible; }
  .site-nav__link { min-width: 0; padding: 9px 8px; text-align: center; font-size: var(--text-caption); }
  .hero-stage { min-height: auto; padding-block: 85px 45px; }
  .hero-stage__visual { width: 100%; min-height: 370px; margin: 0; overflow: hidden; }
  .orbit--outer { width: min(340px, calc(100vw - 36px)); }
  .orbit--inner { width: min(250px, calc(100vw - 110px)); }
  .hero-stage__disc { width: min(185px, calc(100vw - 165px)); }
  .hero-stage__disc span { font-size: 3.6rem; }
  .hero-stage__disc small { right: 31px; bottom: 32px; }
  .hero-stage__ticket { right: 8px; bottom: 25px; width: 145px; }
  .hero-stage__actions { flex-direction: column; }
  .button { width: 100%; }
  .choice-grid, .prize-grid, .archive-grid, .video-grid, .winner-grid, .proof-grid { grid-template-columns: 1fr; }
  .choice-card { min-height: 390px; }
  .countdown { padding: 23px 15px; gap: 25px; }
  .countdown__clock span, .countdown__clock i { font-size: clamp(1.7rem, 10vw, 2.6rem); }
  .countdown__clock small { font-size: var(--text-caption); letter-spacing: .03em; }
  .rules-note { grid-template-columns: 1fr; gap: 10px; }
  .test-notice { flex-direction: column; }
  .page-hero__stat { width: 235px; }
  .page-hero__stat strong { font-size: 4.5rem; }
  .chance-demo { width: min(100%, 320px); }
  .history-hero { min-height: 520px; }
  .history-promise__inner { grid-template-columns: 1fr; }
  .history-promise__mark { width: 100px; height: 100px; }
  .archive-card h3 { font-size: 1.1rem; line-height: 1.15; }
  .round-hero h1 { font-size: clamp(1.1rem, 5.7vw, 3rem); line-height: 1.1; letter-spacing: -.045em; }
  .round-hero__seal { width: 150px; justify-self: start; }
  .proof-video figcaption { flex-direction: column; }
  .digest-list dl { grid-template-columns: 1fr; }
  .digest-list article > div:first-child { display: block; }
  .site-footer__inner { grid-template-columns: 1fr; padding-block: 60px; gap: 25px; }
  .site-footer nav { flex-direction: column; gap: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* BOZEX WIN control room */
.admin-login-body,
.admin-body {
	--admin-global-factor: 1;
	--admin-page-title-ratio: 1;
  --admin-size-page-title: 88px;
  --admin-size-section-title: 22px;
  --admin-size-card-title: 23px;
  --admin-size-body: 16px;
  --admin-size-caption: 13px;
  --admin-size-action: 14px;
  --admin-card-heading-row: calc(38px + var(--admin-size-card-title) + var(--admin-size-card-title) + var(--admin-size-card-title) + var(--admin-size-caption) + var(--admin-size-caption));
  min-height: 100vh; background: #070914; color: var(--text);
}
.admin-login-body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 42%, rgba(198,255,45,.13), transparent 27%), radial-gradient(circle at 20% 80%, rgba(244,52,132,.08), transparent 30%); }
.admin-login-shell { width: min(1120px, calc(100% - 32px)); min-height: 100vh; margin: auto; display: grid; grid-template-columns: minmax(320px, 470px) 1fr; align-items: center; gap: clamp(40px, 9vw, 120px); }
.admin-login-card { position: relative; z-index: 1; padding: clamp(30px, 5vw, 56px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg, rgba(23,26,55,.96), rgba(10,12,27,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.42); }
.admin-login-card__intro { margin: 72px 0 34px; }
.admin-login-card h1 { margin: 8px 0 14px; font-size: clamp(2.5rem, 5vw, 4.2rem); }
.admin-login-card p { color: var(--muted); line-height: 1.7; }
.admin-login-form { display: grid; gap: 20px; }
.admin-login-form .button { margin-top: 10px; }
.admin-login-card__back { display: inline-block; margin-top: 30px; color: var(--muted); font-size: .74rem; }
.admin-login-art { position: relative; width: min(44vw, 440px); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(198,255,45,.35); border-radius: 50%; justify-self: center; color: var(--lime); }
.admin-login-art::before, .admin-login-art::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.08); border-radius: inherit; }
.admin-login-art::before { inset: 10%; }
.admin-login-art::after { inset: 22%; border-color: rgba(244,52,132,.35); }
.admin-login-art span { position: relative; z-index: 1; font-family: var(--display-font); font-size: clamp(4rem, 10vw, 8rem); font-weight: 900; letter-spacing: -.08em; }
.admin-login-art i { position: absolute; width: 12px; height: 12px; top: 10%; right: 28%; border-radius: 50%; background: var(--lime); box-shadow: 0 0 28px var(--lime); }
.admin-login-art small { position: absolute; bottom: 19%; letter-spacing: .3em; font-size: .56rem; }

.admin-form label { display: grid; gap: 9px; color: #d9dbef; font-size: .74rem; font-weight: 800; }
.admin-form label > span, .admin-field-grid label > span { letter-spacing: .02em; }
.admin-form input, .admin-form textarea, .admin-form select,
.admin-field-grid input, .admin-field-grid textarea, .admin-field-grid select { width: 100%; border: 1px solid #2a2e4d; border-radius: 12px; background: #0b0e20; color: var(--text); padding: 14px 15px; font: inherit; font-weight: 600; outline: none; transition: border-color .2s, box-shadow .2s, background .2s; }
.admin-form input:focus, .admin-form textarea:focus, .admin-form select:focus,
.admin-field-grid input:focus, .admin-field-grid textarea:focus, .admin-field-grid select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(198,255,45,.11); }
.admin-field-grid textarea { resize: vertical; min-height: 110px; line-height: 1.65; }
.admin-field-grid input:disabled, .admin-field-grid textarea:disabled, .admin-field-grid select:disabled { opacity: .68; cursor: not-allowed; background: #090b18; }
.admin-field-grid input[readonly] { color: var(--lime); }

.admin-shell { min-height: 100vh; display: grid; grid-template-columns: 270px minmax(0, 1fr); }
.admin-sidebar { position: sticky; top: 0; height: 100vh; padding: 32px 24px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #090b18; z-index: 20; }
.admin-sidebar__label { margin: 46px 0 18px; color: #555a78; font-size: .57rem; font-weight: 900; letter-spacing: .24em; }
.admin-sidebar nav { display: grid; gap: 7px; }
.admin-sidebar nav a { display: flex; align-items: center; gap: 15px; padding: 13px 14px; border: 1px solid transparent; border-radius: 11px; color: #8d92b0; font-size: .74rem; font-weight: 800; }
.admin-sidebar nav a span { width: 24px; color: #555a78; font-family: var(--display-font); font-size: .68rem; }
.admin-sidebar nav a:hover, .admin-sidebar nav a.is-active { color: var(--text); background: rgba(255,255,255,.045); border-color: var(--line); }
.admin-sidebar nav a.is-active span { color: var(--lime); }
.admin-sidebar__user { margin-top: auto; padding: 18px 14px 0; border-top: 1px solid var(--line); }
.admin-sidebar__user > span { display: block; font-weight: 850; font-size: .78rem; }
.admin-sidebar__user small { display: block; margin: 6px 0 12px; color: #656b8b; font-size: .6rem; line-height: 1.5; word-break: break-word; }
.admin-sidebar__user button { padding: 0; border: 0; background: none; color: #8e94b2; font: inherit; font-size: .66rem; cursor: pointer; }
.admin-sidebar__user button:hover { color: var(--pink); }
.admin-workspace { min-width: 0; }
.admin-topbar { height: 70px; padding: 0 clamp(24px, 4vw, 56px); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); color: #777d9d; font-size: .65rem; font-weight: 800; }
.admin-topbar a { color: #abb0ca; }
.admin-topbar__actions { display: flex; align-items: center; gap: 18px; }
.admin-type-settings { position: relative; }
.admin-type-settings__trigger { min-height: 36px; padding: 0 12px; display: inline-flex; align-items: center; gap: 9px; border: 1px solid #303553; border-radius: 9px; background: #101329; color: #d7daec; font: inherit; cursor: pointer; }
.admin-type-settings__trigger span { color: var(--lime); font-family: Georgia, serif; font-size: 1rem; }
.admin-type-settings__panel { position: absolute; top: calc(100% + 12px); right: 0; z-index: 60; width: min(520px, calc(100vw - 32px)); max-height: min(720px, calc(100vh - 96px)); overflow-y: auto; overscroll-behavior: contain; padding: 18px; border: 1px solid #3a3f62; border-radius: 16px; background: #101329; box-shadow: 0 24px 70px rgba(0,0,0,.55); }
.admin-type-settings__panel[hidden] { display: none; }
.admin-type-settings__panel header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.admin-type-settings__panel header strong, .admin-type-settings__panel header small { display: block; }
.admin-type-settings__panel header strong { color: var(--text); font-size: 1rem; }
.admin-type-settings__panel header small { margin-top: 5px; color: #7c83a3; font-size: .68rem; line-height: 1.45; }
.admin-type-settings__panel header button { border: 0; background: transparent; color: #aeb4cf; font: inherit; font-size: 1.3rem; cursor: pointer; }
.admin-type-setting { padding: 13px 0; display: grid; grid-template-columns: minmax(0,1fr) 34px 60px 34px; align-items: center; gap: 7px; border-bottom: 1px solid rgba(255,255,255,.06); }
.admin-type-setting > span strong, .admin-type-setting > span small { display: block; }
.admin-type-setting > span strong { color: #e4e6f2; font-size: .75rem; }
.admin-type-setting > span small { margin-top: 4px; color: #747b9c; font-size: .62rem; font-weight: 650; }
.admin-type-setting button { width: 34px; height: 34px; border: 1px solid #363b5d; border-radius: 8px; background: #171b35; color: var(--lime); font: inherit; font-size: 1rem; cursor: pointer; }
.admin-type-setting output { color: #fff; text-align: center; font-variant-numeric: tabular-nums; }
.admin-type-settings__reset { width: 100%; margin-top: 15px; min-height: 40px; border: 1px solid #34395b; border-radius: 9px; background: #151930; color: #c8cce0; font: inherit; cursor: pointer; }
.admin-live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px rgba(198,255,45,.65); }
.admin-menu-button { display: none; }
.admin-menu-backdrop { display: none; }
.admin-workspace main { width: min(1220px, calc(100% - clamp(40px, 8vw, 112px))); margin: 0 auto; padding: 54px 0 100px; }
.admin-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 46px; }
.admin-page-heading h1 { margin: 8px 0 12px; font-size: clamp(calc(42px * var(--admin-global-factor) * var(--admin-page-title-ratio)), calc(6vw * var(--admin-global-factor) * var(--admin-page-title-ratio)), var(--admin-size-page-title)); }
.admin-page-heading p { max-width: 720px; color: var(--muted); font-size: var(--admin-size-body); line-height: 1.7; }
.admin-page-heading--round { align-items: flex-start; }
.admin-page-heading--round h1 { font-size: clamp(calc(42px * var(--admin-global-factor) * var(--admin-page-title-ratio)), calc(5vw * var(--admin-global-factor) * var(--admin-page-title-ratio)), var(--admin-size-page-title)); }
.admin-heading-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.admin-back-link { display: block; margin-bottom: 28px; color: #858baa; font-size: .68rem; font-weight: 800; }

.admin-empty { min-height: 420px; display: grid; place-items: center; align-content: center; text-align: center; border: 1px dashed #2c304f; border-radius: 24px; background: rgba(255,255,255,.018); }
.admin-empty > span { font-size: 4rem; color: var(--lime); }
.admin-empty h2 { margin: 20px 0 10px; font-size: 2rem; }
.admin-empty p { max-width: 520px; color: var(--muted); }
.admin-empty .button { margin-top: 26px; }
.admin-section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.admin-section-title h2 { font-size: var(--admin-size-section-title); }
.admin-section-title span { color: #747a99; font-size: var(--admin-size-caption); }
.admin-round-list__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.admin-round-card { padding: 26px; display: grid; grid-template-rows: auto var(--admin-card-heading-row) auto auto; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(24,27,53,.9), rgba(13,15,32,.9)); transition: border-color .2s, transform .2s; }
.admin-round-card:hover { transform: translateY(-2px); border-color: #383d63; }
.admin-round-card__top { min-height: 25px; display: flex; gap: 8px; }
.admin-round-card__heading { min-width: 0; align-self: stretch; }
.admin-round-card h3 { margin: 25px 0 7px; overflow-wrap: normal; word-break: normal; hyphens: none; font-size: var(--admin-size-card-title); line-height: 1.16; }
.admin-round-card__period { margin: 0; color: #7e84a2; font-size: var(--admin-size-caption); }
.admin-round-card__metrics { display: grid; grid-template-columns: repeat(3,1fr); align-self: end; gap: 8px; margin: 25px 0; }
.admin-round-card__metrics span { padding: 12px; border-radius: 9px; background: rgba(255,255,255,.035); color: #787e9c; font-size: var(--admin-size-caption); }
.admin-round-card__metrics strong { display: block; margin-bottom: 4px; color: var(--text); font-size: 1rem; }
.admin-round-card__actions { margin-top: auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; min-height: 58px; padding-top: 18px; border-top: 1px solid var(--line); }
.admin-round-card__actions a { color: var(--lime); font-size: var(--admin-size-action); font-weight: 850; }
.admin-status { display: inline-flex; align-items: center; min-height: 25px; padding: 6px 10px; border: 1px solid #383d5e; border-radius: 100px; color: #a3a8c2; font-size: .55rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.admin-status--active { color: var(--lime); border-color: rgba(198,255,45,.35); background: rgba(198,255,45,.07); }
.admin-status--done { color: #b8bcce; background: rgba(255,255,255,.035); }
.admin-status--test { color: #6fe7f2; border-color: rgba(45,212,225,.35); }
.admin-status--danger { color: #ff9b8b; border-color: rgba(255,128,109,.4); background: rgba(255,128,109,.08); }

.admin-alert { margin-bottom: 20px; padding: 18px 20px; border: 1px solid rgba(45,212,225,.35); border-radius: 13px; background: rgba(45,212,225,.06); color: #dbecef; }
.admin-alert strong { display: block; margin-bottom: 5px; }
.admin-alert--problem { border-color: rgba(255,75,102,.5); background: rgba(255,51,82,.09); color: #ffd4dc; display: grid; gap: 4px; }
.admin-alert--problem strong { color: #ff91a1; }
.admin-alert__value { color: var(--lime); font-weight: 900; }
.admin-alert p { color: #8fa1b5; font-size: .7rem; line-height: 1.55; }
.admin-alert--error { border-color: rgba(255,92,112,.45); background: rgba(255,65,91,.08); color: #ffe0e5; }
.admin-form-layout { display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 22px; align-items: start; }
.admin-form-main { display: grid; gap: 18px; }
.admin-form-section { padding: clamp(22px, 3vw, 34px); border: 1px solid var(--line); border-radius: 18px; background: rgba(17,20,42,.82); }
.admin-form-section__heading { display: grid; grid-template-columns: 38px 1fr; gap: 14px; align-items: start; margin-bottom: 28px; }
.admin-form-section__heading > span { padding-top: 4px; color: var(--lime); font-family: var(--display-font); font-size: .72rem; font-weight: 900; }
.admin-form-section__heading h2 { margin: 0 0 6px; font-size: var(--admin-size-section-title); }
.admin-form-section__heading p { color: #7e84a3; font-size: var(--admin-size-body); line-height: 1.55; }
.admin-form-section__heading--actions { grid-template-columns: 38px 1fr auto; }
.admin-form-section__heading--actions > div:last-child { display: flex; gap: 8px; }
.admin-form-section__heading--actions .button { padding: 10px 13px; }
.admin-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.admin-field-grid label { display: grid; align-content: start; gap: 9px; color: #d9dbed; font-size: .72rem; font-weight: 800; }
.admin-field-grid label small { color: #686e8d; font-size: .58rem; font-weight: 700; }
.admin-field--wide { grid-column: 1 / -1; }
.admin-field-error { color: #ff8b9a !important; line-height: 1.45; }
.admin-check { grid-template-columns: auto 1fr; align-items: start; padding: 16px; border: 1px solid #292d4b; border-radius: 12px; cursor: pointer; }
.admin-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--lime); }
.admin-check span { display: grid; gap: 5px; }
.admin-check small { line-height: 1.5; }
.admin-prize-list { display: grid; gap: 12px; }
.admin-prize-row { border: 1px solid #2a2e4e; border-radius: 14px; overflow: hidden; background: #0d1022; }
.admin-prize-row__head { min-height: 54px; padding: 10px 15px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.025); }
.admin-prize-row__number { color: var(--lime); font-family: var(--display-font); font-size: .66rem; font-weight: 900; }
.admin-prize-row__head strong { font-size: .72rem; }
.admin-prize-row__head > div { display: flex; gap: 5px; }
.admin-prize-row__head button { min-width: 29px; min-height: 29px; padding: 0 8px; border: 1px solid #303555; border-radius: 7px; background: #12162d; color: #aab0c9; font: inherit; font-size: .62rem; cursor: pointer; }
.admin-prize-row__head button:hover { color: var(--lime); border-color: rgba(198,255,45,.4); }
.admin-prize-row__head button[data-prize-remove]:hover { color: #ff8394; border-color: rgba(255,83,109,.4); }
.admin-prize-row__head button:disabled { opacity: .35; cursor: not-allowed; }
.admin-field-grid--prize { padding: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.admin-form-aside { position: sticky; top: 90px; display: grid; gap: 12px; }
.admin-preview-card { min-height: 260px; padding: 24px; display: flex; flex-direction: column; border: 1px solid rgba(198,255,45,.22); border-radius: 18px; background: radial-gradient(circle at 90% 10%, rgba(198,255,45,.12), transparent 40%), linear-gradient(145deg,#191d3d,#101328); overflow: hidden; }
.admin-preview-card > small { margin-top: 10px; color: #7a809f; font-size: .58rem; line-height: 1.5; }
.admin-preview-card h2 { margin: auto 0; font-size: clamp(2rem, 3vw, 3rem); overflow-wrap: anywhere; }
.admin-preview-card > div { display: flex; justify-content: space-between; color: var(--lime); font-size: .58rem; font-weight: 900; text-transform: uppercase; }
.admin-save-button, .admin-form-aside > .button { width: 100%; }
.button--danger { border: 1px solid rgba(255,75,102,.45); background: rgba(255,51,82,.08); color: #ff91a1; }
.button--danger:hover { background: rgba(255,51,82,.16); }
.admin-aside-note { padding: 4px 8px; color: #676d8b; font-size: .58rem; line-height: 1.55; }

.admin-modal[hidden] { display: none; }
.admin-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }
.admin-modal__backdrop { position: absolute; inset: 0; background: rgba(3,4,11,.78); backdrop-filter: blur(10px); animation: fade-in .18s ease-out; }
.admin-modal__panel { position: relative; width: min(480px,100%); max-height: calc(100vh - 40px); overflow: auto; overscroll-behavior: contain; padding: 34px; border: 1px solid #373c60; border-radius: 20px; background: #12152b; box-shadow: 0 30px 90px rgba(0,0,0,.6); animation: modal-in .2s ease-out; }
.admin-modal__panel h2 { margin: 10px 0 13px; font-size: 2rem; }
.admin-modal__panel p { color: #8a90ad; line-height: 1.65; }
.admin-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 28px; }
@keyframes fade-in { from { opacity: 0; } }
@keyframes modal-in { from { opacity: 0; transform: translateY(10px) scale(.98); } }

.admin-workflow-entry { margin: -22px 0 24px; padding: 18px 21px; display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 1px solid rgba(198,255,45,.22); border-radius: 15px; background: linear-gradient(110deg,rgba(198,255,45,.08),rgba(255,255,255,.02)); transition: border-color .2s, transform .2s; }
.admin-workflow-entry:hover { border-color: rgba(198,255,45,.48); transform: translateY(-2px); }
.admin-workflow-entry span { display: grid; gap: 6px; }
.admin-workflow-entry small { color: var(--lime); font-size: .57rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.admin-workflow-entry strong { font-size: .78rem; }
.admin-workflow-entry b { color: var(--lime); font-size: .68rem; white-space: nowrap; }
.admin-workflow-nav { position: sticky; top: 70px; z-index: 12; margin: -18px 0 22px; padding: 7px; display: flex; gap: 5px; overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: rgba(9,11,24,.9); backdrop-filter: blur(16px); scrollbar-width: none; }
.admin-workflow-nav::-webkit-scrollbar { display: none; }
.admin-workflow-nav a { padding: 10px 14px; flex: 0 0 auto; border-radius: 9px; color: #8e94b2; font-size: .62rem; font-weight: 850; }
.admin-workflow-nav a:hover { color: #11140a; background: var(--lime); }
.admin-workflow-stack { display: grid; grid-template-columns: minmax(0,1fr); gap: 18px; }
.admin-workflow-section { min-width: 0; scroll-margin-top: 145px; }
.admin-workflow-count { align-self: center; color: #777d9c; font-size: .62rem; font-weight: 800; white-space: nowrap; }
.admin-disclosure { margin: -4px 0 24px; border: 1px solid #2b3050; border-radius: 13px; background: #0c0f20; }
.admin-disclosure > summary { padding: 15px 18px; color: var(--lime); font-size: .67rem; font-weight: 900; cursor: pointer; list-style: none; }
.admin-disclosure > summary::-webkit-details-marker { display: none; }
.admin-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
.admin-inline-form { padding: 20px; }
.admin-inline-form .button { justify-self: start; }
.admin-mini-empty { min-height: 150px; display: grid; place-items: center; align-content: center; gap: 10px; border: 1px dashed #2c3151; border-radius: 14px; text-align: center; background: rgba(255,255,255,.015); }
.admin-mini-empty span { color: var(--lime); font-size: 2rem; }
.admin-mini-empty p { margin: 0; font-size: .7rem; }
.admin-video-list { display: grid; gap: 9px; }
.admin-video-row { padding: 17px; display: grid; grid-template-columns: minmax(210px,1.6fr) minmax(90px,.5fr) minmax(90px,.5fr) auto auto; align-items: center; gap: 16px; border: 1px solid #292e4c; border-radius: 13px; background: #0d1021; }
.admin-video-row__identity { min-width: 0; display: flex; align-items: center; gap: 13px; }
.admin-video-row__identity .creator-monogram { width: 42px; height: 42px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: #11140a; background: var(--lime); font-size: .55rem; font-weight: 950; text-overflow: clip; }
.admin-video-row__identity div { min-width: 0; }
.admin-video-row__identity strong, .admin-video-row__identity small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.admin-video-row__identity strong { font-size: .76rem; }
.admin-video-row__identity small { margin-top: 5px; color: #656b89; font-size: .56rem; }
.admin-metric-label { display: block; margin-bottom: 5px; color: #656b89; font-size: .52rem; font-weight: 800; text-transform: uppercase; }
.admin-video-row > div > strong { font-size: .84rem; }
.admin-video-row__reason { grid-column: 1 / -1; margin: 0; padding: 10px 12px; border-left: 2px solid var(--cyan); color: #8d9db4; background: rgba(98,233,255,.04); font-size: .63rem; }
.admin-video-row__reason--danger { border-left-color: var(--pink); background: rgba(255,79,145,.05); }
.admin-video-row__actions { grid-column: 1 / -1; padding-top: 12px; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; border-top: 1px solid var(--line); }
.admin-video-row__actions > a, .admin-video-row__actions summary { padding: 8px 10px; color: var(--lime); font-size: .6rem; font-weight: 850; cursor: pointer; list-style: none; }
.admin-video-row__actions details { position: relative; }
.admin-video-row__actions details > form, .admin-video-row__actions > form { display: flex; flex-wrap: wrap; gap: 7px; }
.admin-video-row__actions details > form { width: min(640px,calc(100vw - 410px)); margin-top: 8px; padding: 12px; border: 1px solid #2c3152; border-radius: 10px; background: #090c1a; }
.admin-video-row__actions input { min-width: 150px; flex: 1; padding: 9px 10px; border: 1px solid #303555; border-radius: 8px; background: #101329; color: var(--text); font-size: .62rem; }
.admin-video-row__actions button, .admin-participant-card button, .admin-proof-grid button { min-height: 34px; padding: 7px 12px; border: 1px solid #3a3f61; border-radius: 8px; background: #14182f; color: #aeb3ca; font: inherit; font-size: .6rem; font-weight: 850; cursor: pointer; }
.admin-video-row__actions button:hover, .admin-participant-card button:hover, .admin-proof-grid button:hover { color: #fff; border-color: rgba(255,79,145,.5); }
.admin-participant-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.admin-participant-card { padding: 17px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 13px; border: 1px solid #292e4c; border-radius: 13px; background: #0d1021; }
.admin-participant-card > div strong, .admin-participant-card > div span { display: block; }
.admin-participant-card > div strong { font-size: .75rem; }
.admin-participant-card > div span { margin-top: 5px; color: #686e8c; font-size: .6rem; }
.admin-participant-card > b { color: var(--lime); font-family: var(--display-font); font-size: 1.25rem; }
.admin-participant-card > b small { color: #737997; font-family: inherit; font-size: .52rem; }
.admin-participant-card > p, .admin-participant-card > form { grid-column: 1 / -1; }
.admin-participant-card > p { margin: 0; color: #ff91a1; font-size: .61rem; }
.admin-participant-card > form { display: flex; gap: 7px; }
.admin-participant-card input { min-width: 0; flex: 1; padding: 9px 10px; border: 1px solid #303555; border-radius: 8px; background: #101329; color: var(--text); font-size: .62rem; }
.admin-finalize-callout, .admin-publish-results { padding: 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(255,79,145,.3); border-radius: 14px; background: linear-gradient(100deg,rgba(255,79,145,.08),rgba(255,255,255,.015)); }
.admin-finalize-callout strong { display: block; margin-bottom: 6px; }
.admin-finalize-callout p, .admin-publish-results p { margin: 0; font-size: .66rem; }
.admin-draw-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.admin-draw-grid article { padding: 20px; display: grid; gap: 17px; border: 1px solid #2b304f; border-radius: 14px; background: #0d1021; }
.admin-draw-grid h3 { margin: 0; font-size: 1rem; }
.admin-draw-grid dl { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.admin-draw-grid dl div { padding: 10px; border-radius: 8px; background: rgba(255,255,255,.035); }
.admin-draw-grid dt { color: #686e8d; font-size: .5rem; }
.admin-draw-grid dd { margin: 5px 0 0; font-size: .72rem; font-weight: 900; }
.admin-draw-grid article > p { margin: 0; color: #6e7493; font-size: .56rem; line-height: 1.6; }
.admin-draw-grid code { color: #afb5cf; }
.admin-winner-list { display: grid; gap: 10px; }
.admin-winner-list article { padding: 20px; display: grid; grid-template-columns: minmax(190px,.65fr) 1.35fr; gap: 24px; border: 1px solid #2b304f; border-radius: 14px; background: #0d1021; }
.admin-winner-list h3 { margin: 0 0 6px; font-size: 1.15rem; }
.admin-winner-list p { margin: 0; font-size: .65rem; }
.admin-winner-list .admin-field-grid { gap: 11px; }
.admin-proof-upload { margin-bottom: 18px; padding: 16px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 12px; border: 1px dashed #353a5b; border-radius: 12px; }
.admin-proof-upload label { display: grid; gap: 7px; color: #cfd3e5; font-size: .65rem; font-weight: 800; }
.admin-proof-upload input { min-width: 0; padding: 11px; border: 1px solid #303555; border-radius: 9px; background: #0b0e20; color: #dce0ef; }
.admin-proof-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.admin-proof-grid article { overflow: hidden; border: 1px solid #2b304f; border-radius: 14px; background: #0d1021; }
.admin-proof-grid video { width: 100%; aspect-ratio: 16/9; background: #05060c; }
.admin-proof-grid article > div { padding: 14px; display: grid; gap: 7px; }
.admin-proof-grid strong, .admin-proof-grid span { display: block; }
.admin-proof-grid span { color: #6d7391; font-size: .55rem; overflow-wrap: anywhere; }
.admin-publish-results { border-color: rgba(198,255,45,.32); background: linear-gradient(105deg,rgba(198,255,45,.1),rgba(255,255,255,.015)); }
.admin-publish-results h2 { margin: 0 0 8px; font-size: 1.5rem; }

@media (max-width: 1050px) {
  .admin-shell { grid-template-columns: 220px minmax(0,1fr); }
  .admin-sidebar { padding-inline: 16px; }
  .admin-form-layout { grid-template-columns: 1fr; }
  .admin-form-aside { position: static; grid-template-columns: 1fr 1fr; }
  .admin-preview-card { grid-column: 1 / -1; min-height: 220px; }
  .admin-field-grid--prize { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-video-row { grid-template-columns: minmax(190px,1fr) repeat(2,minmax(80px,.45fr)); }
  .admin-video-row > .admin-status { grid-column: 1 / -1; width: fit-content; }
  .admin-winner-list article { grid-template-columns: 1fr; }
  .admin-proof-upload { grid-template-columns: 1fr 1fr; }
  .admin-proof-upload .button { grid-column: 1 / -1; width: fit-content; }
}

@media (max-width: 760px) {
  .admin-login-shell { grid-template-columns: 1fr; padding-block: 30px; }
  .admin-login-art { display: none; }
  .admin-shell { display: block; }
  .admin-sidebar { position: fixed; left: 0; top: 0; width: min(310px,85vw); transform: translateX(-105%); transition: transform .25s ease; box-shadow: 20px 0 60px rgba(0,0,0,.5); }
  .admin-menu-open .admin-sidebar { transform: translateX(0); }
  .admin-menu-open { overflow: hidden; }
  .admin-menu-backdrop { position: fixed; inset: 0; z-index: 19; display: block; border: 0; background: rgba(3,4,10,.7); backdrop-filter: blur(5px); }
  .admin-menu-backdrop[hidden] { display: none; }
  .admin-topbar { height: 62px; padding-inline: 16px; }
  .admin-menu-button { display: inline-flex; border: 1px solid #303553; border-radius: 8px; background: #11142a; color: #d7daec; padding: 8px 10px; font: inherit; font-size: .65rem; }
  .admin-topbar__status { display: none; }
  .admin-topbar__actions { margin-left: auto; gap: 9px; }
  .admin-type-settings__trigger { min-width: 42px; padding-inline: 9px; font-size: 0; }
  .admin-type-settings__trigger span { font-size: 1rem; }
  .admin-type-settings__panel { position: fixed; top: 70px; right: 14px; max-height: calc(100vh - 84px); }
  .admin-workspace main { width: calc(100% - 28px); padding-top: 36px; }
  .admin-page-heading { align-items: flex-start; flex-direction: column; margin-bottom: 30px; }
  .admin-page-heading .button { width: 100%; }
  .admin-heading-actions { width: 100%; justify-content: space-between; }
  .admin-round-list__grid, .admin-field-grid, .admin-field-grid--prize { grid-template-columns: 1fr; }
  .admin-round-card { grid-template-rows: auto auto auto auto; }
  .admin-field--wide { grid-column: auto; }
  .admin-form-section { padding: 20px 15px; }
  .admin-form-section__heading { grid-template-columns: 30px minmax(0,1fr); }
  .admin-form-section__heading h2 { overflow-wrap: anywhere; font-size: 1.2rem; }
  .admin-form-section__heading--actions { grid-template-columns: 30px minmax(0,1fr); }
  .admin-form-section__heading--actions > div:last-child { grid-column: 1 / -1; flex-direction: column; }
  .admin-form-section__heading--actions > .admin-workflow-count { grid-column: 1 / -1; width: fit-content; }
  .admin-form-section__heading--actions .button { width: 100%; }
  .admin-form-aside { grid-template-columns: 1fr; }
  .admin-preview-card { grid-column: auto; }
  .admin-prize-row__head { grid-template-columns: auto 1fr; }
  .admin-prize-row__head > div { grid-column: 1 / -1; }
  .admin-round-card__actions { flex-direction: column; }
  .admin-modal__actions { grid-template-columns: 1fr; }
  .admin-workflow-entry, .admin-finalize-callout, .admin-publish-results { align-items: flex-start; flex-direction: column; }
  .admin-workflow-entry b { white-space: normal; }
  .admin-workflow-nav { top: 62px; margin-inline: -14px; border-radius: 0; }
  .admin-video-row { grid-template-columns: 1fr 1fr; }
  .admin-video-row__identity, .admin-video-row > .admin-status { grid-column: 1 / -1; }
  .admin-video-row__actions { display: grid; }
  .admin-video-row__actions details > form { width: 100%; }
  .admin-video-row__actions > form, .admin-video-row__actions details > form { display: grid; }
  .admin-participant-grid, .admin-draw-grid, .admin-proof-grid { grid-template-columns: 1fr; }
  .admin-participant-card { grid-template-columns: minmax(0,1fr) auto; }
  .admin-participant-card > .admin-status { grid-column: 1 / -1; width: fit-content; }
  .admin-draw-grid dl { grid-template-columns: 1fr; }
  .admin-proof-upload { grid-template-columns: 1fr; }
  .admin-proof-upload .button { grid-column: auto; width: 100%; }
  .admin-finalize-callout .button, .admin-publish-results .button { width: 100%; }
}

/* Audited lottery studio */
.admin-draw-grid--studio { grid-template-columns: 1fr; }
.admin-draw-studio { padding: 26px; border: 1px solid #2a3052; border-radius: 22px; background: linear-gradient(145deg, rgba(20,24,46,.96), rgba(9,12,27,.96)); overflow: hidden; }
.admin-draw-studio.is-celebrating { border-color: rgba(215,255,73,.65); box-shadow: 0 0 0 1px rgba(215,255,73,.14), 0 24px 70px rgba(163,211,20,.15); }
.admin-draw-studio__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.admin-draw-studio__header h3 { margin: 7px 0 0; font-size: clamp(1.35rem, 2vw, 2rem); }
.admin-draw-studio__header > strong { flex: 0 0 auto; padding: 9px 12px; border: 1px solid rgba(215,255,73,.28); border-radius: 999px; color: var(--lime); font-size: .82rem; }
.admin-draw-studio__stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin: 22px 0; }
.admin-draw-studio__stats div { padding: 14px; border-radius: 14px; background: rgba(255,255,255,.045); }
.admin-draw-studio__stats dt { color: #aeb4cc; font-size: .78rem; }
.admin-draw-studio__stats dd { margin: 5px 0 0; color: #fff; font-size: 1.05rem; font-weight: 850; }
.lottery-board { display: grid; grid-template-columns: minmax(300px, .95fr) minmax(280px, 1.05fr); gap: 26px; align-items: center; margin: 26px 0; }
.lottery-wheel-wrap { position: relative; width: min(100%, 520px); margin-inline: auto; }
.lottery-wheel-wrap::before { content: ""; position: absolute; inset: 8%; border-radius: 50%; background: radial-gradient(circle, rgba(137,134,255,.22), rgba(137,134,255,0) 68%); filter: blur(6px); pointer-events: none; }
.lottery-wheel { position: relative; display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 26px 42px rgba(0,0,0,.5)); }
.lottery-wheel__halo { fill: #080b1a; stroke: rgba(255,255,255,.05); stroke-width: 18; pointer-events: none; }
.lottery-wheel__rim { fill: none; stroke: rgba(255,255,255,.14); stroke-width: 1.5; pointer-events: none; }
.lottery-wheel__tick { stroke: rgba(255,255,255,.2); stroke-width: 1.3; stroke-linecap: round; pointer-events: none; }
.lottery-wheel__tick--major { stroke: rgba(215,255,73,.55); stroke-width: 2.4; }
.lottery-wheel__sector { stroke: #080b1a; stroke-width: 1.1; transition: opacity .25s ease, filter .25s ease; }
.lottery-wheel__sector--0 { fill: #d7ff49; }
.lottery-wheel__sector--1 { fill: #ff4f91; }
.lottery-wheel__sector--2 { fill: #8986ff; }
.lottery-wheel__sector--3 { fill: #62e9ff; }
.lottery-wheel__sector--4 { fill: #ffb657; }
.lottery-wheel__sector--5 { fill: #64eea8; }
.lottery-wheel__sector--6 { fill: #f07cff; }
.lottery-wheel__sector--7 { fill: #7aa4ff; }
.lottery-wheel__inner-edge { fill: none; stroke: rgba(8,11,26,.75); stroke-width: 3; pointer-events: none; }
.lottery-board.is-resolved:not(.is-spinning) .lottery-wheel__sector { opacity: .45; }
.lottery-board.is-resolved:not(.is-spinning) .lottery-wheel__sector.is-winner { opacity: 1; filter: brightness(1.2) drop-shadow(0 0 14px rgba(215,255,73,.75)); stroke: rgba(255,255,255,.85); stroke-width: 2.4; }
.lottery-board.is-revealing .lottery-wheel__sector.is-winner { animation: winning-sector-pulse 1.1s ease-in-out 4 alternate; }
.lottery-board.is-inspecting .lottery-wheel__sector { opacity: .22; filter: none; stroke-width: 1.1; }
.lottery-board.is-inspecting .lottery-wheel__sector.is-active { opacity: 1; filter: brightness(1.15) drop-shadow(0 0 16px rgba(255,255,255,.35)); stroke: #fff; stroke-width: 2.4; }
.lottery-wheel__hub { fill: #0a0e20; stroke: rgba(255,255,255,.1); stroke-width: 1.5; pointer-events: none; }
.lottery-wheel__hub-ring { fill: none; stroke: rgba(215,255,73,.3); stroke-width: 1; stroke-dasharray: 3 8; pointer-events: none; }
.lottery-wheel__brand { fill: var(--lime); font-family: var(--display-font); font-size: 40px; font-weight: 900; transition: opacity .25s ease; pointer-events: none; }
.lottery-wheel__readout { opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.lottery-wheel__readout-label { fill: #8f97b7; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.lottery-wheel__readout-value { fill: #fff; font-family: var(--display-font); font-size: 40px; font-weight: 900; letter-spacing: -.03em; }
.lottery-wheel__readout-value.is-long { font-size: 25px; letter-spacing: -.02em; }
.lottery-wheel__readout-caption { fill: var(--lime); font-size: 12px; font-weight: 800; }
.lottery-board.is-resolved .lottery-wheel__brand, .lottery-board.is-inspecting .lottery-wheel__brand { opacity: 0; }
.lottery-board.is-resolved .lottery-wheel__readout, .lottery-board.is-inspecting .lottery-wheel__readout { opacity: 1; }
.lottery-wheel__mark { fill: #cdd3e8; font-size: 13px; font-weight: 900; paint-order: stroke; stroke: #080a16; stroke-width: 4px; pointer-events: none; }
.lottery-wheel__pointer { opacity: 0; transform-box: view-box; transform-origin: 190px 190px; transition: opacity .3s ease; pointer-events: none; }
.lottery-board.is-resolved .lottery-wheel__pointer, .lottery-board.is-inspecting .lottery-wheel__pointer { opacity: 1; }
.lottery-wheel__needle { stroke: rgba(255,255,255,.8); stroke-width: 2.4; stroke-linecap: round; }
.lottery-wheel__pointer-tip { fill: #fff; }
.lottery-wheel__pointer-cap { fill: var(--lime); stroke: #080b1a; stroke-width: 2.5; filter: drop-shadow(0 0 12px rgba(215,255,73,.75)); }
.lottery-board.is-spinning .lottery-wheel__pointer { opacity: 1; transition: none; }
.lottery-wheel-legend { max-height: 420px; overflow: auto; display: grid; gap: 8px; align-content: start; padding-right: 6px; }
.lottery-wheel-legend__item { display: grid; grid-template-columns: 10px minmax(0,1fr) auto auto; gap: 10px; align-items: center; padding: 11px 13px; border: 1px solid #272d4b; border-radius: 12px; background: rgba(255,255,255,.025); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease; }
.lottery-wheel-legend__item:hover, .lottery-wheel-legend__item:focus-visible, .lottery-wheel-legend__item.is-active { outline: none; border-color: var(--sector-color); background: rgba(255,255,255,.06); box-shadow: inset 3px 0 0 var(--sector-color); transform: translateX(2px); }
.lottery-wheel-legend__item > i { width: 10px; height: 10px; border-radius: 50%; background: var(--sector-color); box-shadow: 0 0 13px var(--sector-color); }
.lottery-wheel-legend__item span { min-width: 0; display: grid; gap: 2px; }
.lottery-wheel-legend__item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }
.lottery-wheel-legend__item small { color: #aeb4cc; font-size: .76rem; }
.lottery-wheel-legend__item > b { color: #dce0f3; font-size: .76rem; white-space: nowrap; }
.lottery-wheel-legend__number { padding: 4px 9px; border-radius: 999px; background: var(--lime); color: #11140a; font-style: normal; font-weight: 900; font-size: .74rem; white-space: nowrap; }
.lottery-wheel-legend__item.is-winner { border-color: var(--lime); background: rgba(215,255,73,.1); box-shadow: inset 0 0 24px rgba(215,255,73,.08); }
.lottery-board.is-spinning .lottery-wheel-legend__item.is-winner { border-color: #272d4b; background: rgba(255,255,255,.025); box-shadow: none; }
.lottery-board.is-spinning .lottery-wheel-legend__number { opacity: 0; }
.lottery-board.is-spinning .lottery-wheel__readout-caption { opacity: 0; }
.lottery-board.is-spinning .lottery-wheel__readout-value { fill: var(--lime); }
.lottery-wheel-legend__item--0 { --sector-color: #d7ff49; }.lottery-wheel-legend__item--1 { --sector-color: #ff4f91; }.lottery-wheel-legend__item--2 { --sector-color: #8986ff; }.lottery-wheel-legend__item--3 { --sector-color: #62e9ff; }.lottery-wheel-legend__item--4 { --sector-color: #ffb657; }.lottery-wheel-legend__item--5 { --sector-color: #64eea8; }.lottery-wheel-legend__item--6 { --sector-color: #f07cff; }.lottery-wheel-legend__item--7 { --sector-color: #7aa4ff; }
.commenter-ticket-range { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; margin: 24px 0; padding: 20px; border: 1px solid #2d3353; border-radius: 16px; background: rgba(255,255,255,.025); }
.commenter-ticket-range > span, .commenter-ticket-range > strong { font-size: 1.15rem; color: var(--lime); }
.commenter-ticket-range > div { height: 8px; border-radius: 999px; background: linear-gradient(90deg, var(--lime), var(--pink), var(--violet)); }
.commenter-ticket-range small { grid-column: 1 / -1; color: #b3b9d1; }
.admin-external-draw-box { display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.75fr); gap: 26px; align-items: end; margin-top: 22px; padding: 20px; border: 1px solid rgba(98,233,255,.25); border-radius: 16px; background: rgba(98,233,255,.045); }
.admin-external-draw-box h4 { margin: 6px 0; font-size: 1.18rem; }
.admin-external-draw-box p { margin: 0 0 10px; color: #b6bdd4; line-height: 1.55; }
.admin-external-draw-box a { color: var(--cyan); font-weight: 850; }
.admin-external-draw-box form { display: grid; grid-template-columns: minmax(130px,.45fr) minmax(190px,1fr); gap: 10px; align-items: end; }
.admin-external-draw-box label { display: grid; gap: 6px; color: #dce0f3; font-size: .78rem; font-weight: 750; }
.admin-external-draw-box input { width: 100%; min-height: 48px; border: 1px solid #384061; border-radius: 12px; background: #0b0f23; color: #fff; padding: 10px 13px; font: inherit; font-size: 1.1rem; font-weight: 850; }
.admin-external-draw-box .button { min-height: 48px; }
.admin-winning-card { display: grid; grid-template-columns: 1fr auto; gap: 5px 18px; margin: 20px 0; padding: 20px; border: 1px solid var(--lime); border-radius: 16px; background: radial-gradient(circle at 10% 0, rgba(215,255,73,.2), transparent 55%), #11152a; }
.admin-winning-card > span { grid-column: 1 / -1; color: var(--lime); font-size: .75rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.admin-winning-card__headline { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.admin-winning-card__headline strong { font-size: 1.45rem; }
.admin-winning-card__headline em { padding: 6px 13px; border-radius: 999px; background: var(--lime); color: #11140a; font-style: normal; font-weight: 900; font-size: .95rem; white-space: nowrap; }
.admin-winning-card > b { color: var(--lime); }
.admin-winning-card > p { grid-column: 1 / -1; margin: 2px 0 0; color: #bec4da; }
.admin-draw-step-history { margin-top: 20px; }
.admin-draw-step-history h4 { margin: 0 0 9px; }
.admin-draw-step-history > div { display: grid; grid-template-columns: 34px minmax(0,1fr) minmax(0,auto) auto auto; gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.08); }
.admin-draw-step-history > div span { color: #7e86a5; }
.admin-draw-step-history > div strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-draw-step-history > div i { overflow: hidden; color: #9ca4c0; font-style: normal; font-size: .85em; text-overflow: ellipsis; white-space: nowrap; }
.admin-draw-step-history > div b { color: var(--lime); }.admin-draw-step-history > div small { color: #9ca4c0; }
.admin-draw-digest { margin-top: 18px; padding: 14px; border: 1px solid #303555; border-radius: 10px; color: #848da9; font-size: var(--admin-size-caption); background: rgba(255,255,255,.025); }
.admin-draw-digest strong { display: block; color: #e5e8f3; font-size: var(--admin-size-body); }
.admin-draw-digest p { margin: 6px 0 0; line-height: 1.55; }
.admin-draw-digest summary { margin-top: 10px; color: var(--lime); cursor: pointer; }
.admin-draw-digest code { display: block; margin-top: 8px; overflow-wrap: anywhere; color: #aab2ca; }
.digest-explainer { margin: 10px 0 16px; padding: 14px; border-left: 3px solid var(--lime); border-radius: 8px; background: rgba(198,255,45,.055); }
.digest-explainer strong { display: block; margin-bottom: 6px; }
.digest-explainer p { margin: 0; color: var(--muted); font-size: var(--text-small); line-height: 1.55; }
.public-draw-steps { display: grid; gap: 8px; margin: 14px 0; }
.public-draw-steps > div { padding: 13px 14px; display: grid; grid-template-columns: auto 1fr; gap: 5px 14px; align-items: center; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); }
.public-draw-steps span { color: var(--lime); font-size: var(--text-caption); font-weight: 900; }
.public-draw-steps strong { font-size: var(--text-small); }
.public-draw-steps strong b { margin-left: 7px; color: var(--lime); font-size: 1.2em; }
.public-draw-steps p { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: var(--text-small); }
.celebration-confetti { position: fixed; inset: 0; z-index: 1000; pointer-events: none; overflow: hidden; }
.celebration-confetti i { position: absolute; left: var(--x); top: -20px; width: 9px; height: 16px; border-radius: 3px; background: var(--color); animation: confetti-fall 2.8s var(--delay) cubic-bezier(.2,.7,.3,1) forwards; }
@keyframes winning-sector-pulse { to { filter: brightness(1.8) drop-shadow(0 0 22px rgba(215,255,73,1)); } }
@keyframes confetti-fall { to { transform: translate3d(var(--drift), 110vh, 0) rotate(760deg); opacity: .9; } }

@media (max-width: 980px) {
  .lottery-board, .admin-external-draw-box { grid-template-columns: 1fr; }
  .lottery-wheel-wrap { max-width: 460px; }
}

@media (max-width: 760px) {
  .admin-draw-studio { padding: 18px 14px; }
  .admin-draw-studio__header { display: grid; }
  .admin-draw-studio__stats { grid-template-columns: 1fr; }
  .lottery-board { grid-template-columns: minmax(0,1fr); }
  .admin-external-draw-box form { grid-template-columns: 1fr; }
  .admin-draw-step-history > div { grid-template-columns: 30px minmax(0,1fr) auto; }
  .admin-draw-step-history > div i { grid-column: 2 / -1; }
  .admin-draw-step-history > div small { grid-column: 2 / -1; }
}

@media (prefers-reduced-motion: reduce) {
  .lottery-wheel__sector.is-winner, .celebration-confetti i { animation: none; }
}

/* Every control-room label belongs to one of the six adjustable type groups. */
.admin-type-setting--global { margin: 12px -8px 0; padding: 15px 8px; border: 1px solid rgba(198,255,45,.2); border-radius: 11px; background: rgba(198,255,45,.055); }
.admin-type-setting--global output { color: var(--lime); font-weight: 900; }

.admin-body { font-size: var(--admin-size-body); }
.admin-body .brand-lockup__bozex { font-size: var(--admin-size-card-title); }
.admin-body .brand-lockup__win { font-size: var(--admin-size-caption); }
.admin-body .eyebrow,
.admin-sidebar__label,
.admin-sidebar nav a span,
.admin-sidebar__user small,
.admin-topbar,
.admin-type-settings__panel header small,
.admin-type-setting > span small,
.admin-status,
.admin-section-title span,
.admin-round-card__period,
.admin-round-card__metrics span,
.admin-form-section__heading > span,
.admin-field-grid label,
.admin-field-grid label small,
.admin-prize-row__number,
.admin-preview-card > small,
.admin-preview-card > div,
.admin-aside-note,
.admin-workflow-entry small,
.admin-workflow-count,
.admin-video-row__identity .creator-monogram,
.admin-video-row__identity small,
.admin-metric-label,
.admin-participant-card > div span,
.admin-participant-card > b small,
.admin-draw-grid dt,
.admin-proof-grid span,
.admin-draw-studio__header > strong,
.admin-draw-studio__stats dt,
.lottery-wheel-legend__item small,
.lottery-wheel-legend__item > b,
.admin-winning-card > span,
.admin-draw-step-history > div small,
.admin-draw-digest,
.admin-body .public-draw-steps span { font-size: var(--admin-size-caption); }

.admin-sidebar nav a,
.admin-sidebar__user button,
.admin-topbar a,
.admin-back-link,
.admin-body .button,
.admin-menu-button,
.admin-type-settings__trigger,
.admin-type-settings__panel header button,
.admin-type-setting button,
.admin-type-settings__reset,
.admin-round-card__actions a,
.admin-prize-row__head button,
.admin-workflow-entry b,
.admin-workflow-nav a,
.admin-disclosure > summary,
.admin-video-row__actions > a,
.admin-video-row__actions summary,
.admin-video-row__actions button,
.admin-participant-card button,
.admin-proof-grid button,
.admin-external-draw-box a,
.admin-draw-digest summary { font-size: var(--admin-size-action); }

.admin-sidebar__user > span,
.admin-type-settings__panel header strong,
.admin-type-setting > span strong,
.admin-type-setting output,
.admin-alert,
.admin-alert p,
.admin-form-section__heading p,
.admin-field-grid input,
.admin-field-grid textarea,
.admin-field-grid select,
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-round-card__metrics strong,
.admin-prize-row__head strong,
.admin-workflow-entry strong,
.admin-video-row__identity strong,
.admin-video-row > div > strong,
.admin-video-row__reason,
.admin-video-row__actions input,
.admin-participant-card > div strong,
.admin-participant-card > p,
.admin-participant-card input,
.admin-finalize-callout,
.admin-publish-results,
.admin-draw-grid dd,
.admin-draw-grid article > p,
.admin-winner-list p,
.admin-proof-upload label,
.admin-draw-studio__stats dd,
.lottery-wheel-legend__item strong,
.commenter-ticket-range,
.admin-external-draw-box p,
.admin-external-draw-box label,
.admin-external-draw-box input,
.admin-winning-card > p,
.admin-draw-step-history,
.admin-draw-digest strong,
.admin-draw-digest p,
.admin-body .digest-explainer p,
.admin-body .public-draw-steps strong,
.admin-body .public-draw-steps p { font-size: var(--admin-size-body); }

.admin-empty h2,
.admin-section-title h2,
.admin-form-section__heading h2,
.admin-modal__panel h2,
.admin-publish-results h2 { font-size: var(--admin-size-section-title); }

.admin-round-card h3,
.admin-draw-grid h3,
.admin-winner-list h3,
.admin-draw-studio__header h3,
.admin-external-draw-box h4,
.admin-winning-card__headline strong { font-size: var(--admin-size-card-title); }

.admin-preview-card h2 { font-size: calc(var(--admin-size-page-title) * .55); }
.admin-empty > span { font-size: calc(var(--admin-size-section-title) * 2); }
.admin-mini-empty span { font-size: calc(var(--admin-size-section-title) * 1.5); }
.admin-mini-empty p { font-size: var(--admin-size-body); }
.admin-participant-card > b,
.commenter-ticket-range > span,
.commenter-ticket-range > strong { font-size: calc(var(--admin-size-body) * 1.25); }
.admin-type-settings__trigger span { font-size: calc(var(--admin-size-action) * 1.15); }
.admin-body .lottery-wheel__brand,
.admin-body .lottery-wheel__readout-value { font-size: calc(var(--admin-size-card-title) * 1.65); }
.admin-body .lottery-wheel__readout-value.is-long { font-size: calc(var(--admin-size-card-title) * 1.05); }
.admin-body .lottery-wheel__mark,
.admin-body .lottery-wheel__readout-caption { font-size: var(--admin-size-caption); }
.admin-body .lottery-wheel__readout-label { font-size: calc(var(--admin-size-caption) * .78); }

/* Full-width round editor and compact, readable data tables. */
.admin-form-layout--round { align-items: start; }
.admin-form-layout--round .admin-form-main { display: contents; }
.admin-form-layout--round .admin-form-section--base { grid-column: 1; grid-row: 1; }
.admin-form-layout--round .admin-form-section--wide { grid-column: 1 / -1; }
.admin-form-layout--round .admin-form-aside { position: static; grid-column: 2; grid-row: 1; align-self: start; }
.admin-form-layout--round textarea[data-autogrow] { min-height: 112px; overflow: hidden; resize: none; }
.admin-prize-table-head { display: grid; grid-template-columns: minmax(180px,1.2fr) minmax(230px,1.2fr) minmax(150px,.8fr) minmax(110px,.55fr) auto; gap: 12px; padding: 0 12px 9px 66px; color: #747b9d; font-size: var(--admin-size-caption); font-weight: 850; }
.admin-prize-row { display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: stretch; overflow: visible; }
.admin-prize-row__head { min-height: 0; padding: 13px 9px; display: flex; flex-direction: column; justify-content: center; border: 0; border-right: 1px solid var(--line); }
.admin-prize-row__kind { color: #858caa; writing-mode: vertical-rl; transform: rotate(180deg); font-size: var(--admin-size-caption); }
.admin-field-grid--prize { padding: 12px; display: grid; grid-template-columns: minmax(180px,1.2fr) minmax(230px,1.2fr) minmax(150px,.8fr) minmax(110px,.55fr) auto; align-items: end; gap: 12px; }
.admin-prize-range { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.admin-prize-range--empty { align-self: stretch; display: flex; align-items: center; color: #747b9d; font-size: var(--admin-size-caption); }
.admin-prize-winners-fixed { min-height: 43px; display: flex; align-items: center; gap: 7px; color: #aeb4cd; }
.admin-prize-winners-fixed strong { color: var(--lime); font-size: var(--admin-size-card-title); }
.admin-prize-actions { display: flex; gap: 5px; align-items: end; }
.admin-prize-actions button { min-width: 34px; min-height: 40px; padding: 0 8px; border: 1px solid #303555; border-radius: 7px; background: #12162d; color: #aab0c9; font: inherit; cursor: pointer; }
.admin-video-list { display: grid; gap: 0; overflow-x: auto; border: 1px solid #292e4c; border-radius: 12px; background: #0d1021; scrollbar-width: thin; }
.admin-video-table__head, .admin-video-row { min-width: 980px; display: grid; grid-template-columns: minmax(180px,1fr) 145px 90px 170px 140px 78px 82px; align-items: center; gap: 10px; }
.admin-video-table__head { padding: 9px 12px; border-bottom: 1px solid #343957; color: #7f86a6; background: rgba(255,255,255,.025); font-size: var(--admin-size-caption); font-weight: 850; text-transform: uppercase; }
.admin-video-table__head > * { white-space: nowrap; }
.admin-video-row { min-height: 46px; padding: 6px 12px; border: 0; border-bottom: 1px solid #252a47; border-radius: 0; }
.admin-video-row:last-of-type { border-bottom: 0; }
.admin-video-row__identity .creator-monogram { width: 34px; height: 34px; }
.admin-video-row__identity { gap: 9px; }
.admin-video-row__identity strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-video-row__likee { color: var(--lime); font-size: var(--admin-size-action); font-weight: 850; white-space: nowrap; }
.admin-video-row__likee--missing { color: #7c83a3; }
.admin-video-row__metric { white-space: nowrap; }
.admin-video-row__metric--mismatch { position: relative; padding: 0; border: 0; background: none; color: #ff8296; font: inherit; text-align: left; cursor: help; }
.admin-video-row__metric--mismatch::after { content: attr(data-help); position: absolute; left: 50%; bottom: calc(100% + 9px); z-index: 20; width: 260px; padding: 10px 12px; transform: translate(-50%,5px); border: 1px solid rgba(255,130,150,.5); border-radius: 9px; background: #090c1a; color: #f4dbe0; font-size: var(--admin-size-caption); line-height: 1.45; white-space: normal; opacity: 0; pointer-events: none; transition: opacity .16s,transform .16s; }
.admin-video-row__metric--mismatch:hover::after { opacity: 1; transform: translate(-50%,0); }
.admin-video-row__flag { color: #8d94b3; font-size: var(--admin-size-caption); font-weight: 850; white-space: nowrap; }
.admin-video-row__flag--danger { color: #ff8296; }
.admin-video-row__actions { position: relative; grid-column: auto; padding: 0; border: 0; }
.admin-video-row__actions summary { color: #8d94b3; cursor: pointer; }
.admin-video-row__actions form { position: absolute; right: 0; z-index: 4; width: min(360px,calc(100vw - 32px)); margin-top: 8px; padding: 10px; background: #090c1a; border: 1px solid #303555; border-radius: 10px; }
.admin-video-row__reason { grid-column: 1 / -1; }
.metric-help { position: relative; display: inline-block; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: inherit; cursor: help; text-decoration: underline dotted rgba(98,233,255,.55); text-underline-offset: 3px; }
.metric-help::after { content: attr(data-help); position: absolute; left: 50%; bottom: calc(100% + 9px); z-index: 20; width: 240px; max-width: min(240px,calc(100vw - 32px)); padding: 10px 12px; transform: translate(-50%,5px); border: 1px solid #3a4164; border-radius: 9px; background: #090c1a; color: #dfe3f1; font-size: var(--admin-size-caption); font-weight: 650; line-height: 1.45; text-transform: none; white-space: normal; opacity: 0; pointer-events: none; transition: opacity .16s, transform .16s; }
.metric-help:hover::after, .metric-help:focus-visible::after, .metric-help[aria-expanded="true"]::after { opacity: 1; transform: translate(-50%,0); }
.admin-participant-search { display: flex; align-items: end; gap: 10px; margin: 0 0 12px; }
.admin-participant-search label { flex: 1; display: grid; gap: 7px; color: #d9dbed; font-size: var(--admin-size-caption); font-weight: 850; }
.admin-participant-search input { width: 100%; padding: 12px 14px; border: 1px solid #303555; border-radius: 9px; background: #0b0e20; color: #fff; font: inherit; }
.admin-participant-grid { grid-template-columns: 1fr; gap: 0; overflow-x: auto; border: 1px solid #292e4c; border-radius: 10px; background: #0d1021; }
.admin-participant-card { min-width: 620px; min-height: 0; padding: 6px 10px; grid-template-columns: minmax(170px,1fr) minmax(210px,1fr) auto auto; gap: 10px; border: 0; border-bottom: 1px solid #252a47; border-radius: 0; background: transparent; }
.admin-participant-card:last-of-type { border-bottom: 0; }
.admin-participant-card > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-participant-card > span { color: #7c83a3; }
.admin-participant-card > b { color: var(--lime); font-family: inherit; font-size: var(--admin-size-body); white-space: nowrap; }
.admin-participant-card > details { position: relative; }
.admin-participant-card > details summary { color: #8d94b3; cursor: pointer; }
.admin-participant-card > details form { position: absolute; right: 0; z-index: 4; width: min(340px,calc(100vw - 32px)); display: flex; gap: 6px; padding: 10px; border: 1px solid #303555; border-radius: 10px; background: #090c1a; }
.admin-participant-card > em { color: #ff91a1; font-style: normal; }
.admin-search-error { padding: 15px; color: #ff91a1; }
.admin-search-empty { min-width: 620px; margin: 0; padding: 16px; color: #aeb4cd; text-align: center; }
.admin-state-filters { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; }
.admin-state-filter { padding: 8px 13px; border: 1px solid #303555; border-radius: 999px; background: #0b0e20; color: #aab0c9; font: inherit; font-size: var(--admin-size-action); font-weight: 850; cursor: pointer; }
.admin-state-filter:hover { border-color: #454b73; color: #e4e7f5; }
.admin-state-filter[aria-pressed="true"] { border-color: var(--lime); color: #11140a; background: var(--lime); }
.admin-video-row__group { display: block; color: #8d94b3; font-size: var(--admin-size-caption); white-space: nowrap; }
.admin-video-row__hint { display: block; margin-top: 3px; color: #ffca7a; font-size: var(--admin-size-caption); font-weight: 850; }

@media (max-width: 1100px) {
  .admin-prize-table-head { display: none; }
  .admin-field-grid--prize { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-prize-actions { grid-column: 1 / -1; }
  .admin-video-table__head, .admin-video-row { grid-template-columns: minmax(180px,1fr) 145px 90px 190px 160px 82px; }
}
@media (max-width: 760px) {
  .admin-form-layout--round { display: block; }
  .admin-form-layout--round .admin-form-aside { position: static; margin: 14px 0; }
  .admin-field-grid--prize { grid-template-columns: 1fr; }
  .admin-prize-range { grid-template-columns: 1fr 1fr; }
  .admin-video-table__head, .admin-video-row { grid-template-columns: minmax(180px,1fr) 145px 90px 190px 160px 82px; }
  .admin-video-row__identity { grid-column: auto; }
  .admin-participant-card { grid-template-columns: minmax(170px,1fr) minmax(210px,1fr) auto auto; }
  .admin-participant-card > span { grid-column: auto; }
  .admin-video-row__actions form, .admin-participant-card > details form { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 40; width: auto; max-height: calc(100vh - 32px); overflow: auto; }
  .metric-help::after { position: fixed; left: 16px; right: 16px; bottom: 16px; width: auto; max-width: none; transform: translateY(5px); }
  .metric-help:hover::after, .metric-help:focus-visible::after, .metric-help[aria-expanded="true"]::after { transform: none; }
}

.participant-lookup { padding: clamp(24px,4vw,42px); border: 1px solid rgba(98,233,255,.22); border-radius: var(--radius-lg); background: rgba(13,16,33,.9); }
.participant-lookup__search { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; margin: 24px 0 12px; }
.participant-lookup__search label { min-width: 0; display: grid; gap: 8px; color: var(--paper); font-size: var(--text-caption); font-weight: 900; }
.participant-lookup__search input { width: 100%; min-width: 0; height: 54px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 12px; background: #090c19; color: var(--paper); font: inherit; }
.participant-lookup__search input:focus { outline: 2px solid var(--lime); outline-offset: 2px; }
.participant-lookup__search .button { align-self: end; min-height: 54px; white-space: nowrap; }
.participant-lookup__status { margin: 12px 0; color: var(--muted); }
.participant-lookup__table { display: grid; gap: 5px; }
.participant-lookup__row { min-height: 48px; padding: 9px 12px; display: grid; grid-template-columns: minmax(0,1fr) 200px 124px 104px; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.participant-lookup__row strong { grid-column: 1; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.participant-lookup__row span { grid-column: 2; grid-row: 1; color: var(--muted); white-space: nowrap; }
.participant-lookup__row b { grid-column: 4; grid-row: 1; justify-self: end; color: var(--lime); white-space: nowrap; }
.participant-lookup__row em { grid-column: 3; grid-row: 1; justify-self: start; padding: 5px 8px; border-radius: 999px; background: var(--lime); color: #11140a; font-style: normal; font-weight: 900; }
.participant-lookup__more { margin-top: 14px; }
.public-digest-check { padding: 18px; border: 1px solid rgba(215,255,73,.22); border-radius: 14px; background: rgba(215,255,73,.045); }
.public-digest-check > p { color: var(--muted); line-height: 1.6; }
.public-digest-check > div { display: flex; flex-wrap: wrap; gap: 9px; margin: 13px 0; }
.public-digest-check label input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.public-digest-check label:focus-within { outline: 3px solid var(--cyan); outline-offset: 3px; }
.public-digest-check output { display: block; color: var(--muted); font-weight: 800; }
.public-digest-check output.is-valid { color: var(--lime); }
.public-digest-check output.is-invalid { color: #ff8294; }
.public-digest-check details { margin-top: 12px; }
.admin-empty-tiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.admin-empty-tiers article { padding: 18px; border: 1px dashed #3a405f; border-radius: 12px; background: rgba(255,255,255,.018); }
.admin-empty-tiers h3 { margin: 8px 0; }
.admin-empty-tiers p { color: #8d94b3; line-height: 1.5; }
.admin-prepare-draws { padding: 22px; border: 1px solid rgba(98,233,255,.28); border-radius: 14px; background: rgba(98,233,255,.05); }
.admin-prepare-draws h3 { margin: 8px 0; }
.admin-prepare-draws p { color: #9299b7; line-height: 1.6; }
@media (max-width: 680px) {
  .participant-lookup__search { display: grid; grid-template-columns: 1fr; }
  .participant-lookup__row { grid-template-columns: minmax(0,1fr) auto; }
  .participant-lookup__row strong { grid-column: 1; grid-row: 1; }
  .participant-lookup__row span { grid-column: 1; grid-row: 2; }
  .participant-lookup__row em { grid-column: 2; grid-row: 1; justify-self: end; }
  .participant-lookup__row b { grid-column: 2; grid-row: 2; justify-self: end; }
}

/* Clear public draw summary and child-friendly rules. */
.home-draw-summary { margin-top: 34px; padding: clamp(24px, 4vw, 42px); border: 1px solid rgba(215,255,73,.24); border-radius: var(--radius-lg); background: radial-gradient(circle at 100% 0, rgba(215,255,73,.12), transparent 38%), rgba(16,19,39,.82); }
.home-draw-summary__intro { max-width: 760px; }
.home-draw-summary__intro h2 { margin: 8px 0 12px; }
.home-draw-summary__intro p { margin: 0; color: var(--muted); font-size: var(--text-lead); }
.home-draw-summary__numbers { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin: 30px 0 22px; }
.home-draw-summary__numbers article { min-width: 0; min-height: 150px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.035); }
.home-draw-summary__numbers span { color: var(--muted); font-size: var(--text-small); font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.home-draw-summary__numbers strong { color: var(--paper); font-family: var(--display-font); font-size: clamp(1.55rem, 2.6vw, 2.8rem); line-height: .95; overflow-wrap: normal; word-break: normal; }
.home-draw-summary > .button { width: fit-content; }
.trust-manifesto__more { margin-top: 26px; }

.rules-hero { min-height: 720px; padding-block: clamp(100px, 13vw, 180px) 90px; }
.rules-hero h1 { max-width: 980px; margin: 16px 0 24px; font-size: clamp(3rem, 7.3vw, 7rem); }
.rules-hero > p { max-width: 790px; color: var(--muted); font-size: clamp(1.15rem, 2vw, 1.45rem); line-height: 1.65; }
.rules-hero__steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 55px; }
.rules-hero__steps article { min-width: 0; min-height: 220px; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,255,255,.028); }
.rules-hero__steps span { color: var(--lime); font-family: var(--display-font); font-size: 1.5rem; }
.rules-hero__steps strong { display: block; margin: 42px 0 10px; font-size: 1.35rem; }
.rules-hero__steps p { margin: 0; color: var(--muted); line-height: 1.55; }
.rules-section { border-top: 1px solid var(--line); }
.rules-section--bloggers { background: radial-gradient(circle at 85% 20%, rgba(255,79,145,.08), transparent 28%); }
.rules-section--seal { background: radial-gradient(circle at 10% 20%, rgba(215,255,73,.075), transparent 35%); }
.rules-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: clamp(38px, 8vw, 110px); align-items: center; }
.rules-grid--reverse { grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); }
.rules-grid--reverse .rules-copy { grid-column: 2; }
.rules-grid--reverse .rules-ticket-demo { grid-column: 1; grid-row: 1; }
.rules-copy h2, .rules-seal h2, .rules-bottom h2 { max-width: 850px; }
.rules-lead { max-width: 760px; margin: 22px 0 35px; color: var(--muted); font-size: var(--text-lead); line-height: 1.65; }
.rules-list { list-style: none; display: grid; gap: 10px; margin: 0; padding: 0; }
.rules-list li { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 15px; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: rgba(255,255,255,.025); }
.rules-list li > b { color: var(--lime); font-family: var(--display-font); font-size: 1.2rem; }
.rules-list strong { display: block; margin-bottom: 5px; }
.rules-list p { margin: 0; color: var(--muted); line-height: 1.55; }
.rules-example { padding: 34px; transform: rotate(2deg); border: 1px solid rgba(255,79,145,.45); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(255,79,145,.15), rgba(137,134,255,.12)); box-shadow: var(--shadow); }
.rules-example > span { color: var(--pink); font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.rules-example > strong, .rules-example > b { display: block; }
.rules-example > strong { margin: 38px 0 12px; font-family: var(--display-font); font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1; }
.rules-example > b { color: var(--lime); font-size: 2rem; }
.rules-example p { margin: 30px 0 0; color: #c7cbe0; line-height: 1.65; }
.rules-facts { list-style: none; display: grid; gap: 10px; margin: 0; padding: 0; }
.rules-facts li { padding: 18px 0; border-bottom: 1px solid var(--line); }
.rules-facts strong, .rules-facts span { display: block; }
.rules-facts strong { margin-bottom: 7px; font-size: 1.1rem; }
.rules-facts span { color: var(--muted); line-height: 1.55; }
.rules-ticket-demo { padding: 28px; border: 1px solid rgba(98,233,255,.28); border-radius: var(--radius-md); background: rgba(98,233,255,.045); }
.rules-ticket-demo > div { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.rules-ticket-demo span { color: var(--cyan); font-size: var(--text-small); font-weight: 850; }
.rules-ticket-demo p { margin: 24px 0 0; color: var(--muted); line-height: 1.6; }
.rules-seal { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr); gap: clamp(38px, 8vw, 110px); }
.rules-seal__story { display: grid; gap: 16px; }
.rules-seal__story p { margin: 0; color: var(--muted); font-size: var(--text-lead); line-height: 1.7; }
.rules-seal__story strong { color: var(--paper); }
.rules-bottom { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.rules-bottom p { max-width: 660px; color: var(--muted); font-size: var(--text-lead); }
.rules-bottom__actions { display: flex; gap: 10px; flex: 0 0 auto; }

.round-hero__seal span { order: 1; }
.round-hero__seal strong { order: 2; }
.round-hero__seal small { order: 3; color: var(--lime); font-family: var(--display-font); font-size: 1.35rem; letter-spacing: .04em; }
.public-draw-step { min-width: 0; }
.public-draw-step > .lottery-board { grid-column: 1 / -1; margin: 14px 0 4px; }
.public-draw-headline { grid-column: 1 / -1; display: grid; grid-template-columns: auto auto auto minmax(0,1fr); gap: 10px 20px; align-items: center; margin: 12px 0 2px; padding: 16px 20px; border: 1px solid rgba(215,255,73,.3); border-radius: 16px; background: linear-gradient(115deg, rgba(215,255,73,.12), rgba(215,255,73,0) 62%), rgba(255,255,255,.02); }
.public-draw-headline small { display: block; margin-bottom: 4px; color: #9aa1bd; font-size: .7rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.public-draw-headline em { display: block; margin-top: 3px; color: var(--muted); font-size: .78rem; font-style: normal; }
.public-draw-headline__number strong { display: block; font-family: var(--display-font); font-size: clamp(2.6rem, 6vw, 4.2rem); line-height: .92; letter-spacing: -.045em; color: var(--lime); }
.public-draw-headline__arrow { color: rgba(215,255,73,.55); font-size: 1.9rem; font-style: normal; }
.public-draw-headline__target strong { display: block; font-family: var(--display-font); font-size: clamp(1.5rem, 3vw, 2.4rem); line-height: 1; letter-spacing: -.03em; color: #fff; }
.public-draw-headline__winner { min-width: 0; }
.public-draw-headline__winner strong { display: block; overflow: hidden; font-size: clamp(1.05rem, 2vw, 1.5rem); font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.public-draw-result { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; margin-top: 8px; padding: 13px; border-radius: 8px; background: rgba(215,255,73,.07); }
.public-draw-result > b { color: var(--lime); font-size: 1.12rem; }
.public-draw-result > small { color: var(--muted); }
.public-sector-list { grid-column: 1 / -1; margin-top: 8px; }
.public-sector-list > div { display: grid; gap: 5px; margin-top: 9px; }
.public-sector-list p { display: grid; grid-template-columns: minmax(120px,1fr) minmax(110px,.7fr) auto auto; gap: 12px; align-items: center; padding: 9px 11px; border-radius: 7px; background: rgba(255,255,255,.025); }
.public-sector-list p span, .public-sector-list p small { color: var(--muted); }
.public-sector-list p b { color: var(--lime); }

.admin-workflow-nav__draw { color: var(--lime) !important; border: 1px solid rgba(215,255,73,.28); }
.admin-workflow-nav__draw:hover { color: #11140a !important; }
.commenter-ticket-list { margin: 16px 0 24px; padding: 18px; border: 1px solid #2d3353; border-radius: 16px; background: rgba(255,255,255,.02); }
.commenter-ticket-list__heading { display: grid; gap: 6px; margin-bottom: 14px; }
.commenter-ticket-list__heading strong { color: #fff; font-size: var(--admin-size-card-title); }
.commenter-ticket-list__heading p, .commenter-ticket-list__more { margin: 0; color: #aeb5cf; font-size: var(--admin-size-body); line-height: 1.55; }
.commenter-ticket-list__grid { max-height: 390px; overflow: auto; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 7px; padding-right: 5px; }
.commenter-ticket-list__grid > div { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; padding: 10px 12px; border: 1px solid #282e4b; border-radius: 10px; background: #0b0f22; }
.commenter-ticket-list__grid span { grid-row: 1 / 3; align-self: center; color: var(--lime); font-size: var(--admin-size-caption); font-weight: 900; }
.commenter-ticket-list__grid strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--admin-size-body); }
.commenter-ticket-list__grid small { color: #98a0be; font-size: var(--admin-size-caption); }
.commenter-ticket-list__more { margin-top: 12px; }

@media (max-width: 980px) {
  .home-draw-summary__numbers, .rules-hero__steps { grid-template-columns: 1fr; }
  .home-draw-summary__numbers article { min-height: 120px; }
  .rules-grid, .rules-grid--reverse, .rules-seal { grid-template-columns: 1fr; }
  .rules-grid--reverse .rules-copy, .rules-grid--reverse .rules-ticket-demo { grid-column: auto; grid-row: auto; }
  .rules-grid--reverse .rules-copy { order: 1; }
  .rules-grid--reverse .rules-ticket-demo { order: 2; }
  .rules-bottom { align-items: stretch; flex-direction: column; }
}

@media (max-width: 680px) {
  .home-draw-summary { margin-top: 18px; }
  .home-draw-summary > .button { width: 100%; }
  .rules-hero { min-height: auto; padding-top: 110px; }
  .rules-hero h1 { font-size: clamp(2.35rem, 11vw, 4rem); }
  .rules-hero__steps article { min-height: 180px; }
  .rules-example { transform: none; }
  .rules-bottom__actions { width: 100%; flex-direction: column; }
  .public-draw-result, .public-sector-list p { grid-template-columns: 1fr; }
  .public-draw-headline { grid-template-columns: minmax(0,1fr); gap: 14px; text-align: left; }
  .public-draw-headline__arrow { display: none; }
  .commenter-ticket-list__grid { grid-template-columns: 1fr; }
}

/* Personal profile drawer — shared by every site version. */
.profile-panel { position: fixed; inset: 0; z-index: 60; display: grid; }
.profile-panel__backdrop { position: absolute; inset: 0; background: rgba(4,6,14,.72); backdrop-filter: blur(4px); }
.profile-panel__card { position: relative; justify-self: end; align-self: stretch; width: min(100%, 460px); overflow-y: auto; padding: 28px; border-left: 1px solid rgba(215,255,73,.45); background: #0b0e1e; display: grid; gap: 14px; align-content: start; }
.profile-panel__close { position: absolute; top: 14px; right: 16px; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.04); color: var(--paper); font-size: 1.3rem; cursor: pointer; }
.profile-panel h2 { margin: 0; font-size: 1.8rem; }
.profile-panel__lead { margin: 0; color: var(--muted); font-size: var(--text-small); }
.profile-panel__form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.profile-panel__form input { min-height: 48px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 12px; background: #090c19; color: var(--paper); font: inherit; }
.profile-panel__result { display: grid; gap: 10px; }
.profile-card { padding: 18px; border: 1px solid rgba(215,255,73,.45); border-radius: 16px; background: rgba(215,255,73,.07); display: grid; gap: 6px; }
.profile-card__name { font-size: 1.2rem; font-weight: 900; }
.profile-card__id { color: var(--muted); font-size: var(--text-caption); }
.profile-card__chances { font-family: var(--display-font); font-size: 2.6rem; line-height: 1; color: var(--lime); }
.profile-card__note { margin: 0; color: var(--muted); font-size: var(--text-caption); }
.profile-panel__howto { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); }
.profile-panel__howto summary { cursor: pointer; color: var(--lime); font-size: var(--text-caption); font-weight: 900; }
.profile-panel__howto ol { margin: 10px 0 0; padding-left: 18px; display: grid; gap: 7px; color: var(--muted); font-size: var(--text-caption); line-height: 1.5; }
.profile-panel__howto b { color: var(--paper); }
.profile-card--empty { border-color: var(--line); background: rgba(255,255,255,.03); }
.profile-video { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.03); display: grid; gap: 4px; font-size: var(--text-caption); }
.profile-video strong { font-size: var(--text-body); }
.profile-panel__transfer { padding: 16px; border: 1px dashed var(--line-strong); border-radius: 14px; display: grid; gap: 8px; }
.profile-panel__transfer strong { font-size: var(--text-body); }
.profile-panel__transfer p { margin: 0; color: var(--muted); font-size: var(--text-caption); }
.profile-panel__code { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; }
.profile-panel__code code { overflow: hidden; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.05); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.profile-panel__forget { justify-self: start; padding: 0; border: 0; background: none; color: var(--muted); font: inherit; font-size: var(--text-caption); text-decoration: underline; cursor: pointer; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (max-width: 640px) {
  .profile-panel__card { width: 100%; padding: 22px 18px; }
}

/* ============================================================
   Soft navigation between the public sections.
   The page is swapped in place instead of being reloaded, the
   menu highlight flows to the new item and a thin bar at the top
   shows that the next section is on its way.
   ============================================================ */

.soft-nav-progress {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 200;
  height: 2px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.soft-nav-progress::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, rgba(215, 255, 73, 0) 0%, var(--lime) 55%, #ffffff 100%);
}
.soft-nav-progress.is-active { opacity: 1; }
.soft-nav-progress.is-active::before { animation: soft-nav-progress 2.4s cubic-bezier(.16, .85, .3, 1) forwards; }
.soft-nav-progress.is-done { opacity: 0; }
.soft-nav-progress.is-done::before { animation: none; transform: scaleX(1); transition: transform .18s ease-out; }

@keyframes soft-nav-progress {
  from { transform: scaleX(.03); }
  to { transform: scaleX(.9); }
}

/* The outgoing section dips out, the incoming one rises into place. */
#main-content.is-leaving {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .12s ease-in, transform .12s ease-in;
}
#main-content.is-entering { animation: soft-nav-enter .18s ease-out both; }

@keyframes soft-nav-enter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

/* Menu highlight: a single pill slides between the sections instead of
   jumping. The pill is measured in JS, the colours stay in CSS. */
.has-nav-pill { position: relative; }
.has-nav-pill > a { position: relative; z-index: 1; }
.nav-pill {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 0;
  height: 0;
  border-radius: 999px;
  background: var(--lime);
  opacity: 0;
  pointer-events: none;
  transition:
    transform .28s cubic-bezier(.22, .86, .28, 1),
    width .28s cubic-bezier(.22, .86, .28, 1),
    height .28s cubic-bezier(.22, .86, .28, 1),
    opacity .18s ease;
}
.nav-pill.is-visible { opacity: 1; }
/* Used for the first placement, window resizes and view transitions. */
.nav-pill--instant { transition: none !important; }

/* Variant 1: the current section becomes a lime chip, so the flat background
   of the link itself has to step aside and not fill twice. */
.site-nav.has-nav-pill .site-nav__link.is-active,
.site-nav.has-nav-pill .site-nav__link.is-active:hover {
  color: #10120c;
  background: transparent;
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  .nav-pill { transition: none; }
  #main-content.is-leaving { transition: none; }
  #main-content.is-entering { animation: none; }
  .soft-nav-progress.is-active::before { animation: none; transform: scaleX(.9); }
}

/* Where the browser can cross-fade the document itself, it does the work:
   no flash of an empty page between two sections. */
@media (prefers-reduced-motion: no-preference) {
  ::view-transition-group(root) { animation-duration: .26s; }
  /* The old screen leaves first and the new one arrives just behind it, so two sets of
     headlines are never legible at the same time. */
  ::view-transition-old(root) { animation: soft-nav-fade-out .12s ease-in both; }
  ::view-transition-new(root) { animation: soft-nav-fade-in .18s ease-out .08s both; }
  ::view-transition-group(bozex-nav-pill) {
    animation-duration: .28s;
    animation-timing-function: cubic-bezier(.22, .86, .28, 1);
  }
  ::view-transition-old(bozex-nav-pill) { animation: none; opacity: 0; }
  ::view-transition-new(bozex-nav-pill) { animation: none; opacity: 1; }
}

@keyframes soft-nav-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes soft-nav-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Round theme and the «Выбор BOZEX» jury prize: a decision, not a lottery. */
.round-theme { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 14px 0 0; }
.round-theme span { color: var(--cyan); font-size: var(--text-caption); font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.round-theme strong { font-size: var(--text-body); }
.jury-card { margin-top: 24px; padding: 22px; border: 1px solid rgba(98,233,255,.35); border-radius: 16px; background: rgba(98,233,255,.05); }
.jury-card__badge { display: inline-flex; padding: 7px 12px; border-radius: 999px; color: #062026; background: var(--cyan); font-size: var(--text-caption); font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.jury-card__title { margin: 12px 0 0; font-size: var(--text-lead); }
.jury-card__lead { margin: 8px 0 0; }
.jury-card__rule { margin: 10px 0 0; color: #9fb2c9; font-size: var(--text-small); }
.jury-card__winner { margin-top: 16px; padding: 14px 16px; border-radius: 12px; background: rgba(9,12,26,.55); display: grid; gap: 6px; }
.jury-card__label { color: var(--cyan); font-size: var(--text-caption); font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.jury-card__winner strong { font-size: var(--text-body); }
.jury-card__winner a { color: var(--lime); font-weight: 850; }
.jury-card__pending { margin: 14px 0 0; color: #9fb2c9; }

/* «Выбор BOZEX» inside the control room. */
.admin-jury__prize { margin: 0 0 12px; display: grid; gap: 4px; }
.admin-jury__prize strong { color: var(--lime); font-size: var(--admin-size-card-title); }
.admin-jury__prize span { color: #aab0c9; font-size: var(--admin-size-body); }
.admin-jury__empty { margin: 0; color: #8d94b3; }
.admin-jury__winner { display: grid; gap: 6px; padding: 14px; border: 1px solid #303555; border-radius: 11px; background: #0b0e20; }
.admin-jury__winner a { color: var(--lime); font-weight: 850; }
.admin-jury__winner small { color: #7c83a3; font-size: var(--admin-size-caption); }
.admin-jury__note { margin: 0; color: #d9dbed; }
.admin-jury__form { display: grid; gap: 12px; margin-top: 14px; }
.admin-jury__form label { display: grid; gap: 7px; color: #d9dbed; font-size: var(--admin-size-caption); font-weight: 850; }
.admin-jury__form select, .admin-jury__form input { width: 100%; padding: 12px 14px; border: 1px solid #303555; border-radius: 9px; background: #0b0e20; color: #fff; font: inherit; }
.admin-jury__form button { justify-self: start; }
.admin-jury__clear { margin-top: 10px; }
/* The theme and the jury prize of a running round are edited right here, next to
   the decision they describe, instead of in the closed round settings. */
.admin-jury__story { display: grid; gap: 12px; margin: 0 0 16px; padding: 14px; border: 1px solid #303555; border-radius: 11px; background: #0b0e20; }
.admin-jury__story label { display: grid; gap: 7px; color: #d9dbed; font-size: var(--admin-size-caption); font-weight: 850; }
.admin-jury__story input { width: 100%; padding: 12px 14px; border: 1px solid #303555; border-radius: 9px; background: #070a1a; color: #fff; font: inherit; }
.admin-jury__story button { justify-self: start; }
.admin-jury__hint { margin: 10px 0 0; color: #7c83a3; font-size: var(--admin-size-caption); }

/* Opt-in link to the Telegram bot on the participant card. */
.profile-card__telegram { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 11px 16px; border-radius: 999px; color: #062026; background: var(--cyan); font-size: var(--text-caption); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.profile-card__telegram:hover { filter: brightness(1.08); }

/* Journal of manual decisions and one-click undo of an exclusion. */
.admin-journal__empty { margin: 0; color: #8d94b3; }
.admin-journal__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 0; border: 1px solid #292e4c; border-radius: 11px; background: #0b0e20; }
.admin-journal__item { display: grid; grid-template-columns: 150px minmax(180px,1fr) minmax(120px,auto); align-items: baseline; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #252a47; }
.admin-journal__item:last-child { border-bottom: 0; }
.admin-journal__item time { color: #7c83a3; font-size: var(--admin-size-caption); font-variant-numeric: tabular-nums; }
.admin-journal__item strong { font-size: var(--admin-size-body); }
.admin-journal__item > span { color: #8d94b3; font-size: var(--admin-size-caption); }
.admin-journal__reason { grid-column: 1 / -1; margin: 4px 0 0; color: #aab0c9; font-size: var(--admin-size-caption); }
.admin-video-row__restore button, .admin-participant-card__restore button, .a2-cell__restore button { padding: 8px 12px; border: 1px solid var(--lime); border-radius: 8px; background: transparent; color: var(--lime); font: inherit; font-size: var(--admin-size-action); font-weight: 850; cursor: pointer; }
.admin-video-row__restore button:hover, .admin-participant-card__restore button:hover, .a2-cell__restore button:hover { color: #11140a; background: var(--lime); }
@media (max-width: 760px) {
  .admin-journal__item { grid-template-columns: 1fr; }
}