.pgSession {

    p {
        margin-top: 2pt;
        margin-bottom: 2pt;
    }

    body,
    button,
    input {
        font-family: 'Segoe UI';
        font-size: 12pt;
        background: #fff;
        padding: 4pt;
    }

    input {
        border: 1pt solid black;
    }

    button {
        font-weight: bold;
        background-color: #ddd;
        color: black;
        border: 2pt solid #ccc;
        border-radius: 3pt;
        margin: 2pt;
    }

    #communityRow {
        position: fixed;
        left: 10pt;
        top: 10pt;
        right: 170pt;
        pointer-events: none;
    }

    #messages {
        position: fixed;
        text-align: right;
        bottom: 80pt;
        right: 10pt;
        max-height: 30%;
        max-width: 35%;
        overflow-y: scroll;
        pointer-events: all;
    }

    .notice {
        font-size: 11pt;
        color: #888;
    }

    .warning {
        font-size: 11pt;
        color: rgb(135, 101, 7);
    }

    #arena {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

    #localRow {
        position: fixed;
        left: 10pt;
        width: 70%;
        bottom: 10pt;
        pointer-events: none;
    }

    .pile,
    .item,
    .dice {
        display: inline-block;
        margin-right: 4pt;
        pointer-events: all;
    }

    #stats {
        position: fixed;
        top: 0;
        right: 10pt;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        pointer-events: none;
        font-family: "Segoe UI Emoji";

        .gameTitle {
            font-size: 20pt;
        }

        .stat-left {
            text-align: left;
        }

        .stat-center {
            text-align: center;
        }

        .stat-right {
            text-align: right;
        }
    }

    .playerName {
        margin-top: 10pt;
        border: 1pt solid white;
        border-radius: 5pt;
        padding: 3pt;
        line-height: 100%;
        display: inline-block;
        font-weight: bold;
        font-size: 16pt;
        text-align: center;
    }

    .playerNameActive {
        font-weight: bold;
    }

    .playerNameActive:before {
        content: "🡆 ";
    }

    .playerNameOffline {
        text-decoration: line-through;
        text-decoration-thickness: 3pt;
    }

    .stat {
        font-size: 13pt;
        line-height: 110%;
        color: #999;
    }

    #actions {
        text-align: right;
        position: fixed;
        bottom: 10pt;
        right: 10pt;
        width: 25%;
    }

    .errorMessage {
        border-radius: 24pt;
        position: absolute;
        left: 200pt;
        right: 200pt;
        height: 240pt;
        top: 100pt;
        background-color: rgb(243, 229, 229);
        border: 3pt solid rgb(193, 49, 49);
        padding: 8pt 16pt;
        overflow-y: auto;
    }

    .errorMessageTitle {
        font-size: 20pt;
        font-weight: bold;
        color: rgb(193, 49, 49);
        margin-bottom: 8pt;
    }

    .errorMessageContent {
        font-size: 15pt;
        color: rgb(193, 49, 49);
        margin-bottom: 8pt;
    }

    .errorMessageCloseButton {
        border: 1pt solid rgb(193, 49, 49);
        border-radius: 4pt;
        font-weight: bold;
        color: rgb(193, 49, 49);
        font-size: 13pt;
        background-color: white;
        margin: 0;
        padding: 5pt;
        cursor: pointer;
    }

}