input.num {
  text-align: right;
}

table.panel>tbody>tr>td, table.panel>tr>td {
  padding: 1px 1mm;
}

td.title {
  padding: 3px;
}

table.board {
  background-color: bisque;
  border: 3px outset navy;
}

td.timer, td.mines {
  background-color: #000000;
  /*border: 2px solid black;*/
  color: #ff0000;
  font-family: Courier;
  font-size: 193%;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  width: 40%;
}

td.mines span.btnFinishOn {
  margin-right: -16px;
}

td.mines span.btnFinishOff {
  margin-right: 0;
}

div.tile {
  background-color: pink;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px outset navy;
  cursor: crosshair;
  font-size: 9pt;
  height: 17px;
  overflow: hidden;
  padding: 1px;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  width: 17px;
}

div.tile.unvisited:hover {
  background-color: rgb(93, 10, 170);
  border: 2px solid #ff00f2;
}

/* Image converter: http://yellowgreen.de/image-to-base64-string-encoder */
div.tile.mine {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dE////////CVj33AAAAAlwSFlzAAAASAAAAEgARslrPgAABulJREFUSMd9lWtQVIcZht9z45w9e0GERUBugpeigBBB0UYTgiKKctEokSFEsaapo6MYmtia0UyHUMEYI3iZOI1V0IDWIIKiETWImFFMQElQgxoBua4sCwu7e3bPrb90Os6kz8/nz/f8ej8Cr5ARmZWYvQ2gVlEdVOUkltxHraF9DPNHF4ilcuK9K9o/O66NOIHo+a8XviECapyiU2y+3w9VWlPGbm1iBncPdPZVF/mSW+Gj+o+EHok8vOgQhd+FfFWwyXylzhtgV2tr9AVucd4lgXcm3cnfEHDHz983J6HZyE7bHfFssdR70fLQunuzH7GBd+oL9nvqD3lqjbXJHa5j0iIl3Ut+v6yk9yAJLOx/KyE+5PcDiFdF5ub3buZoAJERWVH12BzhPWfyHwvqCvSbDLcNntOy5QylSDHTxVKi8kTZwPmT90h/ah6gNMgF8kZloWOKbWhMvW+2jrNkmVv2XhDrLe3PV1SRZDS3hN86yX9gQ++NntKee3KMUq8opvCXAW+PZOS88xpwxv3U0Ypm/PSpoUjd9+wDyqcloCHo2J4RkVJ4ldUtEL5wVjldgBqlvq7OBzCIfvQBCMcszAZggB+CALHe9bHTPGYhg1SzcvRx+piHNWpkfQ+eLn1Y21a0/gIdTbN0zoCO3vh069UPI0KM3uXeN4y3ZC7UEBYSrgnr9Qryuer3wc6Lkkm9ji7dQcdngkvIBDAbwfAH8Ahd6AaQgVVYDaAa5SgD4AYWLMBsZWu5fJ2HEiN9JWVE1TsyHaywtiwiOj3+blLagK4ZNQ9OLQdI9Usyn2xcpaOatI/dk87v8N0V3Bly9Ju/MwncRm6Bb7ZAOvXOJECZIf9VDgdwG+dQDhCxeAcEIDrFKNcjgLhIVBDHAWzFSiwGUKdWqP8GyM3UfYoGOBPv0j6KPXi280BpYQptpVK0JwwhAGlZburvL/ti2eAV0zZT756bilFZp+ZTcWZ60Po8DXMYPzqe7gGsHpbeoRJAOimxUgNAehHxKACsCZY0y3bAbYAx0vWA7fKo58gYQNxGOAYBZZ1cIzEAc5lNZ21zfpu6bta6uLsTzzI23l0XARB/Gr9p3pZagFxJPaMmTgoIWBuaOzW04TUlVi1R2/2rNBJ/QDcPcBU6y4U0gH7AfMtoAdjVRlQC6nQkqqkAVU/2UmOA42f7BVsswCXwe3lPwL7GNjyWAXCMJpe3SR3WwOHxlvHnx5nCeyK7ueM9pPO5c7szARDqHIkOT7GVIqkY+k0xHdvxIzkPoP5A+pE0YEu1JdiCAbKPvEjZAed9oc4RCwiU8J6wBSBWEhLRCKiVxAXCGyCyiH1kOcAeZJs0a4DRYmuZtUSpUm+pZ9QK0kj8QnRiQPMuranVrNfMHbfF0Oq1d0JUVrPaT2iIy96i2CHNFhcCKCOTiCqAiCRnkXUA/YRhmBkA2sh2shKgXfRV2gYop9UUpQtwhbniXecB7R19mr4E6OZ/C+2aC1grRlqHo1tFJAktYzU5F3GFCCDbzItoZSKMxMDGDPowk+qmT/Z2Zbh+cD3ty9GY+VztzEk/SZny50oSddjjgVeD0ROQA5U4JRbgPXVN+j4ARfgXGEDNxfuIBdyXeHiM54CBh70dfTuAvs7eGb1+gKbW7S7zoPq0XeArJuSZP6Iv9cU+/BmgwprDKqYTrdf72e5zXT0nmp2p9uNjdWcE8YbEyR+HLX5eY9KaVkye4zI733beBNRUdbo6BZBL5R/kS4AQIXQLtwCLjznHHAI8XfqYf3QE6Hj0OOhxOCCJ4jzRoZQwa6kJxLsnr0l/Eybal7cMT7ZMZL1X/M8SJlXNXjvzBBCaH39+eSGgBkqFYkokZQ4YKRwNr/7K0ja0zaINWk/PZPYw+wHCSMwlEgBFo7QoNwBpWCwQPwKwGWEYVVzcj9xcdleLXmmQj8i77RaiGy1qoG0qn8FwZH12m9wu/0W5/nzcy19wKa3p2L0sYDB/4NeBKcDQxqEHQ4Eodhy0tdobNeV8Kn9Po7Z9z/doSM5e94x6RpqIKU/OELkIhUn25Nq5Tu6Toc/1Bt0avmLHKvdsfjobs+yfXAj5i3JjSZFKSRoxZqdBTBS/dK0mvhNcQqTjNkC/CMiLynsrbynQbjVpRvsB1ozPpNE3T9FWup5quVqtUdz20zGfHNJ3co3MYM9ecSk/jeWMO22Sa4ncU5xFbqJ2UCqV5BXKtqF47/XhodE826/ih9/mVOz6JvPFlTvA1wA8kfHCvAywX7PXOb4D+GRnsOUfpEnOogmWaU3mSzl3TfPJRPmp8h8l2txkTe4L6BIAtxzf+SG53RfYTPprtanYgERUq2ennxvNpD81LBM7gw/47NCOAABO4//wX+DeHOpZyOxSAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDEyLTA2LTE2VDEzOjE3OjM2KzAyOjAwWQOMqAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxMi0wNi0xNlQxMzoxNzozNiswMjowMCheNBQAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stUmNUN296a0W6ioabAAAAAElFTkSuQmCC");
}

