﻿.extend-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.extend-inline-flex,#game-show #game-player-container{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.extend-flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.extend-inline-flex,#game-show #game-player-container{display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex}.game-link{float:right;margin:0px 0px 6% 0px;padding:6px 10px 6px 10px;background-color:#8BB55F;border-radius:0px;border-bottom:2px #74a14e solid;color:white}.game-link.edit-btn:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:"✏"}.game-link.game-player__share-btn:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:""}.game-link.delete-btn:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:""}.game-link.report-btn:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:""}.likes-box button{border:0px;background:none;padding:0px;color:white}.likes-box button.glyphicon-heart{color:#E2618B}.community-content-thumbnail{margin:20px 10px;position:relative}.community-content-thumbnail.placeholder img{width:180px;height:115px}.community-content-thumbnail .thumbnail-body{position:relative}.community-content-thumbnail .thumbnail-body .image-container{position:relative;-webkit-box-shadow:0px 0px 5px 1px #c9c9c9;-moz-box-shadow:0px 0px 5px 1px #c9c9c9;box-shadow:0px 0px 5px 1px #c9c9c9}.community-content-thumbnail .thumbnail-body .image-container img:not(.game-language-icon){width:180px;height:115px}.community-content-thumbnail .thumbnail-body .image-container:hover .image-overlay{background-color:black;opacity:0.4;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0px;left:0px}.community-content-thumbnail .thumbnail-body .image-container:hover .image-overlay .glyphicon-play{color:white;font-size:40px}.community-content-thumbnail .image-overlay{display:none}.community-content-thumbnail .statistics{color:white;position:absolute;top:94px;right:0;float:right;background-color:rgba(0,0,0,0.2);padding:1px 0 0 5px;display:flex}.community-content-thumbnail .statistics .value{font-family:Roboto;font-weight:100;margin-right:5px}.community-content-thumbnail .content-data{display:flex;color:black;font-size:12px;text-transform:capitalize;margin-top:8px;width:180px}.community-content-thumbnail .content-data .name-container{padding:3px 7px;width:77%}.community-content-thumbnail .content-data .name-container div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-content-thumbnail .content-data .name-container .content-name{font-weight:bold;font-family:'Exo'}.community-content-thumbnail .content-data .name-container .creator-name{color:#27adf9;font-family:Exo;font-size:12px;font-style:normal;font-weight:500;line-height:19px}.community-content-thumbnail .content-data .name-container .creator-name:hover{text-decoration:underline}.community-content-thumbnail .show-options-button{background-image:url(https://assets-s.codemonkey.com/assets/home/options-icon-6e92f67ead0481d91a7a8151f4e43aa943b2fa7c6ab8cafd785aafbd931110ac.png);background-repeat:no-repeat;display:block;width:35px;height:35px;position:absolute;bottom:125px;left:140px}.community-content-thumbnail .show-options-button.close-state{background-position:0 0}.community-content-thumbnail .show-options-button.open-state{background-position:-35px 0}.community-content-thumbnail .options{position:absolute;top:0;text-align:center;width:180px;height:115px;background-color:rgba(0,0,0,0.6)}.community-content-thumbnail .options a{top:50px;position:absolute;left:55px}.mini-community-content-thumbnail{margin-top:20px;display:inline-block;color:black;width:180px}.mini-community-content-thumbnail:hover .name{color:#8bb55f}.mini-community-content-thumbnail img{width:inherit;-webkit-box-shadow:0px 0px 5px 1px #c9c9c9;-moz-box-shadow:0px 0px 5px 1px #c9c9c9;box-shadow:0px 0px 5px 1px #c9c9c9}.mini-community-content-thumbnail .name{margin-top:5px;text-align:left;text-transform:capitalize;font-weight:bold;font-family:Exo;font-size:12px;text-overflow:ellipsis;overflow:hidden}#remix-game-modal .modal-header{padding:5px;background-color:#8BB55F;border-top-right-radius:5px;border-top-left-radius:5px}#remix-game-modal .modal-body{padding:20px}#remix-game-modal .modal-body .progress-title{margin-bottom:20px}#remix-game-modal .modal-body .error-container .error-title{font-size:14px;color:red;padding:20px 0px}#remix-game-modal .modal-body .error-container .close-button{background:#88B75B;color:white;border-radius:5px;padding:8px 34px;font-size:16px;display:inline-block}body.run-game{background:#F6F6F6}body.run-game #container{max-width:unset;margin:0;padding:0}body.run-game #container section{background:white;margin:15px auto;-webkit-box-shadow:0px 0px 5px 1px #c9c9c9;-moz-box-shadow:0px 0px 5px 1px #c9c9c9;box-shadow:0px 0px 5px 1px #c9c9c9}body.run-game #webcam{position:absolute;top:0}#game-show{display:flex;position:relative;margin:0;align-items:flex-start}#game-show #game-player-container{padding:15px;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;text-align:left}#game-show #game-player-container #game-canvas-container{position:relative;display:inline-block;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;position:relative;height:auto;text-align:center}#game-show #game-player-container #game-canvas-container:after{display:block;content:'';padding-top:66.6666666667%;height:0;overflow:hidden}#game-show #game-player-container #game-canvas-container .content{position:absolute;top:0;bottom:0;right:0;left:0}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas{position:absolute;left:0;right:0;top:0;bottom:0}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas canvas{margin:auto;border-radius:5px}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas .play-game-overlay{width:100%;height:100%;position:absolute;left:0;background-color:rgba(255,255,255,0.3);color:#25292B;text-align:center}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas .play-game-overlay .glyphicon{border:5px solid black;border-radius:50%;padding:5px;width:initial;padding:7px 9px;font-size:26px}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas #reset-game-btn{position:absolute;top:4px;right:4px;min-width:80px;min-height:20px;padding:4px;background-color:rgba(0,0,0,0.3);border:1px solid white;color:white}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas #reset-game-btn:hover{color:#c9d240;border-color:#c9d240}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas .game-ui-btn{font-weight:500;outline:none !important}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas #play-game-btn.game-ui-btn{margin-top:30%}#game-show #game-player-container #game-canvas-container #game-ui-container #phaser-canvas #play-game-btn.game-ui-btn .game-name{font-family:Exo;font-weight:100;text-transform:uppercase;font-size:24px}#game-show #game-player-container #game-details{background-color:white;font-family:'Exo';-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0}#game-show #game-player-container #game-details .game-info{padding:15px 0;border-bottom:2px solid #8B9F40}#game-show #game-player-container #game-details .game-info #name-container{display:inline-block;overflow:hidden}#game-show #game-player-container #game-details .game-info #name-container #game-name{text-transform:uppercase;font-size:22px;font-weight:bold}#game-show #game-player-container #game-details .game-info #name-container #name-editor-container{display:flex;align-items:center}#game-show #game-player-container #game-details .game-info #name-container #name-editor-container #name-editor{border-radius:3px;height:31px;width:400px}#game-show #game-player-container #game-details .game-info #name-container #name-editor-container #submit-name-button-container{display:flex;margin-left:5px}#game-show #game-player-container #game-details .game-info .published-statistics{float:right;display:inline-flex}#game-show #game-player-container #game-details .game-info .published-statistics span{margin-left:5px;color:#B3B3B3;font-size:17px;font-family:'Roboto';font-weight:100}#game-show #game-player-container #game-details .game-info .published-statistics .glyphicon{padding-top:3px;margin-left:10px}#game-show #game-player-container #game-details .game-info .published-statistics .likes-box .glyphicon-heart-empty{color:#B3B3B3}#game-show #game-player-container #game-details .game-info .published-statistics .game-language-icon{font-family:'Open Sans';font-weight:300;color:#acacac}#game-show #game-player-container #game-details .game-info .published-statistics .game-language-icon img{margin:0 3px 3px 0}#game-show #game-player-container #game-details .game-info .creator img{height:30px}#game-show #game-player-container #game-details .game-info .creator span{text-transform:capitalize}#game-show #game-player-container #game-details .edit-icon:before{font-size:14px;color:#a1a1a1;font-family:'Glyphicons Halflings';content:"\270f";margin-left:5px}#game-show #game-player-container #game-details .submit-button{display:inline-block;margin:2px;top:10%}#game-show #game-player-container #game-details #change-name-button.submit-button{left:85%}#game-show #game-player-container #game-details #change-name-button.submit-button:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:"";color:white;background-color:#88B75B;border-radius:100%;padding:5px}#game-show #game-player-container #game-details #cancel-changes-button.submit-button{left:91%}#game-show #game-player-container #game-details #cancel-changes-button.submit-button:before{float:left;font-size:12px;color:white;font-family:'Glyphicons Halflings';content:"";color:white;background-color:#88B75B;border-radius:100%;padding:5px}#game-show #game-player-container #game-details .instructions-and-links-container{display:flex;justify-content:space-between}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container{display:flex;flex-direction:column;width:90%}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container{display:inline-block;margin-top:15px}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #created-by{font-size:14px}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #instructions .instructions-scroll{margin-top:5px;font-family:'Roboto';width:95%;word-wrap:break-word}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #instructions .instructions-inner{display:flex}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #instructions .instructions-inner .title{text-transform:uppercase;font-weight:600;font-size:14px;color:#88B75B}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #edit-instructions-container{width:90%;display:flex}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #edit-instructions-container #instructions-editor{border-radius:3px;height:150px;overflow-y:scroll;width:500px}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #instructions-container #edit-instructions-container #submit-instructions-button-container{display:flex;flex-direction:column;margin-left:5px}#game-show #game-player-container #game-details .instructions-and-links-container .instructions-and-share-container #share-settings-container{margin-top:5px;margin-bottom:10px;display:flex}#game-show #game-player-container #game-details .instructions-and-links-container .game-links{display:inline-flex;flex-direction:column;align-items:flex-end;margin-top:15px}#game-show #game-player-container #game-details .instructions-and-links-container .game-links .game-link{padding:6px 10px 3px 10px;width:125px;border-radius:5px;text-transform:uppercase;font-weight:bold;font-family:'Exo'}#game-show #game-player-container #game-details .instructions-and-links-container .game-links .game-link .spin{float:left;animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear}#game-show #game-player-container #game-details .instructions-and-links-container .game-links .game-link img{height:16px;float:left}#game-show #game-player-container #game-details .parent-game-container{margin-bottom:10px;margin-top:20px}#game-show #game-player-container #game-details .remixes-container{clear:both;margin-top:30px}#game-show #game-player-container #game-details .remixes-container .title{color:#88B75B;text-transform:uppercase;font-weight:600;font-size:14px;font-family:Exo}#game-show #game-player-container #game-details .remixes-container #remixes{margin-top:7px;display:flex;flex-wrap:wrap}#game-show #game-player-container #game-details .remixes-container #remixes .remix-thumb:not(:last-of-type){margin-right:10px}#game-show #game-player-container #game-details .remixes-container #remixes .remix-thumb img{width:220px;max-height:140px;display:block}#game-show #suggested-games{margin-left:0;padding:18px;width:216px}#game-show #suggested-games .creator-avatar{width:100px}#game-show #suggested-games .games-container{margin-top:20px}#game-show #suggested-games .games-container .title{color:#88B75B;text-transform:uppercase;font-family:Exo;text-align:left;border-bottom:2px #88B75B solid;padding-bottom:5px;font-weight:600;font-size:14px}@media only screen and (max-width: 1000px){#game-show{flex-direction:column}#game-show #game-player-container{width:100%}#game-show #suggested-games{width:100%}#game-show #suggested-games .creator-avatar{display:none}#game-show #suggested-games .games-container .mini-community-content-thumbnail{margin:10px}}
