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

html, body {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
    cursor: none;
}

canvas {
    display: block;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1;
}

#blend-canvas {
    z-index: 20;
    mix-blend-mode: difference;
    pointer-events: none;
}

.logo {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: clamp(222px, 52vw, 666px);
    pointer-events: none;
    z-index: 10;
    user-select: none;
    -webkit-user-drag: none;
    opacity: 0;
}

#glove { display: none; }