:root {
    --paper-color: #F7F4ED;
}

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

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--paper-color);
    background-image: url('assets/background.png');
    background-size: cover;
    background-position: center;
}

canvas {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    touch-action: none;
}

/* Fish Canvas (Bottom) */
#canvas {
    z-index: 1;
}

/* Fluid Canvas (Top - Created by library, usually appends to body) */
canvas[style*="webgl"] {
    z-index: 2;
    pointer-events: none;
    /* Let clicks pass through to fish canvas if needed, or handle events on fluid */
    mix-blend-mode: multiply;
    /* Ink effect */
}