/* 07bet.info — Broadcast graphics. Pitch green + chalk + one hot signal. */
@view-transition{navigation:auto}
:root{
  --p9:#062418;--p8:#0b3a26;--p7:#12573a;--p5:#1f8a4f;--p3:#8fc7a0;--p1:#dcefe2;
  --chalk:#f2f4ee;--chalk2:#e6ebe2;--paper:#fff;--line:#c9d3c6;--ink:#0e1b14;--muted:#46564c;
  --sig:#ff4b1f;--sig-d:#c2330e;
  --f-disp:"Saira Condensed","Anek Bangla","Arial Narrow",sans-serif;
  --f-bn-disp:"Anek Bangla","Hind Siliguri","Noto Sans Bengali",sans-serif;
  --f-body:"Archivo","Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
  --f-num:"Saira Condensed","Arial Narrow",sans-serif;
  --font-head:var(--f-disp);--font-body:var(--f-body);
  --surface:#fff;--surface-2:var(--chalk);--border:var(--line);--heading:var(--ink);--text:var(--ink);--muted-c:var(--muted);
  --primary:var(--p8);--primary-contrast:#fff;--accent:var(--sig);--btn-bg:var(--sig);--btn-shadow:4px 4px 0 var(--p9);
  --wrap:1240px;--gut:16px;--hard:6px 6px 0 var(--p9);
  --lh:1.65;--hlh:1;--fs:1.0625rem;
}
.lang-bn,html[lang=bn] .page-404{--font-head:var(--f-bn-disp);--font-body:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;--lh:1.85;--hlh:1.38}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--chalk);color:var(--ink);font:400 var(--fs)/var(--lh) var(--font-body);overflow-x:clip;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:var(--p7);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{color:var(--sig-d)}
:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:768px){:root{--gut:32px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--sig);color:var(--ink);font-weight:700;padding:12px 16px;text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--font-head);color:var(--ink);margin:0}
.lang-en h1,.lang-en .plate,.lang-en .tab,.lang-en .tab-cta,.lang-en .btn,.lang-en .lbl-l{text-transform:uppercase}
.lang-bn h1,.lang-bn h2,.lang-bn h3{font-stretch:87.5%}

