#game_info_popup_container
{
	text-transform: uppercase;
	height: 100%;
}

#GI_header
{
    display: grid;
    grid-template-columns: auto auto 1fr;
    column-gap: 1.5em;
    row-gap: 1em;
    align-items: center;
    box-shadow: 1px 1px 5px -3px #000000ab, 0px 0px 2px -1px #000000a1;
    border-radius: 6px;
    padding: 11px;
    font-size: 0.85em;
}

#GI_header > div { display: contents; }

#GI_header > div > span:first-child { grid-column: 1; }
#GI_header > div > span:nth-child(2) { grid-column: 2; }
#GI_header > div > span:nth-child(3) { grid-column: 3; }

#GI_header > #GI_neutral_info 
{
    display: block;
    grid-column: 1 / -1;
}

#GI_results_container_wrapper > span
{
	text-decoration: underline;
    text-underline-offset: 3px;
}

#GI_results_container_wrapper
{
    margin-top: 0.5em;
    display: flex;
    flex-wrap: wrap;
    height: 95%;
    row-gap: 0.5em;
    align-content: flex-start;
}

.GI_results_container
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.75em !important;
    box-shadow: inset 0px 1px 4px -1px #000000b3;
    padding: 10px;
    border-radius: 6px;
    overflow: scroll;
    text-transform: none;
    max-height: 37%;
    align-content: flex-start;
    width: 100%;
}

[data-theme="dark"] .GI_results_container
{
	border: 1px solid var(--utility-bright-blue-color);
}

[data-theme="light"] .GI_results_container
{
	border: 0.1px solid var(--utility-blue-color);
}

.no-injury-msg
{
	font-size: 0.9em;
    opacity: 0.7;
    font-style: italic;
    text-align: center;
}