/* S0 Sticky bar (#sticky), v7. Phone only (zh.css hides .sticky from 720px). Style only: lander.js owns show/hide (.on).
   64px of dark glass (zh.css .sticky: 7 + 48 + 8 + 1px line) plus the safe area; date left, the one yellow button right. */
#sticky { padding: 7px var(--ds-gutter) calc(8px + env(safe-area-inset-bottom)); background: var(--ds-glass);
  border-top: 1px solid var(--ds-line-d); box-shadow: 0 -16px 32px -20px rgba(0,0,0,.8); }
#sticky .sticky-in { gap: var(--ds-s4); min-height: 48px; }
#sticky .sticky-when { gap: 2px; line-height: 1.3; }
#sticky .sticky-when b { font: 900 15px/1.3 var(--ds-zh); letter-spacing: 0; color: var(--ds-text-d); }
#sticky .sticky-when > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 400 var(--ds-fs-fine)/1.35 var(--ds-zh); color: var(--ds-text-d2); }
#sticky .btn { min-height: 48px; padding: 0 22px; font-size: 16px; border-radius: var(--ds-r-s);
  box-shadow: 0 0 0 1px rgba(255,221,102,.6), 0 0 24px -6px rgba(255,212,59,.55); }   /* the hero button's ring, smaller */
#sticky .btn .arrow { margin-left: -2px; }
body:has(#sheet.show) #sticky { transform: translateY(110%); }

/* [data-cd-short] (event.js) is the status line: hidden while the date is the news, it takes the date's place once the
   doors open, during the live, after night 1 (sec-close.js adds .st-live), or when there is no date yet. */
#sticky .st-cd { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.is-doors #sticky .st-cd, html.is-live #sticky .st-cd, #sticky.st-live .st-cd { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
html.is-doors #sticky [data-sticky-date], html.is-live #sticky [data-sticky-date], #sticky.st-live [data-sticky-date] { display: none; }

@media (max-width: 374px) {
  #sticky { padding-left: 12px; padding-right: 12px; }
  #sticky .sticky-in { gap: var(--ds-s2); }
  #sticky .sticky-when b { font-size: 14px; }
  #sticky .btn { padding: 0 16px; font-size: 16px; }
}