#overlay,nav{position:fixed}#home-menu,nav{top:50%;left:50%}.life-count,.money-count{font-weight:700;text-shadow:2px 2px 1px rgba(0,0,0,.3)}.square,button{cursor:pointer}.square,.square .boum{background-size:contain}#a-panels section::after,#modal h1,#modal p,.row,button,h1,h2{text-align:center}#overlay{width:100vw;height:100vh;top:0;left:0;z-index:-1;box-shadow:inset 0 0 50px 15px rgba(0,0,0,.9)}body,html{height:100%;background-color:rgba(231,242,244,.7);overflow:hidden}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;color:#000;border:none;font-size:14px;font-family:'Gill Sans','Gill Sans MT',Calibri,'Trebuchet MS',sans-serif;transition:transform .2s ease-in-out}.on{display:initial;animation:appear .2s 1 ease-in-out}.on.off{display:none!important}@keyframes appear{0%{opacity:0}1%{opacity:1}5%{transform:translate(-50%,-50%) scale(1,0)}95%{transform:translate(-50%,-50%) scale(1,1.06)}100%{transform:translate(-50%,-50%) scale(1,1)}}@keyframes selected{0%{opacity:0}100%{opacity:1}}#option-list ul{display:flex;flex-direction:column;align-items:center;justify-content:space-around}button:focus{outline:0}button{padding:1em 2.5em;font-size:16px;font-weight:700;text-transform:uppercase;color:#f9f9f9;background-color:#d26662}button.selected{background-color:#ebebeb;color:#d26662;box-shadow:inset 3px 3px 2px 1px rgba(0,0,0,.2)}button:not(.selected):hover{background-color:#d96966}#home-menu,#m-setup,nav{background-color:#fbfbfb;box-shadow:5px 5px 2px 0 rgba(0,0,0,.6)}main{width:100%;height:85%;display:flex;align-items:center;justify-content:space-around}#a-previews{width:50%;margin-left:50%;display:flex}#a-previews>div,#m-status>div{margin-left:.3em;cursor:pointer}#a-previews>div.selected{outline:#000 solid 1px}nav{display:none;z-index:3;padding:2em 1.5em;transform:translate(-50%,-50%)}nav ul li{margin-top:.3em}#home-menu,#m-setup{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;max-width:25em;min-height:10em}#home-menu{position:absolute;transform:translate3d(-50%,-50%,0);z-index:900}h1,h2{width:90%}#a-panels section,#m-setup,#m-status,.gs_running .ds_lost section,section{display:none;width:100%;height:100%}#home-menu section{min-width:20em;min-height:15em;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between}#home-menu section>*{width:80%}#home-menu section input{margin-bottom:.5em;text-align:right}#home-menu button{margin:1em;width:60%}main>*{width:48%}#a-panels,#m-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-around}#a-panels section.selected,.ds_lost #m-status,.gs_finished #m-status,.gs_running section,.gs_setup #m-setup{justify-content:space-around;flex-wrap:wrap;animation:selected .2s 1 ease-in-out;display:flex}#m-setup.ds_ready button{background-color:#85cb2e}#m-setup,#m-status,section{flex-direction:column;align-items:center}#a-panels section{flex-direction:row;align-items:baseline}#m-panel section{flex-direction:row-reverse;align-items:baseline}h1{font-size:18px;margin:.5em}section .status-container{width:15%}section .status-container>*{text-align:center;vertical-align:middle;margin:auto}section .area{position:relative;overflow:hidden;width:fit-content}.life-count{width:3em;height:3em;line-height:2.7em;font-size:1.8em;color:red;background-color:#fff;border:3px solid red;border-radius:5em;align-items:center;justify-content:center}.money-count{font-size:1.8em;color:#ffde00}#a-previews>div,#m-status>div{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;z-index:9}#a-previews>div .life-count,#a-previews>div .money-count,#m-status .life-count,#m-status .money-count{width:20%;font-size:1.8em;line-height:initial;height:auto;background-color:transparent;border:none;border-radius:none}#a-previews .status{width:20px;height:20px;background-color:#85cb2e;border-radius:50%}.square .boum,.square::after,.square::before{width:100%;height:100%;background-repeat:no-repeat}#a-previews .ds_lost .status,#a-previews .ds_setup .status{background-color:#d26662}.row{line-height:0}.square{position:relative;display:inline-block;border-right:1px solid #C3BFBF;border-bottom:1px solid #C3BFBF;background-color:#e0e0e0;background-position:center;background-repeat:no-repeat}.square .boum{animation:boum 2.5s;animation-fill-mode:forwards;animation-direction:alternate;animation-play-state:paused;background-image:url(boum.gif);background-position:center bottom;position:absolute;top:-20%;transform:scale3d(.01,.01,.01);transform-origin:center bottom}@keyframes boum{0%,100%{transform:scale3d(1,.01,.01)}50%,7%,90%{transform:scale3d(1,1,1)}}.square.boum .boum{animation-play-state:running}.square.bg1{background-image:url(rock1.gif)}.square.bg2{background-image:url(rock2.gif)}.square.bg3{background-image:url(rock3.gif)}.square.player{background-image:url(player.gif)}.square.wall{background-image:url(wall.gif)}.square::after,.square::before{position:absolute;content:' ';top:0;left:0;background-size:cover;background-position:center}.dynamite::before{background-image:url(dynamite.gif)}#m-panel .dynamite::before{display:none}.rhum::after{background-image:url(rhum.gif)}.icon.money,.money::after{background-image:url(money.gif)}.icon{display:inline-block;width:1.5em;height:1.5em;margin-left:.3em;vertical-align:bottom;background-size:contain;background-position:center bottom;background-repeat:no-repeat}.icon.money:after{content:none}.light{pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:40em;height:40em;border-radius:40em;opacity:.4;background:-moz-radial-gradient(center,ellipse cover,rgba(252,210,70,1) 0,rgba(237,213,80,.52) 48%,rgba(239,224,129,0) 100%);background:-webkit-radial-gradient(center,ellipse cover,rgba(252,210,70,1) 0,rgba(237,213,80,.52) 48%,rgba(239,224,129,0) 100%);background:radial-gradient(ellipse at center,rgba(252,210,70,1) 0,rgba(237,213,80,.52) 48%,rgba(239,224,129,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd246', endColorstr='#00efe081', GradientType=1 );animation:pulse 30s;animation-direction:alternate-reverse;animation-fill-mode:both;animation-iteration-count:infinite;z-index:10}.light:nth-child(2){top:50%;left:100%;width:25em;height:25em;animation-delay:5s}.light:nth-child(3){top:100%;left:20%;animation-delay:10s}@keyframes pulse{0%{opacity:.4;transform:translate(-50%,-50%) scale(1,1)}25%{opacity:.25;transform:translate(-50%,-50%) scale(.75,.75)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2,1.2)}75%{opacity:.4;transform:translate(-50%,-50%) scale(.85,.85)}100%{opacity:.25;transform:translate(-50%,-50%) scale(1,1)}}#a-panels section{position:relative}#a-panels section::after{content:'X';position:absolute;width:100%;height:100%;font-size:30em;color:#C92828;top:50%;left:50%;transform:translate(-50%,-50%) scale(.01,.01);transition:transform .4s 0s cubic-bezier(.45,.21,.56,1.55);transform-origin:center}#a-panels section.ds_lost::after{transform:translate(-50%,-50%) scale(1,1)}#modal{position:fixed;top:0;left:5%;width:auto;height:auto;max-width:250px;word-break:break-word;padding:1.5em 2.5em;background-color:#fff;box-shadow:5px 5px 2px 0 rgba(0,0,0,.6);transform:translate(0,0) scale(.01,.01) rotate(3600deg);z-index:999;transition:transform .4s 0s cubic-bezier(.74,.33,.96,.64)}#modal.modal-in{transform:translate(0,0) scale(1.05,1.05) rotate(-15deg)}#modal.modal-out{transition-duration:1.5s;transition-timing-function:cubic-bezier(.99,.27,.86,1.08);transform:translate(0,600%) scale(1,1) rotate(20deg)}#modal p{margin:1em .5em}