@font-face { font-family: 'Music LCD'; src: url('/music-lcd-font.ttf') format('truetype'); font-display: swap; }
.music-lcd {
  position: absolute; left: 41.29%; top: 22.7%; width: 18.6%; height: 13.25%;
  container-type: inline-size; color: #14270e; pointer-events: auto;
  overflow: hidden; background: #83a15a;
  box-shadow: inset 0 0 10px #243e3080;
  /* The transparent zoom frame now supplies the irregular screen edge. */
  clip-path: none;
}
.lcd-inner { height: 100%; padding: 1.25% 2.25%; font: 6.225cqw/1 'Music LCD', monospace; display: flex; flex-direction: column; }
.music-lcd button, .music-lcd a { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none; }
.music-lcd button:focus-visible, .music-lcd a:focus-visible { outline: 1px dashed currentColor; outline-offset: -1px; }
.lcd-header { display: flex; align-items: center; border-bottom: 1px solid; padding-bottom: .08em; gap: .3em; }
#lcdTitle { flex: 1; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#lcdBack { min-width: 1em; }
.lcd-body { flex: 1; min-height: 0; overflow: hidden; padding-top: .08em; }
.lcd-row { display: flex; width: 100%; text-align: left; justify-content: space-between; gap: .5em; line-height: 1.02 !important; }
.lcd-row span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.music-lcd .lcd-row.is-selected { background: #14270e; color: #a2ba77; }
#lcdFooter { display: none; }
.lcd-now { display: flex; height: 100%; flex-direction: column; justify-content: space-evenly; text-align: center; }
.lcd-track-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.lcd-detail { font-size: .85em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lcd-progress { display: block; width: 100%; height: .48em; padding: 0 !important; border: 1px solid !important; background: transparent !important; touch-action: none; }
.lcd-progress-fill { display: block; height: 100%; background: #14270e; pointer-events: none; }
.lcd-times { display: flex; justify-content: space-between; font-size: .8em; }
.music-engine { position: fixed; left: -10000px; width: 300px; height: 166px; border: 0; }
@media (max-width: 860px) and (orientation: portrait) {
  /* Registered to the full 1,650–3,010px green window in the 4,511px portrait close-up. */
  .music-lcd { left: 36.58%; top: 32.75%; width: 30.8%; height: 7%; }
  .music-lcd .lcd-inner { font-size: 9.3375cqw; }
  /* Now Playing has four stacked controls in the shorter portrait LCD. */
  .music-lcd .lcd-now { font-size: .72em; }
  .music-lcd .lcd-now .lcd-progress { margin-top: .12em; }
}