@import "/assets/css/mainCommon.css";@import "gameJoin.css";html,body{text-align:center}body.freeze{overflow:hidden}body{min-height:calc(100vh - 176px)}#wrapper{width:100%;height:100%}#header{width:100%;height:176px;background:linear-gradient(90deg,#c8c4b1 0%,#c8c4b1 calc(50% - 400px),white 50%,#c8c4b1 calc(50% + 400px),#c8c4b1 100%);border-bottom:1px solid #000;position:fixed;top:0;left:0;z-index:21;transition:height .3s;overflow:hidden;font-size:0}#header.collapsed{height:100px;border-bottom-width:1px}#header.collapsed #hero{height:100px}#header.joinCollapsed{height:0;border-bottom-width:0}#header.joinCollapsed .header-button{top:5px}#header.joinCollapsed #hero{height:0}#header .motto{margin:0;height:25px;line-height:25px;font-style:italic;font-size:14px;font-weight:700;opacity:1;transition:opacity .3s;white-space:nowrap;display:inline-block}#header.collapsed .motto{opacity:0}#hero{height:150px;transition:height .3s;display:inline-block}#header.collapsed #hero{height:100px}main{width:100%;height:100%;background:#ebe7d7;position:relative;margin-top:0;margin-left:auto;margin-right:auto;max-width:1080px}.sectionHeader{height:226px;padding-top:176px}.sectionHeaderButton{width:135px;height:35px;background:#d3d3d3;border:1px solid #000;margin-top:15px;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:700;text-transform:uppercase;font-size:13.3333px}.sectionHeaderButton.selected{background:#ebe7d7;border-bottom:1px solid #ebe7d7;cursor:auto}.sectionContent.host{display:block}.hostTips{background:#2d2dff;color:#fff;font-size:15px;padding:5px;border:1px solid #000;border-radius:5px}.sectionContentTitle{font-weight:700;text-transform:uppercase}.gamesWrapper{margin-left:auto;margin-right:auto}.codeInputContainer{display:inline-block;margin:auto;font-size:0}.codeInputContainer input{display:inline-block;height:30px;line-height:30px;outline:none;font-size:16px;font-weight:700;font-family:Consolas;padding:0 8px;vertical-align:top}.codeInputSubmit{border-top-right-radius:10px;border-bottom-right-radius:10px;border:1px solid #000;border-left:none;height:30px;line-height:30px;background:lime;width:36px;padding:0;display:inline-block}.overlay-game{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s;z-index:2}.overlay-game.visible{visibility:visible;opacity:1}.overlay{z-index:20}.popup{top:50%}.popup-content-wrapper{max-width:300px;max-height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:542px){.garlicThemeBR{display:none}.section .game{width:271px;margin-left:5px;margin-right:5px}}@media screen and (min-height:830px){#header.joinCollapsed{height:100px;border-bottom-width:1px}#header.joinCollapsed #hero{height:100px}.popup{top:calc(50% + 50px)}}