@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:none}html{scroll-behavior:smooth}img{display:block;max-width:100%}:focus:not(:focus-visible){outline:none}[type=checkbox],[type=radio],[type=submit],a,button,label,select,summary{cursor:pointer;font-family:inherit;font-size:inherit}menu:not(article menu),ol:not(article ol),ul:not(article ul){list-style:none}h1{font-size:2.5rem;color:#f5f5f5}h2{font-size:1.5rem}.btn,h2{font-weight:700}.btn{padding:.5em 1em;border-radius:5px;margin:.1em;flex-grow:1;text-transform:uppercase;font-size:1rem}.btns{width:100%;justify-content:center;flex-wrap:wrap;max-width:1000px}.btns,body{display:flex}body{font-family:Karla,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#1a1919;flex-direction:column;height:100vh}main{padding:0 1em;flex-grow:1}.filter-buttons,nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;padding:1em}select{color:#1a1919;background:#f5f5f5;padding:.5em;font-weight:700}section{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em}.card-container{position:relative;max-width:250px}.win-rate{position:absolute;bottom:.25em;left:.25em;color:#fff;background-color:rgba(0,0,0,.8);border-radius:10px;padding:.1em}.label{font-size:.7rem;margin-bottom:-.5em}.card-img{border-radius:12px}footer{color:#b2b2b2;text-align:center;margin:auto;font-size:.8rem;padding:1em;max-width:1000px;line-height:1.5}footer a{color:#b2b2b2;font-weight:700;text-decoration:none}.modal{top:0;z-index:1;position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flip--btn{position:absolute;margin:0;border-radius:50px;background-color:transparent;width:15%;max-width:80px;max-height:80px;top:50%;left:50%;transform:translateY(-50%);transform:translateX(-50%);border-radius:100%;background-color:hsla(0,0%,96%,.75);display:flex;opacity:.7}.flip--btn:active,.flip--btn:hover{opacity:1}.flip--btn svg{height:100%;width:100%;padding:.25em;color:#000}.selected{background:#c14510;color:#f5f5f5}.unselected{color:#1a1919;background:#f5f5f5;border:1px solid #000}@media (max-width:559px){.card-container{max-width:45%}}