*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:active,:focus,:hover{outline:none}html{font-size:62.5%}body,html{width:100%;height:100%;padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}li,ol,ul{padding:0;margin:0;list-style:none}a{cursor:pointer}#app-container{width:100%;height:100%;position:relative}@media only screen and (max-width:767px){#app-container{height:auto;min-height:100%}}.button{display:table;border-radius:50px;min-width:165px;text-decoration:none;font-size:2rem;line-height:2.6rem;padding:10px 0}.button:active,.button:focus,.button:hover{color:inherit}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.popin{position:fixed;display:grid;place-items:center;text-align:center;z-index:10}.popin,.popin:before{width:100%;height:100%;top:0;left:0}.popin:before{content:"";position:absolute;background:rgba(0,0,0,.5)}.popin__container{width:90%;max-width:350px;background:#fff;position:relative;z-index:1;padding:30px;border-radius:15px}.popin__title{font-size:3.8rem;font-family:Georgia,serif;font-weight:lighter;margin-top:0}.popin__description{margin-top:20px;font-size:1.8rem;line-height:2.2rem;text-align:left;font-family:HelveticaNeue,Helvetica Neue,Helvetica,"sans serif"}.popin__action{margin:30px auto 0}.game,.game__container{width:100%;height:100%}.game__container{display:flex;flex-direction:column}.game__status{display:none}.game__grid{flex:1;display:grid;place-items:center}.game__grid #grid{padding:20px;float:left;width:auto}.game__grid #grid div{width:100%;margin:0 auto}.game__grid #grid .puzzleSquare{height:40px;width:40px;text-transform:uppercase;background-color:transparent;border:0;padding:0;outline:none;font-size:1.8rem;color:inherit;font-family:inherit;position:relative}.game__grid #grid .selected{outline:none;position:relative}.game__grid #grid .selected-h:after{width:105%;height:4px!important}.game__grid #grid .selected-h:after,.game__grid #grid .selected-v:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;background:#000}.game__grid #grid .selected-v:before{height:105%;width:4px!important}.game__grid #grid .selected:focus{border:none}.game__grid #grid .found-h:after{width:105%;height:2px}.game__grid #grid .found-h:after,.game__grid #grid .found-v:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;background:#000}.game__grid #grid .found-v:before{height:105%;width:2px}.game__list{width:100%;padding:30px 0}.game__list ul{display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:auto;row-gap:5px;justify-items:center;max-width:400px;margin:0 auto;padding:0 20px}.game__list li{text-align:center;position:relative;font-family:HelveticaNeue,Helvetica Neue,Helvetica,"sans serif";line-height:1.6rem;font-size:1.2rem}.game__list li.found{text-decoration:line-through;opacity:.6}.home{position:absolute}.home,.result{width:100%;height:100%}.result{display:grid;place-items:center;text-align:left;padding:0 20px}@media only screen and (max-width:767px){.result{display:block;padding:30px 20px}}.result__container{max-width:300px;margin:0 auto}.result__title{font-size:5rem;font-family:Georgia,serif;font-weight:lighter}.result__picture{width:100%;margin:20px 0}.result__description{width:100%;font-size:1.6rem;line-height:2.4rem;font-family:HelveticaNeue,Helvetica Neue,Helvetica,"sans serif";padding-bottom:30px}.result__action{margin:20px auto 0;text-align:center}.result__playagain{border:1px solid;margin:10px auto 0;text-align:center}