html {
  color-scheme: dark light;
}

body {
  margin: 0;
  display: grid;
  height: 100dvh;

  place-items: center;
  > geometry-playground {
    display: block;
    width: 100vmin;
    height: 100vmin;
  }
}

geometry-playground {
  > svg {
    touch-action: none;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #f0f;
    box-sizing: border-box;
    
    & [g-draggable] {
      cursor: pointer;
      fill: currentColor;
      fill-opacity: 0.2;
    }
  }
  
  
}