@font-face{font-family:OpenSans;src:url(OpenSans-Regular.ttf);font-weight:normal}@font-face{font-family:OpenSans;src:url(OpenSans-Light.ttf);font-weight:300}
@font-face{font-family:OpenSans-Condensed;src:url(OpenSans-CondLight.ttf);font-weight:300}.lc-button,.lc-link{cursor:pointer;display:flex;text-align:center;align-items:baseline;justify-content:center}
.lc-button a:link,.lc-button a:visited,.lc-button a:hover,.lc-link a:link,.lc-link a:visited,.lc-link a:hover{color:inherit}.lc-icon{display:inline-block;width:1em;height:1em;stroke-width:0;stroke:currentColor;fill:currentColor}
.lc-numberlist{display:flex;flex-direction:row;justify-content:center;align-content:stretch;border:1px solid #d3d5d7;cursor:pointer}
.lc-numberlist>.nr{flex:1;text-align:center;flex:1 0}
.lc-numberlist>.selected{background-color:#4d6f94;color:white}@font-face{font-family:Chess-Merida-Unicode;src:url(Chess-Merida-Unicode.ttf)}
.lc-figurine{font-family:Chess-Merida-Unicode;font-weight:normal}.lc-shade{position:fixed;width:100%;height:100%;top:0;left:0;visibility:hidden;opacity:0;z-index:50;-webkit-transition:opacity 1s;transition:opacity 1s}
.show ~ .lc-shade{visibility:visible;opacity:.35;background-color:black}.lc-col-inline{display:flex;flex-direction:column;flex-basis:auto;flex-shrink:0}
.lc-movelist{font-family:OpenSans-Condensed,sans-serif;font-weight:normal;/*background-color:#81898c;*/color:white;display:flex;/*height:100%*/}
.lc-movelist>.title{background-color:#eff8fd;color:#003558;border-top-left-radius:20px;border-top-right-radius:20px;}
.lc-movelist>.title>div{display:flex;flex-direction:row;align-items:baseline;flex-shrink:0;padding:.5ex}
.lc-movelist>.list{background-color:/*#81898c*/#eff8fd;position:relative;-webkit-user-select:text;user-select:text;color:black;/*#d3d5d7;*/flex-grow:1;font-size: 18px}
.lc-movelist>.list>.scroll{position:absolute}.lc-movelist>.list .item{display:flex;flex-direction:row;align-items:baseline}.lc-movelist>.list .item .selected{font-weight:bold;color:blue}
.lc-gameviewer{position:relative;width:100%;height:100%;font-family:OpenSans,sans-serif;font-stretch:normal;font-weight:300;line-height:1.5;margin:0;cursor:default;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.lc-gameviewer>.top{/*height:40px;*/opacity:0.8;background-color:#4d6f94;justify-content:space-between;color:white;box-shadow:0 .3ch 1ch #0b1014;z-index:2;align-items:center;display:flex;flex-direction:row;flex:0 0 auto}
.lc-gameviewer>.top>.logo{background:orange url("powered.svg") no-repeat center center;background-size:80% 80%;width:40px;height:40px}
.lc-gameviewer>.top>.menu{/*font-size:120%;display:flex;flex-direction:column;*/text-align:center;justify-content:space-around;align-items:center;align-self:center;/*white-space:nowrap;*/cursor:pointer}
.lc-gameviewer>.top>.menu>.title{/*font-size:120%;*/font-weight:normal}
/*.lc-gameviewer>.top>.menu>*/
.names{font-size:80%;align-items:baseline;display:flex;flex-direction:row;flex-grow:1}
/*.lc-gameviewer>.top>.menu>.names>*/
.name{text-align:center;white-space:nowrap}
/*.lc-gameviewer>.top>.menu>*/
.names>.name-sep{font-size:60%;padding:0 1ex}
.lc-gameviewer>.center{/*flex:1 0 30%;*/background-color:#3f5e79;/*display:flex;flex-direction:row;position:relative*/height:100%}
/*.lc-gameviewer>.center>*/
.board{/*flex:1 0 auto;*/    margin-top: 10px;margin-left: 10px;align-content:stretch;/*margin:0.5em;*/position:relative;/*height:96%*/}
.brd{height:100%}
/*.lc-gameviewer>*/.bottom{margin-top:5px;margin-left:5px;width:98%;white-space:nowrap;background-color:black;color:#3d5e79;/*#b3b3b3;*/font-size:130%;line-height:1;display:flex;flex-direction:row;align-items:baseline;flex:0 0 auto}
/*.lc-gameviewer>*/.bottom>*{flex-grow:1;/*padding:.2em 0*/}
.mainBtns{background-color:white;}
.mainBtns>*{flex-grow:1;padding:.2em 0}
.lc-gameviewer.lc-landscape .lc-popup{/*width:70%;*/margin:5px;left:15%;max-height:90%}.lc-gameviewer.lc-landscape .lc-clock{background:black;color:white;padding:.5ex;text-align:center;min-height:1em;font-family:OpenSans-Condensed,sans-serif;font-weight:normal;font-size:100%}
.lc-gameviewer.lc-landscape .lc-players{display:block;align-items:stretch;/*flex-direction:column;*/justify-content:center;width:17ex}.lc-gameviewer.lc-landscape .lc-players>.black{/*flex-basis:50%;flex-grow:1;display:flex;position:absolute;*/font-size:15px;/*Taimor*/color:white;background-color:#81898c;align-items:flex-end;justify-content:center}
.lc-gameviewer.lc-landscape .lc-players>.white{/*flex-basis:50%;flex-grow:1;display:block;position:absolute;*/bottom:0;font-size:15px;/*Taimor*/color:#003558;background-color:#eff8fd;align-items:flex-start;justify-content:center}
.lc-gameviewer.lc-landscape .lc-movelist{margin-top:5px;height:98%;flex-direction:column;width:20ex}.lc-gameviewer.lc-landscape .lc-movelist .item:not(:last-child){border-bottom:1px solid #d3d5d7}
.lc-gameviewer.lc-landscape .lc-movelist .list{overflow-x:hidden;overflow-y:auto}
.lc-gameviewer.lc-landscape .lc-movelist .list>.scroll{width:100%}
.lc-gameviewer.lc-landscape .lc-movelist .list .item{padding:.5ex}.lc-gameviewer.lc-landscape .lc-movelist .column-nr{flex-basis:20%;text-align:center}
.lc-gameviewer.lc-landscape .lc-movelist .column-san{flex-basis:40%;text-align:center}.lc-gameviewer.lc-landscape .lc-movelist>.foot{color:#003558;background-color: #eff8fd;border-top:1px solid #d3d5d7;padding:.5ex;border-bottom-right-radius:100%;border-bottom-left-radius: 100%;}
.lc-gameviewer.lc-landscape .lc-movelist .column-san{flex-basis:40%;text-align:center}.lc-gameviewer.lc-landscape .lc-movelist>.foot{background-color: #eff8fd;border-top:1px solid #d3d5d7;padding:.5ex;border-bottom-right-radius:100%;border-bottom-left-radius: 100%;}
.lc-gameviewer.lc-landscape .lc-movelist>.foot>.comment{padding:1ex 1ex 0;text-align:center}.lc-gameviewer.lc-landscape .lc-movelist>.foot>.result{font-size:200%;padding:.5ch;text-align:center}
.lc-gameviewer.lc-landscape>.center{flex-direction:row}
.lc-gameviewer.lc-landscape .subtitle{font-size:80%;display:flex;align-items:flex-end;flex-direction:column;width:4em;white-space:nowrap;padding-right:1ex}

.lc-gameviewer.lc-portrait{font-size:125%}
.lc-gameviewer.lc-portrait .lc-popup{/*width:92%;*/left:2%;max-height:95%}.lc-gameviewer.lc-portrait .lc-players{display:flex;align-items:stretch;flex-direction:column;font-family:OpenSans-Condensed,sans-serif;font-weight:normal}
/*.lc-gameviewer.lc-portrait .lc-players>*/.black,/*.lc-gameviewer.lc-portrait .lc-players*/ .white{text-align: center;/*flex-basis:50%;flex-grow:1;display:flex;*/margin-left: 20px;margin-right: 20px;justify-content:space-between;align-items:center;/*padding:.5ex;*/text-overflow:ellipsis;min-height:1.5em}
/*.lc-gameviewer.lc-portrait .lc-players>*/.black{margin-top:5px;color:white;background-color:#81898c}/*.lc-gameviewer.lc-portrait .lc-players>*/.white{color:#003558;background-color:#eff8fd}
.lc-gameviewer.lc-portrait .lc-clock{background:black;color:white;flex-shrink:0;}.lc-gameviewer.lc-portrait>.center{flex-direction:column}.lc-gameviewer.lc-portrait .lc-players{width:100%}
.lc-gameviewer.lc-portrait .lc-movelist{flex-direction:row;padding:.5ex;font-size:20px}.lc-gameviewer.lc-portrait .lc-movelist .list{overflow-x:auto;overflow-y:hidden;flex-direction:row;align-items:baseline;flex-grow:1;min-height:1.5em}
.lc-gameviewer.lc-portrait .lc-movelist .list>.scroll{display:flex;flex-direction:row;align-items:baseline}.lc-gameviewer.lc-portrait .lc-movelist .list .item{flex-shrink:0;flex-grow:1}
.lc-gameviewer.lc-portrait .lc-movelist .list .column-san,.lc-gameviewer.lc-portrait .lc-movelist .list .column-nr{margin:0 .5ex;flex-shrink:0;flex-grow:1}
.lc-gameviewer.lc-portrait .lc-movelist .title{display:none}.lc-gameviewer.lc-portrait .lc-movelist .foot{flex-shrink:0;margin-left:.5ex}
.lc-gameviewer.lc-portrait .menu .subtitle{display:flex;flex-direction:row;font-size:80%}.lc-gameviewer.lc-portrait .menu .subtitle *{padding:0 .5ex}
.lc-gameviewer .lc-popup{/*position:absolute;*/top:0;visibility:hidden;height:0;background-color:#eff8fd;font-family:OpenSans-Condensed;opacity:.95;z-index:2;padding:.5em;-webkit-transition:all .5s;transition:all .5s}
.lc-gameviewer .lc-popup.show{visibility:visible;height:90%;box-shadow:0 2ex 2ex #0b1014}
.lc-gameviewer .lc-popup>div{position:relative;width:100%;height:100%;/*overflow:hidden*/}
.lc-gameviewer.flip .lc-players>.black{order:2}.lc-gameviewer.flip .lc-players>.white{order:1}.lc-gameviewer.flip.lc-landscape .lc-players>.black{align-items:flex-start}
.lc-gameviewer.flip.lc-landscape .lc-players>.white{align-items:flex-end}.lc-menu{display:flex;flex-direction:column;height:100%}
.lc-menu>.row{display:flex;flex-direction:row;align-items:baseline;justify-content:center;flex:0 0 auto}
.lc-menu>.row>.label{margin-right:1ex}
.lc-menu>.row>.lc-numberlist{flex:0 0 80%}
.lc-menu>.games{margin-top:1ex;flex:1 0 auto;display:flex;flex-direction:column}
.lc-menu>.games>.title{font-weight:bold;flex:0 0 auto}
.lc-menu>.games>.title>div{display:flex;flex-direction:row;justify-content:space-between}
.lc-menu>.games>.body{flex:1 0 auto;position:relative;overflow-y:scroll;overflow-x:hidden}
.lc-menu>.games>.body>.scroll{position:absolute;width:100%}
.lc-menu>.games>.body>.scroll>.item{display:flex;flex-direction:row;justify-content:space-between;cursor:pointer}
.lc-menu>.games>.body>.scroll>.item.selected{background-color:#4d6f94;color:white}
.lc-menu>.games .nr{flex-basis:10%;text-align:center}
.lc-menu>.games .player{flex-basis:30%;overflow:hidden;text-align:left;white-space:nowrap;text-overflow:ellipsis}
.lc-menu>.games .result{flex-basis:15%;text-align:center}

.dropup-content>*{flex-grow:1;padding:.5em .5em;}
.dropup-content {
    display: none;
    //position: absolute;
    background-color: white;
    min-width: 40px;
    //bottom: 50px;
    z-index: 1;
	flex-direction:column;
	//margin-left:-10px;
}
/*
.zb-header { background-color: #2A303C; height: 60px;}
.zb-header .zb-header-con { margin: auto; }


.zb-container { margin: auto; }
.zb-container .zb-con-img { position: absolute; z-index: 0; width: 669px; height: 388px; /*background: url(../images/bg.jpg); margin-left: 200px; left: 50%; top: 500px; }
.zb-container .zb-con-con {  }
.zb-container .zb-con-con .banner {   margin-top: 0px; }*/
@media only screen and (min-width: 200px){
        	/*.header div img{height: 150px;margin: 0 auto;}
        	.header{background-color: #000000;}*/
	.board canvas>{width:320px;height:320p;}

	.viewercontainer {margin-top: 0px;width: 100%;height: 100%;padding-left: 0px;padding-right: 0px;}
	.top {height:30px;font-size:16px;}
	.top >.menu{word-wrap: break-word;}
	.top >.menu >.title{word-wrap: break-word;font-size:10px;/*height: 60px;*/width: 95%;margin-left: 2%;}
	.zb-header {background-color: #2A303C;height: 60px;}
	.zb-header .zb-header-con .zb-header-tag {float: right;margin-top: 10px;margin-right: 5px;}
	.zb-header .zb-header-con .zb-header-logo { /*display: block;*/ margin-top: 10px;  margin-left: 5px;}
	gameviewer.fullscreen .lc-gameviewer.lc-portrait .lc-popup {margin:0; height: 21vh;}	
	.lc-gameviewer.lc-portrait .lc-popup {margin:0; height: 36vh;}
	.lc-gameviewer.lc-portrait .lc-movelist {
		/*margin-left: 10px;
		margin-right: 10px;
		/*height: 4vh;*/
	}
	.bottom{font-size:22px;}
	
	.board{margin-top: 0px;margin-left: 0px;}
	.zb-container {/*width: 95%;margin-left: 2%;*/}	
	.banner{width:100%;height:100px}
	.viewercontainer {margin-top: 0px;width: 100%;height: 100%;padding-left: 1px;padding-right: 1px;}
	
	.lc-gameviewer.lc-portrait .lc-menu>.games>.title{font-size:14px}
	.lc-gameviewer.lc-landscape .lc-popup {margin:0; height: 36vh;}
	.lc-gameviewer.lc-landscape .lc-movelist {
		margin-left: 10px;
		margin-right: 10px;
		/*height: 4vh;*/
	}
	.dropup{position:relative;}
	.dropup-content{bottom:40px; position: absolute;}
	gameviewer.fullscreen {
			position: absolute;
			font-size: 16px;
			width: 100%;
			/*height: 100%;*/
			outline: none;
        }
}
@media only screen and (min-width: 480px){
        	/*.header div img{height: 150px;margin: 0 auto;}
        	.header{background-color: #000000;}*/
	.board{margin-top: 0px;margin-left: 0px;}
	.zb-header {background-color: #2A303C;height: 60px;width: 95%;margin-left: 2%;}
	.zb-container {/*width: 95%;*/margin-left: 2%;}	
	
	.viewercontainer {margin-top: 0px;width: 100%;height: 100%;padding-left: 1px;padding-right: 1px;}
	.top {height:30px;font-size:16px;}
	.top >.menu{word-wrap: break-word;}
	.top >.menu >.title{word-wrap: break-word;font-size:10px;}
	.zb-header {background-color: #2A303C;height: 60px;width: 100%;/*margin-left: 13%;*/}
	.zb-header .zb-header-con .zb-header-tag {float: right;margin-top: 10px;margin-right: 5px;}
	.zb-header .zb-header-con .zb-header-logo { /*display: block;*/ margin-top: 10px;  margin-left: 5px;}
	.banner{width:100%;height:100px}
	.lc-gameviewer.lc-landscape .lc-popup {margin:0; height: 36vh;}
	.lc-gameviewer.lc-landscape .lc-movelist {
		/*margin-left: 10px;
		margin-right: 10px;
		/*height: 44vh;*/
	}
	.lc-gameviewer.lc-portrait .lc-menu>.games>.title{font-size:14px}
	.lc-gameviewer.lc-portrait .lc-popup {margin:0; height: 36vh;}
	.lc-gameviewer.lc-portrait .lc-movelist {
		margin-left: 10px;
		margin-right: 10px;
		/*height: 4vh;*/
	}
	.bottom{font-size:22px;}
	.dropup{position:relative;}
	.dropup-content{bottom:40px;position: absolute;}
	   gameviewer.fullscreen {
			position: absolute;
			font-size: 16px;
			width: 100%;
			/*height: 100%;*/
			outline: none;
        }
}
@media only screen and (min-width: 769px) {
        	/*.header div img{height: 250px;margin: 0 auto;}
        	.header{background-color: #000000;}*/
	.brd{margin-bottom: 5px;}
	.board{margin-top: 10px;margin-left: 10px;}
	.viewercontainer {/*margin-top: 300px;*/width: 100%;/*height: 450px;padding-left: 10px;padding-right: 10px;*/
	/*margin-left: 12%;*/
	margin-left:5px;margin-right:5px;}
	.top {height:40px;font-size:20px;}
	.top >.menu{word-wrap: break-word;}
	.top >.menu >.title{word-wrap: break-word;font-size:20px;}
		gameviewer {
            display: none;
            font-size: 16px;
            width: 100%;/*48vw;*/
            /*height: 100%;/*49vh;*/
            outline: none;
			position: none;
        }
   gameviewer.fullscreen {
            /*position: absolute;*/
/*            left: 0px;
            top: 0px;
            /*width: 1200px;90%;*/
            /*height: 100%;/*0%;*/
/*            font-size: 16px;/*3vmin;*/
		/*margin-left:93px;
			margin-top: 300px;*/
			position: absolute;
			font-size: 16px;
			width: 100%;
			/*height: 100%;*/
			outline: none;
        }
	/*gameviewer{width: 75.5%;}*/
	.lc-gameviewer.lc-landscape .lc-movelist {
		margin-left: 10px;
		margin-right: 10px;
		height: 44vh;
	}
	.zb-header {width: /*74.1%*/100%;margin-left:5px;margin-right:5px; /*13%;*/}
	.zb-header .zb-header-con .zb-header-tag {float: right;margin-top: 10px;margin-right: 60px;}	
	.zb-header .zb-header-con .zb-header-logo { /*display: block;*/ margin-top: 10px;  margin-left: 50px;}
	.zb-container {/*width: 95%;*/margin-left: 5px;/*13%;*/}
	.lc-gameviewer.lc-landscape .lc-popup{height:68vh;margin: 5px;}
	.lc-gameviewer.lc-landscape .lc-movelist{height:68vh;}
	 gameviewer.fullscreen .lc-gameviewer.lc-landscape .lc-popup{height:60vh;margin: 5px;}
	 gameviewer.fullscreen .lc-gameviewer.lc-landscape .lc-movelist{height:60vh;}
	.bottom{font-size:25px;}
	.banner{width: 100%;height: 550px/*100%;*/}
	.dropup-content{bottom:40px;position: absolute;}
	.dropup{position:relative;}
}
/*
@media only screen and (max-width: 768px) {
        	/*.header div img{height: 200px;margin: 0 auto;}
        	.header{background-color: #000000;}
	gameviewer{    width: 95%;margin-left: 2%;}
	.board{margin-top: 5px;margin-left: 5px;}
	.viewercontainer {height: 100%;/*padding-left: 5px;padding-right: 5px;
		margin-left: 2%;}

	.top {height:40px;font-size:20px;}
	.top >.menu{word-wrap: break-word;}
	.top>.menu>.title{word-wrap: break-word;font-size:20px;}
	.zb-header {background-color: #2A303C;height: 60px;width: 95%;margin-left: 2%;}
	.zb-container {width: 95%;margin-left: 2%;}
	.lc-gameviewer.lc-portrait .lc-popup {margin:0;height: 30vh;}
	.lc-gameviewer.lc-landscape .lc-popup {margin:0;height: 30vh;}
	.lc-gameviewer.lc-portrait .lc-movelist {
		margin-left: 10px;
		margin-right: 10px;
		height: 44vh;
	}
	.lc-gameviewer.lc-landscape .lc-movelist {
		margin-left: 10px;
		margin-right: 10px;
		height: 44vh;
	}	
}*/