:root{--black: #030301;--darkgrey: #121B17;--grey: #262724;--lightgrey: #7A7B78;--white: #D5D7D1;--lightgreen: #87A068;--green: #004E26;--orange: #D85F1C;--yellow: #FADB72}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400;font-family:Lato}html{transform:rotate(0);transform-origin:left top;height:100vh;width:100vw;overflow:hidden;position:absolute;top:0;left:0}@media screen and (max-width: 967px) and (orientation: portrait){html{transform:rotate(-90deg);width:100vh;height:100vw;top:100%}}body{height:100%;width:100%;color:var(--white);background:var(--darkgrey);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{display:flex;place-content:center;place-items:center;color:var(--white);background-color:var(--grey);border-radius:5px;border:none}@media (hover: hover){button:hover{cursor:pointer}}button:active{background-color:var(--darkgrey);color:var(--white)}.btn-large{width:125px;height:35px;padding:5px;font-size:1em}.btn-small{width:80px;height:30px;padding:2px;font-size:.7rem}@media screen and (min-width: 1280px){.btn-large{width:250px;height:70px;padding:10px;font-size:2em}.btn-small{width:120px;height:40px;padding:3px;font-size:1em}}@font-face{font-family:Caveat;src:url(/assets/Caveat-VariableFont_wght-635e030f.ttf)}@font-face{font-family:Lato;font-weight:400;src:url(/assets/Lato-Regular-e82542ae.ttf)}@font-face{font-family:Lato;font-weight:700;src:url(/assets/Lato-Bold-d7f0b7f2.ttf)}.ability[data-v-e06e6b8c]{font-size:1em;height:80px;background-color:hsl(from var(--green) calc(h + 10) s calc(l - 5))}button>h3[data-v-e06e6b8c]{-webkit-user-select:none;user-select:none;text-align:center}header[data-v-2962acea]{position:relative;display:flex;justify-content:center;width:100%;z-index:2;line-height:1}#title[data-v-2962acea]{font-size:1.5em;font-weight:200;padding:10px;color:var(--white)}#exit-btn[data-v-2962acea]{position:absolute;top:.5em;right:1em;height:30px;width:30px;background-color:#a01d1d}#exit-btn svg[data-v-2962acea]{height:15px;width:15px;fill:var(--white)}@media screen and (min-width: 967px){#title[data-v-2962acea]{font-size:3rem}#exit-btn[data-v-2962acea]{top:1em}}.tile-container[data-v-afcecf39]{--tile-height: 96px;--tile-width: 69px;--tile-b-rad: 5px;--tile-thickness: calc(var(--tile-width)/10);--tile-hover-border-w: 4px;max-width:125px;position:relative;border-radius:calc(var(--tile-b-rad)*2)}.tile[data-v-afcecf39]{height:var(--tile-height);width:var(--tile-width);border-radius:var(--tile-b-rad);transform-origin:center;background-color:transparent;perspective:1000px}.tile-inner[data-v-afcecf39]{position:relative;width:100%;height:100%;text-align:center;transform-style:preserve-3d}.tile-back[data-v-afcecf39],.tile-front[data-v-afcecf39]{position:absolute;width:100%;height:100%;box-sizing:content-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--tile-b-rad)}.tile-back[data-v-afcecf39]{display:flex;align-items:center;justify-content:center;cursor:pointer}.tile-back svg[data-v-afcecf39]{height:var(--tile-height);width:var(--tile-width)}.tile-front[data-v-afcecf39]{transform:rotateY(180deg);background-color:var(--grey)}.tile-front[data-v-afcecf39]:has(i.unhidden){background:linear-gradient(var(--grey),#FFF)}.tile-front i[data-v-afcecf39]{display:flex;place-items:center;place-content:center;color:var(--color-text)}.tile-front img[data-v-afcecf39]{object-fit:cover;height:var(--tile-height);width:var(--tile-width);opacity:.8;border-radius:var(--tile-b-rad)}.tile-front h3.animal-type[data-v-afcecf39]{position:absolute;bottom:.2rem;left:0;right:0;font-size:.7rem;font-weight:800;color:var(--black);filter:drop-shadow(0 0 2px #ddd);-webkit-user-select:none;user-select:none}.card-logo>*[data-v-afcecf39]{transition:fill .5s,stroke .5s}.bright .card-logo>*[data-v-afcecf39]{fill:var(--white);stroke:var(--green)}.flipped[data-v-afcecf39]{animation:flip-afcecf39 .5s 1 forwards}.unflipped[data-v-afcecf39]{animation:unflip-afcecf39 .75s 1 forwards}@keyframes flip-afcecf39{0%{transform:rotateY(0)}20%{transform:translate(-20px)}to{transform:translate(0) rotateY(180deg)}}@keyframes unflip-afcecf39{0%{transform:rotateY(180deg)}20%{transform:rotateY(150deg) translate(-20px)}to{transform:translate(0) rotateY(0)}}@media screen and (min-width: 1280px){.tile-container[data-v-afcecf39]{--tile-height: 160px;--tile-width: 115px;--tile-hover-padding: 10px;--tile-b-rad: 12px}h3[data-v-afcecf39]{font-size:1.6rem;margin-bottom:.4rem}}@media (hover: hover){.selectable:hover>.tile[data-v-afcecf39]{-webkit-box-shadow:0 0 10px 4px var(--orange);box-shadow:0 0 10px 4px var(--orange)}}.player[data-v-8393c450]{display:flex;flex-direction:column;align-items:center;height:60px;width:120px;border-radius:0 5px 5px 0;background-color:var(--grey)}.player h2[data-v-8393c450]{font-size:1.25em;font-weight:600}.spray-icon[data-v-8393c450]{height:1.5em}@media screen and (min-width: 967px){.player[data-v-8393c450]{height:100px;width:200px}.player h2[data-v-8393c450]{font-size:2.5em}.spray-icon[data-v-8393c450]{height:2em}}svg.match-stack{height:1.5em;width:1.5em;margin-right:5px}svg.match-stack>*{stroke:var(--yellow)}@media screen and (min-width: 967px){svg.match-stack{height:2em;width:2em;margin-right:10px}}.gameover[data-v-ab9eab97]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.p1-color[data-v-ab9eab97]{background:radial-gradient(rgb(79,120,181),rgba(84,84,84,.2) 50%)}.p2-color[data-v-ab9eab97]{background:radial-gradient(rgb(189,92,92),rgba(84,84,84,.2) 50%)}.gameover h2[data-v-ab9eab97]{font-size:4em}#game[data-v-01456c4e]{display:grid;grid-template-columns:1fr 4fr 1fr;grid-template-rows:1fr;width:100%}#left-column[data-v-01456c4e]{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px 0}#players[data-v-01456c4e]{display:flex;flex-direction:column;gap:15px}#game-code[data-v-01456c4e]{display:flex;flex-direction:column;align-items:center;width:100%}#game-code>h2[data-v-01456c4e]{font-size:1.5rem}#copy-icon[data-v-01456c4e]{height:20px;margin-left:10px}#copy-icon[data-v-01456c4e]:hover{color:#fff}#copy-icon[data-v-01456c4e]:active{color:var(--color-text)}#board[data-v-01456c4e]{grid-column:2;display:flex;flex-direction:column;align-items:center;padding:5px}#tiles[data-v-01456c4e]{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);padding:6px;gap:6px;background-color:#2d0c0599;border-radius:8px;border:1px solid var(--grey)}.errorMessage[data-v-01456c4e]{display:flex;place-content:center;width:100%;height:14px;font-size:14px;color:var(--yellow)}#abilities[data-v-01456c4e]{grid-column:3;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:8px;width:100%}@media screen and (min-width: 1280px){#board[data-v-01456c4e]{width:62%;min-width:875px}#tiles[data-v-01456c4e]{gap:10px;padding:10px}}#landing-page[data-v-b23162e9]{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;gap:100px}header[data-v-b23162e9]{position:relative;display:flex;justify-content:center;width:100%;z-index:2;line-height:1}#title[data-v-b23162e9]{font-size:3em;font-weight:200;padding:10px;color:var(--white)}#button-section[data-v-b23162e9]{display:flex;place-items:center;gap:50px;margin-top:5rem}button.landing[data-v-b23162e9]{width:250px;height:70px;padding:10px;font-size:2em;font-weight:800;background-color:var(--green);transition:background-color .3s ease-out}button.landing[data-v-b23162e9]:hover{background-color:var(--lightgreen)}button.back[data-v-b23162e9]{width:90px;background-color:var(--grey)}button.back[data-v-b23162e9]:hover{background-color:var(--lightgrey)}#input-section[data-v-b23162e9]{display:flex;place-items:center;gap:10px}input[data-v-b23162e9]{height:70px;width:250px;padding:10px;font-size:2em;color:var(--grey);background-color:var(--white);border-radius:5px;border:none}@media screen and (min-width: 320px) and (max-width: 967px){.landing[data-v-b23162e9]{gap:50px}}#app[data-v-d204e760]{margin:0 auto;padding:0;height:100%;width:100%;overflow-y:hidden;font-weight:400}