/* ---------- header: top strip + tab bar ---------- */
.hd{position:relative;z-index:40;view-transition-name:hd}
.strip{background:var(--p9);color:var(--p1);font-size:.8125rem}
.strip-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.strip-tag{margin:0;display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}
.lang-en .strip-tag{font-family:var(--f-disp);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem}
.st-t{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sig);box-shadow:0 0 0 3px rgba(255,75,31,.25)}
.lsw{display:flex;flex:none;border:1px solid rgba(220,239,226,.28)}
.lsw a{display:flex;align-items:center;gap:6px;min-height:36px;min-width:44px;justify-content:center;padding:0 10px;color:var(--p1);text-decoration:none;font-size:.8125rem;line-height:1}
.lsw a b{font:700 .875rem/1 var(--f-num);letter-spacing:.06em}
.lsw a[aria-current]{background:var(--sig);color:var(--ink)}
.lsw a:hover:not([aria-current]){background:rgba(255,255,255,.08);color:#fff}
.lsw-n{display:none}
@media (min-width:600px){.lsw-n{display:inline}}
.bar{background:var(--paper);border-bottom:3px solid var(--p8);box-shadow:0 6px 0 rgba(11,58,38,.06)}
.bar-in{display:flex;align-items:center;gap:12px;min-height:64px}
.bug{display:inline-flex;align-items:stretch;text-decoration:none;height:44px;flex:none;filter:drop-shadow(3px 3px 0 var(--p9))}
.bug-a{display:flex;align-items:center;padding:0 16px 0 12px;background:var(--p8);color:#fff;font:800 1.625rem/1 var(--f-num);letter-spacing:.01em;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.bug-b{display:flex;align-items:center;margin-left:-6px;padding:0 14px 0 14px;background:var(--sig);color:var(--ink);font:700 .9375rem/1 var(--font-head);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.lang-en .bug-b{text-transform:uppercase;letter-spacing:.06em;font-family:var(--f-disp)}
.bug:hover .bug-a{background:var(--p7)}
.menu-btn{order:3;margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 14px;border:2px solid var(--p8);background:var(--paper);color:var(--p8);font:700 .9375rem/1 var(--font-head);cursor:pointer}
.lang-en .menu-btn{text-transform:uppercase;letter-spacing:.06em}
.mb-i{display:grid;gap:4px;width:20px}
.mb-i i{display:block;height:2.5px;background:currentColor;transition:transform .2s,opacity .2s}
.hd.open .mb-i i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hd.open .mb-i i:nth-child(2){opacity:0}
.hd.open .mb-i i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.hd.open .menu-btn{background:var(--p8);color:#fff}
@media (max-width:359px){.mb-t{display:none}}
.tabs{order:4}
.tabs-in{display:flex}
.tab,.tab-cta{display:flex;align-items:center;text-decoration:none;font:600 1.0625rem/1.2 var(--font-head)}
.lang-en .tab,.lang-en .tab-cta{letter-spacing:.05em}
.tab{color:var(--ink);position:relative}
.tab[aria-current]{background:var(--p8);color:#fff}
.tab[aria-current]::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--sig)}
.tab-cta{gap:10px;background:var(--sig);color:var(--ink);font-weight:700}
.rec{width:10px;height:10px;border-radius:50%;background:var(--ink);flex:none}
@media (max-width:1099px){
  .tabs{display:none;position:absolute;left:0;right:0;top:100%;background:var(--p8);border-top:3px solid var(--sig);max-height:calc(100dvh - 110px);overflow:auto;box-shadow:0 18px 30px rgba(6,36,24,.35)}
  .hd.open .tabs{display:block}
  .tabs-in{flex-direction:column;padding:8px var(--gut) 20px;counter-reset:mt}
  .tab{counter-increment:mt;min-height:56px;padding:6px 4px 6px 52px;color:#fff;border-bottom:1px solid rgba(220,239,226,.16);font-size:1.25rem}
  .tab::after{content:counter(mt,decimal-leading-zero);position:absolute;left:4px;top:50%;translate:0 -50%;font:700 .9375rem/1 var(--f-num);color:var(--p3);letter-spacing:.05em}
  .tab[aria-current]{background:rgba(255,255,255,.08)}
  .tab[aria-current]::before{top:0;bottom:0;right:auto;width:4px;height:auto}
  .tab[aria-current]::after{color:var(--sig)}
  .tab-cta{margin-top:16px;min-height:56px;justify-content:center;font-size:1.125rem;box-shadow:4px 4px 0 var(--p9)}
}
@media (min-width:1100px){
  .menu-btn{display:none}
  .bar-in{gap:20px;min-height:64px}
  .tabs{flex:1;display:flex;align-self:stretch}
  .tabs-in{flex:1;align-items:stretch}
  .tab{padding:0 16px;border-left:1px solid var(--chalk2);transition:background .15s}
  .tab:last-of-type{border-right:1px solid var(--chalk2)}
  .tab:hover:not([aria-current]){background:var(--chalk);color:var(--ink)}
  .tab-cta{margin-left:auto;align-self:center;min-height:44px;padding:0 20px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .15s}
  .tab-cta:hover{background:var(--ink);color:#fff}
  .tab-cta:hover .rec{background:var(--sig)}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;text-decoration:none;font:700 1.0625rem/1.2 var(--font-head);border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s,color .15s;text-align:center}
.lang-en .btn{letter-spacing:.06em}
.btn-sig{background:var(--sig);color:var(--ink);box-shadow:4px 4px 0 var(--p9)}
.btn-sig:hover{color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--p9)}
.btn-sig:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--p9)}
.btn-line{color:#fff;border-color:rgba(255,255,255,.7)}
.btn-line:hover{background:#fff;color:var(--p8)}
.btn-sig::after{content:"";width:0;height:0;border-block:6px solid transparent;border-left:9px solid currentColor}

/* ---------- stage (pitch hero) ---------- */
.stage{position:relative;color:#fff;background:
  radial-gradient(ellipse 70% 115% at 78% 55%,transparent 59.4%,rgba(255,255,255,.13) 59.7%,transparent 60.1%),
  repeating-linear-gradient(98deg,rgba(255,255,255,.035) 0 90px,transparent 90px 180px),
  linear-gradient(160deg,var(--p8),var(--p9));overflow:hidden}
.stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--sig) 0 22%,var(--p5) 22% 100%)}
.stage h1{color:#fff;view-transition-name:title}
.kicker{margin:0 0 18px;display:flex}
.kicker span{display:inline-block;background:var(--sig);color:var(--ink);padding:6px 16px 6px 12px;font:700 .9375rem/1.4 var(--font-head);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.lang-en .kicker span{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.08em}
.lower{position:relative;background:var(--paper);color:var(--ink);padding:16px 20px 16px 26px;box-shadow:var(--hard);max-width:62ch}
.lower::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--sig)}
.lower p{margin:0}
.lower p+p{margin-top:.6em}
.stage-home{padding:40px 0 56px}
.stage-grid{display:grid;gap:36px;align-items:start}
.titlecard h1{font-weight:800;font-size:clamp(2.35rem,1.2rem + 4.6vw,4.6rem);line-height:.95;letter-spacing:-.005em;margin-bottom:24px;text-wrap:balance;text-shadow:0 3px 0 rgba(6,36,24,.5)}
.lang-bn .titlecard h1{font-weight:700;font-size:clamp(1.9rem,1.1rem + 3vw,3.3rem);line-height:var(--hlh);letter-spacing:0}
.titlecard .lower{font-size:1.0625rem}
.acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.scorebug{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--p9);border:1px solid rgba(143,199,160,.35);max-width:max-content}
.scorebug li{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;line-height:1.4;color:var(--p1);border-left:1px solid rgba(143,199,160,.25)}
.scorebug li::before{content:"";width:7px;height:7px;background:var(--p3);transform:rotate(45deg);flex:none}
.scorebug .sb-brand{background:#fff;color:var(--p8);font:800 1.125rem/1 var(--f-num);border:0;padding-inline:14px}
.scorebug .sb-brand::before{display:none}
@media (max-width:599px){.scorebug{flex-direction:column;max-width:none}.scorebug li{border-left:0;border-top:1px solid rgba(143,199,160,.2)}.scorebug .sb-brand{display:none}.scorebug li:nth-child(2){border-top:0}}
@media (min-width:960px){
  .stage-home{padding:56px 0 72px}
  .stage-grid{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:48px}
  .titlecard{padding-top:12px}
}
@media (min-width:1280px){.stage-grid{grid-template-columns:minmax(0,1fr) 480px;gap:64px}}

/* match centre panel */
.mc{position:relative;background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--p9);border-top:6px solid var(--sig);container-type:inline-size;scroll-margin-top:16px}
.mc-head{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:0 0 0 14px;min-height:44px}
.mc-l{font:700 .9375rem/1.3 var(--font-head);color:var(--p3)}
.lang-en .mc-l,.lang-en .mc-tag{text-transform:uppercase;letter-spacing:.1em;font-family:var(--f-disp)}
.mc-t{font-size:.8125rem;color:rgba(255,255,255,.75);line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-tag{margin-left:auto;align-self:stretch;display:flex;align-items:center;gap:8px;padding:0 14px 0 18px;background:var(--sig);color:var(--ink);font:700 .875rem/1 var(--font-head);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}
.mc-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}
@container (max-width:340px){.mc-t{display:none}}
#game-root:empty{min-height:720px}

