body {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #333;
    color: #eee;
    user-select: none;
    text-align: center;
}

.label {
    font-size: 14px;
}

.button:hover {
    transform: scale(1.2);
    background-color: #eee;
}

canvas {
    pointer-events: none;
}

#definition {
    height: 2em;
    background-color: #222;
    border-bottom: .5em solid #000;
    box-shadow: 5px 0.5em 0.5em #0006, 0px 2px 0px #fff;
    white-space:nowrap;
    overflow:hidden;
}
.definition {
    margin-left:2em;
}
.def {
    font-size: .6em;
    font-weight: 300;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    animation: 30s ticker linear infinite;
}
@keyframes ticker {
    0% { margin-left:200%; }
    100% { margin-left:-200%; }
}
.button {

    /* text */
    text-decoration: none;
    font: 22px/1em 'Droid Sans', sans-serif;
    font-weight: bold;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0;
    user-select: none;
    width: 0.8em;

    /* layout */
    padding: .5em .75em .4em .65em;
    margin: .25em 0px .75em 0px;
    display: inline-block;
    position: relative;

    border-radius: 50%;

    /* effects */
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    background-image: gradient(radial, 50% 0, 100, 50% 0, 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.7))), url(https://lh4.googleusercontent.com/-Qs9-Ohgo6sk/UY11O1WoMQI/AAAAAAAACME/nUID7awcMow/s50-no/noise.png);

    transition: all .2s ease-in-out;

    /* color */
    color: hsl(0, 0%, 0%);
    text-shadow: 1px 1px 0px #fff;
    background-color: hsl(0, 0%, 75%);

    -webkit-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em .3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .3em,
        /* inner shadow */
        hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px,
        /* color border */
        rgba(0, 0, 0, 0.2) 0 .5em 5px;
    /* drop shadow */
    -moz-box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em .3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .3em,
        /* inner shadow */
        hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px,
        /* color border */
        rgba(0, 0, 0, 0.2) 0 .5em 5px;
    /* drop shadow */
    box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em .3em, inset rgba(0, 0, 0, 0.15) 0 -0.1em .3em,
        /* inner shadow */
        hsl(0, 0%, 60%) 0 .1em 3px, hsl(0, 0%, 45%) 0 .3em 1px,
        /* color border */
        rgba(0, 0, 0, 0.2) 0 .5em 5px;
    /* drop shadow */
}

@media only screen and (max-width:600px) {
    body {
        font-size: 22px;
    }

    .button {
        font: 18px/1em 'Droid Sans', sans-serif;
    }
}

.numButton {
    display: inline-block;
    text-decoration: none;
    color: #000;
    height: 1.5em;
    padding-top: .25em;
    border: 1px double #000;
    background-color: #ddd;
    margin: .5em .125em;
    text-align: center;
    transition: all 100ms cubic-bezier(.47, 1.64, .41, .8);
    box-shadow: 3px 3px 2px #0008;
    border-radius: 2em;
    text-shadow: 1px 1px 0px #fff;
    width: 1.8em;
}

.numButton:hover {
    background-color: #eee;
    box-shadow: 3px 3px 3px #0009;
    transform: scale(1.2);
}

.numButton.disabled:hover {
    box-shadow: 0px 0px 0px #0000;
    transform: scale(1);
    background-color: #999;
    filter: grayscale(100%) brightness(0.5);
}

a.numButton.selected:hover {
    transform: scale(1.4) translateY(-3px);
    background-color: #0060a1;
}

#numbers {
    text-align: center;
    border: .5em solid #000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-color: #666;
    box-shadow: 0 .5em .5em #0008;
    white-space: nowrap;
}

@media only screen and (max-width:320px) {
    .button {
        font-size: 13px;
    }

}

@media only screen and (max-width:600px) {
    #numbers {
        border-left: 0px;
        border-right: 0px;
    }

}

#board {
    border-collapse: collapse;
    background-color: #eee;
    border: .5em solid #000;
    margin: 0 auto;
    width: 100%;
}