div.tile.flag {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAUdQTFRFmQAb/xgXAAAAfwMbrAcatggayQoZ2QwZAPr/kg0ipAYaogYaVlRxVlNwVVJvVVJuUk5qjCQ8rQYZwgkZ4Q0ZlB40rwcZrgcatwgaxQoZywoZ1AsZ1QsZlyE2sQcauggavAkZwgkZwQkZwwkZswgakyI5zAoZyAoZjiM60wsZzwsZjyU80gsZzgoZkCU8xgoZzAoZkiY8uwgapQYatQgauAgargcatQgagi5GsggawAkZpgYaogYauAgaqgcapwYatwgaswgapQYarAcasAcaXFZzpgYaoAYangUangUaWFd0WFZzWFZzWFZzV1VyvAgZqwcapQYawAkZtQgaowYapAYarwcauAgayQoZ0AsZsgcZwwkZqAYarAcatggaxwoZ0wsZwQkZxgoZrQcaqQcauQgZswgavQkZxQoZtAgauggaxAkZpwYaPw+wqwAAAE90Uk5TAAAAAAAAAAAAAAAAAAAAAACrcyYG2/zdsHxIHQXX+NuznXIpA9bJG9b+bNbJItT+jNP+9u3z/syqkW1DLz2GwMyde14+NAEKEAQnJicoJr10eHUAAAAJcEhZcwAAAEgAAABIAEbJaz4AAACkSURBVAjXYxAUEhZhYGSCAAZRMXEJSSlpGWYWEE/WPyAwQE5eQVFJWYWVQTUoOCQ0NCw8IlJNnY1BIyo6JjQ0Ni4+QVOLnUE7IDEpOTQkJCU6QUeXQS81LT0jMywmJCVL34DBMNvI2MTULCszJzTFnMHC0sraxtbO3sHRydmFwZWDk4mJy83dw5MbaJ8XDxMCMHjzovD4kHk+KDxffmSenwASDwAZrx5D9D2fuAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMi0wNi0xNlQxMzozOToyMiswMjowMCdDIVcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTItMDYtMTZUMTM6Mzk6MjIrMDI6MDBWHpnrAAAAAElFTkSuQmCC");
}

