.samegame-container{position:absolute;top:80px;bottom:0;width:100%}.samegame-container .overlay{transition:all 100ms ease-in-out;color:#eaeaea;position:absolute;display:grid;width:100%;height:100%;margin:auto;left:0;right:0;background-color:rgba(40,40,40,.9);grid-template-areas:"lft msg msg rght" "lft men res rght";grid-template-rows:30% 70%;z-index:2}@media screen and (max-width: 700px){.samegame-container .overlay{grid-template-areas:"msg msg" "men res"}}.samegame-container .overlay.--hidden{opacity:0;pointer-events:none}.samegame-container .overlay-header{display:block;font-weight:bold;margin:0 0 25px 0}.samegame-container .overlay .message{grid-area:msg;display:flex;align-items:center;justify-content:center;font-size:64px}@media screen and (max-width: 700px){.samegame-container .overlay .message{font-size:48px}}.samegame-container .overlay .menu{grid-area:men}.samegame-container .overlay .menu .game-types{display:block;width:100%}.samegame-container .overlay .menu .game-types input[type=radio]{display:none}.samegame-container .overlay .menu .game-types label{padding:5px;border:1px solid #b1b3b4;user-select:none}.samegame-container .overlay .menu .game-types label:hover{cursor:pointer}.samegame-container .overlay .menu .game-types label.active{background-color:#535353;font-weight:bold}.samegame-container .overlay .menu .game-info{display:block;width:100%;margin:25px 0 0 0}.samegame-container .overlay .menu .game-info .setting{display:block;width:100px;margin:auto}.samegame-container .overlay .menu .game-start{display:block;margin:25px 0 0 0}.samegame-container .overlay .results{grid-area:res}.samegame-container .overlay .results .best-time{width:100%;display:block;margin:0 0 25px 0}.samegame-container .overlay .results .best-time span{display:inline}.samegame-container .overlay .results .best-time i{color:#f1c40f}.samegame-container .overlay .results span{display:block}.samegame-container .overlay .results .historical-times .win{color:#f1c40f}.samegame-container .loader{color:#eaeaea;position:absolute;display:block;width:98%;height:98%;margin:auto;left:0;right:0;background-color:rgba(40,40,40,.9);z-index:10}.samegame-container .loader-hex,.samegame-container .loader-border{width:10vh;height:10vh;position:absolute;background:#eaeaea;-webkit-clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);clip-path:polygon(0% 50%, 25% 95%, 75% 95%, 100% 50%, 75% 5%, 25% 5%);overflow:hidden;left:50%;top:50%;transform:translate(-50%, -50%)}.samegame-container .loader-border{width:90%;height:90%}.samegame-container .loader-content{width:150%;height:100%;background:#282828;position:absolute;top:50%;left:50%;animation:contentAnimation 2s infinite linear;transform-origin:center top}@keyframes contentAnimation{0%{transform:translateX(-50%) rotate(0deg)}100%{transform:translateX(-50%) rotate(360deg)}}.header{width:60%;height:80px;min-width:280px;max-width:800px;margin:0 auto}.header .title{font-size:32px}@media screen and (max-width: 700px){.header .title{font-size:24px}}@media screen and (min-width: 700px){.header .title{float:left}}.header .status-bar{user-select:none}@media screen and (min-width: 700px){.header .status-bar{float:right}}.header .status-bar span{position:relative;box-sizing:content-box;display:inline-block;padding:5px 5px}.button{background:#a9a9a9;border:1px solid #989898;color:#282828;border-radius:3px;padding:2px 4px;user-select:none}.button:hover{cursor:pointer}