#board td {
    width: 11.11%;
    height: 5vh;
    border: 1px solid #666;
    color: #333;
    text-align: center;
    transition: all 100ms cubic-bezier(.47, 1.64, .41, .8);
    cursor: default;
}

#board td.oem {
    color: #555;
}

#board tr td:nth-child(3n) {
    border-right: 5px solid #000;
}

#board tr:nth-child(3n) {
    border-bottom: 5px solid #000;
}

a.selected {
    background-color: #bbff36;
    color: #000;
    font-weight: bold;
    box-shadow: inset rgba(255, 254, 255, 0.6) 0 0.3em .3em, inset rgba(0, 0, 0, 0.5) 0 -0.2em .4em,
        /* inner shadow */
        #005500 0 .1em 3px, #030 0 .3em 1px,
        /* color border */
        rgba(0, 0, 0, 0.2) 0 .5em 5px;
    transform: translateY(-2px) scale(1.2);
}

a.selected:hover {
    background-color: #7ba160;
    color: #fff;
    transform: translateY(-2px) scale(1.2);
}

h1 {
    font-family: "Righteous", "Helvetica Neue", sans-serif;;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 4px 4px 1px #000c;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: .35em;
    background-color: #39f;
    font-size: 1.5em;
}

#buttons button#solveGame {
    background: url("img/light.png");
    background: url("img/light.png"), linear-gradient(to bottom, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#buttons button {
    background: linear-gradient(to bottom, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    background-repeat: no-repeat;
    font-size: 38px;
    padding: 0px;
    width: 1em;
    height: 1em;
    line-height: .5em;
    position: relative;
}

#buttons button:active {
    background: linear-gradient(to bottom, rgba(209, 210, 211, 1) 0%, rgba(207, 212, 214, 1) 50%, rgba(183, 186, 191, 1) 51%, rgba(224, 225, 226, 1) 100%);
    box-shadow: -2px -2px 0px #0009;
    border-style: inset;
    top: 3px;
    color: #f00;
}

#toolbar {
    text-align: center;
    margin: 0 auto 0 auto;
    background-color: #bbb;
    padding: .25em 0px .5em .25em;
    border: .25em solid #000;
    height: 1.5em;
    border-left: 0px;
    border-right: 0px;
}

#toolbar label {
    color: #222;
}

#buttons {
    float: right;
    position: relative;
    margin-right: .5em;
    display:flex;
    flex-direction: row;
}

#settings {
    font-size: 1.5em;

}

.locked {
    font-weight: bold;
}

table#board tr td.selcell {
    background-color: #0f3;
    color: #000;
    font-weight: normal;
}

table#board tr td.selcell span.num {
    border: 1px solid #4ba130;
    border-radius: 2em;
    width: 1.25em;
    display: inline-block;
    transition: all 200ms cubic-bezier(.47, 1.64, .41, .8);
    transform: scale(1.2);
    /* transform:scale(0); */
    background-color: #fff;
}

.good {
    color: #000000;
    background-color: transparent;
}

table#board tr td.good span.num {
    background-color: #fff;
}

span.num {
    background-color: #fff;
}

table#board tr td.bad {
    color: #fff;
    background-color: #aa0000;
}

table#board tr td.bad span.num {
    background-color: transparent;
    border: 0px;
}

#buttons button {
    width: 3vw;
    height: 3vw;
    border-radius: 4em;
    border: 2px outset #fffc;
    box-shadow: 2px 2px 2px #0009;
    text-shadow: -1px -1px 0px #fff;
    background: linear-gradient(to bottom, rgba(246, 248, 249, 1) 0%, rgba(229, 235, 238, 1) 50%, rgba(215, 222, 227, 1) 51%, rgba(245, 247, 249, 1) 100%);
    transition: all 100ms;
    padding: 0px 0em;
    margin-right: 0.3em;
}

#time,
#score {
    font-family: "Cute Font", cursive;
    color: #0c0;
    background-color: #000;
    padding: 2px 4px;
    border: 2px inset #fff;
    display: inline-block;
    width: 2.7em;
    font-size: 1.2em;
}

@media only screen and (max-width:600px) {

    #time,
    #score {
        width: 2.1em;
        font-size: .9em;
    }
}

