@charset "UTF-8";*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:700}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ul,ol{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:400;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:"";content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg{overflow:hidden}html{background:radial-gradient(#353535,#161616);color:#eee;background-attachment:fixed}p{margin-bottom:1em}[v-cloak]{display:none}.v-toast{font-family:Lora,serif}.boing-enter-active{transition:all .65s cubic-bezier(.36,.3,.7,1.53)}.boing-leave-active{transition:all .2s ease-out}.boing-enter-from,.boing-leave-to{opacity:0;transform:scale(.2)}.list-leave-active{transition:all .35s}.list-enter-active{transition:all .35s linear;transition-delay:.35s}.list-enter,.list-leave-to{opacity:0;transform:translate(-300px) scale(.8)}.list-move{transition:transform 1s}html{width:100dvw}body{overflow-x:hidden;width:100dvw}.title-screen{min-height:99.999dvh;display:grid;grid-template-columns:1fr;grid-template-rows:180px 190px 1fr}.title-screen .top{padding:40px;display:flex;align-items:center}.title-screen .top h1{font-size:clamp(20px,5vw,2.7rem);font-weight:525;font-family:Lora,serif}.title-screen .game-grid{display:flex;flex-wrap:nowrap;gap:40px;padding-left:40px;padding-right:40px;overflow-x:scroll;width:100dvw;scrollbar-width:thin;scrollbar-gutter:stable both-edges;scrollbar-color:#692647 #e6e7dc}.title-screen .game-grid .thing{flex-basis:250px;flex-grow:0;flex-shrink:0;padding-top:20px}.title-screen .game-grid .thing button{background:transparent;border:none;cursor:pointer}.title-screen .game-grid .thing img{width:100%;transition:scale .3s ease}.title-screen .game-grid .thing.active img{scale:1.35;transition:all .9s ease}.title-screen .game-grid .thing.inactive{opacity:.6}.title-screen .game-grid .thing.inactive img{scale:.9}.title-screen .bottom{padding:40px;align-items:center;justify-content:center;font-family:Lora,serif;display:grid}.title-screen .bottom .info{background-color:#eee;color:#212121;max-width:68ch;position:relative;margin-left:auto;margin-right:auto}.title-screen .bottom button.close{position:absolute;top:10px;right:10px;font-size:1.25rem;width:1.5em;cursor:pointer;z-index:3;font-family:Inter,sans-serif;font-weight:600;color:#222;background-color:#ccc;border:none}.title-screen .bottom button.close:hover,.title-screen .bottom button.close:focus-visible{background-color:#fefefe;outline:none}.title-screen .bottom .top-bar{background-color:#212121;font-family:Inter,sans-serif;letter-spacing:.1em;padding:10px 40px 10px 20px}.title-screen .bottom .top-bar h2{font-weight:460;color:#eee}.title-screen .bottom .game-name{font-size:1.4rem}.title-screen .bottom .slogan{font-size:1.875rem;font-weight:525;font-style:italic}.title-screen .bottom .slogan:before{content:"“"}.title-screen .bottom .slogan:after{content:"”"}.title-screen .bottom .content{display:grid;gap:10px;color:#212121;padding:20px;font-family:Lora,serif}.title-screen .bottom .description{line-height:180%}.title-screen .bottom .button-holder .button{display:inline-flex;background:#ff0;font-family:Inter,sans-serif;color:#212121;border:.1em solid currentColor;text-decoration:none;letter-spacing:.1em;transition:all .3s ease;box-shadow:-1px 1px #000;font-size:1.3rem;padding:.5em 1em;font-weight:560}.title-screen .bottom .button-holder .button:hover,.title-screen .bottom .button-holder .button:focus{transform:translate(10px,-10px);box-shadow:-10px 10px #000}.title-screen .bottom .filter-options{display:flex;flex-wrap:wrap;gap:5px}.title-screen .bottom .filter-options .show-all{flex-basis:100%}.title-screen .bottom .filter-options button{flex-grow:1;flex-shrink:0;cursor:pointer;background-color:#ccc;border:none;border-radius:4px;padding:.5em 1em;transition:background-color .2s linear}.title-screen .bottom .filter-options button .text{font-family:Inter,sans-serif;color:#212121;font-weight:500;font-size:.875rem}.title-screen .bottom .filter-options button .count{display:none}.title-screen .bottom .filter-options button:hover,.title-screen .bottom .filter-options button:focus-visible{background:#fefefe}.title-screen .bottom .filter-options button.active{background-color:#692647}.title-screen .bottom .filter-options button.active .text{color:#eee;font-weight:625}@media (min-width: 740px){.title-screen .bottom{grid-template-columns:1fr 240px;gap:40px}}@media screen and (max-width: 740px){.title-screen{grid-template-rows:120px 31vw 1fr}.title-screen .game-grid{gap:10px;padding-left:10px;padding-right:10px}.title-screen .game-grid .thing{flex-basis:42dvw}.title-screen .bottom{padding:10px;grid-template-columns:1fr;gap:15px}.title-screen .bottom .slogan{font-size:4.25vw}.title-screen .bottom .description{font-size:12px}}.testing-banner.start{font-family:Lora,serif;font-size:13px;text-transform:uppercase;text-align:center;font-weight:800;background:#ff0;color:#000;padding:10px}
