:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;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;-webkit-text-size-adjust:100%}a{font-weight:500;color:#fff;text-decoration:underline}a:hover{color:#535bf2}a:visited{color:#fff}body{margin:0;display:flex;place-items:center;color:#fff}.text-screen{position:absolute;width:100%;height:100%;background-color:#000}.text-screen-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:x-large}.license-link{font-size:small}.license-content{font-size:large;margin-bottom:1.5em}#license h3{margin-top:1.5em}#touch-controls{position:absolute;bottom:1em;width:100%;text-align:center}#touch-movements{display:block;width:100%;text-align:center}#touch-movements button{font-size:x-large;border-color:#fff;border-width:medium;border-radius:10px;border-style:solid}#touch-buttons{position:absolute;width:25%;text-align:right;display:inline;bottom:1em;right:4em}#touch-buttons button{margin-left:1em;font-size:xx-large;font-weight:bolder;color:#fff;padding:15px 20px;border-color:#fff;border-width:medium;border-radius:10px;border-style:solid}.button-a{background-color:#228b22}.button-b{background-color:#ff8c00}.button-a-interaction{background-color:#228b22;border-radius:5px;padding-left:.2em;padding-right:.2em}.button-b-interaction{background-color:#ff8c00;border-radius:5px;padding-left:.2em;padding-right:.2em}#interaction{position:absolute;top:1.5em;width:100%;text-align:center;z-index:100;display:block;font-size:x-large;font-weight:800;line-height:normal}#stopwatch{position:absolute;top:1em;right:1em;width:20%;text-align:right;z-index:100;display:block;font-size:xxx-large;font-weight:800}#load-spinner{font-size:xx-large;animation-name:load-spinner-rotate;animation-fill-mode:forwards;animation-duration:.5s;animation-iteration-count:infinite}@keyframes load-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#start-overlay-text div,#intro-text div{margin:.5em}.text-screen-button{font-size:x-large;font-weight:700;padding:.5em;border:ghostwhite solid 2px;background-color:#303030;color:#fff;cursor:pointer}#outro-text{color:#000;animation-name:appear-text-background;animation-duration:2s;animation-delay:.5s;animation-fill-mode:forwards;margin:.5em}.sharing{border:2px solid white;padding:1em;margin:1em;font-family:monospace}.credit-entry{font-size:small}@keyframes appear-text-background{0%{color:#000}to{color:#fff}}#keypad{position:absolute;width:100%;height:100%;background-color:#000}#keypad-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:28px;margin-bottom:1em}#keypad-code{border:white solid 4px;padding:1em;margin-bottom:1em;margin-top:.75em;width:6em;text-align:center;font-size:56px;font-weight:bolder;cursor:pointer}#keypad-digits{display:flex;flex-direction:row;justify-content:center;margin-bottom:2em}#keypad-digits button{font-size:large;padding:.75em;border:ghostwhite solid 2px;background-color:#303030;color:#fff;cursor:pointer;margin:.5em;text-align:center}#keypad-controls{margin-bottom:1em}#keypad-control-enter{background-color:#228b22!important}#keypad-control-exit{background-color:gray!important}#keypad-control-erase{background-color:#aa0!important}#keypad-controls button{width:5em;height:50px;border:white solid 1px;background-color:#0000;color:#fff;font-size:28px;cursor:pointer}#keypad-instructions{font-size:medium}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}
