@charset "UTF-8";@font-face{font-family:Lilita One Regular;src:url(/assets/lilitaone-regular-webfont-pAAnquPv.ttf) format("truetype")}@font-face{font-family:Nougat Extra Black;src:url(/assets/nougat-extrablack-webfont-Bom_DYGZ.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,svg,video,canvas{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}input,button,textarea,select{font:inherit}#root{min-height:100vh;width:100vw;font-family:Lilita One Regular;background-image:url(/assets/background-DhCNPM2v.jpg);background-size:cover}.main{display:grid;grid-template-columns:1fr 1fr 1fr}.cards-container{grid-column:2 / 3;display:grid;grid-template-columns:repeat(4,min-content);grid-template-rows:auto;gap:2.5em;padding:2em 1em 1em}.score-panel{color:#fff;font-size:2rem;padding:1em;text-shadow:3px 0 black,-3px 0 black,0 3px black,0 -3px black,2px 2px black,-2px -2px black,2px -2px black,-2px 2px black;align-items:center;justify-content:center}.emoji-pin{width:128px}@media (max-width: 1440px){.score-panel{grid-row:1 / 2;grid-column:2 / 3;justify-self:center;display:flex;flex-direction:row-reverse}}@media (max-width: 768px){.cards-container{grid-template-columns:repeat(3,min-content)}}@media (max-width: 500px){.cards-container{grid-template-columns:repeat(2,min-content)}.score-panel{font-size:1.8rem;display:flex;flex-direction:column}}@media (max-width: 375px){.cards-container{grid-template-columns:repeat(2,min-content)}}.footer{display:flex;justify-content:center;align-items:center;padding:1em;width:100%}.disclaimer{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;text-align:center}a{text-decoration:none;color:#495057}a:hover{filter:brightness(50%)}.card-container{width:200px;aspect-ratio:1 / 1.3;perspective:1000px}.card{width:100%;height:100%;box-shadow:0 4px 8px #0003;background-color:#fff;border:12px solid white;border-radius:25px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .5s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 16px #0000004d}.cards-container[data-show-front=true] .card-container .card{transform:rotateY(0)}.cards-container[data-show-front=false] .card-container .card{transform:rotateY(180deg)}.inner-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;position:absolute;backface-visibility:hidden;padding:.5em;box-sizing:border-box}.card-front,.card-back{width:100%;height:100%;backface-visibility:hidden}.card-front{border:7px solid #CED6EC;background-color:#dde7fd}.card-back{border:7px solid #ff0000;background-color:#000;transform:rotateY(180deg)}.card-content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;position:relative;padding-bottom:2em}.card-character-image{max-width:100%;height:auto;padding:.5em;object-fit:contain;margin-top:auto;flex-grow:1}.card-character-name{text-align:center;font-size:clamp(.8rem,.6rem + 1vw,1.2rem);color:#fff;-webkit-text-stroke:1px black;position:absolute;bottom:0;left:0;right:0;margin:.5em;line-height:1.2;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.chip{position:relative;display:block;margin:30px auto;width:80px;height:90px;background:linear-gradient(45deg,#1a237e,#303f9f);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 4px 8px #0000004d}.chip:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:linear-gradient(45deg,#303f9f,#3f51b5);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:1}.chip:after{content:"★";position:absolute;color:#fff;font-size:2em;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 1024px){.card-container{max-width:170px}.card-character-image{max-width:130px}.chip{border:10px dashed white;width:75px;height:75px}.chip:before{margin:-15px}}@media (max-width: 900px){.card-container{max-width:150px}.card-character-image{max-width:110px}.chip{border:8px dashed white;width:60px;height:60px}.chip:before{border:4px solid #B20F35;margin:-13px}}@media (max-width: 768px){.card-container{max-width:150px}.card-character-image{max-width:110px}}@media (max-width: 600px){.card-container{max-width:125px}.card-character-image{max-width:90px}.chip{display:none}}@media (max-width: 375px){.card-container{max-width:120px}.card-character-image{max-width:90px}}