/* Moonstone artwork shares one optical grid across desktop, dock and app library. */
.pixel-icon.art-icon {
  padding: 0 !important; border: 0 !important; background: none !important;
  clip-path: none !important; border-radius: 0; image-rendering: auto;
  filter: drop-shadow(0 3px 3px #14294538);
}
.pixel-icon.art-control { filter: none; }
.desktop-icon .art-icon { width: 48px; height: 48px; }
.desktop-icon > span {
  font-size: 12px; font-weight: 500; line-height: 1.4; padding: 1px 4px;
  background: #16283c4a; border-radius: 5px; color: #fff;
  text-shadow: 0 1px 3px #14263bcc;
}
.desktop-icon { gap: 3px; padding-top: 3px; }
.desktop-icon:focus-visible { outline: 2px solid #ebf5ff; outline-offset: 1px; }
.desktop-icon:hover .art-icon { rotate: 0deg; scale: 1.04; filter: drop-shadow(0 5px 5px #14294550); }
.start-items button .art-icon { width: 27px; height: 27px; }
.app-card .art-icon { width: 44px; height: 44px; }
.app-detail > .art-icon { width: 66px; height: 66px; }
.title-group .art-icon { width: 22px; height: 22px; filter: none; }
.taskbar .art-icon { filter: none; }
.taskbar .tray time { color: inherit; text-shadow: none; }
html[data-mode="day"] #tray-clock { color: #294c65; }
html[data-mode="night"] #tray-clock { color: #dce8f7; }
.tray .tray-cat { image-rendering: auto; filter: none; }
.tray-notice.unread .tray-cat { animation: none !important; opacity: 1; }
.tray-notice.unread::after { content: ''; position: absolute; right: -1px; top: -1px; width: 5px; height: 5px; border-radius: 50%; background: #c59c63; }
@media(max-width:700px) {
  .desktop-icon .art-icon { width: 40px; height: 40px; }
  .desktop-icon > span { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .desktop-icon:hover .art-icon { rotate: none; scale: none; translate: none; }
}