.screen.start{background-image:url("../images/intro.jpg");background-repeat:no-repeat}.screen.end{background-image:url("../images/outro.jpg");background-repeat:no-repeat}.screen.game{background:#c8b3d5;background:-moz-linear-gradient(top, #c8b3d5 0%, #fbdce9 100%);background:-webkit-linear-gradient(top, #c8b3d5 0%, #fbdce9 100%);background:linear-gradient(to bottom, #c8b3d5 0%, #fbdce9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8b3d5', endColorstr='#fbdce9',GradientType=0 )}.foreground{width:980px;height:551px;position:absolute;background-image:url(../images/foreground.png);background-repeat:no-repeat}[data-animation].transition{width:980px;height:551px;background-image:url("../images/transition.png");top:-1px;left:0;background-size:3920px}.hit-area.start-screen{left:50%;top:50%;margin-left:-350px;margin-top:-220px;width:700px;height:400px}[data-animation].tap{width:130px;height:197px;background-image:url("../images/hand_tap.png");bottom:120px;left:300px}[data-animation].tap.intro{bottom:70px;left:450px}.dim-lights{opacity:0;position:absolute;width:980px;height:551px;background:-moz-linear-gradient(top, #1e5799 0%, rgba(13,5,58,0.51) 35%, rgba(13,5,58,0) 71%);background:-webkit-linear-gradient(top, #1e5799 0%, rgba(13,5,58,0.51) 35%, rgba(13,5,58,0) 71%);background:linear-gradient(to bottom, #1e5799 0%, rgba(13,5,58,0.51) 35%, rgba(13,5,58,0) 71%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#000d053a',GradientType=0 )}.hit-area.bells{width:103px;height:91px;top:116px;left:340px;background-image:url("../images/bells_hotspot.png")}[data-animation].bells{width:128px;height:91px;top:117px;left:320px;background-image:url("../images/bells.png")}.hit-area.blaze{width:324px;height:179px;top:184px;left:478px;background-image:url("../images/blaze_hotspot.png")}[data-animation].blaze{width:359px;height:225px;top:140px;left:478px;background-image:url("../images/blaze.png")}[data-animation].lights{width:965px;height:306px;top:-1px;left:3px;background-image:url("../images/lights.png")}.light-cord{position:absolute;width:43px;height:207px;top:-30px;left:50px;background-image:url("../images/light_cord.png")}.hit-area.lights{width:212px;height:207px;top:-30px;left:50px;background-image:url("../images/light_cord_hotspot.png")}.light-cord-anim{animation:lightcord ease-in-out 2s 1}@keyframes lightcord{0%{transform:translateY(0)}20%{transform:translateY(30px)}80%{transform:translateY(30px)}100%{transform:translateY(0)}}.hit-area.presents{width:340px;height:126px;top:279px;left:210px;background-image:url("../images/presents_hotspot.png")}[data-animation].presents{width:375px;height:274px;top:136px;left:195px;background-image:url("../images/presents.png")}.hit-area.reindeer{width:251px;height:351px;top:199px;left:738px;background-image:url("../images/reindeer_hotspot.png")}[data-animation].reindeer{width:263px;height:439px;top:126px;left:731px;background-image:url("../images/reindeer.png")}.hit-area.santa{width:120px;height:96px;top:68px;left:183px;background-image:url("../images/santa_hotspot.png")}[data-animation].santa{width:175px;height:91px;top:-5px;left:158px;background-image:url("../images/santa.png")}.hit-area.snowman{width:225px;height:241px;top:230px;left:17px;background-image:url("../images/snowman_hotspot.png")}[data-animation].snowman{width:225px;height:381px;top:107px;left:17px;background-image:url("../images/snowman.png")}.snow{position:absolute;top:0;width:100%;height:100%;background-image:url("../images/snow.png");animation:snow linear 5s infinite;-webkit-animation:snow linear 5s infinite;-moz-animation:snow linear 5s infinite;-o-animation:snow linear 5s infinite;-ms-animation:snow linear 5s infinite;opacity:0.6}.snow2{left:-10px;animation:snow linear 10s infinite;-webkit-animation:snow linear 10s infinite;-moz-animation:snow linear 10s infinite;-o-animation:snow linear 10s infinite;-ms-animation:snow linear 10s infinite;opacity:0.7;background-image:url("../images/snow2.png")}@keyframes snow{0%{background-position:0 0, 0 0, 0 0}50%{background-position:30px 300px, 0 0, 0 0}100%{background-position:0 600px, 0 0, 0 0}}@-webkit-keyframes snow{0%{background-position:0 0, 0 0, 0 0}50%{background-position:30px 300px, 0 0, 0 0}100%{background-position:0 600px, 0 0, 0 0}}@-moz-keyframes snow{0%{background-position:0 0, 0 0, 0 0}50%{background-position:30px 300px, 0 0, 0 0}100%{background-position:0 600px, 0 0, 0 0}}@-o-keyframes snow{0%{background-position:0 0, 0 0, 0 0}50%{background-position:30px 300px, 0 0, 0 0}100%{background-position:0 600px, 0 0, 0 0}}@-ms-keyframes snow{0%{background-position:0 0, 0 0, 0 0}50%{background-position:30px 300px, 0 0, 0 0}100%{background-position:0 600px, 0 0, 0 0}}.fadeInOut{animation:fadeOutAnimFrames linear 2.5s;animation-iteration-count:1;-webkit-animation:fadeOutAnimFrames linear 2.5s;-webkit-animation-iteration-count:1;-moz-animation:fadeOutAnimFrames linear 2.5s;-moz-animation-iteration-count:1;-o-animation:fadeOutAnimFrames linear 2.5s;-o-animation-iteration-count:1;-ms-animation:fadeOutAnimFrames linear 2.5s;-ms-animation-iteration-count:1}@keyframes fadeOutAnimFrames{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutAnimFrames{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOutAnimFrames{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOutAnimFrames{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOutAnimFrames{0%{opacity:0}30%{opacity:1}60%{opacity:1}100%{opacity:0}}.is-playing.confetti-animation .col-1{background-color:#5ac5d5}.is-playing.confetti-animation .col-2{background-color:#ee3b79}.is-playing.confetti-animation .col-3{background-color:#fadb03}.is-playing.confetti-animation .col-4{background-color:#f17812}.is-playing.confetti-animation .col-5{background-color:#5ebd47}.is-playing.confetti-animation .confetti-container{position:absolute;width:10px;height:10px;top:290px;left:360px;animation:ease-out 0.6s 3;-webkit-animation:ease-out 0.6s 3;-moz-animation:ease-out 0.6s 3;-o-animation:ease-out 0.6s 3;-ms-animation:ease-out 0.6s 3}.is-playing.confetti-animation .confetti{position:absolute;width:10px;height:10px;animation:ease-in 0.6s 3;-webkit-animation:ease-in 0.6s 3;-moz-animation:ease-in 0.6s 3;-o-animation:ease-in 0.6s 3;-ms-animation:ease-in 0.6s 3}.is-playing.confetti-animation .confetti-container:nth-of-type(3n+2){animation-delay:.2s;-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;-ms-animation-delay:.2s}.is-playing.confetti-animation .anim-x-1{animation-name:anim-x-1;-webkit-animation-name:anim-x-1;-moz-animation-name:anim-x-1;-o-animation-name:anim-x-1;-ms-animation-name:anim-x-1}.is-playing.confetti-animation .anim-x-2{animation-name:anim-x-2;-webkit-animation-name:anim-x-2;-moz-animation-name:anim-x-2;-o-animation-name:anim-x-2;-ms-animation-name:anim-x-2}.is-playing.confetti-animation .anim-x-3{animation-name:anim-x-3;-webkit-animation-name:anim-x-3;-moz-animation-name:anim-x-3;-o-animation-name:anim-x-3;-ms-animation-name:anim-x-3}.is-playing.confetti-animation .anim-x-4{animation-name:anim-x-4;-webkit-animation-name:anim-x-4;-moz-animation-name:anim-x-4;-o-animation-name:anim-x-4;-ms-animation-name:anim-x-4}.is-playing.confetti-animation .anim-y-1{animation-name:anim-y-1;-webkit-animation-name:anim-y-1;-moz-animation-name:anim-y-1;-o-animation-name:anim-y-1;-ms-animation-name:anim-y-1}.is-playing.confetti-animation .anim-y-2{animation-name:anim-y-2;-webkit-animation-name:anim-y-2;-moz-animation-name:anim-y-2;-o-animation-name:anim-y-2;-ms-animation-name:anim-y-2}.is-playing.confetti-animation .anim-y-3{animation-name:anim-y-3;-webkit-animation-name:anim-y-3;-moz-animation-name:anim-y-3;-o-animation-name:anim-y-3;-ms-animation-name:anim-y-3}@-webkit-keyframes anim-x-1{0%{-webkit-transform:skew(20deg) translateX(0)}60%{opacity:1}100%{-webkit-transform:skew(20deg) rotate(-180deg) translateX(-58px);opacity:0}}@-moz-keyframes anim-x-1{0%{-moz-transform:skew(20deg) translateX(0)}60%{opacity:1}100%{-moz-transform:skew(20deg) rotate(-180deg) translateX(-58px);opacity:0}}@-o-keyframes anim-x-1{0%{-o-transform:skew(20deg) translateX(0)}60%{opacity:1}100%{-o-transform:skew(20deg) rotate(-180deg) translateX(-58px);opacity:0}}@-ms-keyframes anim-x-1{.is-playing.confetti-animation 0%{-ms-transform:translateX(0)}.is-playing.confetti-animation 60%{opacity:1}.is-playing.confetti-animation 100%{-ms-transform:rotate(-180deg) translateX(-58px);opacity:0}}@keyframes anim-x-1{0%{transform:skew(20deg) translateX(0)}60%{opacity:1}100%{transform:skew(20deg) rotate(-180deg) translateX(-58px);opacity:0}}@-webkit-keyframes anim-x-2{0%{-webkit-transform:skew(20deg) translateX(0)}100%{-webkit-transform:skew(20deg) rotate(-180deg) translateX(-107px)}}@-moz-keyframes anim-x-2{0%{-moz-transform:skew(20deg) translateX(0)}100%{-moz-transform:skew(20deg) rotate(-180deg) translateX(-107px)}}@-o-keyframes anim-x-2{0%{-o-transform:skew(20deg) translateX(0)}100%{-o-transform:skew(20deg) rotate(-180deg) translateX(-107px)}}@-ms-keyframes anim-x-2{.is-playing.confetti-animation 0%{-ms-transform:translateX(0)}.is-playing.confetti-animation 100%{-ms-transform:rotate(-180deg) translateX(-107px)}}@keyframes anim-x-2{0%{transform:skew(20deg) translateX(0)}100%{transform:skew(20deg) rotate(-180deg) translateX(-107px)}}@-webkit-keyframes anim-x-3{0%{-webkit-transform:skew(20deg) translateX(0)}100%{-webkit-transform:skew(20deg) rotate(180deg) translateX(44px)}}@-moz-keyframes anim-x-3{0%{-moz-transform:skew(20deg) translateX(0)}100%{-moz-transform:skew(20deg) rotate(180deg) translateX(44px)}}@-o-keyframes anim-x-3{0%{-o-transform:skew(20deg) translateX(0)}100%{-o-transform:skew(20deg) rotate(180deg) translateX(44px)}}@-ms-keyframes anim-x-3{.is-playing.confetti-animation 0%{-ms-transform:translateX(0)}.is-playing.confetti-animation 100%{-ms-transform:rotate(180deg) translateX(44px)}}@keyframes anim-x-3{0%{transform:skew(20deg) translateX(0)}100%{transform:skew(20deg) rotate(180deg) translateX(44px)}}@-webkit-keyframes anim-x-4{0%{-webkit-transform:skew(20deg) translateX(0)}100%{-webkit-transform:skew(20deg) rotate(180deg) translateX(128px)}}@-moz-keyframes anim-x-4{0%{-moz-transform:skew(20deg) translateX(0)}100%{-moz-transform:skew(20deg) rotate(180deg) translateX(128px)}}@-o-keyframes anim-x-4{0%{-o-transform:skew(20deg) translateX(0)}100%{-o-transform:skew(20deg) rotate(180deg) translateX(128px)}}@-ms-keyframes anim-x-4{.is-playing.confetti-animation 0%{-ms-transform:translateX(0)}.is-playing.confetti-animation 100%{-ms-transform:rotate(180deg) translateX(128px)}}@keyframes anim-x-4{0%{transform:skew(20deg) translateX(0)}100%{transform:skew(20deg) rotate(180deg) translateX(128px)}}@-webkit-keyframes anim-y-1{0%{-webkit-transform:translateY(0)}60%{opacity:1}100%{-webkit-transform:translateY(-118px);opacity:0}}@-moz-keyframes anim-y-1{0%{-moz-transform:translateY(0)}60%{opacity:1}100%{-moz-transform:translateY(-118px);opacity:0}}@-o-keyframes anim-y-1{0%{-o-transform:translateY(0)}60%{opacity:1}100%{-o-transform:translateY(-118px);opacity:0}}@-ms-keyframes anim-y-1{.is-playing.confetti-animation 0%{-ms-transform:translateY(0)}.is-playing.confetti-animation 60%{opacity:1}.is-playing.confetti-animation 100%{-ms-transform:translateY(-118px);opacity:0}}@keyframes anim-y-1{0%{transform:translateY(0)}60%{opacity:1}100%{transform:translateY(-118px);opacity:0}}@-webkit-keyframes anim-y-2{0%{-webkit-transform:translateY(0)}60%{opacity:1}100%{-webkit-transform:translateY(-163px);opacity:0}}@-moz-keyframes anim-y-2{0%{-moz-transform:translateY(0)}60%{opacity:1}100%{-moz-transform:translateY(-163px);opacity:0}}@-o-keyframes anim-y-2{0%{-o-transform:translateY(0)}60%{opacity:1}100%{-o-transform:translateY(-163px);opacity:0}}@-ms-keyframes anim-y-2{.is-playing.confetti-animation 0%{-ms-transform:translateY(0)}.is-playing.confetti-animation 60%{opacity:1}.is-playing.confetti-animation 100%{-ms-transform:translateY(-163px);opacity:0}}@keyframes anim-y-2{0%{transform:translateY(0)}60%{opacity:1}100%{transform:translateY(-163px);opacity:0}}@-webkit-keyframes anim-y-3{0%{-webkit-transform:translateY(0)}60%{opacity:1}100%{-webkit-transform:translateY(-204px);opacity:0}}@-moz-keyframes anim-y-3{0%{-moz-transform:translateY(0)}60%{opacity:1}100%{-moz-transform:translateY(-204px);opacity:0}}@-o-keyframes anim-y-3{0%{-o-transform:translateY(0)}60%{opacity:1}100%{-o-transform:translateY(-204px);opacity:0}}@-ms-keyframes anim-y-3{.is-playing.confetti-animation 0%{-ms-transform:translateY(0)}.is-playing.confetti-animation 60%{opacity:1}.is-playing.confetti-animation 100%{-ms-transform:translateY(-204px);opacity:0}}@keyframes anim-y-3{0%{transform:translateY(0)}60%{opacity:1}100%{transform:translateY(-204px);opacity:0}}.wobble-animation{animation-name:wobbleAnimFrames;-webkit-animation-name:wobbleAnimFrames;-moz-animation-name:wobbleAnimFrames;-o-animation-name:wobbleAnimFrames;-ms-animation-name:wobbleAnimFrames;animation-duration:5s;-webkit-animation-duration:5s;-moz-animation-duration:5s;-o-animation-duration:5s;-ms-animation-duration:5s}@keyframes wobbleAnimFrames{0%{transform:translate(0, 0)}94%{transform:translate(0, 0)}95%{transform:translate(5px, -5px)}96%{transform:translate(5px, 0)}97%{transform:translate(0, -5px)}95%{transform:translate(5px, -5px)}99%{transform:translate(5px, 0)}100%{transform:translate(0, 0)}}@-webkit-keyframes wobbleAnimFrames{0%{-webkit-transform:translate(0, 0)}94%{-webkit-transform:translate(0, 0)}95%{-webkit-transform:translate(5px, -5px)}96%{-webkit-transform:translate(5px, 0)}97%{-webkit-transform:translate(0, -5px)}95%{-webkit-transform:translate(5px, -5px)}99%{-webkit-transform:translate(5px, 0)}100%{-webkit-transform:translate(0, 0)}}@-moz-keyframes wobbleAnimFrames{0%{-moz-transform:translate(0, 0)}94%{-moz-transform:translate(0, 0)}95%{-moz-transform:translate(5px, -5px)}96%{-moz-transform:translate(5px, 0)}97%{-moz-transform:translate(0, -5px)}95%{-moz-transform:translate(5px, -5px)}99%{-moz-transform:translate(5px, 0)}100%{-moz-transform:translate(0, 0)}}@-o-keyframes wobbleAnimFrames{0%{-o-transform:translate(0, 0)}94%{-o-transform:translate(0, 0)}95%{-o-transform:translate(5px, -5px)}96%{-o-transform:translate(5px, 0)}97%{-o-transform:translate(0, -5px)}95%{-o-transform:translate(5px, -5px)}99%{-o-transform:translate(5px, 0)}100%{-o-transform:translate(0, 0)}}@-ms-keyframes wobbleAnimFrames{0%{-ms-transform:translate(0, 0)}94%{-ms-transform:translate(0, 0)}95%{-ms-transform:translate(5px, -5px)}96%{-ms-transform:translate(5px, 0)}97%{-ms-transform:translate(0, -5px)}95%{-ms-transform:translate(5px, -5px)}99%{-ms-transform:translate(5px, 0)}100%{-ms-transform:translate(0, 0)}}.ui-captions{background-color:#ed3d7d;color:#fff}.ui-captions span.highlight{color:#fcda00}::cue(.highlight){color:#fcda00}