@viewport{width:device-width;zoom:1;user-zoom:fixed}body{-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){body{background-color:#33373a;color:#cbd0d0}}body:before{content:"\8283";position:absolute;right:10px;top:10px;font-size:30px;line-height:32px;color:rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){body:before{color:hsla(0,0%,100%,.4)}}body,html{font-size:14px;height:100vh;overflow:hidden;margin:0;padding:0;scroll-behavior:auto}.red{color:red}@media (prefers-color-scheme:dark){.red{color:#f44336}}.game-kbd{position:fixed;left:50vw;top:50vh;-webkit-user-select:none;user-select:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:contents;transform:translateZ(0);font-family:serif;font-weight:700}.game-kbd-box{position:fixed;left:0;top:0;right:0;bottom:0}.game-kbd-monkey{position:absolute;right:0;top:0}.game-kbd .ch{font-size:40px;position:absolute;transform:translate(-50%,-50%);line-height:1em;border-radius:3px;opacity:.7;-webkit-mask-image:linear-gradient(#c80000,rgba(0,100,0,.2));mask-image:linear-gradient(#c80000,rgba(0,100,0,.2));transition:all 1s}.game-kbd .chch{background-image:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet);-webkit-background-clip:text;color:transparent}.game-kbd .v-enter-active{transform:scale(10) translate(-50%,-50%);transition-delay:1.5s;left:0;top:0}.game-kbd .v-leave-to{opacity:0}.kbd{position:fixed;left:15px;right:15px;bottom:0;height:35px;white-space:nowrap;overflow-x:auto;padding-bottom:14px;padding-top:3px;font-size:20px;line-height:22px;-webkit-user-select:none;user-select:none;background-color:rgba(0,0,0,.03)}.kbd kbd{display:inline-block;padding:3px;box-shadow:0 0 5px #ddd;border-radius:2px;margin:0 2px;min-width:14px;text-align:center;transition:background-color .1s;height:28px;box-sizing:border-box;vertical-align:middle}.kbd kbd:hover{background-color:#aaa}