@font-face {
    font-family: droidSans;
    src: url(/ngdl/media/DroidSansMono.ttf);
}

.game tr td {
    font-size: 100px;
    border: solid black 1px;
    width: 125px;
    height: 125px;
    text-align: center;
}

.game tr td div {
    width: 100%;
    height: 100%;
}

.game {
    border-collapse: collapse;
}

.btn-group {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 23px;
}

.btn-group:last-child {
    margin-bottom: 0
}

.btn {
    display: inline;
    background-color: lightgray;
    padding: 3px;
    user-select: none;
    height: 23px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
}

.btn:first-child {
    border-left: solid black 1px;
}

.btn:last-child {
    border-right: solid black 1px;
}

.btn:hover {
    background-color: lightgreen;
}

.btn:active {
    background-color: lime;
}

#lobbyId {
    font-family: droidSans;
}

.btn-like-input {
    font-family: droidSans;
    display: inline;
    background-color: lightgray;
    height: 22px;
    width: 42px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
    margin-right: -6px;
}

.btn-like-input:focus-visible {
    outline: none;
}

.btn-like-text {
    display: inline;
    background-color: lightgray;
    padding: 3px;
    user-select: none;
    height: 23px;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
}

.left-btn-fix {
    padding-right: 0;
}