html{margin:0;padding:0;list-style-type:none;font-family:Libre Baskerville,serif;font-weight:700;font-style:normal;color:#faebd7}body{margin:0;padding:0;list-style-type:none}h3[data-v-665a7d4c]{min-width:12rem;margin:0;padding:0rem 1rem}.name[data-v-665a7d4c]{padding:1rem 0}.front[data-v-665a7d4c],.back[data-v-665a7d4c]{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.back[data-v-665a7d4c]{z-index:3;transform:rotateY(180deg);transform:rotateX(180deg);filter:blur(1)}@media (min-width: 1080px){.back[data-v-665a7d4c]{backface-visibility:visible;transform:rotateY(180deg);transform:rotateX(0)}}span[data-v-acfabb51]{display:inline-block;min-width:6rem}.score[data-v-acfabb51]{display:inline-block}.fish-enter-active[data-v-acfabb51]{transition:opacity .5s ease .2s;animation:fade-symbol-appear-acfabb51 .75s linear .2s}.fish-leave-active[data-v-acfabb51]{transition:opacity .5s ease-in}.fish-enter-from[data-v-acfabb51],.fish-leave-to[data-v-acfabb51]{opacity:0}.fish-move[data-v-acfabb51]{transition:transform .5s ease}@keyframes fade-symbol-appear-acfabb51{0%{scale:1}25%{scale:1.5}50%{scale:2.5;filter:brightness(1.5)}75%{scale:1.5}to{scale:1}}.game[data-v-acfabb51]{position:relative;z-index:3;padding:1rem;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.book[data-v-acfabb51]{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;min-height:145vh;box-sizing:border-box;background-image:url(img/bookbg3.png);background-size:contain;background-position:center;background-repeat:no-repeat}.book-blur[data-v-acfabb51]{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;min-height:145vh;box-sizing:border-box;background-image:url(img/bookbg3.png);background-size:contain;background-position:center;background-repeat:no-repeat;animation:add-blur-acfabb51 3s infinite alternate;filter:blur(.5rem) brightness(.5)}@keyframes add-blur-acfabb51{0%{filter:blur(.3rem) brightness(.3)}to{filter:blur(1rem) brightness(1.5)}}#main-content[data-v-acfabb51]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;perspective:1000px;width:clamp(22ch,65vw,420px)}#main-content[data-v-acfabb51]:has(img){margin:0}#top-content[data-v-acfabb51],#bottom-content[data-v-acfabb51]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}#top-content[data-v-acfabb51]:has(img),#bottom-content[data-v-acfabb51]:has(img){margin-bottom:3rem}#top-content[data-v-acfabb51]{perspective:3000px;min-height:12rem}.names[data-v-acfabb51]{text-align:center}@media (min-width:1080px){.game[data-v-acfabb51]{padding:4rem 1rem}.book[data-v-acfabb51],.book-blur[data-v-acfabb51]{padding:3rem;min-height:100vh}#main-content[data-v-acfabb51]{flex-direction:row;justify-content:center;width:clamp(40ch,45vw,960px)}#main-content[data-v-acfabb51]:has(img){width:clamp(40ch,70vw,960px)}}.start-menu[data-v-0690f8a9]{position:absolute;padding:2rem 0;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.logo img[data-v-0690f8a9]{max-width:400px;height:auto}h1[data-v-0690f8a9]{font-size:5rem}button[data-v-0690f8a9]{min-width:10rem;line-height:2rem;margin:0 .3rem;padding:1rem 0;font-size:2rem;background-size:300% 100%;background-position:left center;border:.1rem solid #0b5688;background-color:transparent;color:#167ec4;border-radius:.25rem;transition:all .5s ease-in-out;cursor:pointer}button[data-v-0690f8a9]:hover{background-position:right center;color:var(--highlightgold)}.end[data-v-e33b3934]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.end h3[data-v-e33b3934]{margin-top:0}.end span[data-v-e33b3934]{display:inline-block}.end button[data-v-e33b3934]{min-width:8rem;line-height:1.5rem;margin:0 .3rem;padding:.5rem 0;font-size:1rem;background:linear-gradient(45deg,var(--darkergold),var(--darkgold));color:var(--lightergold);border-radius:.25rem;transition:all .2s ease-in-out;cursor:pointer}.end button[data-v-e33b3934]:hover{background:linear-gradient(45deg,var(--lightergold),var(--lightgold),var(--gold));color:var(--darkergold)}:root{--dark: #112c40;--darkergold: #15496E;--darkgold: #15496E;--gold: #80BBE4;--lightgold: #80BBE4;--lightergold: #9ec6e3;--highlightgold: #BED6E7}#app{background-color:var(--dark);position:relative;min-height:100vh;overflow:hidden}span{-webkit-user-select:none;user-select:none}button{font-family:Libre Baskerville,serif}h1{margin:1rem;text-shadow:.1rem .2rem var(--darkergold)}h2{color:var(--lightergold);text-shadow:.1rem .1rem var(--dark);white-space:nowrap;margin:1rem}h3{color:var(--darkgold);transition:width 1s ease}span{color:var(--gold)}.fade-enter-active{transition:opacity 1s ease .3s}.fade-leave-active{transition:opacity .3s ease-in}.fade-enter-from,.fade-leave-to{opacity:0}.view-enter-active{transition:opacity .5s ease 0s}.view-leave-active{transition:opacity .5s ease-in}.view-enter-from,.view-leave-to{opacity:0}.card,.big-card{-webkit-user-select:none;user-select:none}.card:focus,.big-card:focus{outline:none}.card{position:relative;width:100%;min-height:100px;margin:.5rem 0;display:flex;flex-direction:column;justify-content:center;background-color:var(--lightergold);border:.2rem solid var(--lightgold);border-radius:.3rem;color:var(--highlightgold);cursor:pointer;transition:transform 1.5s ease-out;transition:opacity 1.3s ease-in-out}.card .image{max-width:420px;overflow:hidden;border-radius:1.3rem}.card img{height:100%;width:100%;object-fit:cover}.card:has(img){border-radius:1.3rem;max-width:360px}.card.fade{opacity:0}.big-card{width:100%;min-height:340px;position:relative;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;border-radius:1.3rem;transition:transform 1.3s ease-out}.big-card .image{max-width:calc(700px + 10vw);overflow:hidden;border-radius:1.3rem;box-shadow:.1rem .1rem .3rem .05rem var(--dark)}.big-card img{height:100%;width:100%;object-fit:cover}.big-card .front,.big-card .back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;backface-visibility:hidden;justify-content:center;align-items:center;text-align:center}.big-card .back{transform:rotateY(180deg);transform:rotateX(180deg)}main{background-color:var(--dark)}@media (min-width: 1080px){.card{margin:0rem .5rem}.card:has(img){margin:0rem 1rem;max-width:420px}.card .back{transform:rotateX(180deg);transform:rotateY(180deg);backface-visibility:hidden}.big-card .back{backface-visibility:visible;transform:rotateY(180deg)}}