#top_bar {
    width: 100%;
}

.ui_content {
    max-width: 1000px;
    width: 100%;
}

.help_content {
    max-width: 1000px;
    margin: 16px;
}

h1 {
    font-weight: bold;
    font-size: 22px;
    margin-top: 16px;
    margin-bottom: 16px;
}

h2, h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 16px;
    margin-bottom: 16px;
}

summary {
    font-size: 16px;
    padding: 16px;
    border-radius: 8px;
    background-color: #080;
    color: #fff;
}

summary::before {
    content: "TLDR: "
}

p {
    margin-top: 16px;
}

p + p {
    margin-top: 12px;
}

img + p {
    margin-top: 0px;
}

img.full {
    width: 100%;
    max-width: 1000px;
    object-fit: contain;
    margin-top: 16px;
    margin-bottom: 16px;
}

.columns {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.columns p {
    flex-grow: 1;
}

#hand {
    width: 50%;
    max-width: 461px;
    object-fit: contain;
}

#objectives {
    width: 25%;
    max-width: 324px;
    object-fit: contain;
}

#mouseover, #dice, #prompt {
    width: 40%;
    max-width: 290px;
    object-fit: contain;
}

#pitch-top {
    width: 50%;
    max-width: 500px;
    object-fit: contain;
}

#player-indicators img, #status-indicators img {
    width: 60px;
    object-fit: contain;
}

#ball-indicators img {
    width: 71px;
    object-fit: contain;
}

#select-teammate, #select-action, #select-opponent, #select-movement {
    display: block;
    width: 50%;
    object-fit: contain;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

#select-teammate, #select-opponent {
    width: 159px;
}

#select-action {
    width: 114px;
}

#select-movement {
    width: 174px;
}