/* BAD APPLES: DARK CELL hub, logo motion (2026-11-10). Goes with logo-motion.js; loaded by the hub only.
   html.dc-pre is set by a one-line script in the hero when motion is allowed, so the still mark never
   flashes before the bars drop. If the script file never arrives, the failsafe shows everything. */
html.dc-pre .hero .bent svg, html.dc-pre .hero .apples, html.dc-pre .hero .sub { opacity: 0; animation: dc-failsafe .01s 3.5s forwards; }
html.dc-pre.dc-live .hero .bent svg { opacity: 1; animation: none; }
@keyframes dc-failsafe { to { opacity: 1; } }

.hero .dc-fx { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 3; pointer-events: none; }
html.dc-live .hero .bent { cursor: pointer; -webkit-tap-highlight-color: transparent; }
html.dc-live .hero .bent svg path { will-change: transform; }
.hero .apples { transform-origin: 18% 55%; }
.hero .sub .n99 { display: inline-block; min-width: 2.1ch; transform-origin: 30% 60%; font-variant-numeric: tabular-nums; }

.dc-again { align-self: center; font-family: var(--f-data); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink);
  background: var(--ground); border: 1px dashed var(--rule); padding: 10px 14px; min-height: 44px; cursor: pointer; }
.dc-again:hover { color: var(--signal); border-color: var(--signal); }
.dc-again:focus-visible { outline: 3px solid var(--signal); outline-offset: 3px; }