@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/sourcesanspro/v23/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf) format('truetype')}.bck-gradient{background:-webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));background:-o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));background:-moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.4));background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4))}.light-shadow{-webkit-box-shadow:0 0 5px 1px rgba(100,100,100,0.15);-moz-box-shadow:0 0 5px 1px rgba(100,100,100,0.15);box-shadow:0 0 5px 1px rgba(100,100,100,0.15)}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1)}80%{transform:scale(1.6)}100%{transform:scale(1.6)}}html{background-color:#FFFDFD;height:100%}html body{background-repeat:no-repeat;background-position:50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%}p{font-family:'Source Sans Pro',serif;font-size:18px;color:#FFFDFD;margin:0 0 10px 0}h2{font-family:'Source Sans Pro',serif;font-weight:600;color:#FFFDFD;text-transform:uppercase;margin:0}.flex-container{margin-bottom:30px}.primary-text{color:#ED1C24}.screen-center{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden}@media screen and (min-width:640px){.screen-center{width:80%}}@media screen and (min-width:1280px){.screen-center{width:60%}}.ogame-navbar{margin:0;padding:10px;border:none;height:50px;box-shadow:0 0 5px #102E68;background-color:#FFFDFD;z-index:20}.ogame-navbar img{height:30px;margin-top:0}.ogame-navbar .brand{font-family:'Source Sans Pro',serif;text-transform:uppercase;font-size:22px;color:#ED1C24;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ogame-navbar .brand:hover{text-decoration:none}.ogame-navbar .button{position:absolute;top:8px;background-color:#ED1C24;border-radius:8px;width:34px;height:34px;cursor:pointer;background-size:100%;background-position:center;background-repeat:no-repeat}.ogame-navbar .button span{display:none;position:absolute;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;white-space:nowrap;color:#ED1C24;line-height:35px;font-size:18px}.ogame-navbar .button.left{left:8px}.ogame-navbar .button.right{right:8px}.ogame-navbar .button.rules{background-image:url('../img/icons/question.png')}.ogame-navbar .button.rules span{right:45px;top:0}.ogame-navbar .button.contact{background-image:url('../img/icons/plane.png')}.ogame-navbar .button.contact span{left:45px}.points-navbar{top:0;margin:0;padding:0;border:none;height:50px;color:#FFFDFD;background-color:#102E68;z-index:1;transition:top .4s;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;overflow:hidden}.points-navbar .row{margin:0 auto;max-width:620px;line-height:40px}.points-navbar .row>div{display:flex}.points-navbar .row>div:first-child{justify-content:flex-start;padding-left:0}.points-navbar .row>div:last-child{justify-content:flex-end;padding-right:0}.points-navbar .row>div .number,.points-navbar .row>div .number-label{height:50px;line-height:49px;font-size:20px;display:inline-block}.points-navbar .row>div .number{font-weight:600}.points-navbar .row>div .number.timer{background-image:url('../img/icons/timer.png');background-size:auto 25px;background-repeat:no-repeat;background-position:center left;width:100%;padding-left:32px}.points-navbar .row>div .number.timer .number{text-align:center;width:26px}@-moz-keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1)}80%{transform:scale(1.6)}100%{transform:scale(1.6)}}@-webkit-keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1)}80%{transform:scale(1.6)}100%{transform:scale(1.6)}}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1)}80%{transform:scale(1.6)}100%{transform:scale(1.6)}}.points-navbar .row>div .number.timer .animate{-webkit-animation:heartbeat 1s infinite;-moz-animation:heartbeat 1s infinite;animation:heartbeat 1s infinite}.points-navbar .row>div .number.timer.danger{color:#ED1C24}.points-navbar .row>div .number-label{margin:0 3px}.points-navbar.visible{top:50px;z-index:10;transition:top .4s}.btn-primary{position:relative;background-color:#ED1C24;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;color:#FFFDFD;font-size:16px;border:none;border-radius:8px;outline:none;padding:12px 24px;transition:background-color .3s ease}.btn-primary:focus{background-color:#ED1C24;color:#FFFDFD}.btn-primary:active{background-color:#D84818;color:#FFFDFD}.btn-primary:hover{background-color:#D84830;cursor:pointer}.btn-primary.white{background-color:#FFFDFD;color:#ED1C24;border:1px solid #ED1C24}.btn-primary.white:focus{background-color:#FFFDFD;color:#ED1C24}.btn-primary.white:active{background-color:#FFFDFD;color:#FFFDFD}.btn-primary.white:hover{background-color:#FFFDFD;color:#FFFDFD}.btn-primary.small{font-size:15px;padding:10px 20px}.btn-primary.show-spinner{color:transparent;position:relative}.btn-primary.show-spinner .fa-icon-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;color:#FFFDFD}@media screen and (min-width:640px){.btn-primary{padding:15px 30px;font-size:18px}}.overlay{position:fixed;left:0;bottom:0;height:0;opacity:0;width:100vw;background-color:#FFFDFD;transition:opacity .3s;overflow-y:auto;z-index:10}.overlay .cross{position:absolute;top:60px;right:15px;width:30px;height:30px;cursor:pointer;font-size:30px;color:#ED1C24;transition:color .3s}.overlay .cross:hover{color:#D84818}.overlay .overlay-content{position:absolute;top:90px;left:50%;padding-top:50px;transform:translate(-50%, 0);text-align:center;width:95%}.overlay .overlay-content .title{font-family:'Source Sans Pro',serif;text-transform:uppercase;font-size:30px;color:#102E68;margin-bottom:15px}.overlay .overlay-content .text-section{font-family:'Source Sans Pro',sans-serif;font-size:17px;color:#102E68;padding-bottom:20px;max-width:90%;margin:0 auto}.overlay .overlay-content .text-section p{color:#102E68}.overlay .overlay-content .btn-primary{margin-top:20px}.overlay.visible{opacity:1;height:100%}#reviewOverlay .answer-review{margin-bottom:20px;color:#666666;text-align:center}#reviewOverlay .answer-review div{margin-bottom:10px;font-size:14px}#reviewOverlay .answer-review div strong{font-size:14px}#reviewOverlay .answer-review div.review-title{font-size:16px;font-weight:600}@media screen and (min-width:640px){#reviewOverlay .answer-review{margin-bottom:40px}#reviewOverlay .answer-review div{font-size:16px}#reviewOverlay .answer-review div strong{font-size:16px}#reviewOverlay .answer-review div.review-title{font-size:18px}}@media screen and (min-width:1280px){#reviewOverlay .answer-review div strong{font-size:18px}#reviewOverlay .answer-review div.review-title{font-size:20px}}.view-container{opacity:0;transition:opacity .3s;z-index:-1}.view-container.visible{opacity:1;z-index:5;transition:opacity .3s}#homeView{display:block;padding:20px;background:rgba(255,255,255,0.5);border-radius:20px;overflow:hidden}#homeView p{margin:0 0 10px 0;font-size:20px;color:#102E68}#homeView h2{color:#102E68;text-transform:none}#homeView .home-boxes{margin:60px auto;display:block;width:100%;max-width:600px}#homeView .flex-container{margin-top:30px}#homeView .player-name-field{width:400px;margin:30px auto 0 auto;text-align:left}#homeView .player-name-field .player-name-label{font-size:24px;line-height:28px;color:#102E68;margin-bottom:6px;font-weight:200}#homeView .player-name-field .player-name-input{font-size:28px;color:#102E68;width:400px;line-height:30px;padding:12px 12px;font-weight:200}@media screen and (min-width:640px){#homeView{padding:40px}}#leaderboardView{position:fixed;left:0;bottom:0;height:0;opacity:0;width:100vw;background-color:#FFFDFD;transition:opacity .3s;overflow-y:auto;z-index:10;height:100%;z-index:-1;background:none}#leaderboardView .cross{position:absolute;top:60px;right:15px;width:30px;height:30px;cursor:pointer;font-size:30px;color:#ED1C24;transition:color .3s}#leaderboardView .cross:hover{color:#D84818}#leaderboardView .overlay-content{position:absolute;top:90px;left:50%;padding-top:50px;transform:translate(-50%, 0);text-align:center;width:95%}#leaderboardView .overlay-content .title{font-family:'Source Sans Pro',serif;text-transform:uppercase;font-size:30px;color:#102E68;margin-bottom:15px}#leaderboardView .overlay-content .text-section{font-family:'Source Sans Pro',sans-serif;font-size:17px;color:#102E68;padding-bottom:20px;max-width:90%;margin:0 auto}#leaderboardView .overlay-content .text-section p{color:#102E68}#leaderboardView .overlay-content .btn-primary{margin-top:20px}#leaderboardView.visible{opacity:1;height:100%}#leaderboardView .overlay-content{border-radius:20px;padding:120px 10px 20px 10px;background-color:rgba(255,255,255,0.8);background-size:80px;background-position:center 20px;background-repeat:no-repeat;background-image:url('../img/leaderboard.png')}#leaderboardView .overlay-content .text-section{max-width:100%}#leaderboardView .overlay-content .leaderboard{margin:2rem 0;list-style:none;padding:0}#leaderboardView .overlay-content .leaderboard li{padding:0;margin:6px 0;display:flex}#leaderboardView .overlay-content .leaderboard li .leaderboard-position{width:50px;text-align:right;margin-right:10px;font-size:2.4rem;color:#ED1C24;font-weight:800}#leaderboardView .overlay-content .leaderboard li .leaderboard-header-name,#leaderboardView .overlay-content .leaderboard li .leaderboard-header-score,#leaderboardView .overlay-content .leaderboard li .leaderboard-header-company,#leaderboardView .overlay-content .leaderboard li .leaderboard-name,#leaderboardView .overlay-content .leaderboard li .leaderboard-company,#leaderboardView .overlay-content .leaderboard li .leaderboard-score{width:calc(100% - 100px);text-align:left;margin-right:10px;font-size:1.4rem}#leaderboardView .overlay-content .leaderboard li .leaderboard-header-score,#leaderboardView .overlay-content .leaderboard li .leaderboard-score{width:60px;margin-right:0;text-align:center}#leaderboardView .overlay-content .leaderboard li .leaderboard-header-score,#leaderboardView .overlay-content .leaderboard li .leaderboard-header-name,#leaderboardView .overlay-content .leaderboard li .leaderboard-header-company{color:#102E68;font-weight:600;margin-bottom:6px}#leaderboardView .overlay-content .leaderboard li .leaderboard-name,#leaderboardView .overlay-content .leaderboard li .leaderboard-company,#leaderboardView .overlay-content .leaderboard li .leaderboard-score{padding:.6rem 1rem;border-radius:5px;background:#FFFDFD;font-size:1.4rem;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#leaderboardView .overlay-content .leaderboard li .leaderboard-score{margin-right:0}@media screen and (min-width:640px){#leaderboardView .overlay-content{width:80%}#leaderboardView .overlay-content .text-section{max-width:90%}#leaderboardView .overlay-content .leaderboard{margin:4rem 0}#leaderboardView .overlay-content .leaderboard li .leaderboard-name,#leaderboardView .overlay-content .leaderboard li .leaderboard-company,#leaderboardView .overlay-content .leaderboard li .leaderboard-score{font-size:1.6rem}}@media screen and (min-width:1280px){#leaderboardView .overlay-content{width:60%;padding:160px 10px 30px 10px;background-size:100px;background-position:center 30px}}#leaderboardView.visible{z-index:10}#readyView{background:rgba(255,255,255,0.8);width:100%;height:100%;padding-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}#readyView::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:220px;background-image:url('../img/conveyor-belt.png');background-position:bottom center;background-size:auto 220px;background-repeat:no-repeat;z-index:-1}#readyView .container-message{width:80%;padding-bottom:200px}#readyView .container-message p{margin:0 0 20px 0;font-size:20px;color:#102E68}#readyView .container-message h2{color:#102E68;text-transform:none;margin-bottom:60px}#readyView .question-popup{border:14px solid rgba(16,46,104,0.2);border-radius:20px;display:flex;flex-direction:column;padding:20px;color:#102E68;background:#FFFDFD;z-index:10;max-width:95%}#readyView .question-popup .question-title{font-size:28px;margin-bottom:20px}#readyView .question-popup .question-header{border-bottom:1px solid #D9D9D9;margin-top:10px}#readyView .question-popup .question-header h4{font-size:24px;margin-top:0;margin-bottom:10px}#readyView .question-popup .question-header div{display:flex;align-items:flex-start}#readyView .question-popup .question-header div img{width:50px;margin:0 10px 10px 0;object-fit:contain}#readyView .question-popup .question-header div span{font-size:16px;flex:1}#readyView .question-popup .question-body{width:100%}#readyView .question-popup .question-body table{margin:5px 0;width:100%}#readyView .question-popup .question-body table td strong,#readyView .question-popup .question-body table td span{font-size:14px;padding:10px;white-space:nowrap;display:block}#readyView .question-popup .question-body table td strong{padding-right:20px}#readyView .question-popup .question-body table td span{border-left:1px solid #D9D9D9;padding-left:20px}#readyView .question-popup .question-body .question-buttons{display:flex;gap:10px;margin-top:20px}#readyView .question-popup .question-body .question-buttons .btn{flex:1;color:#FFFDFD}#readyView .question-popup .question-body .question-buttons .btn:first-child{background-color:#4EAC6D;border-color:#4EAC6D}#readyView .question-popup .question-body .question-buttons .btn:last-child{background-color:#ED1C24;border-color:#ED1C24}#readyView .question-popup .question-feedback{display:flex;flex-direction:column;align-items:center;padding:0 80px}#readyView .question-popup .question-feedback .feedback-message{color:#102E68;font-size:24px;font-weight:600;text-transform:uppercase;margin-bottom:40px}#readyView .question-popup .question-feedback img{width:80px;height:80px;margin-bottom:40px}#readyView .question-popup .time-ended-feedback{display:flex;flex-direction:column;align-items:center;padding:0 80px}#readyView .question-popup .time-ended-feedback .feedback-message{color:#102E68;font-size:34px;font-weight:600;text-transform:uppercase;margin:40px 0}#readyView .question-popup .time-ended-feedback .btn-primary{background-color:#4EAC6D;border-color:#4EAC6D;color:#FFFDFD;width:200px}@media screen and (min-width:640px){#readyView .question-popup{padding:20px 40px}#readyView .question-popup .question-header div img{width:50px;margin:0 20px 20px 0}#readyView .question-popup .question-header div span{font-size:18px;max-width:60%}#readyView .question-popup .question-title{font-size:32px}#readyView .question-popup .question-body table{margin:10px 0}#readyView .question-popup .question-body table tr strong,#readyView .question-popup .question-body table tr span{font-size:18px}#readyView .question-popup .question-body table tr strong{padding-right:40px}#readyView .question-popup .question-body table tr span{padding-left:40px}}#readyView .question-popup.fade-in{opacity:1;transition:opacity .2s ease-in;pointer-events:auto}#readyView .question-popup.fade-out{opacity:0;transition:opacity .2s ease-out;pointer-events:none}#readyView .box{bottom:170px;position:absolute;transition:transform .5s ease;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:300px;height:200px;background-image:url('../img/box.png');background-position:center;background-size:contain;background-repeat:no-repeat}#readyView .box i{display:block;width:100%;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:20px;opacity:.8}#readyView .box.reject{animation:rejectAnimation 2s forwards}#resultView{position:fixed;top:50px;left:0;width:100vw;height:0;transition:height .3s;overflow:hidden;z-index:5}#resultView::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FFFDFD;opacity:.8;z-index:-1}#resultView .container{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);color:#FFFDFD;font-family:'Source Sans Pro',sans-serif;width:100%;padding:20px 0;max-height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden}#resultView .container .row .title{color:#102E68;font-size:20px;text-transform:uppercase}#resultView .container .row .make-leaderboard{margin:20px auto;width:95%;border:14px solid rgba(16,46,104,0.2);border-radius:20px;padding:20px;background-color:#FFFDFD}#resultView .container .row .make-leaderboard .title{font-size:32px;font-weight:600;text-transform:none;margin-bottom:10px}#resultView .container .row .make-leaderboard p{color:#102E68;font-size:24px;font-weight:600;margin-bottom:20px}#resultView .container .row .make-leaderboard .make-leaderboard-form-row{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:20px}#resultView .container .row .make-leaderboard .make-leaderboard-form-row .form-group{flex-grow:1;margin-bottom:0}#resultView .container .row .make-leaderboard .make-leaderboard-form-row label{color:#313131;display:block;text-align:left}#resultView .container .row .make-leaderboard .make-leaderboard-form-row label span{color:#ED1C24}#resultView .container .row .make-leaderboard .make-leaderboard-form-row input{font-size:1.6rem;width:100%;flex-grow:1;color:#102E68;height:50px;padding:10px}#resultView .container .row .make-leaderboard .make-leaderboard-submit{margin-top:6px}#resultView .container .row .make-leaderboard .leaderboard-disclaimer{font-size:14px;font-weight:normal;text-align:left;color:#102E68;margin-top:10px}#resultView .container .row .make-leaderboard .leaderboard-disclaimer a,#resultView .container .row .make-leaderboard .leaderboard-disclaimer a:hover,#resultView .container .row .make-leaderboard .leaderboard-disclaimer a:active,#resultView .container .row .make-leaderboard .leaderboard-disclaimer a:visited{color:#102E68;text-decoration:underline}@media screen and (min-width:640px){#resultView .container .row .make-leaderboard{width:80%}#resultView .container .row .make-leaderboard .make-leaderboard-form-row{flex-direction:row;font-size:1.4rem}#resultView .container .row .make-leaderboard .make-leaderboard-form-row input{font-size:2rem}#resultView .container .row .make-leaderboard .leaderboard-disclaimer{margin-top:20px}}@media screen and (min-width:1280px){#resultView .container .row .make-leaderboard{width:60%}#resultView .container .row .make-leaderboard .make-leaderboard-form-row{font-size:1.6rem}#resultView .container .row .make-leaderboard .make-leaderboard-form-row input{font-size:2.4rem}#resultView .container .row .make-leaderboard .leaderboard-disclaimer{margin-top:40px}}#resultView .container .row .results-message{margin:40px 0}#resultView .container .row .message{color:#102E68;font-size:20px;margin-bottom:15px}#resultView .container .row .score{color:#102E68;font-size:80px;line-height:80px;font-weight:800}#resultView .container .row .buttons{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-top:20px}#resultView.visible{height:calc(100vh - 50px)}#inactivityView{position:fixed;top:50px;left:0;width:100vw;height:0;background-color:#FFFDFD;transition:height .3s;overflow:hidden;z-index:10}#inactivityView .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#FFFDFD;font-family:'Source Sans Pro',sans-serif;width:90%}#inactivityView .container .row .title{color:#ED1C24;font-size:20px;text-transform:uppercase}#inactivityView .container .row .message{color:#ED1C24;font-size:20px;margin-bottom:15px}#inactivityView .container .row .score{color:#ED1C24;font-size:80px;line-height:80px;font-weight:800}#inactivityView .container .row .buttons{display:flex;flex-direction:row;justify-content:center;margin-top:20px}#inactivityView .container .row .buttons button,#inactivityView .container .row .buttons a{margin:0 5px}#inactivityView.visible{height:100%}@keyframes rejectAnimation{0%{transform:scale(1)}50%{transform:scale(.8) translateY(-40px)}100%{z-index:-1;transform:scale(.8) translateY(500px)}}