.cover-extension, .cover-t {
  position: absolute;
  left: 0;
  top: 0;
  width: 1440px;
  height: 100%;
  pointer-events: none;
}
.cover-extension { z-index: 2; }
.cover-fixed-color { position: absolute; left: 0; top: 720px; width: 180px; height: 180px; z-index: 2; background: #b3e8a0; pointer-events: none; }
.cover-t { z-index: 3; }
.cover-extension-cell {
  position: absolute;
  width: 180px;
  height: 180px;
  perspective: 1000px;
}
.cover-extension-inner {
  position: relative;
  width: 180px;
  height: 180px;
  transform-style: preserve-3d;
  transition: transform 600ms cubic-bezier(.35,.05,.25,1);
  transition-delay: var(--cover-extension-delay, 0ms);
}
.cover-extension-cell.is-revealed .cover-extension-inner { transform: rotateY(180deg); }
.cover-extension-face {
  position: absolute;
  inset: 0;
  width: 180px;
  height: 180px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.cover-extension-front { background: #95a3aa; }
.cover-extension-back { transform: rotateY(180deg); }
.cover-t-cap, .cover-t-stem { position: absolute; background: #273238; }
.cover-t-cap { left: 1259.8557px; top: 564.7177px; width: 135.6px; height: 34.8px; }
.cover-t-stem { left: 1307.1357px; top: 599.5177px; width: 41.04px; height: 210.4823px; }
.cover-view[data-cover-visual-complete="false"] > .cover-fixed-color,
.cover-view[data-cover-visual-complete="false"] > .cover-extension,
.cover-view[data-cover-visual-complete="false"] > .cover-t { visibility: hidden; }
.cover-view.transition-content-fragment[data-cover-visual-complete="true"] > .cover-fixed-color,
.cover-view.transition-content-fragment[data-cover-visual-complete="true"] > .cover-extension,
.cover-view.transition-content-fragment[data-cover-visual-complete="true"] > .cover-t { visibility: visible; }
.cover-view.transition-content-fragment .cover-extension-inner {
  transition: none;
  transform: rotateY(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .cover-extension-inner { transition-duration: 1ms; transition-delay: 0ms; }
}

/* Finished cells are ordinary 2D paint; keep 3D only while a new row flips. */
.cover-extension-cell.is-settled { perspective: none; }
.cover-extension-cell.is-settled .cover-extension-inner {
  transform: none;
  transform-style: flat;
  transition: none;
}
.cover-extension-cell.is-settled .cover-extension-front { display: none; }
.cover-extension-cell.is-settled .cover-extension-back {
  transform: none;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
}
/* The global tile transition already animates the caption. */
.cover-view .cover-caption { perspective: none; }
.cover-view .cover-caption-inner { transform: none !important; transform-style: flat; }
.cover-view .cover-caption-front { display: none; }
.cover-view .cover-caption-rear { transform: none; backface-visibility: visible; -webkit-backface-visibility: visible; }
.cover-t-stem { background: transparent; }
.cover-t-stem-segment { position: absolute; left: 0; width: 100%; background: #273238; }