.game{text-align:center;margin:0 auto;width:85vw;max-width:20em}.game--disabled{pointer-events:none}.game__box{position:relative;height:85vw;max-height:20em;background:#fff;border:1px solid #eee;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:1em 1.5em;border-radius:.5em;box-shadow:0 2px 6px rgba(0,0,0,.1),0 10px 40px -10px rgba(0,0,0,.1);transition:transform .2s ease-out;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;transform-origin:50% 100%}.game__box:after,.game__box:before{position:absolute;font-family:sans-serif;font-size:4em;line-height:.6em;color:rgba(0,0,0,.15)}.game__box:before{top:2rem;left:1rem;content:"“"}.game__box:after{right:1rem;bottom:0;content:"”"}.game__box--active{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.game__question{font-size:1em;line-height:1.5em}.game__question--larger{font-size:1.2em;line-height:1.4em}.game__results{margin:2em 0 0}.game__results__title{font-size:1.5em;line-height:1.2em;margin:0;font-weight:700}.game__results__bold{font-weight:bolder;color:#c21b32}.game__results__bold--correct{color:#2bac2b}.game__results__description{font-size:1.15em;line-height:1.6em;margin:0}.game__score{position:fixed;top:.6em;right:.6em;font-size:.89em;color:var(--light-text);font-weight:bolder}.game__celebration{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:20em;pointer-events:none;-webkit-animation:popIn .4s;animation:popIn .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes popIn{0%{opacity:0;transform:scale(.25)}30%{opacity:1}to{transform:scale(1);opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.25)}30%{opacity:1}to{transform:scale(1);opacity:0}}:root{--text:#2c3e50;--light-text:#526170;--colour:#f44}html{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text);background:linear-gradient(180deg,#eee,#f3f3f3)}body{margin:0;padding:0}.app{padding:2em 0;overflow:hidden;box-sizing:border-box;min-height:100vh}.app__logo{margin:0 auto 1rem;text-align:center;font-family:Montserrat,sans-serif;font-weight:800;font-size:2.8em;line-height:.8em;letter-spacing:-.05em;transform:rotate(-5deg);max-width:6em;color:var(--text)}.app__description{font-size:1.15em;font-weight:light;line-height:1.6em;color:var(--light-text)}