body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: rgb(224, 224, 240);
    min-width: 500px;
}

h1 {
    font-family: fantasy;
    font-weight: normal;
    font-size: 1.6em;
}

button {
    height: 32px;
}

#back {
    width: 376px;
    height: 312px;
    border: thick solid darkslateblue;
    border-radius: 20px;
    background-color: dimgray;
}

table {
    transform: rotate(-45deg) translate(20px, -76px);
    position: relative;
    top: -316px;
    left: 14px;
}

#debug {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('original.jpg');
    background-color: #FFFB;
    background-blend-mode: overlay;
}

table {
    transform: rotate(-45deg) translate(16px, -80px);
}

td {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: thin solid black;
}

.outer {
    visibility: hidden;
}

.empty {
    border-color: lightgray;
    background: radial-gradient(circle, black, dimgray 50%, darkgray 100%);
}

.col0 {
    border-color: darkred;
    background: radial-gradient(circle, white, red 50%);
}

.col1 {
    border-color: blue;
    background: radial-gradient(circle, white, lightblue 50%);
}

.col2 {
    border-color: #b300b2;
    background: radial-gradient(circle, white, #ff2dfe 50%);
}

.col3 {
    border-color: darkviolet;
    background: radial-gradient(circle, white, darkviolet 50%);
}

.col4 {
    border-color: green;
    background: radial-gradient(circle, white, greenyellow 50%);
}

.col5 {
    border-color: darkblue;
    background: radial-gradient(circle, white, blue 50%);
}

.col6 {
    border-color: darkgray;
    background: radial-gradient(circle, white, #E8E8E8 50%);
}

.col7 {
    border-color: darkgreen;
    background: radial-gradient(circle, white, green 50%);
}

.col8 {
    border-color: burlywood;
    background: radial-gradient(circle, white, yellow 50%);
}

.col9 {
    border-color: brown;
    background: radial-gradient(circle, white, rgb(160, 80, 80) 50%);
}

.col10 {
    border-color: red;
    background: radial-gradient(circle, white, rgb(255, 189, 192) 50%);
}