/* ---------- inner page stage ---------- */
.stage-page{padding:28px 0 52px}
.crumbs ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:.875rem}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";width:8px;height:8px;border-top:2px solid var(--p3);border-right:2px solid var(--p3);transform:rotate(45deg);margin:0 12px 0 6px}
.crumbs a{color:#fff;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
.crumbs a:hover{color:var(--sig);text-decoration-color:currentColor}
.crumbs span{color:var(--p1);opacity:.85}
.stage-page h1{font-weight:800;font-size:clamp(2.1rem,1.2rem + 3.6vw,4rem);line-height:.98;max-width:22ch;margin-bottom:26px;text-wrap:balance;text-shadow:0 3px 0 rgba(6,36,24,.5)}
.lang-bn .stage-page h1{font-weight:700;font-size:clamp(1.75rem,1.1rem + 2.4vw,2.9rem);line-height:var(--hlh);max-width:30ch}
.stage-page .lower{max-width:72ch}
.stage-page>.wrap{position:relative}
.pmap{display:none}
@media (min-width:1180px){
  .stage-page .lower{max-width:64ch}
  .pmap{display:block;position:absolute;right:var(--gut);top:50%;translate:0 -50%;width:min(360px,28vw);aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.16);background:radial-gradient(circle,rgba(143,199,160,.12),transparent 68%);pointer-events:none}
  .pmap::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.14)}
  .pmap i{position:absolute;left:50%;top:10%;bottom:10%;width:22%;translate:-50% 0;transform:perspective(420px) rotateX(42deg);background:linear-gradient(#dcc591,#c7a970);box-shadow:inset 0 30px 0 -27px #fff,inset 0 -30px 0 -27px #fff,0 18px 30px rgba(0,0,0,.35)}
  .pmap i::before,.pmap i::after{content:"";position:absolute;left:50%;width:22px;height:30px;translate:-50% 0;background:linear-gradient(90deg,#fff 0 4px,transparent 4px 9px,#fff 9px 13px,transparent 13px 18px,#fff 18px 22px)}
  .pmap i::before{top:-14px}.pmap i::after{bottom:-14px}
  .pmap b{position:absolute;left:54%;top:58%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff7a57,#b3230a 72%);box-shadow:0 0 0 6px rgba(255,75,31,.18)}
}

/* ---------- TOC tab row ---------- */
.toc{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 4px 0 rgba(11,58,38,.05)}
.toc-in{display:flex;align-items:stretch;padding-inline:0}
@media (min-width:768px){.toc-in{padding-inline:var(--gut)}}
.toc-lbl{flex:none;display:flex;align-items:center;padding:0 18px 0 16px;background:var(--p8);color:#fff;font:700 .875rem/1.2 var(--font-head);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.lang-en .toc-lbl{text-transform:uppercase;letter-spacing:.08em;font-family:var(--f-disp)}
@media (max-width:599px){.toc-lbl{display:none}}
.toc-row{list-style:none;margin:0;padding:0 0 0 4px;display:flex;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.toc-row::-webkit-scrollbar{display:none}
.toc-row li{flex:none;display:flex;counter-increment:tc}
.toc-row a{position:relative;display:flex;align-items:center;gap:8px;min-height:50px;padding:0 16px;max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);text-decoration:none;font:600 .9375rem/1.3 var(--font-body);border-right:1px solid var(--chalk2)}
.toc-row a::before{content:counter(tc,decimal-leading-zero);font:700 .8125rem/1 var(--f-num);color:var(--muted);letter-spacing:.04em}
.toc-row a:hover{background:var(--chalk)}
.toc-row a[aria-current]{color:var(--p8)}
.toc-row a[aria-current]::before{color:var(--sig-d)}
.toc-row a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--sig)}
.toc-row{counter-reset:tc}
.toc-row li:last-child a{margin-right:40px}

/* ---------- body grid + article ---------- */
.body-grid{display:grid;gap:40px;padding-top:44px;padding-bottom:64px}
@media (min-width:1080px){.body-grid{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}
.content{min-width:0;max-width:74ch;counter-reset:sec}
.content>*:first-child{margin-top:0}
.content p,.content ul,.content ol{margin:0 0 1.1em}
.content ul,.content ol{padding-left:1.35em}
.content li{margin-bottom:.45em}
.content li::marker{color:var(--p5);font-weight:700}
.content ul li::marker{content:"▪  ";color:var(--sig)}
.content strong{font-weight:600;color:var(--p9)}
.content h3{font-size:1.3rem;line-height:var(--hlh);margin:1.6em 0 .6em;color:var(--p8);font-weight:700}
.lang-en .content h3{font-size:1.45rem;line-height:1.1}
.intro-more{font-size:1.0625rem;margin-bottom:12px}
.seg{margin-top:52px}
.seg-plain{margin-top:24px}
.plate{counter-increment:sec;display:flex;align-items:stretch;width:fit-content;max-width:100%;margin:0 0 26px;font-weight:700;font-size:clamp(1.3rem,1rem + 1.1vw,1.75rem);line-height:var(--hlh);scroll-margin-top:72px;filter:drop-shadow(4px 4px 0 rgba(6,36,24,.9))}
.lang-en .plate{font-weight:800;font-size:clamp(1.55rem,1.1rem + 1.5vw,2.25rem);letter-spacing:.01em;line-height:1}
.plate::before{content:counter(sec,decimal-leading-zero);flex:none;display:flex;align-items:center;padding:0 16px 0 12px;background:var(--sig);color:var(--ink);font:800 1.25rem/1 var(--f-num);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.plate span{display:block;margin-left:-6px;padding:.42em 26px .42em 20px;background:var(--p8);color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 14px) 100%,0 100%)}
.lang-bn .plate span{padding:.3em 26px .38em 20px}
.plate-faq::before{content:"?"}
.plate-light{filter:none}
.plate-light::before{content:"";width:34px;padding:0}
.content table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem;max-width:100%;background:var(--paper);box-shadow:4px 4px 0 var(--p8);border:1px solid var(--p8)}
.content th,.content td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--chalk2);min-width:120px}
.content th{background:var(--p8);color:#fff;font:700 .9375rem/1.3 var(--font-head)}
.lang-en .content th{text-transform:uppercase;letter-spacing:.05em}
.content tr:nth-child(even) td{background:var(--chalk)}
.content blockquote{margin:0 0 1.2em;padding:14px 18px;border-left:6px solid var(--sig);background:var(--paper)}

/* FAQ scorecard */
.faq{margin-top:60px;counter-reset:q}
.card{background:var(--paper);border:2px solid var(--p8);box-shadow:var(--hard)}
.card details{counter-increment:q;border-top:1px solid var(--chalk2)}
.card details:first-child{border-top:0}
.card details:nth-child(even) summary{background:var(--chalk)}
.card summary{list-style:none;display:grid;grid-template-columns:52px minmax(0,1fr) 48px;align-items:stretch;min-height:56px;cursor:pointer;font:600 1.0625rem/1.45 var(--font-body);color:var(--ink);transition:background .15s}
.lang-bn .card summary{line-height:1.7}
.card summary::-webkit-details-marker{display:none}
.q-n{display:flex;align-items:center;justify-content:center;background:var(--p8);color:#fff;font:700 1.0625rem/1 var(--f-num)}
.q-n::before{content:counter(q,decimal-leading-zero)}
.q-t{padding:14px 12px 14px 16px;align-self:center}
.q-i{position:relative}
.q-i::before,.q-i::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;background:var(--p8);translate:-50% -50%;transition:transform .2s}
.q-i::after{transform:rotate(90deg)}
.card summary:hover{background:var(--p1)}
.card details[open] summary{background:var(--p1)}
.card details[open] .q-n{background:var(--sig);color:var(--ink)}
.card details[open] .q-i::after{transform:rotate(0)}
.card .a{padding:4px 20px 6px 68px;border-left:6px solid var(--sig)}
.card .a p{margin:.6em 0 1em}
@media (max-width:480px){.card summary{grid-template-columns:40px minmax(0,1fr) 40px}.card .a{padding-left:18px}}

/* CTA band */
.cta{position:relative;margin-top:56px;background:var(--p8);color:#fff;padding:26px 24px 26px 30px;display:grid;gap:18px;box-shadow:var(--hard)}
.cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--sig)}
.cta p{margin:0;font-size:1.0625rem}
.cta .btn{justify-self:start}
@media (min-width:700px){.cta{grid-template-columns:1fr auto;align-items:center}}

