a {
     text-decoration: none;
     color: #ffffff;
 }

 body {
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }

 div, span {
     box-sizing: border-box;
 }

 .bingo-container {
     position: relative;
     margin-top: 5em;
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
     z-index: 10;
     filter: drop-shadow(0 0 1.2em #00000066);
 }

 .square {
     position: relative;
     display: flex;
     /* or grid */
     border-radius: 0.3em;
     word-wrap: break-word;
     word-break: normal;
     border: 1px solid #ffffff00;
     transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
     margin: .25vw;
     float: left;
     will-change: transform;
     transform: translateZ(0);
 }

 .selectable::before {
     display: block;
     width: 100%;
     height: 100%;
     background-color: #18293D;
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAACkCAYAAADSbmG/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iODU5ODcxODZDOUYwNTcwQkU5QTlDMTBCMUE1OEFGRDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCOTE1QTUwRjYxMTFFQjkyODA5MzRGODA1N0JBMkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTZCOTE1QTQwRjYxMTFFQjkyODA5MzRGODA1N0JBMkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDk4NDEwQzYxMEZFQjExOTUxQUU3NUQwQjZCNzM1NiIgc3RSZWY6ZG9jdW1lbnRJRD0iODU5ODcxODZDOUYwNTcwQkU5QTlDMTBCMUE1OEFGRDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4g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);
     background-repeat: no-repeat;
     background-size: 70%;
     background-position: center;
     border-radius: 0.3em;
     z-index: 21;
     content: " ";
     position: absolute;
     top: 0;
     left: 0;
     transform: rotateY(180deg);
     transform-style: preserve-3d;
     transition: opacity 0.25s ease;
     opacity: 0;
 }

 .selectable {
     background-color: #D6E2EE;
     background-size: cover;
     border-color: #568FAA;
     transform-style: preserve-3d;
 }

 .selectable:hover {
     background-color: #568FAA;
     border-color: #568FAA;
     color: #ffffff;
     transform: scale(1.1);
 }

 .selectable.flip {
     transform: rotateY(180deg);
 }

 .selectable.flip::before {
     opacity: 1;
 }

 .center {
     background-color: #fff;
 }

 .checked {
     background-color: #18293D;
     border-color: #000;
     color: #ffffff;
 }

 .checked:hover {
     background-color: #568FAA;
     border-color: #568FAA;
     color: #ffffff;
 }

 .checked::after {
     content: "";
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADcUlEQVR4Ae3cAWQcWRzH8T+CICiKIgiKIAgKCEJQBMWhKBZBAIOiCIIigCAIgqAoikUQBMUiKBZFsSiCoCgWweBzRQ7cnWabtzvzZt4HAJjvjzHz7E4URVEURVEURVG0CVawiZcY4BCnGOIa3/EdI3zCCQ4wwA42sBwPV+Ap9jDEnceb4gPeYCX+rcBzvMXIfNW4wj5WS3he4avmjLAdfYNtjLTHBTaj67COoXaqcd7JWxOe4Qy19rvDEZ5EF2ALt/IzwXrkDHuo5WuK3cgNlnCsG2q8i1zgCS51zzmWc3jK+aa7rvGszUcIE913jeU23vOv9Md5tAlO9c+7aAPs66cau20406n117SxlzWs4Ydi0sixBT7qrumM13cUi4QXHY+/Fb/g2MPcLfQUFZ+7Hv8fOG7Voyl2exF/9hFqbC7ihWvcm/izj3AR84RB1+MnGGE75gU3vYx/D5XfG8U8YKvEf7DVSA1HJf6D7UdqmJT4D3YVKWG9xJ9JjZVIBQcl/szeRCoYlfgz+xApYLXE/yNTLDdz9FDiA2ykGGCvxP9jOykGOPR4F6h7Fh8GKQY48zjH8Qv+Qt2j+HCQYoCLx8a/l3SEDOLDSYoBvqSIn3qEDOLDp3QnoAnipxwhg/hpTkZTx081Qgbx4XsTA1RxL/0IWcWHmxQD3DY/Qpbx4TrFAGNofoTs4sMwxQCX0PwI2cWH0xQDnEPzI2QXHw6bP4pIN0Ju8ZMdRexDwyPkGB9epvqegwZHyDU+bKb6kokGR8g1/h1WIgWMmxoh0/gwjFTwXnpVh+PDXg7/B6g6Gh+e5vK70KqD8UeRGk7MT9Wh+PA2UsOO+ao6Eh+eR2pYwk/zVXUg/tdIoMmLrzKOD69iXrCMifmrMo0/innDwGJUmcWH7VgEjC1GlVH8YSwKdhQAUGM9FglXCoCzWDRsYKq4xbNoAl6XW4+taBLe66+9aAMM9c9xtAVWMNYfl1iKNsEabnXfNzwpH+ouH/T+b1jDWPdc4WnkACsY6o7TZu755RG1xn7kDK8xlZ8f2I4uwAau5OMj1qJrsIOx9vqMF9F1GGCiPcbYjT7BMir81JwbDLAUfYUl7OAEN+ZvgqP/OcUs8ALvMZbOCAczvsUWeI5X2MchznGJMW4BcIMvuMAZDrGHXaxGURRFURRFURRFi/wNsXhAePrsVpgAAAAASUVORK5CYII=");
     background-repeat: no-repeat;
     background-position: center;
     background-size: 80%;
     width: 60%;
     height: 60%;
     top: 20%;
     left: 20%;
     border-radius: 50%;
     background-color: #00000099;
     position: absolute;
     margin: auto;
     z-index: 15;
     opacity: 90%;
 }

 .checked.won::after {
     display: none;
 }

 .center.off::after{
     display: none;
 }

 .checked:hover::after {
     animation: shake 0.5s ease both;
 }

 .square span {
     text-transform: uppercase;
     word-wrap: normal;
     word-break: keep-all;
     display: block;
     z-index: 12;
     width: 100%;
     -webkit-touch-callout: none;
     /* iOS Safari */
     -webkit-user-select: none;
     /* Safari */
     -khtml-user-select: none;
     /* Konqueror HTML */
     -moz-user-select: none;
     /* Old versions of Firefox */
     -ms-user-select: none;
     /* Internet Explorer/Edge */
     user-select: none;
     /* Non-prefixed version, currently
                                   supported by Chrome, Edge, Opera and Firefox */
 }

 .new {
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAADV0lEQVR4Ae3cAWRcWRQG4INBUARFMAiKBSyCoggBFMViEQRFUASwKAYFBEFQFEVQBEGxGCyKICgCCIriAYogGHwLALt3Xur13XeT8wEA/n+89+65x0SrUkopJRxFPQkqlpAgS6gIsoSKIEuoCLKEiiBLqAiyhIqgYgkJKpaQoGIJScEAJSRsYA8HWOA9LnCJbzBwCQmb2Mc5bg2hXELCDG+wxErZkCUk7OPGuLIE7OKrek7iMcIcS1Vk+M/RqSLDP8Aqwx8ZZjj281ZY4h0O8QrPsa2XDP/C/d3iHPvYjP8hwy/Dqfu5wzE2owdFGf5r9/MR28PMgjL8Xaz00+HFcMO4DH8bnX6uMI+flOH/B1zq5xOeDDuOzvBf6ecsBjBW+DjCXgufnDfWu8RGDGDE8OEas5gqHFqvw1YMZMTwAQ6mfHPVKVthJwY0cvhwg1lMDd5a7zQGNnL4AH/E1OBa2Q9sRQNwpGwZU4Jn1ltEI3BivXlLv5gOG9EIbGHVzHUmvih7H43BubJ/YgrwFCtlew/wQHmHjagN+8puMWt0IexO2YuoDQtlZ9EoLCf/HsAHZYfRKLyb/LsNn5W9jEbhT2V/R224UrbT9ApN2XXUhu/K5k1fLJV9i9ooi4ZlAZVhrux7FlD3HXAZteFO2dMHfL16EbXhRtnv0SgctnAOWCrbf8AHsUULq4cnD3gUcdDC+uF1NAibTUx58Zv1tqOCEaa8GzEF6JS9fYAXMucxFfig7BtmjT1+bpv5uMCe9Q6iEThWtsLm1FYSO2WLhuY/d8OvpdS9GTtp5T9D8dF6b6a6ynE3ZvgQA8ILZaXVxPpwMmb4MPDks4NmT/bYwo+xwocYAJ7gynpfY+rw1wjhD13AJ/3sxtRhNlb4MMDuz5l+lvFY4QiGLABbuNRPh3mGP1AB2EGnnxWeZ/gDFIAtnGKlv4MMv6D/s94CP9zPcYZfpjwesYf36NzfBWYZfo8CMMcOXuIQZ7j1804z/DpWeB1VZPgddjP8Oi6xneGP7wav4jHDifF1OBz/RZslXOMtNmIUWcIKX3CEZ/HLZAnfcYXP+IAF9kdYDM4Soq4sIerKEqKuLCHqyhKiriwh6soSoq4sIerKEqKuLCHqyhKiriwhUkoppUb9CyiVihAAmcnfAAAAAElFTkSuQmCC");
     background-repeat: no-repeat;
     background-position: center;
     filter: opacity(50%);
     background-size: 50%;
     transition: background-size 0.25s ease, filter 0.25s ease;
 }

 .add {
     background-image: url("data:image/png;base64,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");
     background-repeat: no-repeat;
     background-position: center;
     filter: opacity(50%);
     background-size: 50%;
     transition: background-size 0.25s ease, filter 0.25s ease;
 }

 .new:hover, .add:hover {
     filter: opacity(100%);
     background-size: 60%;
 }

 .square.won {
     background-color: #AD3D3A;
     border-color: #C82521;
 }

 .game-code, .enter-code {
     width: 90%;
     margin-left: 5%;
     text-align: center;
     display: block;
     clear: left;
 }

 .game-code {
     color: #FFF;
     font-size: 5em;
 }

 .enter-code {
     margin-bottom: 2em;
 }

 .enter-code-input {
     background-color: #D6E2EE;
     border-radius: 1em;
     font-size: 3em;
     width: 60%;
     clear: none;
     text-align: center;
     outline: hidden;
     border-width: 0;
 }

 .enter-code-submit {
     width: 3em;
     height: 3em;
     clear: none;
     margin-left: 1.5em;
     margin-bottom: -.5em;
     transition: background-size 0.25s ease, filter 0.25s ease;
     background-position: center;
     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAABdElEQVR4Ae3XEVBEYRhG4QtBEAT5BOuUy8L6BDkF+eQUBGGQUxCEOQVBEAQ5rU9wkr9Z2LDuaWbP4zML7/+duTslSZIkSZIk34BHYDU5wsYbcAEcTPMJ29bADbCYDA2wIeepAeQ8NYCcpwbw89QAfp4awM9TA/h5aoDyJAwg56kBZshTkJSnAVd5wlWecJUnXOUJV3nCVZ5wlSdc5QlXecJVnnCVJ1zlCVd5wlWegAWwBM6BK+AeeAbW6MrTIXACnAKXwC3wBLyXp6Hr6c+dcD3lyb+e8uRfT3nqevw8dT1beQpwNEY4GyPcjRE++BufwAOwnHYBsDcytBoZuh4Zepk5Q+vx28e94nm9juH3e8U/KzP+K/Yz0yv2M9MrdjPTK/7/mcFVZnD1NYOrr5kyIyszsjIjKzOyMiMrM7IyIyszsjIjKzOyMiMrMzI5M5EzEzkzkTMTOTORMxM5M5EzEzkzkTMTOTORM5MykyRJkiRJkvyOL7pyagSWf/U/AAAAAElFTkSuQmCC");
     background-size: 100%;
     display: inline-block;
 }

 .enter-code-submit:hover {
     filter: opacity(0.5) drop-shadow(0 0 0 #AD3D3A);
 }

 .modal-content .label {
     font-size: 1.5em;
     left: 0;
     text-align: center;
     text-transform: uppercase;
     display: block;
     clear: both;
     margin-top: 1em;
     margin-bottom: 1em;
     color: #D6E2EE;
 }

 .modal-content .description {
     font-size: 1em;
     left: 0;
     text-align: center;
     margin-left: 25%;
     color: #D6E2EE;
     width: 50%;
     display: block;
     float: left;
     clear: both;
     margin-bottom: 2em;
     line-height: 1.3em;
     margin-top: .5em;
 }

 .modal {
     display: none;
     /* Hidden by default */
     position: fixed;
     /* Stay in place */
     z-index: 1;
     /* Sit on top */
     left: 0;
     top: 0;
     width: 100%;
     /* Full width */
     height: 100%;
     /* Full height */
     overflow: hidden;
     /* Enable scroll if needed */
     background-color: rgb(0, 0, 0);
     /* Fallback color */
     background-color: rgba(0, 0, 0, 0.6);
     /* Black w/ opacity */
     opacity: 0;
     transition: opacity 0.25s ease;
     z-index: 99;
 }

 .modal.visible {
     display: block;
     opacity: 1;
 }

 /* Modal Content */

 .modal-content {
     background-color: #18293D;
     margin: auto;
     padding: 2em;
     width: 80%;
     position: relative;
     border-radius: 2em;
     z-index: 10;
     filter: drop-shadow(0 0 2em #000000aa);
 }

 /* The Close Button */

 .close {
     color: #aaaaaa;
     position: absolute;
     right: .4em;
     top: .3em;
     font-size: 3em;
     font-weight: bold;
     font-family: monospace;
 }

 .close:hover, .close:focus {
     color: #fff;
     text-decoration: none;
     cursor: pointer;
 }

 @keyframes shake {
     20% {
         transform: skewX(-4deg);
     }
     40% {
         transform: skewX(3deg);
     }
     60% {
         transform: skewX(-2deg);
     }
     80% {
         transform: skewX(1deg);
     }
     100% {
         transform: skewX(0deg);
     }
 }

 .sky-gradient {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 0;
 }

 .sky-gradient-13 {
     background: linear-gradient(to bottom, #57c1eb 0%, #246fa8 100%);
 }

 .ground {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     height: 7%;
     z-index: 2;
     background-image: url("icons/ground.png");
     background-repeat: repeat-x;
     background-position: top;
     filter: drop-shadow(0 0 1.2em #00000055);
 }