@media screen and (min-width: 599px) and (max-width: 799px) {
.game-board {
width: 515px!important;
}
.game-board .inner {
width: 248px!important;
}
.game-board img {
width: 25px!important;
}
.tdcell {
width: 51px!important;
}
.players {
width: 290px!important;
}
.score-board {
max-width: 585px!important;
}
}
@media screen and (min-width: 479px) and (max-width: 599px) {
.game-board {
width: 400px!important;
}
.game-board .inner {
width: 211px!important;
}
.game-board img {
width: 20px!important;
}
.tdcell {
width: 40px!important;
}
.tdcell2 {
width: 18px!important;
}
.players {
width: 265px!important;
font-size: 10px!important;
}
.alertbox {
width: 147px!important;
}

.score-board {
max-width: 455px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.game-board {
width: 285px!important;
}
.game-board .inner {
width: 167px!important;
}
.game-board img {
width: 13px!important;
}
.tdcell {
width: 28px!important;
}
.tdcell2 {
width: 15px!important;
}
.players {
width: 160px!important;
font-size: 8px!important;
}

.alertbox {
width: 90px!important;
height: 23px!important;
}
.instruct .text input[type="text"] {
height: 17px!important;
}
.players input[type="text"] {
height: 15px!important;
}
.scores {
width: 20px!important;
}
.score-board {
max-width: 280px!important;
font-size: 8px!important;
}
}

body {
background-image: url("../../back/misc/12.jpg");
background-attachment: fixed;
}
.domino {
position: relative;
margin: 0 20px;
}
.domino .logo {
width: 40%;
}
.domino .score-submit .text {
max-width: 400px;
border-collapse: unset;
}
.domino .inst .text {
max-width: 600px;
}
.domino .game-board {
width: 600px;
}
.domino .game-board .inner {
width: 280px;
margin: 0 auto;
border: 1px solid #000;
}
.game-board .inner td {
padding: 3px 3px 3px 5px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

.domino .game-board img {
width: 30px;
}
.domino .tdcell {
width: 60px;
}
.domino .tdcell2 {
width: 30px;
}
.domino .players,
.domino .game-btn,
.domino .score-board {
background-color: #9bcef7;
border: 1px solid #000;
}
.domino .players {
display: block;
width: 290px;
margin: 0px auto;
padding: 0px 0px 0px 10px;
text-align: right;
border-radius: 5px;
}
.domino .players td {
padding: 0px 10px 5px 0;
}
.domino .players input[type="text"] {
vertical-align: unset;
height: 18px;
}
.controls, .play-display {
margin-top: 10px;
}
.domino .alertbox,
.domino .scores {
border: 0;
}
.domino .alertbox {
width: 180px;
padding-left: 20px!important;
font-size: 20px;
}
.domino .scores {
width: 50px;
}
.domino .score-board {
max-width: 700px;
display: block;
border-radius: 5px;
}
.domino .score-board, .score-board table {
width: 100%;
}
.domino .score-board tr:nth-child(even) {
background-color: #f1f9ff;
}
.domino .score-board tr:nth-child(odd) {
background-color: #9bcef7;
}