/* Lake / pearl interactions. Movement is brief, local and responsive to input. */
html[data-interactions="ready"] {
  --interaction-ease:cubic-bezier(.22,1,.36,1);
  --interaction-hover:190ms;
}
html[data-interactions="ready"] :is(#start-menu,#context-menu,#calendar-panel) { animation:none; }
html[data-interactions="ready"] .app-window:not(.game-window) > .win-title {
  background-image:linear-gradient(105deg,var(--ui-highlight),transparent 58%);
}
html[data-interactions="ready"] :is(#start-menu,#context-menu,#calendar-panel) {
  border-color:color-mix(in srgb,var(--ui-accent) 24%,transparent);
  box-shadow:var(--ui-shadow),inset 0 1px 0 var(--ui-highlight);
}
html[data-interactions="ready"] :is(#desktop-icons,.folder-grid) > .desktop-icon > .pixel-icon {
  scale:1; rotate:none;
  transition:translate var(--interaction-hover) var(--interaction-ease);
}
html[data-interactions="ready"] :is(.launch-app,.launch-settings,.taskbar button) > .pixel-icon {
  transition:translate var(--interaction-hover) var(--interaction-ease);
}
html[data-interactions="ready"] :is(.launch-app,.preferences-option,.preference-option,.store-tab) {
  transition:background-color 150ms ease,border-color 150ms ease;
}
html[data-interactions="ready"] .win-button:active:not(:disabled) { transform:none; }
html[data-interactions="ready"] .launch-avatar { border-radius:50%; }
html[data-interactions="ready"] .task-button::after {
  width:16px;left:calc(50% - 8px);scale:.25 1;
  transition:scale 210ms var(--interaction-ease),background-color 150ms ease;
}
html[data-interactions="ready"] .task-button.is-active::after { scale:1; }
@media(hover:hover) and (pointer:fine) {
  html[data-interactions="ready"] :is(#desktop-icons,.folder-grid) > .desktop-icon:hover > .pixel-icon { translate:0 -3px; }
  html[data-interactions="ready"] :is(.launch-app,.launch-settings,.taskbar button):hover > .pixel-icon { translate:0 -2px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-interactions="ready"] :is(#desktop-icons,.folder-grid) > .desktop-icon > .pixel-icon,
  html[data-interactions="ready"] :is(.launch-app,.launch-settings,.taskbar button) > .pixel-icon,
  html[data-interactions="ready"] .task-button::after { transition:none;translate:none; }
}
html[data-motion="reduced"][data-interactions="ready"] :is(#desktop-icons,.folder-grid) > .desktop-icon > .pixel-icon,
html[data-motion="reduced"][data-interactions="ready"] :is(.launch-app,.launch-settings,.taskbar button) > .pixel-icon,
html[data-motion="reduced"][data-interactions="ready"] .task-button::after { transition:none;translate:none; }