*{padding:0;margin:0;box-sizing:border-box}:root{--light: hsl(35, 60%, 95%);--dark: hsl(35, 60%, 40%);--shadow: 2px 2px 7px -3px black, inset -2px -2px 1px 0px rgba(0, 0, 0, .75), inset 2px 2px 1px 0px white}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100vh;background:linear-gradient(135deg,var(--dark),80%,hsl(30,60%,25%));color:var(--light);font-family:DynaPuff;font-size:1.5rem}#root{padding:1rem;height:100vh;display:flex;gap:1rem;align-items:center;justify-content:space-evenly}.player{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100px;transition:.3s}.wait-turn{opacity:.25}.points{font-size:5rem}.dino-point-wrap{height:100px;width:100px;margin-top:2rem}.dino-point{width:100%;filter:drop-shadow(8px 8px 4px rgba(0,0,0,.5))}.middle{display:flex;flex-direction:column;align-items:center;gap:2rem}.board{perspective:600px;display:grid;grid-template-columns:repeat(5,minmax(50px,100px));gap:10px}.tile{height:100%;aspect-ratio:1;transform-style:preserve-3d;transition:transform .3s;cursor:pointer;background-image:url(/assets/back-face-D_nY7yoL.png);background-size:contain;border-radius:12%;transform:translate(var(--translate-x, 0px),var(--translate-y, 0px)) rotate(var(--rotate, 0deg))}.locked .tile{pointer-events:none}.tile:active{transform:scale(.97)}.tile.flipped{transform:translate(var(--translate-x, 0px),var(--translate-y, 0px)) rotate(var(--rotate, 0deg)) rotateY(180deg);cursor:initial}.tile:after{border-radius:11%;position:absolute;top:0;left:0;height:100%;width:100%;content:"";box-shadow:var(--shadow)}.tile.flipped:after{box-shadow:-2px 2px 7px -3px #000,inset 2px -2px 1px #000000bf,inset -2px 2px 1px #fff}.front-face{width:100%;height:100%;border-radius:12%;transform:rotateY(180deg);backface-visibility:hidden}.span-button-wrap{height:50px}button{padding:.5rem 2rem;border-radius:12px;border:none;font-family:inherit;color:var(--dark);background-color:var(--light);font-weight:700;font-size:inherit;box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase}@media(max-width:680px){body{font-size:1.25rem}#root{flex-wrap:wrap}.player{gap:.5rem}.points{font-size:2rem}.dino-point-wrap{margin-top:1rem;height:75px;width:75px}.middle{order:-1;width:100%;gap:1rem}.span-button-wrap{height:42px}}