body {
    background-image: url("electro/bg.jpg");
    background-size: cover;
}

.card {
    background-color: rgba(37, 41, 45, 50%);
}

@supports (backdrop-filter: blur()) {
    .card {
        background-color: rgba(33, 37, 41, 20%);
        backdrop-filter: blur(3px);
    }
}

.mino {
    background-image: radial-gradient(
        farthest-corner at 4px 6px,
        hsla(196, 100%, 72%, 0.1)   0%,
        hsla(196, 100%, 43%, 0.1) 150%
    );
    border: 1px solid rgba(127, 229, 255, 0.7);
    border-radius: 0.3vmin;
}

.ghost.mino {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    box-shadow:
        -1px -1px 4px rgba(242, 255, 255, 16%),
        -1px 1px 4px rgba(242, 255, 255, 16%),
        1px -1px 4px rgba(242, 255, 255, 16%),
        1px 1px 4px rgba(242, 255, 255, 16%);
}

.locked.mino {
    background: rgba(186, 211, 255, 70%);
    border-color: rgba(242, 255, 255, 0.7);
    box-shadow: -1px -1px 4px rgba(186, 211, 255, 27%),
        -1px 1px 4px rgba(186, 211, 255, 27%),
        1px -1px 4px rgba(186, 211, 255, 27%),
        1px 1px 4px rgba(186, 211, 255, 27%);
}