/* rail */
.rail{display:none}
@media (min-width:1080px){.rail{display:block}}
.rail-card{position:sticky;top:76px;background:var(--paper);border:2px solid var(--p8);box-shadow:var(--hard)}
.rc-h{margin:0;background:var(--p8);color:#fff;padding:12px 16px;font:700 1.125rem/1.3 var(--font-head);border-bottom:4px solid var(--sig)}
.lang-en .rc-h{text-transform:uppercase;letter-spacing:.05em;font-size:1.25rem;line-height:1.1}
.rc-pitch{height:110px;position:relative;background:radial-gradient(ellipse 46% 60% at 50% 50%,transparent 97%,rgba(255,255,255,.55) 98%,transparent 100%),repeating-linear-gradient(90deg,#2d8a47 0 12.5%,#277d40 12.5% 25%)}
.rc-pitch i{position:absolute;left:50%;top:22%;bottom:22%;width:18px;translate:-50% 0;background:#d6be88;box-shadow:inset 0 5px 0 -3px #fff,inset 0 -5px 0 -3px #fff}
.rc-p{margin:0;padding:16px 16px 0;font-size:.9375rem;line-height:var(--lh);color:var(--muted)}
.rail-card .btn{margin:16px;width:calc(100% - 32px);font-size:1rem;padding:0 12px}

/* up next (related) */
.upnext{background:var(--chalk2);padding:48px 0 60px;border-top:1px solid var(--line)}
.nx-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:nx;container-type:inline-size}
@media (min-width:720px){.nx-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.nx-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nx-list li{counter-increment:nx;display:flex}
.nx{flex:1;display:grid;grid-template-columns:48px minmax(0,1fr) 40px;background:var(--paper);color:var(--ink);text-decoration:none;border:1px solid var(--line);transition:transform .15s,box-shadow .15s,border-color .15s}
.nx:hover{color:var(--ink);transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--p8);border-color:var(--p8)}
.nx-n{background:var(--p8);color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:16px;font:800 1.25rem/1 var(--f-num)}
.nx-n::before{content:counter(nx,decimal-leading-zero)}
.nx:hover .nx-n{background:var(--sig);color:var(--ink)}
.nx-b{padding:14px 12px 16px 16px;display:grid;gap:6px}
.nx-b strong{font:700 1.25rem/1.15 var(--font-head);color:var(--p8)}
.lang-en .nx-b strong{text-transform:uppercase;letter-spacing:.03em}
.lang-bn .nx-b strong{font-size:1.125rem;line-height:1.45}
.nx-b span{font-size:.9375rem;line-height:1.55;color:var(--muted)}
.lang-bn .nx-b span{line-height:1.7}
.nx-a{position:relative}
.nx-a::before{content:"";position:absolute;left:50%;top:22px;width:10px;height:10px;border-top:3px solid var(--sig);border-right:3px solid var(--sig);transform:translateX(-70%) rotate(45deg)}

/* footer */
.ft{background:var(--p9);color:var(--p1);border-top:6px solid var(--sig)}
.ft-grid{display:grid;gap:36px;padding-top:48px;padding-bottom:40px}
@media (min-width:800px){.ft-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:48px}}
.ft .bug{filter:drop-shadow(3px 3px 0 #000)}
.ft-disc{margin:22px 0 0;padding:14px 16px;border:1px solid rgba(143,199,160,.3);border-left:6px solid var(--sig);font-size:.9375rem;line-height:var(--lh);max-width:52ch}
.ft h2{font:700 1rem/1.3 var(--font-head);color:var(--p3);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(143,199,160,.25)}
.lang-en .ft h2{text-transform:uppercase;letter-spacing:.1em;font-family:var(--f-disp)}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-size:.9375rem;border-bottom:1px solid rgba(143,199,160,.1)}
.ft li a::before{content:"";width:6px;height:6px;margin-right:12px;background:var(--sig);transform:rotate(45deg);flex:none}
.ft li a:hover{color:var(--sig)}
.ft-bar{background:#03170e}
.ft-bar-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px;min-height:64px;padding-block:10px;font-size:.875rem}
.age{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:3px solid var(--sig);color:#fff;font:800 1rem/1 var(--f-num)}
.copy{color:var(--p3)}
.ft-bar .lsw{margin-left:auto}

/* 404 */
.nf{min-height:70vh;padding:64px 0}
.nf h1{font-weight:800;font-size:clamp(2.4rem,2rem + 3vw,4.4rem);margin-bottom:24px}
.nf .acts{margin-top:28px}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:no-preference){
  .dot,.mc-tag::before{animation:blink 1.6s ease-in-out infinite}
  .rec{animation:blink 1.6s ease-in-out infinite}
  @keyframes blink{50%{opacity:.25}}
  .stage .lower{animation:wipe .7s .15s cubic-bezier(.2,.8,.2,1) both}
  .kicker{animation:wipe .5s cubic-bezier(.2,.8,.2,1) both}
  .mc{animation:rise .6s .2s cubic-bezier(.2,.8,.2,1) both}
  @keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 -20px -20px 0)}}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}}
  @supports (animation-timeline:view()){
    .plate span{background:linear-gradient(90deg,var(--p8) 50%,var(--p5) 50%) 0 0/200% 100%;animation:sweep linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
    .plate::before{animation:nudge linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
    .nx-list li{animation:lift linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
    @keyframes sweep{from{background-position:100% 0}to{background-position:0 0}}
    @keyframes nudge{from{transform:translateX(-10px)}}
    @keyframes lift{from{transform:translateY(18px)}}
  }
  ::view-transition-old(title),::view-transition-new(title){animation-duration:.35s}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@view-transition{navigation:none}}
