.center,.space{position:absolute}.credits a,.credits span{opacity:.5}.clock,body{overflow:hidden}body{margin:0;padding:0;font-family:Roboto,Arial,sans-serif}h1,h2{font-weight:400}.center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.space{top:0;left:0;z-index:-1;-webkit-animation:spectrum 90s infinite;animation:spectrum 90s infinite}.board,.cell{position:relative}@-webkit-keyframes spectrum{0%,100%{background-color:#000}16%{background-color:#360529}32%{background-color:#050D36}48%{background-color:#0C2101}64%{background-color:#031F26}}@keyframes spectrum{0%,100%{background-color:#000}16%{background-color:#360529}32%{background-color:#050D36}48%{background-color:#0C2101}64%{background-color:#031F26}}.board{background:linear-gradient(270deg,#C90515,#000,#C90515);background-size:400% 400%;-webkit-animation:pulse 7s infinite;animation:pulse 7s infinite;width:40%;max-width:600px;margin:0 auto;box-shadow:0 0 400px 200px rgba(0,255,255,.2)}@-webkit-keyframes pulse{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.row{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.cell{background:#000;margin:1px;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;height:auto;transition:2s}.eye,.mouth,.scoreboard{position:absolute}.cell:before{content:'';float:left;padding-top:100%}@media all and (max-width:1000px){.board{width:400px}}.title{text-align:center;color:#ff0}h1{font-size:3em;line-height:1em;margin-bottom:0}.credits{font-size:.82em;color:#ff0}.credits a{transition-duration:.3s;color:#ff0}.credits a:hover{opacity:1}.instructions{color:#0ff;margin:1.2em 0 2em;line-height:1em;opacity:.75}.instructions-desktop span{color:#ff0}.instructions-mobile{display:none;font-size:1.3em;margin:1em 0;font-weight:700}.instructions-mobile p{margin:0 0 .5em}@media all and (max-width:480px){.board{width:90%}.instructions-desktop{display:none}.instructions-mobile{display:block}}.btn{font-size:20px;border-radius:4px;border:none;padding:.25em .5em;text-transform:uppercase;opacity:1;transition:background-color .5s ease;display:none}.eye,.player{border-radius:100%}.clock,.score{padding:.5em 1em}.btn:hover{cursor:pointer;background-color:#3cb371}.btn-start{color:#fff;background:#2e8b57}.btn.disabled{background-color:#2e8b57;opacity:.3}.btn.disabled:hover{cursor:default}.announcer{z-index:20;width:90%;height:40%;display:none}.announcer.show{display:block}.announcer .clock-time{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:countdown 1s;animation:countdown 1s;text-align:center}.announce-lost,.announce-tie,.announce-won{width:100%;font-size:4em;text-align:center}.announce-won{color:#ff0;-webkit-animation:announce-won 4.5s ease-out;animation:announce-won 4.5s ease-out;text-shadow:1px 1px 1px #000}.announce-lost{color:red;-webkit-animation:announce-lost 4.5s ease-out;animation:announce-lost 4.5s ease-out;opacity:0}.announce-tie{color:#0ff;-webkit-animation:announce-tie 4.5s ease-out;animation:announce-tie 4.5s ease-out}@-webkit-keyframes countdown{0%{color:#0ff;font-size:20em;opacity:1}100%{color:red;font-size:0;opacity:0}}@keyframes countdown{0%{color:#0ff;font-size:20em;opacity:1}100%{color:red;font-size:0;opacity:0}}@-webkit-keyframes announce-lost{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1}100%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes announce-lost{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1}100%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}}@-webkit-keyframes announce-won{0%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes announce-won{0%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@-webkit-keyframes announce-tie{0%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes announce-tie{0%{-webkit-transform:translate(-50%,-50%) scale(5);transform:translate(-50%,-50%) scale(5);opacity:0}100%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}}@media all and (max-width:1000px){.announcer{width:90%}.announce-lost,.announce-won{font-size:3em}}.character{width:60%;height:60%}.character.winner{-webkit-animation:winner 1s ease-in-out infinite;animation:winner 1s ease-in-out infinite}.eye{top:25%;width:18%;height:18%}.left-eye{left:25%}.right-eye{right:25%}.mouth{top:10%;left:50%;height:60%;border-style:solid;-webkit-transform:translate(-50%,0) rotateX(180deg);transform:translate(-50%,0) rotateX(180deg)}@-webkit-keyframes winner{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{width:300%;height:300%}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes winner{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}50%{width:300%;height:300%}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}.player{z-index:10;background:#ff0;-webkit-animation:player 1.1s ease-in-out infinite;animation:player 1.1s ease-in-out infinite}.player-mouth.frown,.player-mouth.smile{border-radius:80%/100% 100% 0 0;width:60%}.painted{background:#FCEFA8}.player .eye{background:#2e8b57}.player-mouth{width:40%;border-width:1px;border-color:red transparent transparent}.player-mouth.frown{top:60%;-webkit-transform:translate(-50%,0) rotate(0);-ms-transform:translate(-50%,0) rotate(0);transform:translate(-50%,0) rotate(0)}@-webkit-keyframes player{0%,100%{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(-30deg);transform:translate(-50%,-50%) rotate(-30deg)}}@keyframes player{0%,100%{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}50%{-webkit-transform:translate(-50%,-50%) rotate(-30deg);transform:translate(-50%,-50%) rotate(-30deg)}}.npc{z-index:5;width:60%;height:60%;background:#8FC1FF;-webkit-animation:npc 1.1s ease-in-out infinite;animation:npc 1.1s ease-in-out infinite}.npc-painted{background:#1e90ff}.npc .eye{background-color:#ff0}.npc .left-eye:before{border:1px solid green;width:30%}.npc-mouth{top:-3%;width:40%;border-color:#000 transparent transparent;border-width:4px}.npc-mouth.frown,.npc-mouth.smile{width:60%;border-radius:80%/100% 100% 0 0}.npc-mouth.smile{top:10%}.npc-mouth.frown{top:60%;-webkit-transform:translate(-50%,0) rotate(0);-ms-transform:translate(-50%,0) rotate(0);transform:translate(-50%,0) rotate(0)}@-webkit-keyframes npc{0%,100%{width:60%;height:60%}33%{width:50%;height:80%}66%{width:80%;height:50%}}@keyframes npc{0%,100%{width:60%;height:60%}33%{width:50%;height:80%}66%{width:80%;height:50%}}.scoreboard{top:0;right:0;width:10%;background:#000;display:none;box-shadow:0 0 210px 120px rgba(255,0,0,.25)}.scoreboard.show{display:block}.clock-wrap{width:100%;text-align:center;background:#2e8b57;color:#fff}.clock-warning{-webkit-animation:clock-warning 1s ease-in-out infinite;animation:clock-warning 1s ease-in-out infinite}.clock-stop{background:Maroon}.clock .clock-time{display:inline-block;-webkit-animation:clock-time 1s;animation:clock-time 1s}@-webkit-keyframes clock-time{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@keyframes clock-time{0%{opacity:0;-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}50%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,100%);transform:translate(0,100%)}}@-webkit-keyframes clock-warning{0%,100%{background:#2e8b57}50%{background:red}}@keyframes clock-warning{0%,100%{background:#2e8b57}50%{background:red}}.scoreboard .character{display:inline-block;position:relative;-webkit-animation:none;animation:none;width:20px;height:20px}.player-score{color:#ff0;margin-bottom:.25em}.npc-score{color:#1e90ff}.scoreboard .npc .mouth{border-width:2px}