html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fde4ff;background:linear-gradient(0deg,#fde4ff,#7c9cfe);user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;font-family:Source Code Pro,monospace}button:focus,select:focus,input:focus{outline:none}.controlKeys{display:block;position:absolute;width:20rem;left:50%;margin-left:-10rem;bottom:100px;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;opacity:.8}.controlKey{background-color:#0000001a;padding:10px;border-radius:0;border:2px solid white;font-size:15px;font-weight:700;text-align:center;color:#fff;width:15px;height:15px}.controlLabel{padding:10px;font-size:15px;font-weight:700;text-align:center;color:#999;width:15px;height:15px}.title{font-size:.8rem;color:#a9a9a9;position:absolute;width:100%;bottom:2%;text-align:center}.title>a{color:#4fbdf9}@media (max-width: 768px){.controlKeys,.title,.creditsSpecialKeys{display:none}}@media (max-height: 450px){.controlKeys,.title{display:none}}.variables{--bg-background: #111827;--clr-card: #1f2937;--clr-1: #6420aa;--clr-2: #ff3ea5;--clr-3: #ff7ed4}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;font-family:Source Code Pro,monospace;color:#fff}.overlay a{color:#999;text-decoration:none}.overlay a:hover{text-decoration:underline}.forceOverlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000c;z-index:200}.forceButton{color:#000;padding:1rem 1.3rem;border-radius:0;border:2px solid black;font-size:.75rem;text-transform:none;letter-spacing:.06em;font-weight:300;pointer-events:all;position:relative;cursor:pointer;border:none;background-color:#fff;transition:all .3s ease;font-family:Source Code Pro,monospace}.forceButton:hover{background-color:#efb15d}.footerText{position:fixed;bottom:20px;right:22px;color:#fff;opacity:.7;font-size:.8rem;cursor:pointer}.soundToggle{position:fixed;bottom:20px;right:20px;background-color:transparent;border:none;color:#fff;opacity:.3;cursor:pointer;font-size:.6rem}.beepleLink{position:fixed;bottom:20px;left:20px;background-color:transparent;border:none;color:#fff;opacity:.3;cursor:pointer;font-size:.6rem}.markaLink{position:fixed;bottom:20px;left:150px;background-color:transparent;border:none;color:#fff;opacity:.3;cursor:pointer;font-size:.6rem}.headerTitle{position:absolute;top:20px;left:0;width:100%;text-align:center;color:#ff0;font-size:2rem;text-transform:uppercase;letter-spacing:2px}.forceFooter{width:100%;height:110px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0}.credits{display:flex;flex-direction:row;width:100%;justify-content:space-between;position:absolute;bottom:0;text-align:center;font-size:10px;color:#999;padding-bottom:10px}