body,html{margin:0;width:100%;height:100%}body{background-image:url(/static/img/tex_wood-compressor.png);background-size:cover}main{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.game-wrapper{font-size:0;position:relative}.game-wrapper .info{position:absolute;bottom:5vh;left:0;width:100%;height:20%;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:5vh;text-align:center;pointer-events:none}.game-wrapper .settings-menu{position:absolute;bottom:-200px;left:0;width:100%;height:200px;background-color:rgba(0,0,0,.7);border-width:1px;border-color:#000;border-style:solid;box-sizing:border-box;padding:20px;transition:bottom .2s}.game-wrapper .settings-menu.open{bottom:-50px}.game-wrapper .settings-menu .settings-button{position:absolute;top:-52px;left:-1px;padding:10px;box-sizing:border-box;border-width:1px;border-color:#000;border-top-style:solid;border-left-style:solid;border-right-style:solid;border-top-left-radius:20px;border-top-right-radius:20px;background-color:rgba(0,0,0,.7)}@media (hover:hover){.game-wrapper .settings-menu .settings-button:hover{cursor:pointer;background-color:rgba(0,0,0,.9)}}.game-wrapper .settings-menu .settings-button img{width:30px}.game-wrapper .settings-menu .setting{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;height:35px;line-height:35px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#fff;padding:10px 0}.game-wrapper .settings-menu .setting:last-child{border-bottom-style:none}.game-wrapper .settings-menu .setting .label{float:left}.game-wrapper .settings-menu .setting .round-switch{float:right}.game-wrapper .token-container{position:absolute;top:-75px;left:0;width:100%;height:75px;box-sizing:border-box;padding:10px;display:flex;justify-content:space-around;background-color:rgba(0,0,0,.7);border-width:1px;border-color:#000;border-left-style:solid;border-right-style:solid;border-bottom-style:solid;transition:top .2s}.game-wrapper .token-container.open{top:0}.game-wrapper .token-container .tokens-widget{display:flex;justify-content:space-between;align-items:center;font-family:Arial,Helvetica,sans-serif;color:#fff;width:170px;text-align:center;transition:transform .2s}.game-wrapper .token-container .tokens-widget.rotated{transform:rotate(180deg)}.game-wrapper .token-container .tokens-widget .tokens{width:80px;font-size:30px;user-select:none;-webkit-user-select:none}.round-switch{position:relative;display:inline-block;width:60px;height:34px}.round-switch input{visibility:hidden;width:0;height:0}.round-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.round-switch .slider.disabled{opacity:.5}.round-switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.round-switch input:checked+.slider{background-color:#30a645}.round-switch input:focus+.slider{box-shadow:0 0 1px #30a645}.round-switch input:checked+.slider:before{transform:translateX(26px)}.round-switch .slider.round{border-radius:34px}.round-switch .slider.round:before{border-radius:50%}.button{font-family:Arial,Helvetica,sans-serif;display:inline-block;cursor:pointer;padding:16px 42px;box-shadow:0 0 12px -2px rgba(0,0,0,.5);line-height:1.25;background-color:#4a40bd;text-decoration:none;color:#fff;font-size:16px;letter-spacing:.08em;text-transform:uppercase;position:relative;transition:background-color .6s ease;overflow:hidden;text-align:center;user-select:none;-webkit-user-select:none;transition:transform .2s}.button.small{padding:10px 26px;line-height:1}.button.narrow{padding:16px 16px}.button.narrow.largefont{padding:8px 16px}.button.rotated{transform:rotate(180deg)}.button.largefont{font-size:30px;line-height:1;padding:8px 32px}.button.disabled{opacity:.5}.button.green{background-color:#1e5929}@media (hover:hover){.button.green:focus,.button.green:hover{background:#30a645}}.button.red{background-color:#590816}@media (hover:hover){.button.red:focus,.button.red:hover{background:#a63045}}.button:after{content:"";position:absolute;width:0;height:0;top:50%;left:50%;transform-style:flat;transform:translate3d(-50%,-50%,0);background:rgba(255,255,255,.1);border-radius:100%;transition:width .3s ease,height .3s ease}@media (hover:hover){.button:focus,.button:hover{background:#4078bd}}.button:active:after{width:200px;height:200px}