html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;font-synthesis:none;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111;color:#eee}::-webkit-scrollbar{background:transparent;width:8px}::-webkit-scrollbar-thumb{background:#222}*,*:after,*:before{box-sizing:inherit}body{margin:0 auto;height:100vh;height:100svh;max-width:1200px;display:grid;grid-template-rows:auto 1fr}button{-webkit-tap-highlight-color:transparent;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;box-shadow:none;font:inherit;color:inherit;cursor:pointer}button:focus{outline-color:#eee}figure{margin:0}a{font:inherit;color:inherit}.attribute{font-size:xx-small;vertical-align:top}.header{width:100%;background-color:#111;padding:1.5rem 1rem 0;position:sticky;top:0}.title{text-align:center;margin:0}.info{margin:0 auto;font-weight:700;gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between}.info .tag{text-transform:uppercase}.info .value{font-size:1.2em}.main{padding:1rem;overflow:auto;display:grid;place-items:center}.board{width:100%;text-align:center}.board.grid{gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr);place-content:center;place-items:center}.card{border-radius:1rem;overflow:hidden;aspect-ratio:1;width:100%;margin:auto;display:flex;align-items:center;justify-content:center}.card img{width:100%;height:100%;object-fit:cover}.card:active{transform:scale(.95)}.error{color:#d00}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;justify-content:center;background-color:#0007}.result-modal .modal-body{padding:1.5rem 1rem;border-radius:1rem;margin:1rem auto;width:85vw;max-width:500px;text-align:center;background-color:#111}.result-modal .modal-body img{display:block;margin:0 auto;aspect-ratio:1;max-width:150px;max-height:150px;object-fit:cover;border-radius:1rem}.result-modal .modal-title{margin:0 auto 1rem}.result-modal .modal-score{margin-top:0;font-weight:700}.result-modal .modal-btn{margin:.5rem auto .25rem;color:#eee;font-weight:700;border-radius:1rem;border:2px solid #eee;padding:.5rem 1rem;width:fit-content}.result-modal .modal-btn:focus{outline:none;box-shadow:0 0 7px 3px #eee7}.result-modal .modal-btn:active{transform:scale(.95)}@media (width > 720px){.board.grid{grid-template-columns:repeat(6,1fr)}}