body {
    margin: 0;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

canvas {
    max-width: 100vw;
    max-height: 100vh;
    aspect-ratio: 1;
    width: auto;
    height: auto;

    background-color: #000000;
    box-shadow: 0 0 50px rgba(0,0,0,0.8);

    image-rendering: pixelated;
    cursor: none;
}

canvas.time-slowed {
    filter: grayscale(100%) brightness(0.8) sepia(100%) hue-rotate(180deg) saturate(80%);
    transition: filter 0.5s ease;
}

canvas.score-boost {
    filter: saturate(200%);
    transition: filter 0.5s ease;
}

canvas.time-slowed.score-boost {
    filter: grayscale(100%) brightness(0.8) sepia(100%) hue-rotate(180deg) saturate(140%);
    transition: filter 0.5s ease;
}