/* Liberty theme: red/blue palette (NY red, Bingo blue). CPU-friendly rendering: no backdrop-filter, filter or mask-image; small shadows; progress bar via transform; .lite on <html> (set by lite.js) disables animation. */
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:800;font-display:swap;src:url(fonts/barlow-condensed-800.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:100 900;font-display:swap;src:url(fonts/inter-tight.woff2) format("woff2")}

:root{
  --bg:#EDF1FA;--surface:#fff;--surface2:#E6ECF8;--ink:#0A1A45;--ink2:#5B6990;--line:#D3DBEE;
  --ny:#DE2A3A;--ny-ink:#fff;--bn:#2A5CDD;--bn-ink:#fff;--navy:#0A1A45;--navy-2:#17358C;
  --font-d:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--font-b:"Inter Tight",system-ui,sans-serif;--font-n:"Inter Tight",system-ui,sans-serif;
  --radius:12px;--radius-field:10px;--radius-chip:999px;--radius-pill:999px;--maxw:1200px;
  --h3-w:800;--h3-s:25px;--h3-ls:.005em;--h1-w:800;--h1-s:46px;--h1-ls:.005em;--bullet-w:800;--big-w:800;
  --ball-fw:700;--ball-gap:5px;--card-gap:0;--card-bw:0px;--pad:20px;--pad-l:26px;
  --ok:#12A150;--warn:#F59E0B;--focus:#2A5CDD;--row-hover:#F3F6FD;--ghost:rgba(10,26,69,.1);--prev-bg:#EEF2FB;--tl-bg:#DDE4F4;
  --seg-bg:#E1E8F6;--seg-on-fg:#fff;--btn-fg:#fff;
  --hl:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9) 0,rgba(255,255,255,.4) 16%,rgba(255,255,255,0) 44%);
  --ball-fg:#fff;--sp-fg:#fff;--t1-fg:#fff;--t2-fg:#0A1A45;--t3-fg:#fff;
  --ball-sh:inset 0 -4px 6px rgba(40,0,10,.5),inset 0 2px 3px rgba(255,255,255,.55),0 3px 4px rgba(10,26,69,.38);
  --ball-hover-sh:inset 0 -4px 6px rgba(40,0,10,.5),inset 0 2px 3px rgba(255,255,255,.55),0 7px 8px -3px rgba(10,26,69,.5);
  --sp-label:var(--ink2);--gut:24px;
}
/* Per-series ramp: c = series colour, o = contrast colour (special ball), bar = progress bar on dark */
.s-ny{--c-hi:#FF7F89;--c:#DE2A3A;--c-lo:#9C0E1D;--o-hi:#7FA3FF;--o:#2A5CDD;--o-lo:#12339A;--bar-a:#E5323F;--bar-b:#FF8A93;--grad:linear-gradient(180deg,#F0495A,#C21B2D);--sp-label:var(--bn)}
.s-bg{--c-hi:#7FA3FF;--c:#2A5CDD;--c-lo:#12339A;--o-hi:#FF7F89;--o:#DE2A3A;--o-lo:#9C0E1D;--bar-a:#4F82FF;--bar-b:#A5C0FF;--grad:linear-gradient(180deg,#4C7DF0,#1B43B8);--sp-label:var(--ny)}
body{font-size:16px;font-feature-settings:"tnum";background:linear-gradient(180deg,#F8FAFE 0,var(--bg) 480px)}
.s-ny,.s-bg{--sc-grad:var(--grad)}

/* ---------- Raised balls ---------- */
.ball{background:var(--hl),linear-gradient(155deg,var(--c-hi) 0,var(--c) 42%,var(--c-lo) 100%);font-family:var(--font-d);text-shadow:0 1px 0 rgba(0,0,0,.28)}
.ball b{font-size:calc(var(--bf,16px)*1.14)}
.ball.sp{background:var(--hl),linear-gradient(155deg,var(--o-hi) 0,var(--o) 42%,var(--o-lo) 100%)}
.ball[data-top="1"]{background:var(--hl),linear-gradient(155deg,#56689F,#0A1A45)}
.ball[data-top="2"]{background:var(--hl),linear-gradient(155deg,#FFFFFF,#CDD5EA 55%,#8F9BBE);text-shadow:none}
.ball[data-top="3"]{background:var(--hl),linear-gradient(155deg,var(--c-hi) 0,var(--c) 42%,var(--c-lo) 100%)}
.step .b{background:var(--hl),linear-gradient(155deg,var(--c-hi) 0,var(--c) 42%,var(--c-lo) 100%);box-shadow:var(--ball-sh);font-family:var(--font-d);font-size:17px;text-shadow:0 1px 0 rgba(0,0,0,.28)}
.step.skip .b{background:transparent;box-shadow:none;text-shadow:none}
.balls.ghost{animation:ghost 1.4s ease-in-out infinite}
.balls.ghost .ball{animation:none}

/* ---------- Header ---------- */
.site-h{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#1A3A96 0,#0A1A45 100%);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.12) inset}
.site-h::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,#E5323F 0 33.34%,#fff 33.34% 66.67%,#4F82FF 66.67%)}
.h-in{display:flex;align-items:center;gap:26px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font:800 27px/1 var(--font-d);letter-spacing:.02em;text-transform:uppercase}
.brand svg{width:34px;height:34px;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.brand:hover svg{transform:rotate(-12deg) scale(1.08)}
.brand b{font-weight:800;color:#FF7F89;margin-left:2px}
.nav{display:flex;gap:4px;margin-left:12px;flex:1}
.nav a{padding:9px 18px;border-radius:999px;font:700 14px var(--font-b);letter-spacing:.02em;color:#BDCBF2;transition:background .18s,color .18s}
.nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav a.on{background:linear-gradient(180deg,#F0495A,#C21B2D);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #8E0F1D}
.clock{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;background:rgba(0,0,0,.28);box-shadow:inset 0 1px 3px rgba(0,0,0,.4);line-height:1}
.ck-l{font:700 10px var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#8FA2D6}
.clock b{font:700 21px var(--font-d);letter-spacing:.04em;color:#fff;font-variant-numeric:tabular-nums}
.burger{display:none;width:44px;height:44px;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;background:rgba(255,255,255,.12)}
.burger i{display:block;width:18px;height:2.5px;border-radius:2px;background:#fff;transition:transform .25s,opacity .2s}
.nav-open .burger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-open .burger i:nth-child(2){opacity:0}.nav-open .burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ---------- Hero ---------- */
.hero{padding:68px 0 64px;background:radial-gradient(55% 90% at 100% 0,rgba(42,92,221,.16),transparent 65%),radial-gradient(45% 80% at 0 0,rgba(222,42,58,.11),transparent 65%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:56px;align-items:center}
.eyebrow{display:inline-block;font:700 12.5px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin-bottom:16px}
.hero .eyebrow{padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.hero h1{font:800 clamp(56px,8vw,112px)/.9 var(--font-d);letter-spacing:.005em;text-transform:uppercase;margin-bottom:22px;color:var(--navy)}
.hero h1 em{font-style:normal;color:var(--ny)}
.lede{font-size:18px;max-width:46ch;color:#3E4C74;margin-bottom:28px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;padding:13px 26px;border-radius:999px;background:linear-gradient(180deg,#F0495A,#C21B2D);color:#fff;font:700 15px var(--font-b);letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #8E0F1D;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 #8E0F1D}
.btn.alt{background:linear-gradient(180deg,#4C7DF0,#1B43B8);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 #0E2A7F}
.btn.alt:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 #0E2A7F}
.btn.ghost{background:#fff;color:var(--navy);box-shadow:0 0 0 1px var(--line)}
.board{border-radius:18px;padding:6px;background:linear-gradient(155deg,#1D3FA0 0,#0A1A45 70%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 22px -16px rgba(10,26,69,.75)}
.board-h{display:flex;justify-content:space-between;align-items:center;padding:16px 22px 10px;font:700 12px var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#9FB0DE}
.board-h b{font:700 22px var(--font-d);color:#fff;letter-spacing:.04em;text-transform:none}
.board-r{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"b n c" "b t c";gap:0 16px;align-items:center;padding:16px 22px 22px;border-top:1px solid rgba(255,255,255,.12);transition:background .2s}
.board-r:hover{background:rgba(255,255,255,.05)}
.board-r .bullet{grid-area:b;width:52px;height:52px;font-size:21px}
.b-n{grid-area:n;font-weight:700;font-size:17px}
.b-t{grid-area:t;font:600 13px var(--font-b);color:#9FB0DE}
.b-c{grid-area:c;font:800 60px/1 var(--font-d);color:#fff;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.b-bar{position:absolute;left:22px;right:22px;bottom:9px;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden}
.b-bar i,.bar i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--p,0));transition:transform .3s linear;background:linear-gradient(90deg,var(--bar-a),var(--bar-b));border-radius:inherit}
.board-f{display:flex;justify-content:space-between;padding:12px 22px 14px;border-top:1px solid rgba(255,255,255,.12);font:600 12px var(--font-b);color:#9FB0DE;letter-spacing:.04em}
.board-f .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34D27B;margin-right:8px;animation:libblink 2s ease-in-out infinite}
@keyframes libblink{50%{opacity:.3}}
.status .dot,.live .dot{animation:none;box-shadow:none}
.card[data-state="drawing"] .status .dot{animation:libblink 1s ease-in-out infinite;box-shadow:none}

/* Raised badges */
.bullet{background:var(--hl),linear-gradient(155deg,var(--c-hi) 0,var(--c) 42%,var(--c-lo) 100%);color:#fff;font-family:var(--font-d);box-shadow:var(--ball-sh);text-shadow:0 1px 0 rgba(0,0,0,.28)}

/* ---------- Series boards ---------- */
.series{padding:46px 0 54px}
.series-head{display:grid;grid-template-columns:auto 1fr auto;gap:6px 22px;align-items:center;padding-bottom:26px;margin-bottom:0;background:linear-gradient(90deg,var(--c-lo),var(--c) 55%,var(--c-hi)) left bottom/100% 6px no-repeat;border-radius:0 0 3px 3px}
.series-head::before{content:"NY";grid-row:1/3;display:grid;place-items:center;width:80px;height:80px;border-radius:50%;background:var(--hl),linear-gradient(155deg,var(--c-hi) 0,var(--c) 42%,var(--c-lo) 100%);color:#fff;font:800 36px var(--font-d);letter-spacing:.02em;box-shadow:var(--ball-sh);text-shadow:0 1px 0 rgba(0,0,0,.28)}
.s-bg .series-head::before{content:"BG"}
.sh-t{display:contents}
.series-head .eyebrow{grid-column:2;margin:0;align-self:end;color:var(--c)}
.series-head h2{grid-column:2;font:800 clamp(40px,5.2vw,64px)/.95 var(--font-d);letter-spacing:.005em;text-transform:uppercase;color:var(--navy)}
.series-head p{grid-column:1/-1;margin-top:14px;color:var(--ink2);max-width:62ch;order:5}
.sh-c{grid-column:3;grid-row:1/3;display:grid;gap:2px;justify-items:end;padding:12px 18px;border-radius:12px;background:linear-gradient(155deg,#1D3FA0,#0A1A45 75%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.sh-c .live{color:#B5C3EC}
.sh-c .sc-l{font:700 10px var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#8FA2D6}
.sh-c b{font:800 40px/1 var(--font-d);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.sh-c .sc-t{font-size:12px;color:#8FA2D6}
.grid{--cols:1;grid-auto-flow:row;margin-top:0;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 10px 16px -14px rgba(10,26,69,.4)}
.card{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(170px,210px);grid-template-areas:"h m f" "p p p";align-items:center;column-gap:20px;border-radius:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#F6F8FD);--card-hover-t:none;--card-hover-sh:none;position:relative;transition:background-color .2s,opacity .5s}
.card:last-child{border-bottom:0}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--c-hi),var(--c-lo));transform:scaleX(0);transform-origin:0 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.card:hover::before{transform:scaleX(1)}
.card:hover{background:linear-gradient(180deg,#F7F9FE,#EDF2FC)}
.card.wide{grid-column:auto}
.card-h{grid-area:h;padding:18px 0 18px var(--pad)}
.card-main{grid-area:m;padding:16px 0;min-height:0;--ball-max:42px}
.card.feature{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 11%,#fff),#fff 60%)}
.card.feature:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 17%,#fff),#F7F9FE 60%)}
.card.feature .card-main{--ball-max:46px;padding:20px 0}
.card.feature .card-h .bullet{width:46px;height:46px;font-size:19px}
.card.feature h3{font-size:27px}
.card-h .bullet{width:38px;height:38px;font-size:17px}
.card-t h3{text-transform:uppercase}
.card-t .kick{letter-spacing:.08em;font-size:10.5px}
.card-f{grid-area:f;border-top:0;border-left:1px solid var(--line);padding:6px 0 6px 20px;align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;font-size:13px}
.card-f .act{width:100%;justify-content:space-between}
.nx b{font:800 22px var(--font-d);color:var(--navy);letter-spacing:.03em}
.card-f .qi{font-size:14px}
.card-prev{grid-area:p;justify-self:start;width:max-content;max-width:calc(100% - 28px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 16px;margin:0 var(--pad) 14px var(--pad);padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--c) 8%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent)}
.card-prev .pv-l{display:flex;flex-direction:column;gap:3px;min-width:76px}
.card-prev .pv-l em{font:700 10px/1 var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);font-style:normal}
.card-prev .pv-l b{font:800 20px/1 var(--font-d);letter-spacing:.02em;color:var(--navy)}
.card-prev .balls.mini{width:auto;min-width:0}
.card-prev .balls.mini .ball:hover{transform:none}
.card-prev .balls.mini:not(.k-orig){gap:6px}
.card-prev .balls.mini:not(.k-orig) .ball{width:30px}
.card-prev .balls.mini:not(.k-orig) .ball b{font-size:14px!important}
.card-prev .balls.mini.k-orig{display:grid;grid-template-columns:repeat(10,minmax(0,40px));justify-content:start;gap:6px;width:100%;max-width:454px;container-type:inline-size}
.card-prev .balls.mini.k-orig .ball{width:100%;max-width:none}
.card-prev .balls.mini.k-orig .ball b{font-size:clamp(12px,calc(100cqw / 26),18px)!important}
.card .status{order:3}.card-h .status{margin-left:auto}
.card .hist{text-decoration-color:var(--c);color:var(--navy)}
.drawing{margin-top:0}
.spin i{background:var(--c)}
.card .balls.k-orig{gap:4px}
.card-main .balls.k-orig{padding-bottom:0}
.card.flash{animation:none}
.card.flash .ball{animation:rise .5s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--k,0)*1ms)}

/* ---------- Inner pages ---------- */
.page-t{position:relative;padding:50px 0 44px;margin-bottom:34px;color:#fff;background:radial-gradient(50% 140% at 100% 0,rgba(222,42,58,.5),transparent 60%),radial-gradient(45% 140% at 0 100%,rgba(79,130,255,.35),transparent 60%),linear-gradient(135deg,#1D3FA0 0,#0A1A45 80%)}
.page-t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#E5323F 0 33.34%,#fff 33.34% 66.67%,#4F82FF 66.67%)}
.page-t .eyebrow{padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#F0495A,#C21B2D);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.page-t h1{font:800 clamp(48px,6.4vw,80px)/.95 var(--font-d);letter-spacing:.005em;text-transform:uppercase;margin-bottom:10px;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.page-t p{color:#BDCBF2;font-size:17px;max-width:60ch}
.page-b{padding-bottom:92px}
.seg{box-shadow:inset 0 1px 2px rgba(10,26,69,.14)}
.seg button{font-size:14px}
.seg button.on{background:var(--grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 3px rgba(10,26,69,.35)}
.chip{font-weight:700;background:linear-gradient(180deg,#fff,#F1F4FB)}
.chip.on{background:var(--grad);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 3px rgba(10,26,69,.3)}
input[type=date],input[type=text]{background:linear-gradient(180deg,#F4F6FC,#fff);box-shadow:inset 0 1px 2px rgba(10,26,69,.12)}
.ic{background:linear-gradient(180deg,#fff,#EEF2FB)}
.mini-btn{background:linear-gradient(180deg,#1D3FA0,#0A1A45);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.h-list{border-radius:14px;box-shadow:0 10px 16px -14px rgba(10,26,69,.4);background:#fff}
.h-head{background:linear-gradient(180deg,#EEF2FB,#E4EAF7)}
.h-sum strong{font:800 28px var(--font-d);text-transform:uppercase;letter-spacing:.01em}
.c-qi{font:800 17px var(--font-d);letter-spacing:.02em;color:var(--c)}
.c-time{font-weight:600}
.pg{background:linear-gradient(180deg,#fff,#EEF2FB)}
.pg.on{background:linear-gradient(180deg,#1D3FA0,#0A1A45);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.crumbs a{text-decoration:underline;text-underline-offset:3px}
.d-title .bullet{width:62px;height:62px;font-size:24px}
.d-title h1{text-transform:uppercase}
.qi-copy{background:linear-gradient(180deg,#fff,#EEF2FB)}
.d-result,.d-order,.d-how,.d-meta,.d-wait,.sc-day,.sc-cols section{border-radius:14px;background:linear-gradient(180deg,#fff,#F6F8FD);box-shadow:0 10px 16px -14px rgba(10,26,69,.4),0 0 0 1px var(--line)}
.d-result{border-top:5px solid var(--c)}
.d-result h2,.d-order h2,.d-how h2,.sc-day-h h2,.sc-cols h2{font:800 17px var(--font-d);letter-spacing:.1em;color:var(--navy)}
.d-meta dd{font-weight:700}
.step{background:linear-gradient(180deg,#fff,#F6F8FD)}
.d-result .balls.big{--bs-big:64px}
.sc-next{background:radial-gradient(60% 150% at 100% 0,var(--glow,rgba(222,42,58,.5)),transparent 62%),linear-gradient(135deg,#1D3FA0 0,#0A1A45 75%);color:#fff;border:0;border-radius:18px;--line:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 22px -16px rgba(10,26,69,.8)}
.sc-next.s-ny{--glow:rgba(222,42,58,.55)}.sc-next.s-bg{--glow:rgba(79,130,255,.6)}
.sc-next .lbl{color:#9FB0DE}
.sc-next .big{font:800 clamp(80px,13vw,152px)/.88 var(--font-d);letter-spacing:.01em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}
.sc-next-meta b{color:#fff;font:700 19px var(--font-b)}
.sc-next .live{color:#fff}
.sc-next .live .dot{background:#34D27B;animation:libblink 2s ease-in-out infinite}
.sc-next .bar{height:8px;background:rgba(255,255,255,.14);box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.tl{height:46px;border-radius:12px;background:linear-gradient(180deg,#D5DDF0,#E8EDF8);box-shadow:inset 0 1px 3px rgba(10,26,69,.2)}
.seg-open{background:linear-gradient(180deg,var(--c-hi),var(--c-lo));opacity:1;border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.18);transition:none}
.tl .now{background:var(--navy);width:3px;top:-10px;bottom:-10px}
.tl .now::before{font:800 11px var(--font-b);color:var(--navy);top:-20px}
.tl .now::after{content:"";position:absolute;left:50%;bottom:-3px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--navy)}
.tl .tip{background:var(--navy);color:#fff}
.tl-axis{font-family:var(--font-b)}
.sc-list li{padding:12px 0}
.sc-list .c-qi{color:var(--c)}
.sc-list .rel{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);justify-self:end}
.sc-list a:hover .rel{background:var(--c);color:#fff;text-decoration:none}
.nf{padding:72px 0 120px;text-align:center}
.nf h1{font:800 clamp(44px,7vw,84px)/.95 var(--font-d);text-transform:uppercase;margin-bottom:14px;color:var(--navy)}
.nf p{max-width:50ch;margin:0 auto 28px;color:var(--ink2);font-size:18px}
.nf .hero-cta{justify-content:center}
#balls404 .ball{--bf:60px;font-size:60px}
#balls404 .ball:nth-child(1){--c-hi:#FF7F89;--c:#DE2A3A;--c-lo:#9C0E1D}
#balls404 .ball:nth-child(2){--c-hi:#56689F;--c:#233A87;--c-lo:#0A1A45}
#balls404 .ball:nth-child(3){--c-hi:#7FA3FF;--c:#2A5CDD;--c-lo:#12339A}
#balls404 .ball b{font-size:clamp(46px,13vw,84px)}

/* ---------- Footer ---------- */
.site-f{background:linear-gradient(180deg,#14307F 0,#0A1A45 60%);color:#BDCBF2;margin-top:0;position:relative}
.site-f::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#E5323F 0 33.34%,#fff 33.34% 66.67%,#4F82FF 66.67%)}
.f-in{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:40px;padding:56px var(--gut) 30px}
.brand-s{display:inline-flex;align-items:center;gap:10px;font:800 25px var(--font-d);letter-spacing:.02em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.brand-s svg{width:32px;height:32px}.brand-s b{font-weight:800;color:#FF7F89}
.f-brand p,.f-col p{font-size:14px;line-height:1.6;max-width:46ch}
.f-col h4{font:700 12px var(--font-b);letter-spacing:.14em;text-transform:uppercase;color:#8FA2D6;margin-bottom:12px}
.f-col a{display:block;padding:4px 0;font-size:15px;transition:color .15s,padding .15s}.f-col a:hover{color:#fff;padding-left:6px}
.f-end{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:34px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#8FA2D6}
.tpl-pill{backdrop-filter:none;background:#0A1A45;box-shadow:0 0 0 1px rgba(255,255,255,.18)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.hero-in{grid-template-columns:1fr}.f-in{grid-template-columns:1fr 1fr}.card{grid-template-columns:minmax(220px,260px) minmax(0,1fr) 170px}}
@media (max-width:860px){
  .burger{display:flex}.clock{display:none}
  .nav{position:absolute;left:0;right:0;top:68px;flex-direction:column;gap:4px;margin:0;padding:10px var(--gut) 18px;background:#0A1A45;border-bottom:4px solid #4F82FF;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s}
  .nav-open .nav{opacity:1;transform:none;pointer-events:auto}
  .nav a{padding:14px 16px;font-size:18px}
  .card{grid-template-columns:1fr;grid-template-areas:"h" "m" "f" "p";padding-bottom:6px}
  .card-h{padding:18px var(--pad) 4px 12px}
  .card-main{padding:10px var(--pad) 12px 12px}
  .card-f{border-left:0;border-top:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px var(--pad) 10px 12px;margin:0}
  .card-f .act{width:auto;gap:18px}
  .card-prev{grid-template-columns:1fr;gap:8px;margin:0 12px 12px;width:auto;max-width:none;justify-self:stretch}
  .series-head{grid-template-columns:auto 1fr}
  .sh-c{grid-column:1/-1;grid-row:auto;justify-items:start;grid-template-columns:auto auto auto;align-items:center;gap:14px}
  .series-head p{order:0}
  .sc-next .big{font-size:clamp(76px,22vw,120px)}
}
@media (max-width:560px){
  :root{--gut:16px}
  .hero{padding:38px 0 40px}.b-c{font-size:46px}.board-r .bullet{width:44px;height:44px;font-size:18px}
  .series-head::before{width:60px;height:60px;font-size:27px}
  .f-in{grid-template-columns:1fr;gap:26px;padding-top:40px}
  .h-in{height:60px}.nav{top:60px}
  .page-t{padding:36px 0 32px}
}

/* ---------- Lite mode: keep static gradients and raised balls, drop animation, transitions, blurred shadows and hover shifts ---------- */
html.lite *,html.lite *::before,html.lite *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.lite .ball,html.lite .bullet,html.lite .step .b,html.lite .series-head::before{box-shadow:inset 0 -3px 4px rgba(30,0,10,.42),inset 0 2px 2px rgba(255,255,255,.5)}
html.lite .grid,html.lite .h-list,html.lite .board,html.lite .sc-next,html.lite .d-result,html.lite .d-order,html.lite .d-how,html.lite .d-meta,html.lite .d-wait,html.lite .sc-day,html.lite .sc-cols section{box-shadow:none}
html.lite .d-result,html.lite .d-order,html.lite .d-how,html.lite .d-meta,html.lite .d-wait,html.lite .sc-day,html.lite .sc-cols section{box-shadow:0 0 0 1px var(--line)}
html.lite .ball:hover,html.lite .step:hover,html.lite .btn:hover,html.lite .brand:hover svg{transform:none}
html.lite .balls.ghost{opacity:.7}