#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}*,*:before,*:after{box-sizing:border-box}:root{font-family:Rubik Mono One,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-height:100vh}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;cursor:pointer}:root{color:#213547;background-color:#fff}a:hover{color:#747bff}body{font-family:Rubik Mono One,monospace;font-size:16px}.threeButtons{display:flex;justify-content:stretch}.bigBUTTon{font-size:1.5em;margin:0 1em;padding:auto;display:block}.insideButton{font-size:1.5em;border-radius:none;padding:auto;display:block;border:none;margin:0;padding:1em 0;touch-action:manipulation;z-index:1}.emoji{position:absolute;top:0;text-align:center;width:100%;font-size:8em;transition-timing-function:cubic-bezier(.74,.67,.77,1.43);transition-duration:.15s;transition-property:transform;pointer-events:none;line-height:1.15;padding:0;margin:0;z-index:-1;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.insideButton:hover+.emoji{transform:translateY(-20%)}.highlight .emoji{transform:translateY(-70%)}.highlight .insideButton:hover+.emoji{transform:translateY(-75%)}.twoTimeBoxes{display:flex;justify-content:center;align-items:center;margin:0;z-index:1;position:relative}.timeBox{position:relative;font-family:Rubik Mono One,monospace;font-size:1em;width:16em;display:flex;justify-content:center;align-items:stretch;margin:0 1em;flex-direction:column;outline:1px solid rgba(0,0,0,.05);box-shadow:0 .15em .75em #00000012;border-radius:.5em;background:#fff}.timeTitle{height:1.5em;margin-bottom:.5em;display:flex;justify-content:center;align-items:center;opacity:.5}@keyframes triangle-wave-opacity{0%{opacity:.75}30%{opacity:.99}to{opacity:.75}}.highlight .timeTitle{animation:triangle-wave-opacity 1s infinite}@keyframes triangle-wave-black{0%{opacity:.9}30%{opacity:.99}to{opacity:.9}}.black .highlight .timeTitle{animation:triangle-wave-black 1s infinite}.black .timeBox{background:#141414;outline:1px solid rgba(255,255,255,.6);color:#fff}.black .timeTitle{opacity:.35}.helpOverlayContainer{width:90vw;max-height:fit-content;position:absolute;max-width:600px;top:-.5em;left:50%;transform:translate(-50%) translateY(-100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f5f5cc;border-radius:.5em;z-index:5;padding:.5em;pointer-events:none;opacity:0;transition:opacity .25s}.helpOverlayContainer.sendHelp{opacity:1;pointer-events:auto}.helpTable{outline:1px solid rgba(0,0,0,.05);box-shadow:0 .15em .75em #00000012;border-radius:.5em}.commands{font-size:1em;border-radius:2px;border-collapse:collapse;border:1px solid rgba(0,0,0,.5)}@media (max-height: 840px),(max-width: 500px){.commands{font-size:.7em}}@media (max-height: 540px){.commands{font-size:.5em}}.commands td{border:1px solid rgba(0,0,0,.5)}.commands td:first-child{border-right:none;border-top-left-radius:2px;white-space:nowrap;padding:.5em 1em .25em;text-decoration:underline;text-align:right}.commands td:nth-child(2){border-left:none;text-align:left;padding:.25em .5em}.cmd em{background:#0000001a}.commandment{font-family:Arial,Helvetica,sans-serif}.commandment kbd{font-family:Rubik Mono One,monospace;font-size:.75em;background:#0000001a;padding:.25em .5em;border-radius:.5em;border:1px solid rgba(0,0,0,.5)}.timeNumbers{height:1.5em;display:flex;justify-content:center;align-items:center;font-family:Rubik Mono One,monospace;padding:.25em 1em;white-space:nowrap}.smallLetter{font-size:.75em;opacity:.5}.spacer{display:inline-block;width:.25em;height:.5em}.narrowDot{margin-left:-.15em;margin-right:-.15em;opacity:.75}button:focus{outline:none!important}.spaceBox{width:20em;height:5em;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:0}@media (max-width: 640px){.twoTimeBoxes{flex-direction:column}.timeBox{margin-top:4em}.background+.spaceBox{height:2em}.emoji{font-size:6em}html{position:fixed;width:100%}}@media (max-width: 360px){body{font-size:15px}}@media (max-height: 420px){html{position:fixed;width:100%}body{font-size:15px}}@media (max-height: 360px){body{font-size:15px}}@media (max-width: 640px) and (max-height: 600px){body{font-size:15px}.spaceBox{height:4em}.background+.spaceBox{height:0}.timeBox{margin-top:3em}.emoji{font-size:5em}}.inputBox{position:relative;text-align:center;width:100%;height:2em;margin:0 auto}.chess{font-size:1em;position:absolute;pointer-events:none;top:1em;left:0;right:0;line-height:1;color:#00000040;letter-spacing:0;margin:0;text-align:center;display:flex;align-items:center;justify-content:space-around}.chessPiece{margin-left:.05em;margin-right:.05em}.invert{transform:scaleX(-1)}.resetInput{height:2em;font-size:1em;width:20em;text-align:center;opacity:0;font-family:Rubik Mono One,monospace;padding:1.6em 0 1.4em;margin-top:0;border:none;border-radius:.5em;background:#fff;outline:1px solid rgba(0,0,0,.05);box-shadow:0 .15em .75em #00000012;touch-action:manipulation;color:#000}.resetInput:hover+.chess,.resetInput.hasText+.chess{color:#000}.black .chess{color:#ffffff40}.black .resetInput:hover+.chess,.black .resetInput.hasText+.chess{color:#fff}.resetInput:focus,.resetInput.hasText{opacity:1}.resetInput:focus+.chess,.resetInput.hasText+.chess{opacity:0}.resetInput:placeholder{text-align:center}::placeholder{text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:.5;font-size:1em;padding-left:1px;color:#000c}::-webkit-input-placeholder{text-align:center}:-moz-placeholder{text-align:center}::-moz-placeholder{text-align:center}:-ms-input-placeholder{text-align:center}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:400% 400%;transition:background .3s ease}html,body{transition:background .3s ease}.warning{position:fixed;max-width:80vw}.debugPre{width:100%;outline:1px solid red;white-space:pre-wrap}