div.tile.wrongflag {
  background-image: url("data:image/png;base64,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");
}

div.tile.unknown {
  background-color: silver;
}

div.tile.bang {
  background-color: red;
  border: 2px inset red;
}

table.board.won div.tile.visited {
  background-color: lime;
  border: 2px inset lime;
}

table.board.lost div.tile.visited {
  background-color: #ffc0c0;
  border: 2px inset #ffc0c0;
}

div.tile.visited {
  background-color: rgba(255, 192, 203, 0.521);
  border: 2px inset #f0ffc8;
}

td.status {
  text-align: center;
}

button.status {
  height: 29px;
  width: 29px;
}

button.status, button.status:active, button.status:focus {
  background-position: center;
  background-repeat: no-repeat;
}

button.status.normal {
  background-image: url("data:image/png;base64,R0lGODlhFAAUAPeiAMjIyERERISEhIWFhR4eHuXl5dLS0urGDiMcA+7NFv3tQSAYA/7uIP3lKEZABSMgBf3oOee+APfjBfXZJpR7Ef3qPeSkAD8sAOCpBcSYDv3uQ/zEAJSAE5aDEIhjCkQ0AOWxBvHSHfzmN/znOfzKAJWJCuemAP3nN5aJCsukDv7yQpaKCvHSHv3vRNS2Du/NFPXYJOWqAP3nPf3oOv7yRf7xQdS+Dq6TFv3wR/a8APLSG/rSE/O8APXWH+anAOelAEtHFe7ME/3rP/zVLv3tPfTXI/3hN/LRGvziL/3rN/3pPP3aDOyzAPzkM/LABfzlNfzmNUU8A/TXBktGEui4ANS3DotnCvbIBdS9DvTWBpF2CvzcIvzlM/3tPOvDBvzjM/zcI0tFEP3eNfC7APrgLa6UFq+gDf3sQPLTHu20AP3cNOmnAP7yR/G/BZ92Df3cNv3kOuvEB/3nOP3uN/nQKP7uN/7tJ/jXHvrREu+6APTTBv3rPui5APTSBpF1CkU7A/3bDP3qN/neLfzfI/vhLumoAMqiDvvhMPXZJf7sJ0xIFUtFEfjNKOi0BiMbA+WnAPneLPW7AP3eNvK6APTUHffWHfzfJOy0E/bJBffcKeezBvzlNP7pPktIFYpnCvzkNf///wAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAKIALAAAAAAUABQAAAj/AEUJHEiwoMGCAAQEIEAggAAABwcWGOAABZYsfVx0+DOgwEEDD0pISDSnS6AGS65wQGCgYIEHZhjU4CRDg4IKJwaRuOHI48ABJRjQCEUUjhExEJ5s2UBhwEAADiSoCKWoExCiRLkQwtPmA0RRAlbYYRMKFKiyUxaFCUWmUiQ/AgQGsFEHR1mzZsuGykRpkqEAAglIIdJCA9a7Z4scyaOJQGA9SRScESLpjRqsMEIEYQLCsagAVRrsqaBkxggRQxhNCJHAy5oMgMF2ACQHwulPXwRNYJHgAJUfnuKKAhAFkyUom5ocgoQITe8IjzBc+CpqAAcSYJDQwXrpQIQYFjw4PpWIoMyGHXd66HgRh48PC24W+BxoAAEFJzl4jElTyAQGDwu0ZNBEH2iRQiMgZGDFBR1FJFBCCzX0kIMUHhQQADs=");
}

