*{box-sizing:border-box}body{--hitColor: #5a4;--caughtColor: #0004;--pokefull: #00fff08f;font-family:courier;text-align:center;background-color:#222;color:#efefef;position:relative;margin:0;padding:15px 0 0}ul{list-style:none}a{color:#fff;text-decoration:none}.game-playing:before{content:"";animation:.6s ease-in 0s 1 revealOpacity;background-image:url(/images/bg.jpeg);background-repeat:no-repeat;background-size:auto 400px;background-position-x:center;background-position-y:top;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:-1}.game-over{animation:1s ease-out 0s 1 revealOpacity}h1{max-width:500px;font-size:1.85em;margin:0 auto .5em;line-height:1em;text-align:left;padding:0 10px}h2{display:block;letter-spacing:.12em;padding:0 10px}.correct_count{background:#ffffffcf;border-radius:100px;display:inline-block;color:#222;padding:0 1em;font-size:.5em;float:right}.keyboard{margin-top:15px;margin-bottom:3em;padding:0 5px}.keyboard .row{max-width:600px;margin:0 auto;text-align:center;display:flex;flex-flow:row;justify-content:center}button{touch-action:none;color:#222;padding:.2em .5em;line-height:1.8em;font-size:1em;border-radius:8px;font-weight:700;border:2px solid #222222;box-shadow:1px 2px #0000002e;transition:all .2s}.keyboard button{padding:0 10px;min-width:10%;margin:0;line-height:2.5em}button[disabled]{opacity:.65;box-shadow:0 1px #0000002e;border-color:#0005;scale:.9}.lives{display:flex;flex-flow:row;justify-content:space-evenly;max-width:600px;margin:0 auto}img.life{width:45px;border-radius:100px;margin-top:5px;transition:filter .5s ease-in-out,opacity 1s ease-in-out,scale 1s ease-out}img.life.inactive.empty{filter:blur(2px) grayscale(100%);opacity:.4;scale:.85}img.life.full{scale:.8;filter:drop-shadow(0px -2px 5px var(--pokefull));position:relative;animation:1s ease-in-out 0s infinite shake}input{position:fixed;top:-100px}img{max-width:100%}.img-wrap{border-radius:200px 70px;height:18vw;margin:12em auto 35px;max-height:100px;max-width:300px;position:relative;width:60vw}.img-wrap img{position:absolute;top:-10em;left:0;transition:none;right:0;margin:0 auto;max-height:280px}.img-wrap img.reveal{animation:1s ease-in-out 0s 1 revealBlur}.img-wrap img.reveal.hit{animation:.65s ease-in-out 0s 1 revealBlur,.65s ease-out 0s 1 hit}.img-wrap img.reveal.miss{animation:1s ease-in-out 0s 1 revealBlur,.6s ease-in-out 0s 1 miss}.img-wrap img.reveal.caught{animation:.8s ease-in-out 0s 1 revealBlur,.2s ease-out 0s 3 caught}@keyframes revealBlur{0%{opacity:0;filter:blur(10px)}to{opacity:100;filter:blur(0)}}@keyframes shake{0%{filter:drop-shadow(0px -2px 5px var(--pokefull));transform:rotate(0)}10%{top:-3px;transform:rotate(-5deg)}20%{filter:drop-shadow(0px -2px 10px var(--pokefull));top:0;transform:rotate(6deg)}30%{top:-1px;transform:rotate(-3deg)}40%{top:0;transform:rotate(2deg)}50%{transform:rotate(-1deg)}60%{filter:drop-shadow(0px -2px 5px var(--pokefull));transform:rotate(1deg)}70%{transform:rotate(0)}}@keyframes revealOpacity{0%{opacity:0}to{opacity:100}}@keyframes miss{0%{transform:rotate(-2deg)}20%{transform:rotate(2deg)}40%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes hit{0%{filter:drop-shadow(0 0 25px #0000)}50%{filter:drop-shadow(0 0 10px var(--hitColor))}to{filter:drop-shadow(0 0 0 #000)}}@keyframes caught{0%{filter:drop-shadow(0 0 4rem #0000);transform:scale(1)}70%{filter:drop-shadow(0 0 1rem var(--caughtColor));transform:scale(1.2)}to{filter:drop-shadow(0 0 0 #0000);transform:scale(1)}}.ac-quote:empty{display:none}.ac-quote{font-style:italic;position:relative;margin-top:-10px;font-family:Arial;padding:10px 30px;background:#ededed;display:inline-block;color:#000;border-radius:15px;box-shadow:0 0 2px #000}.ac-quote:before{position:absolute;content:"";display:block;width:0;height:0;border:10px solid transparent;top:-10px;left:25%;border-right-color:#ededed;border-bottom-color:#ededed}