")}body:has(#board:is([difficulty=cool],[difficulty=evil])) #aboutBody::-webkit-scrollbar-button:increment{background-image:url("data:image/svg+xml;utf8,")}body:has(#board[difficulty=cool]) #aboutBody{padding:5px 10px}body:has(#board[difficulty=evil]) #aboutInner{color:var(--headerColor);border-image:url("data:image/webp;base64,UklGRqgBAABXRUJQVlA4WAoAAAAAAAAADgEAPgAAVlA4TIoBAAAvDoEPAHVAjGS3bQW5fLsvuauMRAoMtn8ECc3wiwWTHfmDRNl/Bm4bKcocze5BjukH53VGAPNKV8RxD7qijwD3Q7zyhBSAxqS1iBcnhUmbAR6RiYhtDnqFjGRRH54l7iyAYx0VuTZfBC9XcySTNoOKaCKctlrIeYfGYxSIDWsiL4W6YXnGUtKvBoCTUXiTFBxnpFxlE8EWs2gMJNmakKej2vYh75EIAe5a7goUsnWZkaY4Czob9w1wd69ORzVZEokKEpVOsj3vyOVKE/Z4fZplHKWtT8NZtnMN2IUAZJPmAoihM3l7fGfpjY+S7wvWERa6ofPFG8BSrEOEoTjgRXIhrMQCxdLBWChmNtqXBBbwrWqg8kwk+aesndcStCmGkywTaf4t4dFuz2xI57mRbTAAR/sUnfgAna7hzImGyGHOTNfihFsYs+mpiK9r9Cjkxijh1Z5sDjcwGYMiqfDzzrPZ/HlHSKRRuuPl4IsYu5EwShs+WZ+2W9mxrWCYWpHu+N31HZe9L2IAnREO");border-image-width:46px 330px 66px 208px;border-image-slice:23 165 33 104;image-rendering:pixelated;border-radius:0;padding:10px;position:relative;background:#c3c7cb;border-image-outset:46px 0 66px 0;color:#000;top:-10px}body:has(#board[difficulty=evil]) #aboutInner h1{color:#000}body:has(#board[difficulty=evil]) #aboutBody{max-height:calc(100svh - var(--interfaceSize) - 2.3*var(--headerSize) - 120px);border-style:inset;padding:5px}body:has(#board[difficulty=evil]) a{color:#0059ff}body:has(#board[difficulty=evil]) a:hover{color:#ff0054}body:has(#board[difficulty=evil]) a:visited{color:#002b7c}body:has(#board:is([difficulty=cool],[difficulty=evil])) .dropdown button:hover{padding-inline:calc(var(--interfaceSize)* 0.35)}body:has(#board:is([difficulty=cool],[difficulty=evil])) .backgroundTile{border-style:dashed;background:#000}#board:is([difficulty=cool],[difficulty=evil]) .tile:is( .selected1 :is(.is1,:has(.noteVisible.is1)),.selected2 :is(.is2,:has(.noteVisible.is2)),.selected3 :is(.is3,:has(.noteVisible.is3)),.selected4 :is(.is4,:has(.noteVisible.is4)),.selected5 :is(.is5,:has(.noteVisible.is5)),.selected6 :is(.is6,:has(.noteVisible.is6)),.selected7 :is(.is7,:has(.noteVisible.is7)),.selected8 :is(.is8,:has(.noteVisible.is8)),.selected9 :is(.is9,:has(.noteVisible.is9))){background:var(--selectedTileColor);color:var(--selectedTileTextColor)}#game:not(.swapping) body:has(#board:is([difficulty=cool],[difficulty=evil])) .backgroundTile :is( .selected1 .is1,.selected2 .is2,.selected3 .is3,.selected4 .is4,.selected5 .is5,.selected6 .is6,.selected7 .is7,.selected8 .is8,.selected9 .is9){border-color:var(--selectedTileTextColor)!important}#board.noteMode:is([difficulty=cool],[difficulty=evil]) .tile:is( .selected1 :is(.is1,:has(.noteVisible.is1)),.selected2 :is(.is2,:has(.noteVisible.is2)),.selected3 :is(.is3,:has(.noteVisible.is3)),.selected4 :is(.is4,:has(.noteVisible.is4)),.selected5 :is(.is5,:has(.noteVisible.is5)),.selected6 :is(.is6,:has(.noteVisible.is6)),.selected7 :is(.is7,:has(.noteVisible.is7)),.selected8 :is(.is8,:has(.noteVisible.is8)),.selected9 :is(.is9,:has(.noteVisible.is9))){background:var(--selectedNoteModeTileColor)}}body:has(#board:is([difficulty=wack],[difficulty=cool],[difficulty=evil])) #countDownArea{visibility:hidden}body:has(#board:is([difficulty=cool],[difficulty=evil])) #popUp{display:none}#glasses{display:none}@media (min-aspect-ratio:13.5/11){body:has(#board:is([difficulty=cool],[difficulty=evil])) #eraseButton{margin-left:0;margin-top:2px}body:has(#board:is([difficulty=cool],[difficulty=evil])) #buttonRow2{width:calc(var(--interfaceSize) * 3 - 2px);margin-left:1px}#backdropSun{left:6lvw;top:-17lvw}}@media (prefers-contrast:more){:root{--bodyBackColor:white;--tileColorA:white;--tileColorB:white;--selectedTileColor:#43c1c4;--selectedNoteModeTileColor:#72007f;--selectedTileTextColor:white;--disabledTileTextColorA:var(--disabledButtonTextColor);--disabledTileTextColorB:var(--disabledButtonTextColor);--tileTextColor:black;--buttonColor:white;--buttonTextColor:black;--disabledButtonColor:white;--disabledButtonTextColor:#007f00}.tile{border-color:#000!important}#eraseButton.currentNumber,.button:active:enabled,.button:enabled,.currentNumber,body:has(.noteMode) #notesButton{border:2px solid #000!important}@media (prefers-color-scheme:dark){:root{--bodyBackColor:black;--tileColorA:black;--tileColorB:black;--selectedTileColor:#edffaa;--selectedNoteModeTileColor:#b47fff;--selectedTileTextColor:black;--tileTextColor:white;--buttonColor:black;--buttonTextColor:white;--disabledButtonColor:black;--disabledButtonTextColor:#7fff7f}.tile{border-color:#fff!important}#eraseButton.currentNumber,.button:active:enabled,.button:enabled,.currentNumber,body:has(.noteMode) #notesButton{border:2px solid #fff!important}}}@media (forced-colors:active) or (prefers-contrast:custom){:root{--bodyBackColor:canvas;--tileColorA:canvas;--tileColorB:canvas;--selectedTileColor:buttonText;--selectedNoteModeTileColor:buttonText;--selectedTileTextColor:canvas;--disabledTileTextColorA:graytext;--disabledTileTextColorB:graytext;--tileTextColor:buttonText;--buttonColor:buttonFace;--buttonTextColor:buttonText;--disabledButtonColor:buttonFace;--disabledButtonTextColor:graytext;--disabledTileTextColorA:graytext;--disabledTileTextColorB:graytext;--errorColor:markText}.tile{border-color:ButtonBorder!important}#board.noteMode:not([difficulty=cool]) :is(.tile:not(.inConflict) > :is(.tileNumber,.note)){filter:hue-rotate(120deg)}#board[difficulty=cool] .tile:not(.inConflict){color:hsl(from var(--disabledTileTextColorA) calc(h - 90) s l);filter:none}#board.noteMode[difficulty=cool] .tile:not(.inConflict)>:is(.tileNumber,.note){color:hsl(from var(--disabledTileTextColorA) calc(h + 160) s l)}#coolButton:disabled{background:hsl(from var(--disabledTileTextColorA) calc(h - 90) s l);forced-color-adjust:none}body:has(#board[difficulty=cool]) #header h1{color:hsl(from var(--disabledTileTextColorA) calc(h - 90) s l);forced-color-adjust:none}@media (prefers-color-scheme:dark){#board[difficulty=cool] .tile:not(.inConflict){color:hsl(from var(--disabledTileTextColorA) calc(h + 60) s l)}#board.noteMode[difficulty=cool] .tile:not(.inConflict)>:is(.tileNumber,.note){color:hsl(from var(--disabledTileTextColorA) calc(h - 150) s l)}#coolButton:disabled{background:hsl(from var(--disabledTileTextColorA) calc(h + 60) s l)}body:has(#board[difficulty=cool]) #header h1{color:hsl(from var(--disabledTileTextColorA) calc(h - 150) s l);forced-color-adjust:none}}#eraseButton.currentNumber,.button:active:enabled,.button:enabled,.currentNumber,body:has(.noteMode) #notesButton{border:2px solid ButtonBorder!important}.numberButton{forced-color-adjust:none}}@media (forced-colors:active) or (prefers-contrast:custom) or (prefers-contrast:more){body:has(#board[difficulty=cool]) h1{color:var(--skyColor)}body:has(#board[difficulty=evil]) h1{color:var(--buttonTextColor)}body:has(#board[difficulty=cool]) #glasses{display:block;position:absolute;image-rendering:pixelated;width:calc(var(--headerSize)* 2);left:calc(var(--headerSize)* 2);top:-10%;filter:drop-shadow(0 1px white) drop-shadow(0 -1px white) drop-shadow(-1px 0 white) drop-shadow(1px 0 white)}#backdrop,#backdropSun{display:none!important}#menuArea:has(.aboutVisible)::before,#menuArea:has(.showMenu)::before{opacity:1}@media (hover:hover){#menuArea:has(#menu:hover)::before,#menuArea:has(.dropdown-content:hover)::before{opacity:1}}h2{display:none}#coolButton:disabled{color:var(--bodyBackColor)}.tile{background:0 0;border:none!important;z-index:1}.tile:disabled{z-index:0}.tile.inConflict{background:mark!important;color:markText!important;width:calc(var(--tileSize) - 8px);height:calc(var(--tileSize) - 8px);left:4px;top:4px}.tile.inConflict>.tileNumber{background:mark;forced-color-adjust:none;top:calc(var(--tileSize)* -.06 - 4px)}.tile:disabled.inConflict>.tileNumber{top:calc(var(--tileSize)* -.09 - 4px)}.tile.inConflict:enabled::after{content:unset}.button:enabled.currentNumber{background:var(--selectedTileColor);color:var(--selectedTileTextColor);forced-color-adjust:none}body:has(.noteMode) #notesButton,body:has(.noteMode) .button:enabled.currentNumber{background:var(--selectedNoteModeTileColor);color:var(--selectedTileTextColor);forced-color-adjust:none}#eraseButton.currentNumber{background:mark;color:markText;forced-color-adjust:none}.numberButton{margin:1px;width:calc(var(--interfaceSize) - 2px);height:calc(var(--interfaceSize) - 2px)}#eraseButton{margin-left:2px}#buttonRow2{width:calc(var(--interfaceSize) * 9 - 2px)}@media (min-aspect-ratio:13.5/11){#eraseButton{margin-left:0;margin-top:2px}#buttonRow2{width:calc(var(--interfaceSize) * 3 - 2px);margin-left:1px}}#about{background:var(--bodyBackColor)}#aboutInner{padding:0;border-radius:unset;box-shadow:none}.dropdown button{outline:3px solid var(--bodyBackColor)}.dropdown button:hover{padding-inline:calc(var(--interfaceSize)* 0.35)}#popUp::before{position:absolute;left:calc(var(--tileSize)* -.5);display:block;background:var(--bodyBackColor);content:' ';width:calc(100% + var(--tileSize)* .8);height:calc(var(--tileSize) * 1.35);z-index:-1}.flag{border-width:2px;outline:5px solid var(--selectedTileTextColor)}.backgroundTile{border-style:dashed;display:block}}@media (forced-colors:none) and (prefers-contrast:more){body:has(#board[difficulty=cool]) :is(.button:enabled,body:has(.noteMode) #notesButton,#eraseButton.currentNumber,.currentNumber,.button:active:enabled){border-color:var(--skyColor)!important}body:has(#board[difficulty=evil]) :is(.button:enabled,body:has(.noteMode) #notesButton,#eraseButton.currentNumber,.currentNumber,.button:active:enabled){border-color:red!important}.tile.inConflict{background:var(--errorColor)!important}.tile.inConflict>.tileNumber{color:var(--selectedTileTextColor)!important;background:var(--errorColor)!important}}#glitch{display:none}#loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-size:var(--interfaceSize);color:var(--headerColor)}