button.status.down {
  background-image: url("data:image/png;base64,R0lGODlhFAAVAOYAAEM0EP///y8kC//mInJfMdTSydfWz6CWed3d2O/y9OTl4u7x8vHPGvrdH2FMF9WhC/jbHvreH9HPxWVQHV9JFP8hIaSaf6SbgJOGZXhnPHppPv7kIf7lIuK3Epx1Ct6wEGpOCL2QC5huB9KyFvbXHc6ZCefAFmtPCJWJaO/y8+nCFqGWes6cC9msEItlB9m5GNyvEKx8B5KGZO/MGWdSHZluB5pvB2hUHW9UCdDOxHVjNp+VeKmHD25UCtezFmhMCKOZfdmnDb2MCeS6FLeQDnZkOMCSC555C9WiDOvKGu3KGZFuCu/NGrqJCWdSHNGbCs2qFHloPWlUH62PEtLQx6uNEaaFD+3MG/nbH2tRCWBLFnhmO86bC3FYC9SfC6GXe5RzDOS6E2tOB6WCDeW8FLiQDvX5/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGYALAAAAAAUABUAAAfxgGaCZgCFg4KFAIeHiouLjY5mCQUXGg4OGhcFCZGCCgc9VSNMSlBWWQcKkQYEiQ0NEIlgBAaLCDcAAboAHLm7ZVIIgwsYvroBxrtHKCmCEl3G0ccAMCdUgitTycjHux0eQIJFLxHRA9EMYUZRgg5XEb2FA/OuDEMsE4ITKhAb8///NkCY0YFLPjMZRpDwdy5RoRIkZnwQsgUbDwZYGgqoUEFAoQdkgtjY4QyHCQaFBKhc+fGJmByCFsgYk3KlzUI2ZCwYhIAGAJtAPU4QdoiVw6OFajlSAASEhxBIvDSx8eOLqk6TgGyhQGELkE2dwnYKBAA7");
}

button.status.won {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABdFBMVEX42x763R/xzxr+5SL+5CGimHxlUB3d3djk5ePv8vTpwhb84SCShWPu8fL52x/vzBnitxJ4ZzxiTRlfSRTRz8WjmX7y0RvmvBT21x11Yzb11h3wzhrkuhTU0snVoQvY2NHlvBTluxShlnrrxheedgp3ZjrZrBDfshFsTgdpTQibcQeJZAfz1B2ScgzU08qtfQfQmwqwkxKflXjSshbesBDX1s/94iHmvxbbrhBtUAilm4HUnwumgg16aT9pVSBpVCBvVgpyXzFvVAnVogxmUBynnoRzYTPOmQnQzsSkgw/Ypw2ohg/Y19Chl3toSwinihHerxDZpw29jAmifAtqUAmPbQrpxxndrxDCpBW7igm2jw7itxPesRCbcAfNmguafhDrxRfv0Rz/5SLv8vOabwfYtxfnxBjV1MzkvBa0jQ6tjxJ4ZjvOnQtsUwrS0MfAkgu+kAt7akCThmXTsBXNqhTsyRlnUx7uzBr/5iJDNBD////1+f1bnHGCAAAAfHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAWraMQAAARFJREFUGNNtz9Vuw0AQQNE1xZDEdpg5KTNzyszMzMz1eH++a0qkqleafTgPo1mE/wmZr3gz9eb3Dw+0iFUUuKeVzp+vz7lNTnAwEzs5QxSF4onb5ljGQn5kF7lZhmHdKCzdlXkDL97b5R4A0MjIdGTD4yX4PNrkBs3sHKKFvv4gwaV7xGp2LFLUYp6g74piHGQoOvniI+japgAcBEg+ugy8RqCDnQ4Hxwb6PqKgV4LD9QeC+QVarihE1ho6CAbHe8PIVpBW2+pmCXo9Q1Iibq2UatNH5vGY/97Pnio0rRSyO+nWSfObGC9Ob9WouZzaNT/TONaNLcQCV198nRjcu1zmBOwgFlOhUiBQCqVEXMU//QKV34G8J+A37AAAAABJRU5ErkJggg==");
}

