html, body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

canvas {
    width: 100%;
    height: 100%;
    touch-action: none;
}

html, body, canvas {
    -webkit-tap-highlight-color: transparent;
}

.shuffle {
    position: fixed;
    width: 50pt;
    height: 50pt;
    top: 20pt;
    left: 20pt;
    cursor: pointer;
}

.fill-color {
    position: fixed;
    width: 50pt;
    height: 50pt;
    bottom: 20pt;
    right: 20pt;
    cursor: pointer;
}

.rotate-down {
    transition: transform 0.3s;
    transform: rotate(-180deg);
}

.rotate-up {
    transition: transform 0.3s;
    transform: rotate(0deg);
}

.fullscreen {
    position: fixed;
    width: 50pt;
    height: 50pt;
    top: 20pt;
    right: 20pt;
    cursor: pointer;
}