:root{--dialog-background-colour: rgb(249, 249, 249);--border-color: #00f898;--dialog-border: solid var(--border-color);--dialog-border-width: 4px 10px 4px 10px;--main-text-colour: #4a4c49;--dialog-text-colour: #4a4c49;font-family:"Press Start 2P",system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:var(--main-text-colour);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-image:url(/assets/grass-background-DvFIw-HT.webp)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:none;font-size:1em;font-weight:500;font-family:inherit;background-color:transparent;color:var(--main-text-colour);cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:flex-start}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;position:relative;margin-top:60px}.app p{margin:0}.app .textbox{padding:16px 20px;background-color:var(--dialog-background-colour);color:var(--dialog-text-colour);border:var(--dialog-border);border-width:var(--dialog-border-width);border-radius:12px}.app header,.app footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.app .generation-dropdown{display:flex;justify-content:center;align-items:center;gap:8px}.app .generation-dropdown select{color:var(--dialog-text-colour);text-align:center;background-color:#00000014;font-family:"Press Start 2P",system-ui,Avenir,Helvetica,Arial,sans-serif;padding:6px 0;border:none;border-radius:8px}.app .score{font-size:1.2rem}.app .gameover-dialog{position:absolute;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.app .gameover-dialog .dialog-arrow{width:12px;margin-left:4px;animation:bob-up-down .25s steps(2,start) infinite alternate}@keyframes bob-up-down{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.app .gameover-dialog button{display:flex;justify-content:center;align-items:center}.app .gameover-dialog button .option-arrow{color:var(--dialog-text-colour);margin-right:8px}.app .gameover-dialog button:hover .option-arrow{transform:translateY(-2px)}@media(max-width:500px){.app{margin:0;padding:8px;font-size:.8rem}.app .textbox{padding:8px}}.tall-grass{padding:40px 0 20px;display:grid;grid-template-columns:repeat(5,1fr);row-gap:40px;column-gap:20px}.tall-grass .grass{position:relative}.tall-grass .grass .pokemon{top:-50px;left:-15px;position:absolute;z-index:1;cursor:pointer;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0;transform:translateY(20px)}.tall-grass .grass .pokemon.visible{opacity:1;transform:translateY(0)}.tall-grass .grass:hover .pokemon.visible{z-index:3;animation:shake .5s}@keyframes shake{0%{transform:translate(0) rotate(0)}10%{transform:translate(-1.5px) rotate(-1.5deg)}40%{transform:translate(1.5px) rotate(1.5deg)}50%{transform:translate(-1.5px) rotate(-1.5deg)}80%{transform:translate(1.5px) rotate(1.5deg)}90%{transform:translate(-1.5px) rotate(-1.5deg)}to{transform:translate(0) rotate(0)}}.tall-grass .grass .tall-grass-sprite{width:60px;position:relative;z-index:2}