.disabled{pointer-events:none;opacity:0.5}.visible{display:inline-block !important}@font-face{font-family:"DigitalDisco-Thin";src:url("../fonts/DigitalDisco.ttf") format("truetype")}@font-face{font-family:"Superstar";src:url("../fonts/000webfont.ttf") format("truetype")}@font-face{font-family:"8bit";src:url("../fonts/Diary of an 8-bit mage.otf") format("opentype")}@font-face{font-family:"Reactor";src:url("../fonts/Reactor7.ttf") format("truetype")}@font-face{font-family:"Uni";src:url("../fonts/uni05_53.ttf") format("truetype")}@keyframes fadein{from{opacity:0;transform:scale(0, 0);transform-origin:center center;backface-visibility:hidden}to{opacity:1;transform:scale(1, 1);transform-origin:center center;backface-visibility:hidden}}@keyframes fadeinContainer{from{opacity:0;transform-origin:center center;backface-visibility:hidden}to{opacity:1;transform-origin:center center;backface-visibility:hidden}}body .JSWinModalBG{background:rgba(0,0,0,0.5)}body .JSWinGlobalContainer{z-index:1000;position:fixed !important}body .JSWinGlobalContainer .JSWinContainer{width:40vw;min-width:300px;height:auto;background-color:#2c3848;padding:0;border:3px #45b7b8 solid;box-sizing:border-box;text-align:center;box-shadow:0 0 50px #000}body .JSWinGlobalContainer .JSWinContainer.visible{animation:fadein 0.25s forwards}body .JSWinGlobalContainer .JSWinContainer .JSWinTitle{position:relative;height:auto;color:#f36a7b;font-size:2em;font-family:"8bit";background-color:#222;padding:0.2rem;box-sizing:border-box;text-align:center;font-weight:bold;user-select:none;-ms-user-select:none;-moz-user-select:none;border-bottom:2px #45b7b8 solid}@media only screen and (max-width: 736px){body .JSWinGlobalContainer .JSWinContainer .JSWinTitle{font-size:1.5em}}body .JSWinGlobalContainer .JSWinContainer .JSWinTitle span{display:inline-block;width:80%;padding-top:0.2em}body .JSWinGlobalContainer .JSWinContainer .JSWinTitle span::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:50%;transform:translateY(-50%);left:0.3em;width:auto;height:auto;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f06a";color:#f7de1c;opacity:0.25;font-size:0.8em}body .JSWinGlobalContainer .JSWinContainer .JSWinContent{height:auto;padding:0.3em;box-sizing:border-box;text-align:center;user-select:none;-ms-user-select:none;-moz-user-select:none;word-wrap:break-word;font-family:"Uni";font-size:2em;cursor:default;color:#45b7b8}@media only screen and (max-width: 736px){body .JSWinGlobalContainer .JSWinContainer .JSWinContent{font-size:1.5em}}body .JSWinGlobalContainer .JSWinContainer .JSWinContent .spinner{display:none;margin:1em;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}body .JSWinGlobalContainer .JSWinContainer .JSWinContent .spinner:after{font-size:1em;height:2em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f110";color:#f36a7b}body .JSWinGlobalContainer .JSWinContainer .JSWinButtonsContainer .JSWinBtn{cursor:pointer}body .JSWinGlobalContainer .JSWinContainer .JSWinButtonsContainer .JSWinBtn:nth-of-type(1):after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:0.17em;right:0.3em;width:auto;height:auto;font-size:2em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f410";color:#f7de1c}@media only screen and (max-width: 736px){body .JSWinGlobalContainer .JSWinContainer .JSWinButtonsContainer .JSWinBtn:nth-of-type(1):after{top:0.06em;right:0.18em}}body .JSWinGlobalContainer .JSWinContainer .JSWinButtonsContainer .JSWinBtn:hover{opacity:0.5}@font-face{font-family:"DigitalDisco-Thin";src:url("../fonts/DigitalDisco.ttf") format("truetype")}@font-face{font-family:"Superstar";src:url("../fonts/000webfont.ttf") format("truetype")}@font-face{font-family:"8bit";src:url("../fonts/Diary of an 8-bit mage.otf") format("opentype")}@font-face{font-family:"Reactor";src:url("../fonts/Reactor7.ttf") format("truetype")}@font-face{font-family:"Uni";src:url("../fonts/uni05_53.ttf") format("truetype")}body{background-color:#2c3848;margin:0}body header{margin-bottom:5.5em}body header h1{position:fixed;left:0.5em;top:0.5em;margin:0;min-width:64px;height:64px;background-color:#45b7b8;font-family:"8bit";text-transform:uppercase;font-size:3em;color:#f36a7b;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;padding-top:0.25em;padding-left:0.4em;user-select:none;-webkit-user-select:none}@media only screen and (max-width: 1024px){body header h1{min-width:48px;height:48px;font-size:2em;padding-left:0.5em}}body header h1:hover{font-size:3em}@media only screen and (max-width: 1024px){body header h1:hover{font-size:2em}}body header h1:hover div.other-letters{display:block;padding-right:0.3em;position:relative}body header h1:hover div.other-letters .subtitle{font-size:0.5em;position:absolute;font-family:"Uni";left:-1.25em;top:2.25em}body header h1 div{padding:0;margin:0}body header h1 div.other-letters{display:none}@media only screen and (max-width: 1024px){body header{margin-bottom:0}}body.opened{overflow:hidden}body .section{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;font-family:"8bit";font-size:2em;min-height:100vh}body .section .tile{position:relative;justify-content:center;box-shadow:none;padding:0;margin:.5em;width:250px;height:250px;max-width:250px;max-height:250px;cursor:pointer;transition:all 0.25s;overflow:hidden}body .section .tile:hover{box-shadow:0 5px 0px #f36a7b}body .section .tile:hover article .title{top:0}body .section .tile:hover article .tile-info{left:0.1em}body .section .tile:hover article .tile-star{right:0.1em}body .section .tile:hover article img{transform:scale(0.88, 0.85) translateY(10px)}body .section .tile article{box-sizing:border-box;padding:0;display:flex;flex-direction:column}body .section .tile article .title{color:#f36a7b;position:absolute;text-align:center;font-size:1em;align-self:center;width:95%;text-shadow:2px 2px #2c3848;top:-5em;word-break:break-word;transition:all 0.25s}body .section .tile article img{display:block;align-self:center;transition:all 0.25s;margin-top:-1em;z-index:0}@media only screen and (max-width: 1024px){body .section .tile article img{transform:scale(0.9, 0.9)}}body .section .tile article .tile-info{color:#45b7b8;position:absolute;bottom:0.1em;left:-1.1em;text-shadow:2px 1px #2c3848;transition:all 0.25s}body .section .tile article .tile-info:hover{transform:rotateZ(-18deg)}body .section .tile article .tile-star{color:#f7de1c;position:absolute;bottom:0.1em;right:-1.1em;text-shadow:2px 1px #2c3848;transition:all 0.25s}body .section .tile article .tile-star:hover{transform:rotateZ(18deg)}@media only screen and (max-width: 1024px){body .section .tile article .title{transform:scale(1.1, 1.1);top:0}body .section .tile article .tile-info{left:0.1em}body .section .tile article .tile-star{right:0.1em}}body .section .tile .lds-roller{position:absolute;left:50%;top:50%;width:80px;height:80px;display:none;transform:translate(-50%, -50%) scale(2, 2);pointer-events:none}body .section .tile .lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin:40px 40px}body .section .tile .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#f36a7b;margin:-4px 0 0 -4px;pointer-events:none}body .section .tile .lds-roller div:nth-child(1){animation-delay:-0.036s}body .section .tile .lds-roller div:nth-child(1):after{top:63px;left:63px}body .section .tile .lds-roller div:nth-child(2){animation-delay:-0.072s}body .section .tile .lds-roller div:nth-child(2):after{top:68px;left:56px}body .section .tile .lds-roller div:nth-child(3){animation-delay:-0.108s}body .section .tile .lds-roller div:nth-child(3):after{top:71px;left:48px}body .section .tile .lds-roller div:nth-child(4){animation-delay:-0.144s}body .section .tile .lds-roller div:nth-child(4):after{top:72px;left:40px}body .section .tile .lds-roller div:nth-child(5){animation-delay:-0.18s}body .section .tile .lds-roller div:nth-child(5):after{top:71px;left:32px}body .section .tile .lds-roller div:nth-child(6){animation-delay:-0.216s}body .section .tile .lds-roller div:nth-child(6):after{top:68px;left:24px}body .section .tile .lds-roller div:nth-child(7){animation-delay:-0.252s}body .section .tile .lds-roller div:nth-child(7):after{top:63px;left:17px}body .section .tile .lds-roller div:nth-child(8){animation-delay:-0.288s}body .section .tile .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body .section .tile.loading{pointer-events:none}body .section .tile.loading .lds-roller{display:inline-block}body .JSWinGlobalContainer .highscoresWin{min-width:650px}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .highscoresWin{min-width:520px}}@media only screen and (max-width: 736px){body .JSWinGlobalContainer .highscoresWin{min-width:350px}}body .JSWinGlobalContainer .highscoresWin .JSWinTitle span::before{content:"\f005"}body .JSWinGlobalContainer .highscoresWin .JSWinContent{padding:0}body .JSWinGlobalContainer .highscoresWin .JSWinContent .noscore{margin:1em}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer{padding:0;margin:0}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem{display:flex;margin:0;padding:0;font-size:1em;min-height:1.6em;align-items:center;text-shadow:0 0 5px #000}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem{font-size:0.725em}}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem:nth-child(odd){background:#3f5168}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem .highscoreDevice{flex:1;padding-left:0.4em;color:#45b7b8;pointer-events:all}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem .highscore{flex:6;text-align:left;padding-left:0.4em;color:#f7de1c}body .JSWinGlobalContainer .highscoresWin .JSWinContent .highscoreContainer .highscoreItem .highscoreUser{flex:2;border-left:2px solid #f36a7b;color:#45b7b8}body .JSWinGlobalContainer .setHighscoreWin{width:30vw}body .JSWinGlobalContainer .setHighscoreWin .setHighscoreContainer{font-size:1em;padding:0;margin:0}body .JSWinGlobalContainer .setHighscoreWin .setHighscoreContainer .setHighscoreScore{color:#f7de1c;text-align:center;margin:0.5em 0.3em 0 0.3em}body .JSWinGlobalContainer .setHighscoreWin .setHighscoreContainer .setHighscorePlayer{display:flex;align-items:center;justify-content:center}body .JSWinGlobalContainer .setHighscoreWin .setHighscoreContainer .setHighscorePlayer input{font-family:"Uni";background-color:transparent;border:none;border-bottom:1px solid #45b7b8;color:#45b7b8;font-size:0.8em;text-align:center;outline:none;margin-top:0.5em;padding:0.2em}body .JSWinGlobalContainer .setHighscoreWin .JSWinButtonsContainer{padding-bottom:1em;padding-top:1em}body .JSWinGlobalContainer .setHighscoreWin .JSWinButtonsContainer #JSWinBtn1{color:#f36a7b;font-family:"8bit";font-size:2em}body .JSWinGlobalContainer .infosWin{width:40vw}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin{width:80vw}}body .JSWinGlobalContainer .infosWin .JSWinTitle span::before{content:"\f059"}body .JSWinGlobalContainer .infosWin .infosContent{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0em 0 0.3em 0}body .JSWinGlobalContainer .infosWin .infosContent .infosTitle{font-family:"8bit";color:#f36a7b;width:100%}body .JSWinGlobalContainer .infosWin .infosContent .topSubContent{width:100%;font-size:0.6em;margin-bottom:0.5em;color:#f7de1c}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin .infosContent .topSubContent{font-size:0.6em}}body .JSWinGlobalContainer .infosWin .infosContent .topSubContent .infosTimePlayed span{color:#45b7b8}body .JSWinGlobalContainer .infosWin .infosContent .topSubContent .infosMeanTime span{color:#45b7b8}body .JSWinGlobalContainer .infosWin .infosContent .leftSubContent{flex:1;margin:0 1em 0 1em;min-width:200px}body .JSWinGlobalContainer .infosWin .infosContent .leftSubContent img{width:100%;max-width:300px;height:auto;font-size:0.8em;border:5px double #f36a7b;box-sizing:border-box}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin .infosContent .leftSubContent img{max-width:150px}}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent{flex:1;color:#45b7b8;min-width:200px;text-align:center;font-size:0.6em;padding:0 1em 0 1em;display:flex;flex-direction:column;justify-content:space-around}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosDescription{flex:5;margin-top:0}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosDescription{margin-top:0.15em;margin-bottom:0.15em}}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosAuthor{flex:1;color:#f36a7b;margin:0.2em}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosAuthor{margin-top:0.2em;margin-bottom:0.2em}}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosAuthor::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-size:1em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f501";color:#f7de1c;margin-right:0.5em}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosAuthor.link{cursor:pointer;text-decoration:underline}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosAuthor.link:hover{color:#f7de1c !important}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosYear{flex:1;color:#f36a7b}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosYear{margin-top:0.1em;margin-bottom:0.1em}}body .JSWinGlobalContainer .infosWin .infosContent .rightSubContent .infosYear::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-size:1em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f073";color:#f7de1c;margin-right:0.5em}body .JSWinGlobalContainer .warningWin .JSWinTitle span::before{content:"\f071"}body .JSWinGlobalContainer .warningWin .JSWinContent{font-size:1.4em}@media only screen and (max-width: 1024px){body .JSWinGlobalContainer .warningWin .JSWinContent{font-size:1em}}body .JSWinGlobalContainer .warningWin .JSWinContent .errorPreMessage{color:#45b7b8;margin:1em 0 1em 0}body .JSWinGlobalContainer .warningWin .JSWinContent .errorMessage{color:red;margin-bottom:1em}body .JSWinGlobalContainer .warningWin .JSWinContent .errorMessageLine{color:#f7de1c;margin-bottom:1em}body .JSWinGlobalContainer .confirmWin .JSWinContent{font-size:1.3em}body .JSWinGlobalContainer .confirmWin .JSWinButtonsContainer{padding-bottom:1em;padding-top:1em}body .JSWinGlobalContainer .confirmWin .JSWinButtonsContainer .JSWinBtn{color:#f36a7b;font-family:"8bit";margin:1em !important;font-size:1em}body .controls{pointer-events:all}body .controls .close{cursor:pointer;opacity:0.5;text-shadow:0 0 5px #000}body .controls .close:hover{opacity:1}body .controls .close:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:0.17em;right:0.3em;width:auto;height:auto;font-size:2em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f410";color:#f7de1c}@media only screen and (max-width: 1024px){body .controls .close:after{top:0.1em}}body .controls .mute{cursor:pointer;opacity:0.5;text-shadow:0 0 5px #000}body .controls .mute:hover{opacity:1}body .controls .mute:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:0.17em;right:1.5em;width:auto;height:auto;font-size:2em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f028";color:#f7de1c}@media only screen and (max-width: 1024px){body .controls .mute:after{top:0.1em}}body .controls .unmute{cursor:pointer;opacity:0.5;text-shadow:0 0 5px #000}body .controls .unmute:hover{opacity:1}body .controls .unmute:after{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;position:absolute;top:0.17em;right:1.5em;width:auto;height:auto;font-size:2em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f6a9";color:#f7de1c}@media only screen and (max-width: 1024px){body .controls .unmute:after{top:0.1em}}body .iframe-container{background-color:rgba(44,56,72,0.5);width:100%;height:100%;margin:0;padding:0;position:fixed;bottom:0;right:0;opacity:0;display:none}body .iframe-container.active{display:block;pointer-events:all;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fadeinContainer 0.25s forwards}body .iframe-container iframe{width:100%;height:100%;margin:0;padding:0;position:absolute;bottom:0;right:0;background-color:#fff;box-shadow:0 0 30px 10px rgba(0,0,0,0.5)}body .iframe-container iframe.active{pointer-events:all}body .iframe-container iframe.resized{top:50%;left:50%;transform:translate(-50%, -50%)}body .tooltip{height:auto;background-color:#2c3848;padding:0.5em;border:3px #45b7b8 solid;box-sizing:border-box;text-align:center;box-shadow:0 0 50px #000;font-family:"Uni";color:#f36a7b}body footer{user-select:none;font-family:"Uni";font-size:0.7em;position:fixed;bottom:0;text-shadow:1px 1px 1px #000;width:100%}body footer article{color:#f36a7b}body footer div{display:flex;justify-content:center;flex-direction:column;align-items:flex-end;position:absolute;right:0.1em;bottom:0.1em;width:100%}body footer div a{margin:0.1em;color:#f36a7b}@supports (-ms-ime-align: auto){body .section{justify-content:space-around}}