*{box-sizing:border-box;letter-spacing:1.4px;margin:0;padding:0;font-family:Roboto,sans-serif}body{margin:0}footer{color:#fff;background-color:#c8c8c866;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex}footer img{width:30px}#root{background-image:url(/assets/card-bg-DXzpE7oc.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;gap:2rem;min-height:100vh;display:flex}header{color:#fff;background-color:#f00c;justify-content:space-between;align-items:center;padding:20px;display:flex}header>.title{align-items:center;display:flex}header>.title>img{transition:all .3s ease-in-out}header>.title:hover>img{transform:rotate(40deg)}header>.title>img{width:80px}header>.title h1{margin:0}header>.howto{color:#000;background-color:#fff;border:6px solid #000;border-radius:16px;max-width:380px;padding:10px 16px}main{flex-direction:column;flex:1;justify-content:center;gap:2rem;display:flex}main .scoreboard{justify-content:center;gap:2rem;display:flex}main .scoreboard>p{color:#fff;background-color:red;border:3px solid #fff;border-radius:8px;padding:8px 16px}main .gameboard{flex-wrap:wrap;justify-content:center;gap:2rem;padding:10px 0;display:flex}main .gameboard .card{background-image:url(/assets/card-bg-unVfQuAA.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:14px;width:220px;height:280px;transition:all .2s ease-in-out;display:flex;overflow:hidden}main .gameboard .card:hover{transform:translateY(-6px)rotate(-2deg)scale(1.03);box-shadow:3px 3px 8px #505050}main .gameboard .card:hover button>img{transition:all .2s ease-in-out;transform:scale(1.02)rotate(4deg)}main .card>button{cursor:pointer;background-color:#0000;border:none;width:100%;padding:2px 4px}main .card .card-head{justify-content:space-between;display:flex}main .card .card-head>p{color:#fff;text-shadow:0 0 6px #000;margin:0;padding:0 8px;font-size:1.2rem;font-weight:600}main .card .card-head .pokemon-name{text-transform:capitalize}main .gameboard .card img{width:100%}.modal{background-color:#fffc;border-radius:.8rem;flex-direction:column;align-self:center;gap:1rem;width:400px;margin-top:-100px;padding:1.4rem;display:flex}.modal h2{color:#c80000;text-align:center}.modal .retry-btn{color:#fff;cursor:pointer;background-color:red;border:4px solid #000;border-radius:12px;align-self:center;padding:.5rem 2rem;font-size:1.1rem}.modal>.difficulty-btns{justify-content:space-evenly;display:flex}.modal>.difficulty-btns>button{cursor:pointer;color:#fff;background-color:red;border:4px solid #000;border-radius:12px;padding:6px 12px;font-size:1.1rem;transition:all .1s ease-in-out}.modal>.difficulty-btns>button:hover:not(.active){transform:translateY(-2px);box-shadow:0 2px 6px #969696}.modal>.difficulty-btns>button.active{filter:opacity(.5);cursor:default;color:gold}.spinner{place-items:center;display:grid}.spinner>h2{color:#fff;background-color:red;border:8px solid #fff;border-radius:10px;outline:8px solid #000;margin-top:80px;padding:10px 20px;font-size:2rem}.pokeball{background-color:#fff;border:3px solid;border-radius:50%;width:60px;height:60px;animation:.8s linear infinite frames;position:relative;overflow:hidden;scale:3}.pokeball:after{content:"";background-color:red;border-bottom:4px solid;width:60px;height:30px;position:absolute;top:-4px}.pokeball:before{content:"";z-index:1;background-color:#fff;border:4px solid;border-radius:50%;width:10px;height:10px;position:absolute;bottom:18px;right:18px}@keyframes frames{0%{transform:rotate(0)}to{transform:rotate(360deg)}}