*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 14px;
  background: #000;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

:root {
  --taskbar-h: 44px;
  --xp-bg: #ece9d8;
  --xp-border: #aca899;
  --xp-blue: #0f61cb;
  --xp-active-title: linear-gradient(180deg, #0050ee 0, #0062ff 4%, #1474ff 8%, #0062ff 40%, #0052ee 50%, #0046dd 52%, #003acc 60%, #0046dd 100%);
  --xp-inactive-title: linear-gradient(180deg, #7a96df 0, #7b97e0 100%);
  --z-desktop: 1;
  --z-windows: 100;
  --z-taskbar: 500;
  --z-startmenu: 1500;
  --z-overlay: 9000;
  --z-boot: 10000;
  --z-crt: 100000;
  --z-tooltip: 200000;
}

button { cursor: pointer; font-family: inherit; }
img { -webkit-user-drag: none; user-drag: none; }