main.css

@font-face {
    font-family: "seven segment";
    font-style: normal;
    font-weight: 400;
    src: local('Seven Segment'), url('Seven_Segment.woff') format('woff');
}

#score,
#time {
    width: 40px;
    font-family: 'seven segment';
    font-size: 25px;
    letter-spacing: 1px;
    color: red;
    background-color: black;
    padding: 0px 10px 4px 15px;
}

table {
    background: #c0c0c0 !important;
    width: 100%;
}

#game>tr>td {
    border: 1px solid #808080;
    border-width: 1px;
}

#game>tr>td>span {
    border: 2px outset #ececec;
}

#game>tr>td {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    max-width: 25px;
    max-height: 25px;
}

td span {
    display: block;
    text-align: center;
    margin: 0 auto;
}

td:first-child,
tr:first-child>td,
tr:last-child>td {
    border: 0 !important;
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    text-align: center;
}

[class^="ts-z-10"]>span,
[class^="ts-z-19"]>span,
[class^="ts-z-29"]>span {
    color: rgba(0, 0, 0, 0.0) !important;
}

.covered>span {
    color: rgba(0, 0, 0, 0.0) !important;
}

[class^="ts-z-19"],
[class^="ts-z-29"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAACbUlEQVR4nO2azU4bMRRGzybsStV2V9Q36a4EAlJaqgryLJRXocCi8Ar8bKouWtjRJYtQ2pAuWn5eACFXlu5IyJohOPH1mJk50rcAEq5PPLFnbENDQ0ODH++Af8Bf4C014A9gJENqgHFSeUyVhaeADvAR2AGOc4SP5W/2NfPynkfHHLAFXOcIjop9zybQ5hHwGvg6hmRRjoBumUILwDnwS6aXjBngIKCom32pkbEEDIDf8pVRY3CnETdAT4pfKspmuZRaPamd/d5KqzF0GnEbQdSMqGk7QY33zqdbdm6kTar0SurZvJ62bVFnKQHZLMvasjORBiifOfuVpvBBApJu9jTvnkyieaMhfOTRADtVfACeSOz3/kRR+Hto2ban7POc//HMuXFJupe3PArbni1iWVF4I5TslOdTj72Ei5hWFL4CWiGEO56F7xN+qihsZGCdmDXPonaAKmJFWXg1hPC2Z9ETGaBcXsijpabw5xDCP8YoPJABalqyEkHWSFu9WQTOIjROO9bBLliMRHOujJ1hI5yDvQx+JtA7k8Y6dGINWmXFrnFPzE4CIlGnpbUERKLeeMwnIPLQBNmtaMmNuUk81yH3pTYTEBqVdUpaADBVWeY5TECqKN9QYK5OvZuxn4Ccm12UF+IvEpCMthBfu62W2m2mdRPcLlU9EnGa8ymX0bN3f+5rCvcLjjzEGMguCo48qArPSoFT51J6Kbt4mlOPrZHRlTb0pU2lHlv6ElD0sOxjSw9lVvZ6xnnKsu/5pHn3pElLbklXZUG/6OjhtrymHWp/KCWMk8pj6iZ85iylVp4F2Wc61z4n2dDQQOX4D/PeJo3dzP7FAAAAAElFTkSuQmCC');
    background-size: cover;
}

.flag>span {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+Cgo8c3ZnCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9IuODrOOCpOODpOODvF8xIgogICB4PSIwcHgiCiAgIHk9IjBweCIKICAgd2lkdGg9Ijc2cHgiCiAgIGhlaWdodD0iNzZweCIKICAgdmlld0JveD0iMCAwIDc2IDc2IgogICBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NiA3NiIKICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iTWluZXN3ZWVwZXJfZmxhZy5zdmciCiAgIGlua3NjYXBlOnZlcnNpb249IjEuMyAoMGUxNTBlZCwgMjAyMy0wNy0yMSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnMKICAgaWQ9ImRlZnM0IiAvPjxzb2RpcG9kaTpuYW1lZHZpZXcKICAgaWQ9Im5hbWVkdmlldzQiCiAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgIGJvcmRlcm9wYWNpdHk9IjAuMjUiCiAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICBpbmtzY2FwZTpwYWdlY2hlY2tlcmJvYXJkPSIwIgogICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgIGlua3NjYXBlOnpvb209IjMuMTA1MjYzMiIKICAgaW5rc2NhcGU6Y3g9IjM3LjgzODk4MyIKICAgaW5rc2NhcGU6Y3k9IjM4IgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE1MTIiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijg2MyIKICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOndpbmRvdy15PSIzOCIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0iZzEiIC8+JiMxMDs8ZwogICBpZD0iZzQiPiYjMTA7CTxnCiAgIGlkPSJnMSI+JiMxMDsJCSYjMTA7CQkmIzEwOwkJJiMxMDsJPC9nPiYjMTA7CTxnCiAgIGlkPSJnMyI+JiMxMDsJCTxwb2x5Z29uCiAgIHBvaW50cz0iMzUuOTk5LDU1LjUgMzUuOTk5LDE2LjUgNDAsMTYuNSA0MCw1NS41IDM1Ljk5OSw1NS41ICAgIgogICBpZD0icG9seWdvbjEiIC8+JiMxMDsJCTxwb2x5Z29uCiAgIGZpbGw9IiNGRjAwMDAiCiAgIHBvaW50cz0iNDAsMTMuODc1IDE5LjM3NSwyNyA0MCw0MC4xMjUgICAiCiAgIGlkPSJwb2x5Z29uMiIgLz4mIzEwOwkJPHJlY3QKICAgeD0iMjguNTcxIgogICB5PSI1MS42MjUiCiAgIHdpZHRoPSIxOC44NTciCiAgIGhlaWdodD0iNS41IgogICBpZD0icmVjdDIiIC8+JiMxMDsJCTxyZWN0CiAgIHg9IjIwLjIyMiIKICAgeT0iNTYuNDU5IgogICB3aWR0aD0iMzUuNTU1IgogICBoZWlnaHQ9IjcuMDQxIgogICBpZD0icmVjdDMiIC8+JiMxMDsJPC9nPiYjMTA7PC9nPiYjMTA7PC9zdmc+Cg==");
    background-size: cover;
}

[class^="ts-z-"]>span {
    border: 0 !important;
}

[class^="ts-z-29"] {
    background-color: rgba(232, 8, 8, 0.459) !important;
}

td>span {
    font-size: 150%;
}

[class^="ts-z-11"]>span {
    color: #0000F8;
}

[class^="ts-z-12"]>span {
    color: #008000;
}

[class^="ts-z-13"]>span {
    color: #F80000;
}

[class^="ts-z-14"]>span {
    color: #000080;
}

[class^="ts-z-15"]>span {
    color: #800000;
}

[class^="ts-z-16"]>span {
    color: #800000;
}

[class^="ts-z-17"]>span {
    color: #800000;
}

[class^="ts-z-18"]>span {
    color: #800000;
}