@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Space+Grotesk:wght@300..700&display=swap";:root{--dark-purple: #2c2638;--mid-purple: #3c364c;--light-purple: #6d54b5;--light-blue: #bdd4f1;--red: #ff7370;--white: #f1f2f3;--font-family: "Space Grotesk", Helvetica, Arial, sans-serif;--font-regular: 400;--font-semibold: 600;--font-bold: 700;--font-black: 900;--logo-font: "Quicksand", Helvetica, Arial, sans-serif;--logo-weight: var(--font-black);--rounded-xl: 1.5rem;--rounded-full: calc(infinity * 1px);--button-font-weight: var(--font-semibold);--button-border-radius: var(--rounded-full);--button-primary-background: var(--light-purple);--select-border-radius: var(--rounded-full);--select-background: var(--light-purple);--select-font-colour: var(--white);--select-font-weight: var(--font-semibold);--card-background: var(--mid-purple);--card-border-radius: var(--rounded-xl);--card-shadow: rgba(0, 0, 0, .19) 0px 10px 20px, rgba(0, 0, 0, .23) 0px 6px 6px;--card-shadow-hover: rgba(0, 0, 0, .3) 0px 19px 38px, rgba(0, 0, 0, .22) 0px 15px 12px;--card-gradient: linear-gradient(0deg, rgba(44, 38, 56, 1) 0%, rgba(44, 38, 56, 0) 50%);--image-border-radius: var(--rounded-xl);--score-border-radius: var(--rounded-xl);--header-height: 3.75rem}*{box-sizing:border-box}body{font-family:var(--font-family);font-size:16px;background-color:var(--dark-purple);color:var(--white);padding:.5rem}a,button,div{font-family:inherit;font-size:inherit;color:inherit}a{font-weight:var(--font-semibold)}#root{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,max-content);gap:1.5rem}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button{border:none;padding:0}button:hover{cursor:pointer}button.primary{font-size:1rem;background-color:var(--button-primary-background);border-radius:var(--button-border-radius);font-weight:var(--button-font-weight);padding:.75rem 1.5rem;transition:opacity .15s ease-in-out}button.primary:hover{opacity:.5}select{border-radius:var(--select-border-radius);height:100%;padding:.75rem 1.5rem .75rem .75rem;color:var(--select-font-colour);text-transform:capitalize;min-width:9.375rem;font-family:inherit;font-size:inherit;font-weight:var(--select-font-weight);transition:opacity .15s ease-in-out;appearance:none;background-color:var(--select-background);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23ffffff'%20class='bi%20bi-chevron-down'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;border:none}select:hover{cursor:pointer;opacity:.5}select:active{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23ffffff'%20class='bi%20bi-chevron-up'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M7.646%204.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201-.708.708L8%205.707l-5.646%205.647a.5.5%200%200%201-.708-.708z'/%3e%3c/svg%3e")}option{text-transform:capitalize;font-family:inherit;font-size:inherit;font-weight:var(--select-font-weight)}header{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr;justify-content:space-between;align-items:center;gap:1.5rem}.logo{font-size:2rem;font-family:var(--logo-font);text-transform:lowercase;text-align:center}.logo span{font-weight:var(--logo-weight)}.config{display:flex;flex-direction:column;align-items:center;gap:1rem}.card-image-select{display:flex;flex-direction:column;align-items:center;gap:.75rem}.card-image-select,.card-image-select select,.card-image-select .reset{width:100%}.reset{display:flex;align-items:center;width:100%;max-height:2.8125rem}.reset:before{content:"⟲";margin-right:.5rem;font-size:1.5rem;font-weight:var(--font-regular)}@media(min-width:768px){header{grid-template-columns:max-content 1fr;grid-template-rows:1fr;height:var(--header-height);gap:0}.reset{width:unset;max-height:unset}.logo{text-align:left}.config{flex-direction:row;justify-self:flex-end}.card-image-select{flex-direction:row;height:var(--header-height)}.card-image-select select{width:unset;min-width:12.5rem}}.scoreboard-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:.5rem}.current-score,.highest-score{display:flex;flex-direction:column;align-items:center;border-radius:var(--score-border-radius);padding:1rem 0}.current-score{background-color:var(--light-blue);color:var(--dark-purple)}.highest-score{background-color:var(--red)}.score-label{font-weight:var(--font-semibold)}.score-number{font-size:1.5rem}@media(min-width:768px){.scoreboard-container{gap:1.5rem}.current-score,.highest-score{font-size:1.5rem;padding:1.5rem 0}.score-number{font-size:2.5rem}}.card-container{position:relative}.card-container ul{display:grid;list-style:none;grid-template-columns:repeat(auto-fit,minmax(20.625rem,1fr));grid-template-rows:1fr;gap:1.5rem;padding:0;margin:0}.card{position:relative;width:100%;height:auto;display:flex;justify-content:center;align-items:flex-end;background-color:var(--dark-purple);background-position:center center;background-repeat:no-repeat;background-size:cover;aspect-ratio:16 / 9;border-radius:var(--card-border-radius);transition:opacity .15s ease-in-out;box-shadow:var(--card-shadow)}.card:before{position:absolute;display:block;height:100%;width:100%;content:"";background:var(--card-gradient);border-radius:var(--card-border-radius)}.card:hover{opacity:.5;box-shadow:var(--card-shadow-hover)}.card-name{padding:.5rem 0;margin-bottom:.5rem;z-index:1;font-size:.875rem}.valid:before,.invalid:before{display:flex;justify-content:center;align-items:center;font-size:5.625rem;color:var(--white);height:100%;width:100%}.valid:before{content:"✔";background:#008000cc}.invalid:before{content:"✘";background:#f00c}@media(min-width:768px){.card{aspect-ratio:1 / 1}}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:20vh;background-color:var(--dark-purple);z-index:2;transition:opacity .15s ease-out}.loader-container.show{opacity:1}.loader-container.hide{opacity:0}.loader{width:7.5rem;aspect-ratio:1;--_c: no-repeat linear-gradient(orange 0 0) 50%;background:var(--_c) / 100% 50%,var(--_c) / 50% 100%;border-radius:50%;animation:l29 2s infinite linear;margin:auto}@keyframes l29{to{transform:rotate(1turn)}}