@import"https://fonts.googleapis.com/css?family=Merriweather:400,700";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html[data-v-7dfedf55]{box-sizing:border-box}[data-v-7dfedf55],[data-v-7dfedf55]:before,[data-v-7dfedf55]:after{box-sizing:inherit}html[data-v-7dfedf55],body[data-v-7dfedf55]{width:100%;height:100%}body[data-v-7dfedf55]{background:#0d0d3a;font-family:Merriweather,serif}a[data-v-7dfedf55]{text-decoration:none;margin:0;padding:0}.sf-logo[data-v-7dfedf55]{width:150px;margin:1em auto;display:block}.container[data-v-7dfedf55]{width:100%;height:100%;display:flex;flex-direction:column;padding:5vh 0 80px}.title[data-v-7dfedf55]{text-align:center;text-transform:uppercase;color:#dac751;letter-spacing:.1em;text-shadow:0px 2px 2px rgba(255,255,255,.6)}.select-container[data-v-7dfedf55]{display:grid;grid-template-columns:repeat(8,100px);grid-column-gap:8px;grid-row-gap:8px;margin:1em auto 3em;background:rgba(255,255,255,.5);padding:4px}@media screen and (max-width: 900px){.select-container[data-v-7dfedf55]{grid-template-columns:repeat(4,100px)}}@media screen and (max-width: 600px){.select-container[data-v-7dfedf55]{grid-template-columns:repeat(4,76.9230769231px)}}.character[data-v-7dfedf55]{width:100px;background:rgba(255,255,255,.5);cursor:pointer;position:relative;text-align:center;padding:0;border:0;margin:0;display:inline-flex}@media screen and (max-width: 600px){.character[data-v-7dfedf55]{width:76.9230769231px}}.character[data-v-7dfedf55]:focus,.character[data-v-7dfedf55]:active{outline:0}.character__name[data-v-7dfedf55]{position:absolute;width:100%;bottom:0;display:none}.character__img[data-v-7dfedf55],.character__name[data-v-7dfedf55]{margin:0;padding:0}.character__img[data-v-7dfedf55]{filter:grayscale(.84);width:100%}.character.active[data-v-7dfedf55]{transform:scale(1.05);box-shadow:0 4px 4px rgba(0,0,0,.2);z-index:100}.character.active .character__name[data-v-7dfedf55]{display:block;width:100%;background:#e3231e;color:#fff;opacity:.7;margin-top:.8em;font-size:.7em;text-transform:uppercase;font-weight:700;padding:.3em 0}.character.active[data-v-7dfedf55]:after{content:"1P";position:absolute;text-align:center;top:-15px;left:50%;transform:translate(-50%);font-size:36px;color:#e3231e;font-weight:700;text-shadow:0px 0px 5px rgb(255,255,255)}.character.active .character__img[data-v-7dfedf55]{filter:grayscale(0);outline:4px solid white;animation:flash-7dfedf55 .3s linear}.list-footer[data-v-7dfedf55]{background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));font-family:Tahoma,sans-serif;color:#fff;text-align:center;font-size:.7em;padding:1em;text-transform:uppercase;font-weight:700;letter-spacing:.1em;position:fixed;bottom:0;width:100%}.list-footer .heart[data-v-7dfedf55]{color:tomato;font-size:2em;vertical-align:middle}@keyframes flash-7dfedf55{0%{filter:brightness(100%)}20%{filter:brightness(150%)}40%{filter:brightness(100%)}60%{filter:brightness(150%)}80%{filter:brightness(100%)}to{filter:brightness(150%)}}