@font-face{ font-family: 'Anek Bangla'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/anek-bangla-400-800-bengali.418c763509.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1; }
@font-face{ font-family: 'Anek Bangla'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/anek-bangla-400-800-latin.9d14431a27.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Baloo Da 2'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(fonts/baloo-da-2-600-800-bengali.323d936108.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1; }
@font-face{ font-family: 'Baloo Da 2'; font-style: normal; font-weight: 600 800; font-display: swap; src: url(fonts/baloo-da-2-600-800-latin.074ed9c674.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Galada'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/galada-400-bengali.22eba75917.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1; }
@font-face{ font-family: 'Galada'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/galada-400-latin.59a0eef638.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Hind Siliguri'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/hind-siliguri-700-bengali.b6033f70da.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1; }
@font-face{ font-family: 'Hind Siliguri'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/hind-siliguri-700-latin.e8f0fc0cab.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Share Tech Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/share-tech-mono-400-latin.41e6b9f297.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Tiro Bangla'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/tiro-bangla-400-bengali.7132520bbc.woff2) format('woff2'); unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1, U+11DF0-11DF1; }
@font-face{ font-family: 'Tiro Bangla'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/tiro-bangla-400-latin.bb748ffc6a.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root{
  --tar: #15110e;        
  --paper: #f7efe0;      
  --newsprint: #f1e9d6;  
  --ink: #1d1814;        
  --hood: #ffcb1f;       
  --led-pink: #ff3fa4;   
  --led-cyan: #2ee6ff;   
  --breaking: #e0242b;   
  --news-blue: #0f2b63;  
  --band: 34px;          
  --volt: #ff5b3a;       
  --scrim: rgba(10, 8, 6, 0.72);
  
  --garland: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'><defs><ellipse id='p' cy='-5.4' rx='3.6' ry='5.3'/><g id='f' stroke='%23fff' stroke-width='1.2'><use href='%23p'/><use href='%23p' transform='rotate(72)'/><use href='%23p' transform='rotate(144)'/><use href='%23p' transform='rotate(216)'/><use href='%23p' transform='rotate(288)'/></g><path id='l' d='M0 0C2 -5 8 -8 13 -6C10 -1 5 1 0 0Z'/></defs><path d='M0 15Q10 9 20 15T40 15T60 15T80 15T100 15T120 15' fill='none' stroke='%231f8a4c' stroke-width='2'/><g fill='%2337c46a' stroke='%23135c33' stroke-width='.8'><use href='%23l' x='0' y='15'/><use href='%23l' transform='translate(40 15)'/><use href='%23l' transform='translate(40 15) rotate(180)'/><use href='%23l' transform='translate(80 15)'/><use href='%23l' transform='translate(80 15) rotate(180)'/><use href='%23l' transform='translate(120 15) rotate(180)'/></g><use href='%23f' fill='%23ff3fa4' transform='translate(20 15)'/><circle cx='20' cy='15' r='2.6' fill='%23ffcb1f'/><use href='%23f' fill='%232ee6ff' transform='translate(60 15) rotate(36)'/><circle cx='60' cy='15' r='2.6' fill='%23ff3fa4'/><use href='%23f' fill='%23ffcb1f' transform='translate(100 15)'/><circle cx='100' cy='15' r='2.6' fill='%23e0242b'/><g fill='%23fff'><circle cx='40' cy='4' r='1.3'/><circle cx='80' cy='26' r='1.3'/><circle cx='0' cy='26' r='1.3'/><circle cx='120' cy='26' r='1.3'/></g></svg>");
  
  --fringe: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='72' height='16' viewBox='0 0 72 16'><rect width='72' height='3' fill='%23e0242b'/><path d='M0 3H24L12 15Z' fill='%23ff3fa4'/><path d='M24 3H48L36 15Z' fill='%232ee6ff'/><path d='M48 3H72L60 15Z' fill='%23ffcb1f'/><g fill='%23fff'><circle cx='12' cy='7.5' r='1.7'/><circle cx='36' cy='7.5' r='1.7'/><circle cx='60' cy='7.5' r='1.7'/></g></svg>");
  
  --pennants: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='5' viewBox='0 0 18 5'><rect width='18' height='1' fill='%23e0242b'/><path d='M0 1H6L3 5Z' fill='%23ff3fa4'/><path d='M6 1H12L9 5Z' fill='%232ee6ff'/><path d='M12 1H18L15 5Z' fill='%23ffcb1f'/></svg>");
  
  --pennants-ink: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='5' viewBox='0 0 18 5'><rect width='18' height='1' fill='%23b3121b'/><path d='M0 1H6L3 5Z' fill='%23b3121b'/><path d='M12 1H18L15 5Z' fill='%23b3121b'/><path d='M6 1H12L9 5Z' fill='%23b3121b' fill-opacity='.45'/></svg>");
  
  
  --bouquet: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'><defs><ellipse id='p' cy='-6.6' rx='4.5' ry='6.6'/><g id='f' stroke='%23fff' stroke-width='1.4'><use href='%23p'/><use href='%23p' transform='rotate(72)'/><use href='%23p' transform='rotate(144)'/><use href='%23p' transform='rotate(216)'/><use href='%23p' transform='rotate(288)'/></g><path id='l' d='M0 0C3 -7 12 -12 20 -9C15 -2 8 1 0 0Z'/></defs><g fill='%2337c46a' stroke='%23135c33' stroke-width='1'><use href='%23l' transform='translate(50 28) rotate(168)'/><use href='%23l' transform='translate(70 50) rotate(122)'/><use href='%23l' transform='translate(78 48) rotate(78)'/><use href='%23l' transform='translate(64 20) rotate(205)'/><use href='%23l' transform='translate(84 30) rotate(72)'/></g><use href='%23f' fill='%23ff3fa4' transform='translate(78 18) scale(1.35)'/><circle cx='78' cy='18' r='3.6' fill='%23ffcb1f'/><use href='%23f' fill='%23ffcb1f' transform='translate(52 26) rotate(18) scale(1.05)'/><circle cx='52' cy='26' r='2.8' fill='%23e0242b'/><use href='%23f' fill='%232ee6ff' transform='translate(74 46) rotate(40) scale(1.05)'/><circle cx='74' cy='46' r='2.8' fill='%23ff3fa4'/><g fill='%23fff'><circle cx='60' cy='48' r='1.6'/><circle cx='88' cy='34' r='1.4'/><circle cx='40' cy='12' r='1.4'/></g></svg>");
  --f-display: "Baloo Da 2", "Anek Bangla", "Noto Sans Bengali", system-ui, sans-serif;
  --f-ui: "Anek Bangla", "Hind Siliguri", "Noto Sans Bengali", system-ui, sans-serif;
  --f-ticker: "Hind Siliguri", "Anek Bangla", "Noto Sans Bengali", system-ui, sans-serif;
  --f-news: "Tiro Bangla", "Noto Serif Bengali", Georgia, serif;
  --f-mono: "Share Tech Mono", ui-monospace, "Courier New", monospace;
  color-scheme: dark;
}
#menu, #paper, .np-scroll, .help, .w-list{ touch-action: manipulation; touch-action: pan-x pan-y; }
@keyframes blink{ 50% { opacity: .25; } }
@keyframes pulseGlow{ 0% { box-shadow: 0 0 0 0 rgba(77, 255, 149, .75), 0 2px 0 #000; } 100% { box-shadow: 0 0 0 12px rgba(77, 255, 149, 0), 0 2px 0 #000; } }
@keyframes teach{ 50% { box-shadow: 0 0 0 4px var(--hood); } }
@keyframes jitter{ 0% { transform: translate(0, 0); } 33% { transform: translate(-1px, 1px); } 66% { transform: translate(1px, -1px); } }
@keyframes blockadePulse{ 50% { box-shadow: 0 2px 0 #000, 0 0 0 5px rgba(224, 36, 43, .35); } }
@keyframes memeIn{ from { transform: scale(2.2) rotate(-6deg); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes floatUp{ 0% { opacity: 0; margin-top: 10px; scale: .6; } 12% { opacity: 1; scale: 1.15; } 25% { scale: 1; } 100% { opacity: 0; margin-top: -70px; } }
@keyframes onAir{ 50% { opacity: .2; } }
@keyframes scoreFade{ 0% { opacity: 0; translate: 0 5px; } 15%, 70% { opacity: 1; translate: 0 0; } 100% { opacity: 0; translate: 0 -6px; } }
#menu{ position: absolute; inset: 0; display: flex; flex-direction: column; padding: 16px; padding-block: calc(env(safe-area-inset-top, 0px) + 16px) calc(env(safe-area-inset-bottom, 0px) + 56px);
  background: linear-gradient(to top, rgba(10, 8, 6, .92) 0%, rgba(10, 8, 6, .55) 45%, rgba(10, 8, 6, 0) 75%); overflow: auto; }
.menu-card{ max-width: 600px; display: grid; gap: 14px; margin-top: auto; }
.garland{ display: block; height: 26px; width: min(364px, 84%); background: var(--garland) left center / 104px 26px round no-repeat; }
.title-en{ font-family: var(--f-display); font-weight: 600; font-size: clamp(15px, 2.4vw, 19px); letter-spacing: .3em; text-transform: uppercase; opacity: .8; margin-top: -4px; }
.tagline{ font-family: var(--f-display); font-weight: 800; font-size: clamp(22px, 4.4vw, 34px); line-height: 1.1; margin: 0; color: #fff; text-wrap: balance; }
.how{ margin: 0; font-size: 17px; line-height: 1.55; max-width: 48ch; }
.how em{ font-style: normal; color: var(--hood); font-weight: 600; display: block; text-wrap: balance; }
.how em span{ display: inline-block; }
.how .dup{ display: block; }
.tagline, .how{ text-shadow: 0 1px 3px rgba(0, 0, 0, .55), 0 0 12px rgba(0, 0, 0, .25); }
.how-en{ margin: -6px 0 0; font-size: 14px; line-height: 1.5; opacity: .7; max-width: 52ch; }
.play-row{ display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.cta{ font-family: var(--f-display); font-weight: 800; font-size: 30px; line-height: 1; padding: 14px 30px 10px; border: 0; border-radius: 14px;
  background: var(--hood); color: var(--ink); box-shadow: 0 6px 0 #9c7400, 0 0 0 3px #000; cursor: pointer; transition: transform .08s; }
.cta:active{ transform: translateY(4px); box-shadow: 0 2px 0 #9c7400, 0 0 0 3px #000; }
.best{ font-size: 15px; opacity: .85; }
.rules{ list-style: none; margin: 6px 0 12px; padding: 0; display: grid; gap: 8px; }
.rules li{ display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: center; }
.rules .ic{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .12); font-size: 18px; font-weight: 800; }
.rules .ic.bus{ background: rgba(255, 40, 40, .35); }
.rules .ic.volt{ background: #ffd400; color: #111; }
.rules .ic.tk{ background: #ed71b6; color: #231121; }
.rules strong{ display: block; font-size: 15px; line-height: 1.3; color: var(--hood); }
.rules span{ font-size: 13.5px; line-height: 1.4; opacity: .92; }
.help .keys-note{ font-size: 13px; line-height: 1.5; opacity: .75; margin: 8px 0 0; }
@keyframes paperIn{ from { transform: rotate(-14deg) scale(.4); opacity: 0; } to { transform: rotate(-1.2deg) scale(1); opacity: 1; } }
@keyframes nudge{ 0%, 40% { background: #ffd34d; transform: scale(1.02); } 100% { background: #fff3c4; transform: none; } }
@keyframes breathe{ 50% { opacity: .4; } }
#menu{ background: linear-gradient(to top, #153b35f5, #153b3580 45%, transparent 85%); }
.menu-card{ gap: 12px; max-width: 560px; }
.how{ font-size: 20px; }
.menu-main{ display: grid; gap: 12px; min-width: 0; }
.help{ font-size: 15px; max-width: 48ch; box-sizing: border-box; border-radius: 14px; }
.help[open]{ padding: 0 14px 12px; background: rgba(10, 18, 16, .58); border: 1px solid rgba(255, 255, 255, .14); }
.help summary{ cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: 8px; list-style: none; font-family: var(--f-display); font-weight: 800; font-size: 17px; color: var(--hood); }
.help summary::-webkit-details-marker{ display: none; }
.help summary::after{ content: ''; width: 8px; height: 8px; margin-top: -4px; border: solid currentColor; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); transition: transform .2s; }
.help[open] summary::after{ transform: rotate(-135deg); margin-top: 4px; }
.help:not([open]) summary{ text-decoration: underline; text-underline-offset: 4px; }
.help p{ margin: 4px 0 12px; }
.help .rules{ margin-top: 0; }
.menu-card:has(.help[open]) .how .dup{ display: none; }
.menu-card{ display: flex; flex-direction: column; min-height: 0; flex: 0 1 auto; }
.menu-main{ flex: none; }
.help{ flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .3) transparent; }
.help summary{ position: sticky; top: 0; z-index: 1; margin: 0 -14px; padding: 0 14px; border-radius: 14px 14px 0 0; }
.help[open] summary{ padding-top: 12px; background: var(--fringe) left top / 72px 16px round no-repeat, var(--bouquet) right 6px top 4px / 60px 60px no-repeat; }
.help.scrolled summary{ background: var(--fringe) left top / 72px 16px round no-repeat, var(--bouquet) right 6px top 4px / 60px 60px no-repeat, rgba(12, 21, 19, .95); box-shadow: 0 6px 10px -6px rgba(0, 0, 0, .6); }
.help.more{ -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 30px), transparent); }
@media (min-width: 760px) and (min-height: 501px){#menu{ padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 64px); }
.menu-card{ max-width: 680px; }
.menu-main{ max-width: 560px; }
.help{ max-width: 680px; }
.help .rules{ grid-template-columns: 1fr 1fr; column-gap: 18px; }}
@media (max-width: 640px){#menu{ padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 32px); }}
@media (max-width: 640px) and (max-height: 780px) and (orientation: portrait){.menu-main{ gap: 8px; }
.rules{ gap: 6px; }}
@media (max-height: 500px) and (orientation: landscape){#menu{ padding-bottom: 16px; }
.menu-card{ gap: 6px; }
.title-en, .menu-card .garland{ display: none; }
.menu-card{ flex-direction: row; align-items: flex-end; gap: 24px; max-width: 980px; }
.menu-main{ flex: 1 1 400px; max-width: 520px; gap: 6px; }
.help{ flex: 0 1 400px; min-width: 300px; }
.help[open]{ padding: 0 12px 8px; }
.help{ max-height: calc(100vh - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }
.help summary{ margin: 0 -12px; padding: 0 12px; }
.help summary{ min-height: 36px; font-size: 15px; }
.rules{ gap: 5px; margin-bottom: 0; }
.rules li{ grid-template-columns: 28px 1fr; gap: 8px; }
.rules .ic{ width: 28px; height: 28px; font-size: 15px; }
.rules strong{ font-size: 13.5px; }
.rules span{ font-size: 12.5px; line-height: 1.3; }
.help .keys{ display: none; }}