table#board tr td span.solved {
    color: #900;
}

#timeWrap,
#scoreWrap,
#difficultyWrap {
    display: inline-block;
    float: left;
}

.disabled {
    color: #888;
    cursor: not-allowed;
    filter: grayscale(100%) brightness(0.5);

}

.num {
    width: 1.25em;
    display: inline-block;
    border: 0px solid #0c0;
    border-radius: 2em;
    transition: transform 200ms cubic-bezier(.47, 1.64, .41, .8);
    transform: scale(0);
}

:focus {
    outline: 0px;
}

span.bounce {
    animation: 1500ms bounce ease-in;
}

@keyframes bounce {
    0% {
        transform: scale(.5);
    }

    20% {
        transform: scale(2);
    }

    40% {
        transform: scale(.75);
    }

    60% {
        transform: scale(1.5);
    }

    80% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

table#board tr td.selcell span.num.toreveal {
    transform: scale(0);
}

table#board tr td span.num.reveal {
    transform: scale(1);
}

.pop {
    animation: pop 1000ms cubic-bezier(.47, 1.64, .41, .8);
}

table#board tr td.selcell span.num.show {
    transform: scale(1);
}

@keyframes pop {
    0% {
        transform: scale(0);
    }

    33% {
        transform: scale(1.5);
    }

    66% {
        transform: scale(.5);
    }

    100% {
        transform: scale(1);
    }
}

.levelLabel {
    display: inline-block;
    background-image: url("img/level.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 0.9rem;
    height: 1.8rem;
    float: left;
    margin-top: 0.35em;
    box-shadow: 1px 1px 1px #000a;
    margin-right: .25rem;

}

#timeLabel {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("img/watch.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
}

#scoreLabel {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("img/score.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 6px;
}

.points {
    position: absolute;
    font-size: 1.5em;
    height: 1em;
    width: 5em;
    color: #009900;
    transition: all 1200ms linear;
    transform: scale(0);
    text-align: center;
    opacity: 1;
    cursor: default;
    pointer-events: none;
    text-shadow: 3px 3px 3px #0009, -1px -1px 0px #fff, 1px 1px 0px #fff, -1px -0px 0px #fff, 0px -1px 0px #fff;

}

.fade {
    transform: scale(3);
    opacity: 0;
}

.wordletter {
    width: 1em;
    font-size: .9em;
}

#word {
    text-align: center;
    background-color: #ccc;
    padding: .25em 0;
    border: .5em solid #000;
    border-bottom: 0px;
    border-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

main {
    text-align: center;
    overflow: hidden;
    max-width: 35rem;
    height: 99vh;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width:600px) {
    #word {
        border-left: 0px;
        border-right: 0px;
    }
}

@media only screen and (min-width:600px) {
    main {
        border-left: 1em solid #666;
        border-right: 1em solid #666;
    }
}

.dark {
    background-color: #bbb;
}

input[type=text] {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.fly {
    position: absolute;
    transition: all 200ms linear;
    width: 2em;
    height: 1.6em;
    background-color: #ff0;
    color: #000;
    border-radius: 50%;
    font-size: 32px;
    font-weight: bold;
    padding-top: .4em;
    text-shadow: -1px -1px 0px #fff, 1px 1px 0px #fff;
    border: 2px solid #00f;
}

.level {
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: 0.3em;
    transform-origin: bottom;
}

#levelTable {
    background-color: #000;
    border: 2px inset #fff;
    height: 1.7em;
    border-collapse: collapse;
}

#levelTable td {
    vertical-align: bottom;
    width: .4em;
}

@media only screen and (max-width:600px) {
    #levelTable td {
        width: 7px;
    }
}

.levelSelected {
    outline: 2px solid #fff;
}

label {
    margin-left: .3em;
}

.level_1 {
    transform: scaleY(0.16);
    background-color: #01ff00;
    color: #01ff00;
}

.level_2 {
    transform: scaleY(0.32);
    background-color: #5aff02;
    color: #5aff02;
}

.level_3 {
    transform: scaleY(0.48);
    background-color: #fff704;
    color: #fff704;
}

