* {
    box-sizing: border-box;
	-webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */	
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow: hidden;
}	
*::-webkit-scrollbar {
		display: none;
}

* {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
	
body {
    font-family: Courier Prime, monospace;
    font-size: 2vw;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
	cursor: default;
}

cont {
    width: 100vw;
    height: 100vh;
	cursor: default;
	display: flex;
}

.menubut {
	cursor: pointer;
	border: solid white 1px;
	padding: 4px;
}

.bott {
	border-bottom: solid #505050 1px;
}

.selec {
	border: solid #505050 1px !important;
}
.logout {
	color: tomato;
}
.leaveg {
	color: tomato;
}
.bankrupt {
	color: #808080;
}

.logoutg {
	color: crimson;
}

.login {
	padding-top: 25vh;
	flex-direction: row;
	align-items: start;
	justify-content: center;
}

#code {
	width: 80vw;
	text-align: center;
	font-size: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

input {
	font-family: Courier Prime, monospace;
	border: none;
	background-color: transparent;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

input:focus, select:focus {
	outline: none;
}

select { 
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.menu {
	flex-direction: column;
	align-items: start;
	justify-content: start;
}
.row {
	width: 100vw;
	height: 40px;
	font-size: 20px;
	display: flex;		
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.row1 {
	width: 100vw;
	height: 20px;
	font-size: 10px;
	display: flex;		
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.row2 {
	width: 100vw;
	height: 30px;
	font-size: 15px;
	display: flex;		
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.row3 {
	width: 100vw;
	height: 28px;
	font-size: 14px;
	display: flex;		
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.05);
}
.row4 {
	width: 100vw;
	height: 28px;
	font-size: 14px;
	display: flex;		
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.sm {
	width: 12.5%;
}


.bo {
	font-weight: bold;
}

.ul {
	text-decoration: underline;
}

.no1 {
	width: 25%;
	font-size: 14px;
}
.no10 {
	width: 25%;
	font-size: 10px;
}
.no2 {
	width: 50%;
	font-size: 14px;
}

.no11 {
	width: 40%;
	font-size: 8px;
	overflow: scroll !important;
}

.no12 {
	padding-left: 8px;
	width: 10%;
	font-size: 8px;
	overflow: scroll !important;
}

.fuce {
	width: 180px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.fuce0 {
	display: flex;
	width: 40px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.fuce1 {
	display: flex;
	width: 100px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.fuce2 {
	display: flex;
	width: 40px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.fuce3 {
	display: flex;
	width: 70px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.fuce4 {
	display: flex;
	width: 22px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.fuce5 {
	display: flex;
	width: 36px;
	font-size: 14px;
	text-align: left;
	border: solid white 1px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}


.sel {
	background-color: rgba(255,255,0,0.25);
}

.ce {
	text-align: center;
}
.ce100 {
	text-align: center;
	width: 100%;
}
.jc {
	justify-content: center;
}

.le {
	text-align: left;
}

.cr {
	color: crimson;
}

.weak {
	opacity: 0.25;
}

.poi {
	cursor: pointer;
}
.cg {
	color: #32CD32;
}

.tbl {
	max-height: 50vh !important;
	overflow: scroll !important;
}

.ha {
	height: auto !important;
}

.empt {
	height: 0px !important;
	border-top: solid #505050 1px;
}

.se {
	justify-content: space-evenly !important;
}

.bgr {
	background-color: silver;
}
.blw {
	background-color: #505050;
	color: #FFFF8F;
}
.hid {
	visibility: hidden;
}
.dn {
	display: none;
}

.ajc {
	align-items: center !important;
	justify-content: center !important;		
}

@media (orientation: portrait) {
	.game {
		display: flex;
		width: 100vw;
		height: 100vh;
		flex-direction: column;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
	}
	.half {
		width: 100vw;
		height: 50vh;
		cursor: default;
		display: flex;		
		flex-direction: row;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
		flex-wrap: wrap;
	}	
	.part {
		width: 50vw;
		cursor: default;
		display: flex;		
		flex-direction: column;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
	}	
	.rw {
		width: 50vw;
		height: 30px;
		cursor: default;
		display: flex;		
		flex-direction: row;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
	}	
	.rwf {
		width: 100vw;
		height: 30px;
		cursor: default;
		display: flex;		
		flex-direction: row;
		align-items: center;
		justify-content: space-between;		
		font-size: 14px;
	}	
	.gt {
		margin: 1vw;
		width: 98vw;
		display: inline-table;	
		table-layout:fixed;
		border-collapse: collapse;
	}
	.fldt {
		height: 9vh;
		border: solid #505050 4px;
		padding: 0;
	}
	.ttop {
		font-size: 2.8vw;
	}
	.ttop2 {
		font-size: 2.8vw;
	}
	.ttop3 {
		font-size: 3.8vw !important;
	}
	.tmid {
		font-size: 3.8vw;
	}
	.tmid2 {
		font-size: 3.8vw;
	}
}
.tc2 {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	font-size: 14px;
	cursor: pointer;
}
.tc {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	font-size: 14px;
	cursor: pointer;
}
.ttop {
	display: flex;
	width: 100%;
	height: 28%;
	padding: 0;
	margin: 0;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.ttop2 {
	display: flex;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	border-bottom: solid #C0C0C0 1px;
}
.blr {
	border-left: solid #C0C0C0 1px;
	border-right: solid #C0C0C0 1px;
}
.blf {
	border-left: solid #C0C0C0 1px;
}
.w20 {
	width: 20%;
}
.w40 {
	width: 40%;
}
.w80 {
	width: 80%;
}
.w25 {
	width: 25%;
}
.w75 {
	width: 75%;
}
.pd4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.pd2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.fg1 {
	flex-grow: 1;
}
.ttle {
	display: flex;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	border-right: solid #505050 1px;
}
.ttri {
	display: flex;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.ttle2 {
	display: flex;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	border-right: solid #505050 1px;
}
.ttri2 {
	display: flex;
	width: 50%;
	height: 100%;
	padding: 0;
	margin: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}
.tmid {
	display: flex;
	width: 100%;
	height: 44%;
	padding: 0;
	margin: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	border-top: solid #505050 1px;
	border-bottom: solid #505050 1px;
}
.tmid2 {
	display: flex;
	width: 100%;
	padding: 4px 0 4px 0;
	margin: 0;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	border-top: solid #505050 1px;
	border-bottom: solid #505050 1px;
}

.tbot {
	display: flex;
	width: 100%;
	height: 28%;
	padding: 0;
	margin: 0;
	background-color: white;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	font-size: 10px;
}
.tpl {
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 15%;
	height: 80%;
	border: solid #505050 1px;
	font-size: 9px;
}
.fldt2 {
	height: auto !important;
	vertical-align: top;
}

.jci {
	justify-content: initial !important;
}

@media (orientation: landscape) {
	.game {
		display: flex;
		width: 100vw;
		height: 100vh;
		flex-direction: row;
		align-items: start;
		justify-content: start;
		font-size: 14px;
	}
	.half {
		width: 50vw;
		height: 100vh;
		cursor: default;
		display: flex;		
		flex-direction: column;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
	}
	.part {
		width: 50vw;
		cursor: default;
		display: flex;		
		flex-direction: column;
		align-items: statrt;
		justify-content: start;		
		font-size: 14px;
	}
	.rw {
		width: 50vw;
		height: 30px;
		cursor: default;
		display: flex;		
		flex-direction: row;
		align-items: start;
		justify-content: start;		
		font-size: 14px;
	}	
	.rwf {
		width: 50vw;
		height: 30px;
		cursor: default;
		display: flex;		
		flex-direction: row;
		align-items: center;
		justify-content: space-between;		
		font-size: 14px;
	}	
	.gt {
		margin: 1vw;
		width: 48vw;
		display: inline-table;		
		table-layout: fixed;
		border-collapse: collapse;
	}
	.fldt {
		height: 14vh;
		border: solid #505050 4px;
		padding: 0;
	}
	.ttop {
		font-size: 1.4vw;
	}
	.ttop2 {
		font-size: 1.4vw;
	}
	.ttop3 {
		font-size: 1.9vw !important;
	}
	.tmid {
		font-size: 1.9vw;
	}
	.tmid2 {
		font-size: 1.9vw;
	}
}