#winamp-icon { top: 560px; }
#chat-icon { top: 672px; }
#winamp-icon img, #chat-icon img { width: 46px; height: 46px; }
#winamp-icon img { image-rendering: auto; }
#chat-icon img { image-rendering: auto; }

.winamp-mount {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#webamp {
  pointer-events: none;
}

#webamp .window,
#webamp .context-menu,
#webamp .context-menu * {
  pointer-events: auto;
}

#webamp .draggable {
  cursor: move;
  user-select: none;
}

#webamp .playlist-tracks,
#webamp .playlist-tracks * {
  cursor: default;
}

/* Icon positions for small screens live here, the last stylesheet that sets them, so they read as one layout. */
@media (min-width: 561px) and (max-width: 760px) {
  #terminal-icon { top: 448px; left: 10px; }
}
/* Phones: one column in the desktop's order. MSN opens above the taskbar and must not reach the last icon's centre. */
@media (max-width: 560px) {
  #wallet-icon { top: 100px; }
  #pump-icon { top: 184px; }
  #dex-icon { top: 268px; }
  #terminal-icon { top: 360px; left: 10px; }
  #winamp-icon { top: 444px; left: 10px; }
  #chat-icon { top: 528px; left: 10px; }
}
/* Short phones: the column would run under the taskbar, so the last two icons start a second one. */
@media (max-width: 560px) and (max-height: 659px) {
  #winamp-icon { top: 12px; left: 104px; }
  #chat-icon { top: 100px; left: 104px; }
}
@media (max-height: 790px) and (min-width: 561px) {
  #winamp-icon { top: 18px; left: 130px; }
  #chat-icon { top: 130px; left: 130px; }
}
@media (max-height: 590px) and (min-width: 561px) {
  #terminal-icon { top: 242px; left: 130px; }
}
@media (max-height: 480px) and (min-width: 561px) {
  #dex-icon { top: 18px; left: 242px; }
  #terminal-icon { top: 130px; left: 242px; }
}