.level_4 {
    transform: scaleY(0.64);
    background-color: #ffa006;
    color: #ffa006;
}

.level_5 {
    transform: scaleY(0.8);
    background-color: #ff5608;
    color: #ff5608;
}

.level_6 {
    transform: scaleY(0.96);
    background-color: #ff0008;
    color: #ff0008;
}

.explosion .particle {
    position: absolute;
    width: 20px;
    height: 20px;
    animation: spinner0 1000ms linear reverse forwards;

}

.explosion .bs0 {
    box-shadow: .5em .5em .5em #fffa, -.5em -.5em .5em #fffa, -.5em 0px .5em #fffa, 0px -.5em .5em #fffa;
}

.explosion .bs1 {
    box-shadow: .5em .5em .5em #fcca, -.5em -.5em .5em #fccc, -.5em 0px .5em #fccc, 0px -.5em .5em #fccc;
}

.explosion .bs2 {
    box-shadow: .5em .5em .5em #ff0a, -.5em -.5em .5em #ff09, -.5em 0px .5em #ff09, 0px -.5em .5em #ff09;
}

.explosion .spin0 {
    animation: spinner0 1000ms linear reverse forwards;
    box-shadow: 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0;
}

.explosion .spin1 {
    animation: spinner1 1000ms linear reverse forwards;
    box-shadow: 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0;
}

.youwin {
    animation: ease-in-out 1500ms 6 alternate zoom;
    position: absolute;
    top: 30vh;
    left: 32vw;
    width: 8em;
    height: 2em;
    padding-top: 1em;
    color: #ffff00;
    font-size: 3em;
    text-shadow: 2px 2px 2px #000c;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 1000ms linear;
}

@keyframes zoom {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(2);
    }
}


@keyframes pop2 {
    from {
        opacity: 0;
        height: 0px;
        width: 0px;
    }

    to {
        top: 50%;
        left: 50%;
        opacity: 1;
    }
}

.explosion {
    position: absolute;
    height: 600px;
    width: 600px;
    pointer-events: none;
}

@keyframes spinner0 {
    0% {
        transform: rotate3d(1, -1, 1, 1440deg);
        opacity: 0;
        height: 0px;
        width: 0px;
    }

    100% {
        transform: rotate3d(1, -1, 1, -1440deg);
        top: 50%;
        left: 50%;
        opacity: 1;
    }
}

@keyframes spinner1 {
    0% {
        transform: rotate3d(-1, 1, -1, -1440deg);
        opacity: 0;
        height: 0px;
        width: 0px;
        box-shadow: 2em 2em 2em #fffa, -2em -2em 2em #fffa, -2em 0px 2em #fffa, 0px -2em 2em #fffa;
    }

    100% {
        transform: rotate3d(-1, 1, -1, 1440deg);
        top: 50%;
        left: 50%;
        opacity: 1;
        box-shadow: 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0, 0px 0px 0px #fff0;
    }
}

#menu {
    transition: all 250ms linear;
    display: block;
    background-color: #ddd;
    position: absolute;
    top: 8vh;
    left: 0px;
    width: 100%;
    height: 0px;
    overflow: hidden;
}

#history,
.dialog {
    transition: all 500ms ease-in-out;
    display: block;
    background-color: #ddd;
    position: absolute;
    top: 8vh;
    left: -100%;
    width: 100%;
    height: 90%;
    overflow: hidden;
    color: #333;
    font-size: 16px;
    font-family: monospace;
    box-sizing: border-box;
}

#historyTable {
    width: 100%;
    border: 1px solid #333;
}

#historyTable tr:nth-child(even) {
    background-color: #fff;
}

#historyTable td {
    text-align: left;
    padding: 4px;
    border-right: 1px solid #666;
}

#historyTable td:nth-child(4) {
    text-align: right;
}

#historyTable td:nth-child(3) {
    text-align: center;
}

#menu ul {
    list-style-type: none;
    margin: 1em 0 0 0;
    padding: 0;
}

#menu ul li button {
    width: 100%;
    height: 4rem;
    margin: 0;
    font-size: 24px;
    padding: .25em 0px;

}