button.status.lost {
  background-image: url("data:image/png;base64,R0lGODlhFAAUAOYAAP/kIP/gGHhkPPTIAPjYEPjQCPC0AOyoALyEAFhYWPDAAP/cGHBcMOSYAPC4AGBIFDRwe9isAPjMAGxIBPjYDKRwBKx8AAAAAGRMHGhQHJh0BJRkBJvp8zBhZpQoQHRkODJjaD1aaFxIFNCMALPj+uigAOCQAGxQBDVlc0FecCEhIaRoAKfX7o8fOHBgNCoqKrjo/xoTGwALEey4AMDx9nBQBLfr9qfj7rDg7tCkALXx/Ljn/0Z3fDRuejBffTZlgyZ0gSxocytlcU1teDxsejJieabG0ZTJz5bK1abW5KHS12mjr2Ccp3OvuofBzX23wz1ob1NTUVxVTbA6VDxZX47c6bzZ611APIcsPXBISTw1PUhlay9kalRdbDxnbkJibU5dYjBbYiBaZmdgaGdnZ////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAGUALAAAAAAUABQAAAf/gGWCg4SFhoYCAg8PiYeFAicWEQoKERYnAo5lDBoDBQQEBQUDMxoMhxk5nwsBrQQUEg4IGY8IBaytAACtFAMGFZmDNRIEubq6AQsFCgcTgwK2xsfIBAMHwIIuEcUB08cB1QYjwQ8KxTIX6boqLzFaviYYgg9QYQFb3shjA1Re8mVkgugA0S1fgAIdaECAIChBkxsdpFEbwEMJE4ZlEixxMoQCrlYLCMT6YuSJkEE9IDjwdAXLlBYePDg40CCEGEIgMCAwkGWAzwEKDEhpYCEDikEJcKBgsKHEAQMGDhwoYWIDgy5JiDSEUaSMgAkVRjRogGDFhEwpdvxoyIJECEECFj6IEPEhWAorJHwIisKFi6ZBfYGUCQQAOw==");
}

div.btnFinish {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAfNJREFUeJzNkU9IkwEchp/vD9vY9rEtwRDCrz/iJja/WDq/vOwqjAjsIISgdY/YyUOK1KlTrkvTg7igQ7TDagURCNohIrHGlDDQUFgNx6Al5YSR/bqEWJrXeu/P88L7wn+XZpeTVCjIeo9NyY6y3hkByAICXDgUDns9rHR3Md96ipctJ5g1jwHEIrGIjOdvi+JRqoBvL6PubX7SEabwYQW17yLfo1E2Nr8ApBPJBLlaDuOK1w+km3Rtf3sqFORdRzsz8V5EBBEBGOu/1i83SzfE99yQhqcBcXQ7BLD2CdZ7bIAYYH5eLACYRsCoPqpk5cjrgLjnXGJkPaKd1A4WAKbX5xUjYFQBE8iOTo/K0Kch0RY00V/porQoAgy+bQv+sbzTCTA+Mj0iw8+GBVizYpZktjMSWg5J42KjKOcVAcYK7W0sW6d3WQ1gc2cHt9/9YPDOoIvjUJe6P341zpJrifqPOuVbZbYebqVfXOpP8LGI6nCS2ij//gJAca1Ik7OJvut9qEEVXdGpPa5RuVeZE5HLnmYTTVGZ/bZ10ARYXr+3OrEwIZntjEx+nZSB+wMC5AHfTLyX3NEG3nedxa/rBwoALCNgVKfeTElyPiluv7sKmMVoJ6uRM6ydswl7PH+FdyVA/tcbVsmOsmpHudvaemjzv8tPsMezxLUPIpgAAAAASUVORK5CYII=");
  background-position: center;
  background-repeat: no-repeat;
  float: right;
  height: 16px;
  width: 16px;
  top: 0;
}

div.btnFinish {
  background-color: #006000;
}

button.ok {
  font-weight: bold;
}