/* np lab styles - moved out of view/lab templates 2026-09-19 (goal 1821, CSP style-src self) */

.gameBoard {
    float:left;
    width:160px;
}
.gameBoard div {
    float:left;
    height:50px;
    width:50px;
}
.gameBoard button {
    background:none;
    border:none;
    font-size: 40px;
    height:45px;
    margin:2px 0 0 2px;
    width:45px;
}
.gameBoard button:focus {
    outline:0;
}
.log1,.log2 {
    float:left;
    height:150px;
    margin:0 0 0 10px;
    overflow-wrap: break-word;
    width:150px;
}
.log1 {
    font-size: 36px;
    font-style: italic;
    margin-right: 14px;
    text-align:center;
}
.log2 {
    font-size:14px;
}
.player {
    border:thin solid #ebdbbe;
    float:left;
    height:100px;
    margin:0 0 0 20px;
    padding:10px 5px 0;
    text-align: center;
    width:100px;
}
.buttons {
    float:left;
    margin:30px 40px 0 50px;
    height:40px;
    text-align:center;
    width:100px;
}
.buttons > button {
    margin:10px 0;
}

.labLen {
	width:50px;
}
.labOut {
	min-height:19px;
	overflow-wrap:anywhere; /* a long password wraps instead of scrolling a phone sideways (goal 3486) */
}
.tttPlayer {
	font-size:20px;
}
.tttB {
	border-bottom:thin solid black;
}
.tttR {
	border-right:thin solid black;
}

/* Meeting rules simulator (goal 3488): one column, the status block over the button groups;
   a group's buttons wrap under its label, and a button the rules do not allow now is greyed.
   The status fields are blocks, so every gap in the column sits on the 4px grid. */
.ronvIntro {
	line-height:1.4;
	margin:0 0 4px 0;
}
.ronvLabel {
	margin:12px 0 4px 0;
}
.ronvState {
	color:#999;
	float:right;
}
.ronvStatus input,
.ronvStatus textarea {
	display:block;
}
.ronvStack {
	height:48px;
}
.ronvLog {
	height:160px;
}
.ronvGroup {
	border-top:thin solid #ebdbbe;
	margin-top:12px;
}
.ronvGroup button,
.ronv input.ronvShort {
	margin:0 8px 8px 0;
}
.ronv input.ronvShort {
	width:150px;
}
.ronv button:disabled {
	background-color:grey;
	color:lightgrey;
}