.backbutton {
    font-size: 40px;
    float: left;
    border: none;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    text-shadow: 2px 2px 2px #0009;
}

.backbutton:active {
    top: 2px;
}

.title {
    color: #fff;
    background-color: #333;
}

#help {
    text-align: left;
    font-size: 18px;
}

#help p {
    margin: 1em;
}

.webdings {
    font-family: "Webdings", cursive;
}

.historyIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTMzMzIqWnLe4uIqWnL3AwcfHx83NzcjIyczMzO/v7+jo6KCutuHh4ZCXmtfX17q8vYqKipqor6mpqcIvZuQAAAAKdFJOUwDUi8G6JYD9T6wUxH84AAACoUlEQVRYw+1Yi5KrMAjVtoqVJqHm//91A0SN1gezO7e3O7MnFtHYU0IIwVbVr0DXNlXVdlXVsNJNSstKp/2i6L0dknvT1HBvWoBOlA6gbe5QF0qdlBbqLj0M910iqGsAkM8sVkpQ5Z7EARFAwADg3L6SRJArd0QUsO8RRfQqZsXhUsEjItfbcUgU/ogsRC4YYCBC8ueIaLAIncOTxoH0N/0fRZQmxeV5kcf5Qu9gFsZZi0+GH/MAPDOi8yyk21viiKJgNAliBjkR2m3zEa58sVLx3c4GIir4ApVgz2E6m5ydFiXNRLBYrfwLLhoXLUr2nwawwHjrrT7KqWuMoxAXIAxjcJwlNg3IJ60DUuERrAG5cMfoJDceuoHi58TRIp4MPiriiJ5bCJbtiFEMwLnwcjh8b2KT6ZktQv39nM2czGFvjqM5H2WXRcl1nNyMcYQUpeEU2RSBvyW3yt7/sovgjxZtqki5BMRefQwj0rB7vuKSlDtNzqYpPc8BSep6nzYS06KV+gincaEmFU0smK5SOARnsSg7JzdcbB8jP89f706INIeMrbguFOk4I5LkP1ukyT/5zEVN/qAV27lFSiSj4oFpJZiY2ceJSJmlCDh+hUCpGnBkwlxTiCILTRQ5nRHhcgvqJwfNWVg+50RG/EOi5pJxiw86AJwRXbwNVGxLXMW9EN38YID3MJPwKWwRPRQDt83jkYjCxCFHoHaX6AiDD26B7xJ5JtKaVsU3iZKTYGkRUPcya7ahGYi8ySLiXTaoSA2oWQekbWx+CK5oga5rIuPYUkSG/J4qJ3r9j8VsEhSvtfTiIl6t3sKUXDkzwcbI8nIbzk0qmIi2/z3qbky1h0cW6RHS3ZK2DZJccrPlgCFKTtnjYarucjPiem2bj/6D7wtrCJirYiIMWAAAAABJRU5ErkJggg==");
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);
}

.infoIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAkFBMVEUAAAAdftkOYb8df9oSasccfdkSasgpkusUbcsegNstmO8sl+4yoPUef9sTa8kdfdgfgNtCsv80ovdFtf9Wwf83pvpSvv8/rv9JuP9Nu/88rP05qfz2/P8okerU6vwxn/UumvEqle0mjecsmO8vnfPp9v/c7/7i8/4hhuGj0vUXc9B1suC83vZIsfKPvuNMoeO6EM+qAAAAEXRSTlMA/v0e/gbicnNQ3cDwNsKpkUs+isQAAASdSURBVHjalJOHsqsgEIbNOA6jJpMsSEBI76a+/9vdRdNo3pwPYt3znZ9lTOJkaU7GZTGkyLAoxyRPs+TPZCOCDq0EADDG8Kg02sjob66UlEMtgMm6rqdIPcULyUDoYUnSn8OkpOACpFFUXxihBMGLH1VGAwyTVAEwGYOfVFlecsFqzBIBYzHByzz7T5zJUPkaX6WGk95Qo5KD9D2+SQIvR3FPXmiQEY3Tdgm6yGMe0i7LE4VNZnkkC7a58zhUU3lDJF580Wv6eKqvKR+Xe9PcL4/b+1mnfJoC/TEeL9Dtcp21XC83911tTF6fRqbPvue+nz3Z3x1TbfZOF87epWbfMZA95AU9b9NFWi9RhSZeplajJ1Sw2mV6W8y+WNxqDyboJHMaJLs//vrJ+8ziLu0CRJo2OQuT/r+72qKrXyLtxZGdYihyB67MYuGXSIy0I+9ABQcmW+r3NAdPFIABL9JPIJAhvKWFAIz0DiQYC5U0tqgJFTEmXpHISgMLUh1n+/eYHSsWBPSqjZSVS9WKpDfZJxKamkgRqGWZtR8HF8DCyKsJY6bpEAsDgrcfCtnqqAhks38GaiSwCEJvCa5sjHvWQ9UsDodFUwGDKHo3znDPaJ+I4axrFtcYFMV9y+dUCehFQD9C0XmekDU3IuGPzuG/84fia5KMjSiEph1L+kREQdE4KbdhkX5cHJY9om2ZFCgKmNRtsXe465hH8VWRDFYo8tHV0RVduYqAolNyWnH9m6iJinQr2lJfZJ40i8Xi+FsiTbcoWlMdRN1ut+v+eOzm0STSMYxosKbRAt7sW083Ghqto+sBipYBUfeIosh4Wv51Ykc9joJAHMCHigQfxMSkj1QBcqvdTfv9v939cY6ebsG93J+Bh3byy/BmOIMmK0jZabzWAojDUK1tnKwi42O9Yf34Nyh6Q8Myj6ljzMUHzjdoqjnjvAykhZtG5JoLO58ToF+vtaKvnMkJTZ2wkQGEwRxAO2eDrqUaoxUdNcoHdBTCUAoc7DXW2oJXDbXD4mJFittEqc6gKbplaIm0sPNUzgzob9ZqmxWaiHqFkWrQzvmoQRhI9YBaI2yI05/FxYuh2w8TxWCFaQnR98XNsZSwwkGlBSgUm2a33DWlNEr4MEdYKOxXJQjMjaUNmt9X8EI1YHgkG+ZC3ArmxhtQsSdYHiiP5EIFSgvBubqS43ggjpZJStSRsysjjAEKb4EjNeU0Bpdzha71lgNtLXXgYqahVzq5SakTB5cXQhygB37w747sDh/sUkAChc3ln4/H4+u2yxd+ePrUkgNHyMMHOy4nhbf7lucLOWDPveO9kLjYIb3CTN7uoFsxz12Lxzyqp2/pWHr11SaymWGno+9p9WWTctznWsinhZDCzkVTISz5TUmFeNRucfgfdloqSkremToPM3epKg61nUpDgfKnCpg0juqomt5cMBSoYqznLGmci+nPnzQuB8p6m+vIXM6eNPh6ZqNgFeZaoGyM6Vr6KY1WiWIL8dtCWEmM0sVxyhRb0JKHc0OglJlyWlAGFjBoORIIFFNm6livB1jHqEH3//Pw13R6MEpJRCkz6NPnw9/FuJ0t5RDauAAAAABJRU5ErkJggg==");
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);
}

.newGameIcon {
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);
    background-image: url("img/new.png");
}

.backIcon {
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);
    background-image: url("img/resume.png");
}

.helpIcon {
    content: "?";
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);
    background-image: url("img/help.png");
}

.puzzleIcon {
    background-image: url("data:image/png;base64,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");
    background-size: cover;
    display: inline-block;
    height: 36px;
    width: 36px;
    filter: drop-shadow(3px 3px 3px #0008);

}

#menu button span {
    position: relative;
}

.btnLabel {
    display: inline-block;
    width: 11rem;
    text-align: left;
}

#menu .icon {
    width: 36px;
    height: 36px;
    display: inline-block;
    top: 0.5rem;
    left: -0.65rem;
}

button .material-symbols-outlined {
    font-size: 32px;
}