/* version: 2.1.0 */

:root {
    --page-header-height: 80px;
    --navigation-bar-separation: .33em;
    --game-row-height: 120px;
    --logs-row-height: 36px;
    --tag-height: 12px;
    --game-embed-height: 16px;
    --game-embed-width: 120px;
    --feed-embed-image-width: 90px;
    --feed-embed-image-height: 120px;
    --image-width: 90px;
    --type-cell-width: 214px;
    --title-cell-width: 280px;
    --resurrection-cell-width: 90px;
    --corner-button-width: 48px;
    --corner-button-height: 32px;
    --corner-label-width: 36px;
    --corner-label-height: 26px;
    --game-data-form-input-width: 240px;
    --game-data-form-input-height: 23px;
    --game-data-form-button-width: 120px;
    --game-data-form-button-height: 36px;
    --game-data-form-textarea-width: 437px;
    --game-data-form-textarea-height: 83px;
    --menu-popup-width: 180px;
    --confirmation-popup-container-width: 10em;
    --confirmation-popup-container-height: 4em;
}

body {
    font-family: "Barlow Condensed", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: normal;
    background-color: var(--primary-dark-color-shadow);
}

@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
}

ul, ol {
    margin-block-start: .2em;
    margin-block-end: .4em;
    padding-inline-start: 1.6em;
}

li:not(:first-child) {
    margin-top: .2em;
}

::-webkit-scrollbar {
    width: .6em;
}

::-webkit-scrollbar:horizontal {
    height: .6em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px var(--overlay-dark-color-muted);
}

::-webkit-scrollbar-thumb {
    cursor: grab;
    background-color: var(--overlay-light-color-muted);
    border: 1px solid var(--overlay-dark-color-soft);
    border-radius: .5em;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}

div#notification-box div.notification {
    font-size: 1.1em;
    font-weight: 600;
}

div#notification-box div.nomination-error,
div#notification-box div.resurrection-error,
div#notification-box div.boost-error,
div#notification-box div.sacrifice-error,
div#notification-box div.edit-game-error,
div#notification-box div.add-game-error,
div#notification-box div.delete-game-error,
div#notification-box div.edit-log-error,
div#notification-box div.add-log-error,
div#notification-box div.delete-log-error,
div#notification-box div.announce-error {
    font-weight: 400;
    color: var(--primary-light-color-highlight);
    background-color: #e03028;
}

div#notification-box div.nomination-success,
div#notification-box div.resurrection-success,
div#notification-box div.boost-success,
div#notification-box div.sacrifice-success,
div#notification-box div.edit-game-success,
div#notification-box div.add-game-success,
div#notification-box div.delete-game-success,
div#notification-box div.edit-log-success,
div#notification-box div.add-log-success,
div#notification-box div.delete-log-success,
div#notification-box div.announce-success {
    font-weight: 300;
    color: var(--primary-dark-color-midtone);
    background-color: #d8e8b8;
}

div#navigation-bar {
    position: relative;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
}

div#navigation-top-tabs-container,
div.navigation-bottom-tabs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
}

div.navigation-tab {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
    padding: .15em .7em .2em .7em;
    margin: 0 calc(.5 * var(--navigation-bar-separation)) var(--navigation-bar-separation);
    border-style: solid;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 2.4em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: var(--overlay-light-color-soft);
    background-color: var(--primary-dark-color-midtone-contrast);
    border-color: var(--overlay-light-color-muted);
    box-shadow: inset 0 0 .3em .01em var(--overlay-dark-color);
    transition: all .4s ease-in;
}

div.navigation-top-tab {
    margin: 0 calc(.5 * var(--navigation-bar-separation) + .2em) var(--navigation-bar-separation);
    border-width: 1px 1px 0 1px;
    border-radius: 1.33em 1.33em 0 0;
}

div.navigation-bottom-tab {
    border-width: 1px;
    border-radius: .33em;
}

div.navigation-tab:not(.navigation-tab-active):hover {
    color: var(--overlay-light-color);
    background-color: var(--primary-dark-color-bright);
    transition: all .2s ease-in;
}

div.navigation-tab-active {
    z-index: 16;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--accent-color-3-midtone);
}

div.navigation-top-tab.navigation-tab-active {
    z-index: 17;
}

div.navigation-top-tab:not(.navigation-tab-active) {
    z-index: 16;
}

div.navigation-bottom-tab.navigation-tab-active {
    z-index: 15;
}

div.navigation-bottom-tab:not(.navigation-tab-active) {
    z-index: 14;
}

div.navigation-tab-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: space-between;
    align-items: safe center;
}

@media (max-width: 768px) {
    div.navigation-top-tab {
        border-radius: 3em 3em 0 0;
    }

    div.navigation-top-tab-content {
        flex-direction: column;
    }
}

div.navigation-tab-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
}

div.navigation-tab-icon span {}

div.navigation-tab-icon,
div.navigation-tab-heading {
    margin: 0 .2em;
}

div.navigation-tab-heading {}

div.navigation-tab-apron {
    z-index: inherit;
    position: absolute;
    bottom: 0;
    left: calc(-.5 * var(--navigation-bar-separation) - .05em);
    width: calc(100% + var(--navigation-bar-separation) + .1em);
    min-height: 2px;
}

div.navigation-tab-apron-start-cap,
div.navigation-tab-apron-end-cap {
    z-index: inherit;
    position: absolute;
    bottom: -.55em;
    font-size: .67em;
}

div.navigation-tab:not(.navigation-tab-active) div.navigation-tab-apron {
    background-color: var(--primary-dark-color-bright);
}

div.navigation-tab:not(.navigation-tab-active) div.navigation-tab-apron-start-cap,
div.navigation-tab:not(.navigation-tab-active) div.navigation-tab-apron-end-cap {
    color: var(--primary-dark-color-bright);
}

div.navigation-tab.navigation-tab-active div.navigation-tab-apron {
    background-color: var(--accent-color-3-highlight);
}

div.navigation-tab.navigation-tab-active div.navigation-tab-apron-start-cap,
div.navigation-tab.navigation-tab-active div.navigation-tab-apron-end-cap {
    color: var(--accent-color-3-highlight);
}

div.navigation-tab-apron-start-cap {
    left: calc(.75 * var(--navigation-bar-separation) - .25em);
}

div.navigation-tab-apron-end-cap {
    right: calc(.75 * var(--navigation-bar-separation) - .25em);
}

div.content-block {
    position: relative;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
    padding: 1em;
}

div:has(> table):not(:has(tbody > tr)) {
    display: none!important;
}

@media (max-width: 768px) {
    div.content-block {
        display: none;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1em 0;
    }

    div.content-block:not(:has(table)),
    div.content-block:not(:has(table)) div,
    div.content-block:not(:has(table)) ul,
    div.content-block:not(:has(table)) ol {
        max-width: 100% !important;
    }

    div.content-block:has(div.game-table),
    div.content-block:has(div.logs-table) {
        width: calc(100% + 8px);
        overflow-x: scroll;
    }

    div.content-block::-webkit-scrollbar,
    div.content-block::-webkit-scrollbar-track,
    div.content-block::-webkit-scrollbar-thumb,
    div.content-block::-webkit-scrollbar-corner {
        display: none;
    }
}

div.content-block div:has(table) {
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
}

div.content-block div:has(table) {
    margin-bottom: 2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
}

@media (max-width: 768px) {
    div.content-block div:has(table) {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

div.collapse-box-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
}

div.collapse-box-heading {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
    padding: .2em;
    border-width: 0;
    border-radius: .3em;
    border-style: solid;
    border-color: var(--overlay-light-color-soft);
    font-size: 2.4em;
    font-weight: 400;
    background-color: var(--primary-dark-color-bright);
}

div.collapse-box-heading-expand-button,
div.collapse-box-heading-collapse-button {
    display: flex;
    font-size: 1.2em;
    padding: 0 .2em;
    margin: -.04em .4em -.04em -.02em;
    border-radius: .2em;
}

div.collapse-box-heading-expand-button {
    color: var(--overlay-light-color-double);
}

div.collapse-box-heading-collapse-button {
    color: var(--overlay-dark-color-double);
}

@media (min-width: 769px) {
    div.collapse-box-heading:hover div.collapse-box-heading-expand-button,
    div.collapse-box-heading:hover div.collapse-box-heading-collapse-button {
        background-color: var(--overlay-dark-color-muted);
        box-shadow: inset .05em .05em .1em 0 var(--overlay-dark-color-soft);
    }

    div.collapse-box-heading:hover div.collapse-box-heading-expand-button span,
    div.collapse-box-heading:hover div.collapse-box-heading-collapse-button span {
        padding: .05em 0 0 .05em;
        margin: 0 -.05em -.05em 0;
    }
}

div.collapse-box-heading-icon {
    margin: 0 .33em 0 0;
}

div.collapse-box-heading-text {
    margin: 0 0 .05em 0;
    /*white-space: nowrap;*/
}

div.collapse-box-content {
    font-size: 1.3em;
    font-weight: 200;
    line-height: 1.3em;
    text-align: justify;
    /*padding: .4 .6em;*/
    padding: 0 .6em;
    border-radius: 0 0 .6em .6em;
    background-color: var(--overlay-light-color-muted);
    color: var(--primary-light-color-midtone);
    overflow-y: hidden;
    transition: all .4s ease-out;
}

div.collapse-box-content-subheading {
    padding: .2em .48em;
    margin: .8em 0 .3em;
    border-width: 0 0 2px 0;
    border-radius: .3em .3em 0 0;
    border-style: solid;
    border-color: var(--overlay-light-color-soft);
    font-weight: 500;
    font-size: 1.1em;
    background-color: var(--accent-color-5-shadow);
    box-shadow: inset 0 0 .5em 0em var(--overlay-dark-color-muted);
    color: var(--primary-light-color-highlight-contrast);
}

div.collapse-box-content-paragraph:not(:last-child) {
    margin-bottom: .6em;
}

div.collapse-box-content-warning-box {
    padding: .34em .64em .52em .64em;
    margin: .8em 1.6em;
    border: 1px solid var(--accent-color-2-midtone);
    border-radius: .4em;
    background-color: var(--accent-color-2-shadow);
    box-shadow: 0 0 .2em 0 var(--accent-color-2-midtone);
    color: var(--primary-light-color-shadow-contrast);
}

span.collapse-box-content-span-anchor a {
    font-weight: 500;
}

span.collapse-box-content-span-anchor a:link {
    text-decoration: unset;
    color: var(--accent-color-1-highlight);
}

span.collapse-box-content-span-anchor a:visited {
    text-decoration: unset;
    color: var(--accent-color-2-highlight);
}

@media (min-width: 769px) {
    span.collapse-box-content-span-anchor a:link:hover {
        text-decoration: underline;
        text-shadow: 0 0 .6em var(--accent-color-1-midtone),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast);
    }

    span.collapse-box-content-span-anchor a:visited:hover {
        text-decoration: underline;
        text-shadow: 0 0 .6em var(--accent-color-2-midtone),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast),
                     0 0 1px var(--primary-dark-color-midtone-contrast);
    }
}

span.collapse-box-content-span-anchor a:active {

}

span.collapse-box-content-emphasis-tldr {
    display: inline;
    font-weight: 400;
    padding: .1em;
    margin: -.1em;
    color: var(--accent-color-4-highlight);
    text-shadow: 0 0 .6em var(--accent-color-4-midtone),
                 0 0 1px var(--accent-color-4-shadow),
                 0 0 1px var(--accent-color-4-shadow),
                 0 0 1px var(--accent-color-4-shadow),
                 0 0 1px var(--accent-color-4-shadow);
    border-radius: .05em;
}

span.collapse-box-content-emphasis-tldr-collapsed {
    display: block;
    margin: -.1em -.1em 9.9em -.1em;
}

span.collapse-box-content-emphasis-tldr-collapsed::after {
    cursor: pointer;
    display: block;
    height: 18px;
    content: '(Expand for more details)';
    text-align: right;
    font-size: .8em;
    font-weight: 300;
    color: var(--overlay-light-color);
    text-shadow: none;
}

span.collapse-box-content-emphasis-term {
    font-weight: 500;
    color: var(--primary-light-color-midtone-contrast);
    text-shadow: 0 0 .6em var(--primary-dark-color-bright-contrast),
                 0 0 .6em var(--primary-dark-color-bright-contrast),
                 0 0 .6em var(--primary-dark-color-bright-contrast),
                 0 0 .6em var(--primary-dark-color-bright-contrast),
                 0 0 1px var(--primary-dark-color-midtone-contrast),
                 0 0 1px var(--primary-dark-color-midtone-contrast),
                 0 0 1px var(--primary-dark-color-midtone-contrast),
                 0 0 1px var(--primary-dark-color-midtone-contrast);
}

span.collapse-box-content-emphasis-timing {
    font-style: italic;
    font-weight: 400;
    color: var(--accent-color-2-highlight);
    text-shadow: 0 0 .6em var(--accent-color-2-midtone),
                 0 0 1px var(--accent-color-2-shadow),
                 0 0 1px var(--accent-color-2-shadow),
                 0 0 1px var(--accent-color-2-shadow),
                 0 0 1px var(--accent-color-2-shadow);
}

div.static-block {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
    color: var(--primary-light-color-midtone);
}

div.static-block-scrollbox {
    max-width: 76vw;
    max-height: 84vh;
    background-color: var(--overlay-light-color-muted);
    padding: .5em;
    border: 2px outset var(--overlay-light-color-vanishing);
    border-radius: .6em;
    box-shadow: inset 0 0 8vw 2vw var(--overlay-dark-color-vanishing);
    overflow-y: scroll;
}

div.static-block-scrollbox::-webkit-scrollbar-track:vertical {
    margin: .2em 0;
}

div.static-block-scrollbox::-webkit-scrollbar-track:horizontal {
    margin: 0 .2em;
}

div.static-block-heading {
    white-space: nowrap;
    width: 80vw;
    padding: .2em .1em .1em .1em;
    margin: 0 8vw .2em 8vw;
    border-bottom: 1px solid var(--overlay-light-color-soft);
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 3.2em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

div.static-block-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: safe center;
    align-items: safe center;
    margin: .4em;
    font-family: "Barlow Condensed", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    text-align: left;
}

div.feed-item-container {
    position: relative;
    width: -webkit-fill-available;
    padding: 1.8em .6em .5em .6em;
    background-color: var(--overlay-dark-color);
    border: 1px solid var(--overlay-dark-color-muted);
    border-radius: .6em;
}

div.feed-item-container:not(:first-child) {
    margin-top: .6em;
}

div.feed-item-type {
    position: absolute;
    top: .2em;
    left: .5em;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1.24em;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 1px .05em var(--overlay-dark-color-double);
    color: var(--accent-color-5-highlight);
}

div.feed-item-date {
    position: absolute;
    top: .2em;
    right: .5em;
    font-style: italic;
    font-size: 1.1em;
    font-weight: 100;
    text-shadow: 1px 1px .05em var(--overlay-dark-color-double);
    color: var(--accent-color-5-highlight);
}

div.feed-item-description {
    line-height: 1.3em;
    padding-top: .3em;
    margin-bottom: .2em;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: var(--accent-color-5-highlight);
    font-size: 1.1em;
    font-weight: 200;
    text-align: left;
}

div.feed-item-link {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: space-around;
    align-items: safe center;
    width: 5em;
    max-width: 5em;
    padding: .2em .3em;
    margin: .6em 0 .2em .1em;
    border: 1px solid var(--overlay-light-color-vanishing);
    border-radius: .33em;
    background-color: var(--overlay-light-color);
    color: var(--overlay-dark-color-double);
    transition: all .25s ease-out;
}

div.feed-item-link:hover {
    z-index: 16;
    animation-name: wiggle;
    animation-duration: 0.33s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1.0);
    background-color: var(--overlay-light-color-double);
    color: var(--primary-dark-color-midtone-contrast);
    box-shadow: 0 0 .166em .166em var(--overlay-light-color-soft);
}

span.feed-item-link-icon {
    margin-right: .2em;
}

span.feed-item-link-text {
    font-weight: 500;
    margin: -.033em 0 .033em;
}

div.feed-item-embeds {
    margin-top: .6em;
}

div.feed-item-embed {
    position: relative;
    min-height: var(--feed-embed-image-height);
    padding: .4em .6em;
    border: 1px solid var(--overlay-dark-color-muted);
    border-radius: .4em;
    background-color: var(--overlay-dark-color);
    font-weight: 100;
    color: var(--overlay-light-color-double);
}

div.feed-item-embed:not(:first-child) {
    margin-top: .3em;
}

div.feed-item-embed.static-block-column {
    align-items: flex-start;
}

div.feed-item-embed div.static-block-row {
    width: calc(100% - var(--feed-embed-image-width) - .2em);
    justify-content: space-evenly;
}

div.feed-item-embed div.static-block-grid {
    grid-template-columns: auto auto;
    width: 100%;
    row-gap: .6em;
    column-gap: 1.5em;
}

div.feed-item-embed div.static-block-column {
    width: 100%;
    align-content: flex-start;
    align-items: flex-start;
}

div.feed-item-embed div.static-block-row:not(:first-child) {
    margin-top: .3em;
    margin-left: calc(.3em + var(--feed-embed-image-width));
}

div.feed-item-embed div.static-block-row:has(div.feed-item-embed-title) {
    margin-top: 0;
}

div.feed-item-embed div.static-block-row:has(div.feed-item-embed-title) {
    justify-content: flex-start;
}

div.feed-item-embed-subheading {
    margin-bottom: .1em;
    font-weight: 400;
    color: var(--accent-color-3-highlight);
}

div.feed-item-embed-title {
    margin-bottom: .4em;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1.12em;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--accent-color-3-highlight);
}

div.feed-item-embed-cover-art {
    position: absolute;
    top: .4em;
    left: .3em;
    width: var(--feed-embed-image-width);
    height: var(--feed-embed-image-height);
    border: 1px solid var(--overlay-dark-color);
    box-shadow: 1px 1px 2px var(--overlay-dark-color-vanishing);
}

div.feed-item-embed-cover-art img {
    width: 100%;
    height: 100%;
}

div.feed-item-embed-release {
    font-size: .9em;
}

div.feed-item-embed-developer {
    font-size: .9em;
}

div.feed-item-embed-setting {
    font-size: .9em;
}

div.feed-item-embed-genre {
    font-size: .9em;
}

div#rules-block div.static-block-column > div,
div#stats-block div.static-block-column > div {
    margin-bottom: .6em;
}

div#stats-block {
    font-size: 1.33em;
}

div.stats-block-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--overlay-light-color-muted);
    border-radius: .5em;
    box-shadow: 0 0 .1em .033em var(--primary-dark-color-bright);
}

div.stats-block-inline-descriptor {
    width: 100%;
    padding: .3em .6em .4em .6em;
    border-right: 2px solid var(--overlay-dark-color-muted);
    border-radius: .5em 0 0 .5em;
    text-align: left;
    /*white-space: nowrap;*/
    overflow: hidden;
    font-weight: 300;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--primary-dark-color-midtone-contrast);
    box-shadow: inset 0 0 .5em 0 var(--overlay-light-color-muted);
}

div.stats-block-inline-value {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
    min-width: 32%;
    max-width: 32%;
    padding: .3em .6em .4em .6em;
    border-radius: 0 .5em .5em 0;
    text-align: center;
    /*white-space: nowrap;*/
    overflow: hidden;
    font-weight: 400;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--primary-dark-color-bright);
    box-shadow: inset 0 0 .5em 0 var(--overlay-light-color-soft);
}

div.stats-block-top-n {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
    border: 1px solid var(--overlay-light-color-muted);
    border-radius: .5em;
    box-shadow: 0 0 .1em .033em var(--primary-dark-color-bright);
}

div.stats-block-top-n-descriptor {
    width: calc(100% - 1.2em);
    padding: .3em .6em;
    border-bottom: 2px solid var(--overlay-dark-color-muted);
    border-radius: .5em .5em 0 0;
    text-align: left;
    overflow: hidden;
    font-weight: 300;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--primary-dark-color-midtone-contrast);
    box-shadow: inset 0 0 .5em 0 var(--overlay-light-color-muted);
}

div.stats-block-top-n-values {
    width: calc(100% - 1.2em);
    padding: .3em .6em;
    border-radius: 0 0 .5em .5em;
    text-align: left;
    overflow: hidden;
    font-weight: 400;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--primary-dark-color-bright);
    box-shadow: inset 0 0 .5em 0 var(--overlay-light-color-soft);
}

div.stats-block-top-n-unit-description {
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 600;
    color: var(--primary-dark-color-midtone-contrast);
    padding: .1em 0;
    margin: -.1em 0 .1em 0;
}

div.stats-block-top-n-values ol {

}

div.stats-block-top-n-values li {
    text-wrap-mode: wrap;
    text-indent: -2em;
    padding-inline-start: 2em;
}

span.stats-block-subtle-text {
    font-style: italic;
    font-weight: 100;
}

table {
    border-collapse: collapse;
    text-wrap-style: balance;
}

thead {
    position: sticky;
    top: 0;
    z-index: 15;
}

tbody {}

td, th {
    padding: 0;
}

div#boosts-table:has(div.load-more-button),
div#sacrifices-table:has(div.load-more-button),
div#nominations-table:has(div.load-more-button),
div#resurrections-table:has(div.load-more-button),
div#changelog-table:has(div.load-more-button) {
    position: relative;
    margin-bottom: calc(2.5 * var(--logs-row-height));
}

div#boosts-table div.table-data,
div#sacrifices-table div.table-data,
div#nominations-table div.table-data,
div#resurrections-table div.table-data {
    min-height: var(--logs-row-height);
    max-width: 30vw;
}

div#changelog-table div.table-data {
    min-height: var(--logs-row-height);
    max-width: 20vw;
}

div#resurrections-table div.table-data,
div#changelog-table div.table-data {
    min-height: calc(1.33 * var(--logs-row-height));
}

thead th:nth-child(even) {
    background-color: var(--primary-dark-color-midtone);
}

thead th:nth-child(odd) {
    background-color: var(--primary-dark-color-midtone-contrast);
}

tr:nth-child(odd) td:nth-child(even) {
    background-color: var(--primary-light-color-highlight);
}

tr:nth-child(odd) td:nth-child(odd) {
    background-color: var(--primary-light-color-highlight-contrast);
}

tr:nth-child(even) td:nth-child(even) {
    background-color: var(--primary-light-color-midtone);
}

tr:nth-child(even) td:nth-child(odd) {
    background-color: var(--primary-light-color-midtone-contrast);
}

div table th:first-child,
div table td:first-child {
    display: none;
}

div.table-heading {
    text-align: center;
    text-transform: uppercase;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 4.2em;
    font-weight: 700;
    color: var(--primary-light-color-highlight);
}

@media (max-width: 768px) {
    div.table-heading {
        position: sticky;
        left: 0;
        width: calc(100vw - 16px);
    }
}

th:has(div.table-header),
td:has(div.table-data) {
    position: relative;
}

th:has(div.header-cover-art),
td:has(div.data-cover-art) {
    min-width: var(--image-width);
    max-width: var(--image-width);
}

td:has(div.data-cover-art) {
    padding: 0 !important;
}

th:has(div.header-title),
th:has(div.header-log-game-title),
td:has(div.data-title),
td:has(div.data-log-game-title) {
    position: relative;
    min-width: var(--title-cell-width);
    max-width: var(--title-cell-width);
}

td:has(div.data-priority) {
    position: relative;
}

th:has(div.header-log-type),
td:has(div.data-log-type) {
    min-width: var(--type-cell-width);
    max-width: var(--type-cell-width);
}

th:has(div.header-log-game-title),
td:has(div.data-log-game-title) {
    max-width: 50vw;
}

td:has(div.data-title) {
    padding: .1em;
}

td:has(div.data-resurrection) {
    min-width: var(--resurrection-cell-width);
    max-width: var(--resurrection-cell-width);
}

div.table-header {
    text-align: center;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1.5em;
    font-weight: 200;
    color: var(--primary-light-color-highlight);
    white-space: nowrap;
    padding: .3em .5em;
}

div.header-cover-art {
    overflow: clip;
    padding: 0;
    text-transform: uppercase;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 1.3em;
}

div.header-log-game-title {
    overflow: clip;
    padding: 0;
    text-transform: uppercase;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-weight: 500;
    font-size: 1.6em;
}

div.header-log-stream-no,
div.header-log-game-id {
    display: none;
}

div.header-game-no {}
div.header-title {}
div.header-releases {}
div.header-developers {}
div.header-settings {}
div.header-genres {}
div.header-selection {}
div.header-priority {}
div.header-champions {}
div.header-notes {}
div.header-log-id {}
div.header-log-date {}
div.header-log-type {}
div.header-log-game-auto-id {}
div.header-log-game-title {}
div.header-log-embedded-games {}
div.header-log-viewer {}
div.header-log-proposal {}
div.header-log-amount {}
div.header-log-description {}
div.header-log-announcement {}

div.table-data {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
    overflow: hidden;
    max-height: var(--game-row-height);
    text-align: center;
    padding: 0 .5em;
}

div.data-cover-art {
    padding: 0;
}

div.data-cover-art::after {
    content: '';
    z-index: 12;
    position: absolute;
    top: 0;
    left: 0;
    width: var(--image-width);
    height: var(--game-row-height);
    box-shadow: inset 0 0 .2em .2em var(--overlay-dark-color-muted), 0 0 0 1px var(--overlay-dark-color-muted);
}

div.data-cover-art img {
    width: var(--image-width);
    height: var(--game-row-height);
}

div.data-game-no {
    font-size: 2.6em;
    font-weight: 500;
}

div.data-tags,
div.data-title,
div.data-releases,
div.data-developers,
div.data-selection,
div.data-priority,
div.data-champions,
div.data-playthrough,
div.data-resurrection {
    flex-wrap: nowrap;
    flex-direction: column;
}

div.data-notes,
div.data-log-id,
div.data-log-stream-no,
div.data-log-date,
div.data-log-game-auto-id,
div.data-log-game-title,
div.data-log-viewer,
div.data-log-proposal,
div.data-log-amount {
    font-size: 1.1em;
}

div.data-notes,
div.data-log-id,
div.data-log-date,
div.data-log-proposal {
    font-weight: 300;
}

div.data-log-stream-no,
div.data-log-game-auto-id,
div.data-log-game-title,
div.data-log-viewer,
div.data-log-amount {
    font-weight: 400;
}

div.header-log-game-title,
div.data-log-game-title {
    padding: 0 .5em 0 calc(.5em + var(--logs-row-height));
}

div.header-log-type,
div.data-log-type {
    padding: 0 calc(.5em + var(--logs-row-height)) 0 0;
}

div.header-log-description,
div.data-log-description {
    padding: 0 calc(.5em + var(--logs-row-height)) 0 calc(.5em + var(--logs-row-height));
}

div.data-notes,
div.data-log-game-auto-id,
div.data-log-proposal {

}

div.data-log-id,
div.data-log-stream-no,
div.data-log-date,
div.data-log-type,
div.data-log-viewer,
div.data-log-amount,
div.data-log-announcement {
    white-space: nowrap;
}

div.data-log-stream-no,
div.data-log-game-id {
    display: none;
}

div.data-log-embedded-games {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
}

div.data-settings {}
div.data-genres {}
div.data-log-description {}

div.data-span {}

div.data-span-tag,
div.data-span-release,
div.data-span-genre,
div.data-span-setting {
    height: var(--tag-height) !important;
    line-height: var(--tag-height) !important;
    white-space: nowrap;
    margin: .18em;
}

div.data-span-release {
    font-size: 1.2em;
    font-weight: 300;
    padding: .2em .4em;
}

div.data-span-genre,
div.data-span-setting {
    color: var(--overlay-dark-color-double);
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 500;
    padding: .4em;
    border: 1px solid var(--overlay-dark-color-soft);
    border-radius: .6em;
    box-shadow: .1em .05em .2em .1em var(--overlay-dark-color-muted);
}

div.data-span-developers-heading,
div.data-span-publishers-heading {
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--overlay-dark-color);
}

div.data-span-developers-heading {
    margin: 0 0 .2em;
}

div.data-span-publishers-heading {
    margin: 1.0em 0 .2em;
}

div.data-span-developers,
div.data-span-publishers {
    font-size: 1.1em;
    font-weight: 300;
}

div.data-span-selection-heading {
    margin: 0 0 .3em;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--overlay-dark-color);
}

div.data-span-selection-date-raw {
    display: none;
}

div.data-span-selection-date {
    display: block;
    font-size: 1.2em;
    font-weight: 300;
}

div#ongoing-table div.data-span-selection-date,
div#completed-table div.data-span-selection-date {
    font-size: 1.3em;
}

div.data-span-selected-by {
    display: block;
    font-weight: 100;
    margin-top: .2em;
}

div#ongoing-table div.data-span-selected-by,
div#completed-table div.data-span-selected-by {
}

div.data-span-total-priority {
    font-size: 2.6em;
    font-weight: 500;
    margin-top: -.2em;
}

div.data-span-priority-breakdown {
    white-space: nowrap;
}

span.data-span-boosts-descriptor,
span.data-span-seniority-descriptor {
    font-weight: 300;
}

span.data-span-boosts,
span.data-span-seniority {
    font-size: 1.2em;
    font-weight: 400;
}

div.data-span-champion {
    font-weight: 400;
    padding: .2em .4em;
}

div.data-title div.data-span:not(:first-child) {
    margin-top: .33em;
}

div.data-span-title {
    display: block;
    font-size: 1.3em;
    font-weight: 600;
    padding: 0 .33em;
}

div.data-span-version {
    display: block;
    font-size: 1.1em;
    font-weight: 200;
    font-style: italic;
}

div.data-span-start-end-date {
    display: block;
    font-size: 1.3em;
    font-weight: 400;
    white-space: nowrap;
}

div.data-span-playthrough-stats {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: safe center;
    margin-top: .5em;
}

div.data-span-playthrough-stats div.data-span:not(:first-child) {
    margin-left: .33em;
}

div.data-span-playthrough-stats div.data-span:nth-child(3) {
    margin-left: 1.0em;
}

div.data-span-playtime-text,
div.data-span-reloads-text,
div.data-span-playtime-icon,
div.data-span-reloads-icon {
    color: var(--overlay-dark-color);
}

div.data-span-playtime-text,
div.data-span-reloads-text {
    padding-top: .05em;
    font-size: 1.1em;
    font-weight: 400;
}

div.data-span-playtime-icon {
    font-size: 1.1em;
}

div.data-span-reloads-icon {
    font-size: 1.15em;
}

div.data-span-resurrection-blocked,
div.data-span-resurrection-pending {

}

div.data-span-resurrection-blocked-text,
div.data-span-resurrection-pending-text {
    text-transform: uppercase;
    font-weight: 500;
}

div.data-span-resurrection-blocked-text {
    color: #b8a0a0c0;
}

div.data-span-resurrection-pending-text {
    color: #a0a0c0c0;
}

div.data-span-resurrection-blocked-icon,
div.data-span-resurrection-pending-icon {
    position: absolute;
    top: 0;
    font-size: 6em;
}

div.data-span-resurrection-blocked-icon {
    left: 9px;
    color: #d0101010;
}

div.data-span-resurrection-pending-icon {
    left: 20px;
    color: #6060c818;
}

div.data-span-resurrection-mana-cost,
div.data-span-resurrection-nat20-cost,
div.data-span-sacrifice-delta {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: safe center;
}

div.data-span-resurrection-mana-cost,
div.data-span-resurrection-nat20-cost {
    flex-direction: row;
    font-size: 1.33em;
}

div.data-span-sacrifice-delta {
    flex-direction: column;
}

div.data-span-resurrection-mana-cost {
    color: #082878d0;
}

div.data-span-resurrection-nat20-cost {
    color: #600808d0;
}

div.data-span-sacrifice-delta {
    color: #600808d0;
}

div.data-span-resurrection-mana-cost-heading,
div.data-span-resurrection-nat20-cost-heading {
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
}

div.data-span-resurrection-mana-cost-heading {
    margin: 0 0 .2em;
    color: #203058d0;
}

div.data-span-resurrection-nat20-cost-heading {
    margin: 1.0em 0 .2em;
    color: #402020d0;
}

div.data-span-resurrection-mana-cost-icon,
div.data-span-resurrection-nat20-cost-icon {
    margin-left: .3em;
}

div.data-span-sacrifice-icon {
    margin-top: .3em;
}

div.data-span-resurrection-mana-cost-amount {
    font-weight: 600;
}

div.data-span-resurrection-nat20-cost-amount {
    font-weight: 400;
}

div.data-span-sacrifice-delta-amount {
    font-size: 1.86em;
    font-weight: 500;
}

div.data-span-log-type {
    font-size: 1.2em;
    font-weight: 500;
}

div.data-span-log-announcement-announced-text {
    white-space: nowrap;
    font-weight: 500;
    color: #408030e0;
}

div.data-span-log-announcement-announced-icon {
    margin-left: .2em;
    color: #408030c0;
}

div.data-span-game-embed {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
    min-width: var(--game-embed-width);
    max-width: var(--game-embed-width);
    min-height: var(--game-embed-height);
    max-height: var(--game-embed-height);
    margin: .2em;
    border: 1px solid var(--overlay-dark-color-soft);
    border-radius: .6em;
    font-size: .8em;
    white-space: nowrap;
    overflow: clip;
}

div.data-span-game-embed-id {
    min-width: 14%;
    max-width: 14%;
    padding: 0 .3em .1em .3em;
    border-right: 1px solid var(--overlay-dark-color-soft);
    font-weight: 500;
    color: var(--overlay-light-color-double);
    background-color: var(--primary-dark-color-bright);
}

div.data-span-game-embed-title {
    width: 100%;
    padding: 0 .3em .1em .3em;
    border-left: 1px solid var(--overlay-dark-color-soft);
    color: var(--overlay-dark-color-double);
    background-color: var(--primary-light-color-highlight);
}

div.data-span-log-description {}

div.data-span:has(div.top-left-corner-button),
div.data-span-corner-label {
    position: absolute;
    margin: 0 !important;
    left: 0;
    top: 0;
}

div.data-span-corner-label {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: safe center;
    align-items: flex-start;
    background-color: var(--overlay-dark-color-vanishing);
}

div.data-span-corner-label-content {
    width: 100%;
    margin-top: calc(.1 * var(--corner-label-height));
    margin-left: calc(-.1 * var(--corner-label-width));
    color: var(--overlay-dark-color-soft);
    font-style: italic;
}

div#boosts-table div.data-span:has(div.top-left-corner-button),
div#sacrifices-table div.data-span:has(div.top-left-corner-button),
div#nominations-table div.data-span:has(div.top-left-corner-button),
div#resurrections-table div.data-span:has(div.top-left-corner-button),
div#changelog-table div.data-span:has(div.top-left-corner-button) {
    top: calc(50% - var(--logs-row-height) / 2 - 1px);
}

div.data-span:has(div.top-right-corner-button) {
    position: absolute;
    margin: 0 !important;
    right: 0;
    top: 0;
}

div#boosts-table div.data-span:has(div.top-right-corner-button),
div#sacrifices-table div.data-span:has(div.top-right-corner-button),
div#nominations-table div.data-span:has(div.top-right-corner-button),
div#resurrections-table div.data-span:has(div.top-right-corner-button),
div#changelog-table div.data-span:has(div.top-right-corner-button) {
    top: calc(50% - var(--logs-row-height) / 2 - 1px);
}

div.top-left-corner-button,
div.data-span-corner-label {
    border: 1px solid var(--overlay-dark-color-vanishing);
    border-top: none;
    border-left: none;
    box-shadow: .1em .1em .1em 0 var(--overlay-dark-color-vanishing);
    overflow: clip;
}

div.top-left-corner-button {
    width: var(--corner-button-width);
    height: var(--corner-button-height);
    border-radius: 0 .1em 3.6em .1em;
    transition: all .2s ease-out;
}

div.data-span-corner-label {
    width: var(--corner-label-width);
    height: var(--corner-label-height);
    border-radius: 0 .1em 1.2em .1em;
}

div#boosts-table div.top-left-corner-button,
div#sacrifices-table div.top-left-corner-button,
div#nominations-table div.top-left-corner-button,
div#resurrections-table div.top-left-corner-button,
div#changelog-table div.top-left-corner-button {
    display: flex;
    justify-content: safe center;
    align-items: safe center;
    border: 1px solid var(--overlay-dark-color-vanishing);
    border-left: none;
    box-shadow: .1em 0 .1em 0 var(--overlay-dark-color-vanishing);
    width: calc(.8 * var(--logs-row-height));
    height: var(--logs-row-height);
    overflow: clip;
    border-radius: 0 69em 69em 0;
}

div.top-right-corner-button {
    border: 1px solid var(--overlay-dark-color-vanishing);
    border-top: none;
    border-right: none;
    box-shadow: -.1em .1em .1em 0 var(--overlay-dark-color-vanishing);
    width: var(--corner-button-width);
    height: var(--corner-button-height);
    overflow: clip;
    border-radius: .1em 0 .1em 3.6em;
    transition: all .2s ease-out;
}

div#boosts-table div.top-right-corner-button,
div#sacrifices-table div.top-right-corner-button,
div#nominations-table div.top-right-corner-button,
div#resurrections-table div.top-right-corner-button,
div#changelog-table div.top-right-corner-button {
    display: flex;
    justify-content: safe center;
    align-items: safe center;
    border: 1px solid var(--overlay-dark-color-vanishing);
    border-right: none;
    box-shadow: -.1em 0 .1em 0 var(--overlay-dark-color-vanishing);
    width: calc(.8 * var(--logs-row-height));
    height: var(--logs-row-height);
    overflow: clip;
    border-radius: 69em 0 0 69em;
}

div.top-left-corner-button:hover {
    cursor: pointer;
    border: 1px solid #00000010;
    border-top: none;
    border-left: none;
    box-shadow: .1em .1em .1em 0 var(--overlay-dark-color-muted);
}

div#boosts-table div.top-left-corner-button:hover,
div#sacrifices-table div.top-left-corner-button:hover,
div#nominations-table div.top-left-corner-button:hover,
div#resurrections-table div.top-left-corner-button:hover,
div#changelog-table div.top-left-corner-button:hover {
    border: 1px solid #00000010;
    border-left: none;
    box-shadow: .1em 0 .1em 0 var(--overlay-dark-color-muted);
}

div.top-right-corner-button:hover {
    cursor: pointer;
    border: 1px solid #00000010;
    border-top: none;
    border-right: none;
    box-shadow: -.1em .1em .1em 0 var(--overlay-dark-color-muted);
}

div#boosts-table div.top-right-corner-button:hover,
div#sacrifices-table div.top-right-corner-button:hover,
div#nominations-table div.top-right-corner-button:hover,
div#resurrections-table div.top-right-corner-button:hover,
div#changelog-table div.top-right-corner-button:hover {
    border: 1px solid #00000010;
    border-right: none;
    box-shadow: -.1em 0 .1em 0 var(--overlay-dark-color-muted);
}

div.boost-button,
div.sacrifice-button {
    background-color: #a0c0e040;
}

div.boost-button:hover,
div.sacrifice-button:hover {
    background-color: #a0c0e0e0;
}

span.boost-button-icon,
span.sacrifice-button-icon {
    color: #80588030;
    font-size: 1.4em;
    padding: 0.2em 0 0 0.1em;
    transition: all .2s ease-out;
}

div.boost-button:hover span.boost-button-icon,
div.sacrifice-button:hover span.sacrifice-button-icon {
    color: #604060e0;
}

div.vod-button {
    background-color: #e0d0c0a0;
}

div.vod-button:hover {
    background-color: #e0d0c0e0;
}

span.vod-button-icon {
    color: #b0203070;
    background-image: radial-gradient(ellipse at 60% 60%, #ffffff 0, #ffffff00 40%);
    font-size: 1.4em;
    padding: 0.2em 0 0 0.2em;
    transition: all .4s ease-out;
}

div.vod-button:hover span.vod-button-icon {
    color: #b00000e0;
}

div.menu-button {
    background-color: #b8c0e0a0;
}

div.menu-button:hover {
    background-color: #182870e0;
}

span.menu-button-icon {
    color: #4020b030;
    font-size: 1.4em;
    padding: .16em .3em 0 0;
    transition: all .4s ease-out;
}

div.menu-button:hover span.menu-button-icon {
    color: #d0d0f0c0;
}

div.add-game-button {
    background-color: #ffffff00;
}

div.add-game-button:hover {
    background-color: #182870e0;
}

span.add-game-button-icon {
    color: #ffffff18;
    font-size: 1.4em;
    padding: .16em .3em 0 0;
    transition: all .4s ease-out;
}

div.add-game-button:hover span.add-game-button-icon {
    color: #d0d0f0c0;
}

div.add-changelog-button {
    background-color: #ffffff00;
}

div.add-changelog-button:hover {
    background-color: #182870e0;
}

span.add-changelog-button-icon {
    color: #ffffff18;
    transition: all .4s ease-out;
}

div.add-changelog-button:hover span.add-changelog-button-icon {
    color: #d0d0f0c0;
}

div.edit-button {
    background-color: #c0b0e8a0;
}

div.edit-button:hover {
    background-color: #281870e0;
}

span.edit-button-icon {
    color: #4020b030;
    font-size: 1em;
    padding: 0 0 0 .1em;
    transition: all .4s ease-out;
}

div.edit-button:hover span.edit-button-icon {
    color: #d0d0f0c0;
}

div.delete-button {
    background-color: #e8c0b0a0;
}

div.delete-button:hover {
    background-color: #702818e0;
}

span.delete-button-icon {
    color: #b0402030;
    font-size: 1em;
    padding: 0 .1em 0 0;
    transition: all .4s ease-out;
}

div.delete-button:hover span.delete-button-icon {
    color: #f0d0d0c0;
}

div.changelog-link-button {
    background-color: #b0c0e0c0;
}

div.changelog-link-button:hover {
    background-color: #385088e0;
}

span.changelog-link-button-icon {
    color: #3020b070;
    font-size: 1.1em;
    padding: 0 0 0 .1em;
    transition: all .4s ease-out;
}

div.changelog-link-button:hover span.changelog-link-button-icon {
    color: #d8e0f0e0;
}

div.data-span-log-announcement-announce-button {
    cursor: pointer;
    position: absolute;
    font-size: 1.1em;
    font-weight: 500;
    height: calc(.88 * var(--logs-row-height));
    line-height: calc(.88 * var(--logs-row-height));
    width: calc(.8 * var(--game-data-form-button-width));
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    padding: .2em .5em;
    color: var(--overlay-light-color-double);
    background-color: var(--primary-dark-color-bright);
    border: 1px solid var(--overlay-dark-color);
    border-radius: .6em;
    box-shadow: 0 0 .3em .2em var(--overlay-light-color-muted);
    transition: all .25s ease-out;
}

div.data-span-log-announcement-announce-button:hover {
    z-index: 16;
    color: var(--overlay-dark-color-double);
    background-color: var(--primary-light-color-highlight);
    box-shadow: 0 0 .3em .3em var(--overlay-light-color);
    font-size: 1.6em;
    height: calc(var(--logs-row-height) * 1.1);
    line-height: calc(var(--logs-row-height) * 1.1);
    width: calc(var(--game-data-form-button-width) * 1.1);
    animation-name: wiggle;
    animation-duration: 0.33s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1.0);
}

div.data-span-announcement-announce-button-clicked {
    z-index: 16;
    cursor: pointer;
    position: absolute;
    color: var(--overlay-dark-color-double);
    background-color: var(--primary-light-color-highlight);
    box-shadow: 0 0 .3em .3em var(--overlay-light-color);
    font-size: 1.6em;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    height: calc(var(--logs-row-height) * 1.1);
    line-height: calc(var(--logs-row-height) * 1.1);
    width: calc(var(--game-data-form-button-width) * 1.1);
    padding: .2em .5em;
    border: 1px solid var(--overlay-dark-color);
    border-radius: .6em;
    animation-name: wiggle;
    animation-duration: 0.1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1.0);
    transition: all 1s ease-out;
}

div.load-more-button {
    cursor: pointer;
    position: absolute;
    bottom: calc(-1.5 * var(--logs-row-height) - .4em);
    font-size: 1.3em;
    font-weight: 400;
    height: var(--logs-row-height);
    line-height: var(--logs-row-height);
    width: var(--game-data-form-button-width);
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    padding: .2em .5em;
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-midtone);
    border: 1px solid var(--overlay-dark-color);
    border-radius: .4em;
    box-shadow: 0 0 .3em .2em var(--overlay-light-color-muted);
    transition: all .25s ease-out;
}

div.load-more-button:hover {
    background-color: var(--primary-light-color-highlight);
    box-shadow: 0 0 .3em .3em var(--overlay-light-color);
    font-size: 1.6em;
    height: calc(var(--logs-row-height) * 1.1);
    line-height: calc(var(--logs-row-height) * 1.1);
    width: calc(var(--game-data-form-button-width) * 1.1);
    animation-name: wiggle;
    animation-duration: 0.33s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1.0);
}

@keyframes unfoldRow {
    0% {
        max-height: 0;
        color: #00000000;
    }
    100% {
        max-height: var(--game-row-height);
        color: #000000ff;
    }
}

tr.reordered-row div.table-data {
    animation-name: unfoldRow;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

@keyframes foldRow {
    0% {
        max-height: var(--game-row-height);
    }
    100% {
        max-height: 0;
    }
}

tr.deleted-row div.table-data {
    height: var(--game-row-height);
    animation-name: foldRow;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
}

div.game-data-popup,
div.changelog-popup {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-content: safe center;
    justify-content: safe center;
    align-items: safe center;
    min-width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
}

div.game-data-popup::-webkit-scrollbar-track:vertical,
div.changelog-popup::-webkit-scrollbar-track:vertical {
    margin: .8em 0;
}

div.game-data-popup::-webkit-scrollbar-track:horizontal,
div.changelog-popup::-webkit-scrollbar-track:horizontal {
    margin: 0 .8em;
}

div.game-data-popup-container,
div.changelog-popup-container {
    z-index: 100;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 76vw;
    max-height: 84vh;
    background-color: var(--primary-dark-color-shadow);
    padding: .5em;
    border: 2px outset var(--overlay-light-color-muted);
    border-radius: 1.6em;
    box-shadow: 0 0 8vw 4vw var(--overlay-dark-color), inset 0 0 6vw 1vw var(--overlay-dark-color-muted);
    overflow: scroll;
}

div.game-data-popup-block,
div.changelog-popup-block {
    position: relative;
    margin: .4em;
}

div.game-data-popup-notes-block,
div.changelog-popup-description-block {
    margin: .4em .4em .4em 3.2em;
}

div.game-data-popup-block-grid,
div.changelog-popup-block-grid,
div.game-data-popup-block-column,
div.changelog-popup-block-column,
div.game-data-popup-block-row,
div.changelog-popup-block-row {
    margin: .6em;
}

div.static-block-grid,
div.game-data-popup-block-grid,
div.changelog-popup-block-grid {
    display: grid;
    justify-content: stretch;
    align-items: stretch;
    justify-items: start;
}

div.static-block-grid-item {
}

div.static-block-column,
div.game-data-popup-block-column,
div.changelog-popup-block-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: safe center;
}

div#rules-block div.static-block-column {
    max-width: 32.5em;
}

@media (max-width: 104em) {
    div#rules-block div.static-block-column {
        max-width: 52em;
    }
}

div#stats-block div.static-block-column {
    max-width: 27.5em;
}

@media (max-width: 89em) {
    div#stats-block div.static-block-column {
        max-width: 45em;
    }
}

div.content-block:has(div#feed-block),
div.content-block div#feed-block,
div.content-block div#feed-block div.static-block-content {
    width: 100%;
}

div.content-block div#feed-block div.static-block-content {
    margin: .4em 0;
}

div.content-block div#feed-block div.static-block-scrollbox {
    max-width: 100vw;
    max-height: unset;
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
}

@media (max-width: 89em) {
    div.content-block:has(div#feed-block),
    div.content-block div#feed-block,
    div.content-block div#feed-block div.static-block-content {
        width: 100%;
    }

    div.content-block div#feed-block div.static-block-content {
        margin: .4em 0;
    }

    div.content-block div#feed-block div.static-block-scrollbox {
        max-width: 100vw;
        max-height: unset;
        border: none;
        overflow-y: auto;
    }
}

div#feed-block div.static-block-column {
    max-width: 26em;
}

div.static-block-row,
div.game-data-popup-block-row,
div.changelog-popup-block-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: safe center;
}

div#rules-block div.static-block-row,
div#stats-block div.static-block-row {
    flex-wrap: wrap;
}

div.game-data-popup-block-row,
div.changelog-popup-block-row {
    align-items: safe center;
}

div.static-block-row {
    align-items: flex-start;
}

div.static-block-row > div {
    margin: 0 .33em;
}

div.game-data-popup-heading-block,
div.changelog-popup-heading-block,
div.game-data-popup-subheading-block {
    text-align: center;
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    white-space: nowrap;
}

div.game-data-popup-heading-block,
div.changelog-popup-heading-block {
    font-size: 2.6em;
    font-weight: 500;
    color: var(--primary-light-color-midtone);
}

div.game-data-popup-heading-block:has(+ div.game-data-popup-subheading-block) {
    padding-bottom: .1em;
    border-bottom: 1px solid var(--overlay-light-color-soft);
}

div.game-data-popup-subheading-block {
    font-size: 1.4em;
    font-weight: 100;
    color: var(--primary-light-color-midtone);
    margin: .3em 0 .6em;
}

div.game-data-popup-game-id-block,
div.changelog-popup-log-id-block {
    display: none;
}

img.game-data-popup-cover-art-preview {
    border: 1px solid var(--primary-dark-color-midtone);
    border-radius: 1em;
    box-shadow: 0 0 1.2em .1em var(--overlay-light-color);
}

img.game-data-popup-cover-art-preview[src$="temp.png"] {
    border: 1px solid var(--primary-dark-color-midtone);
    box-shadow: 0 0 1.8em .3em var(--overlay-light-color-muted);
    opacity: 33%;
}

div.game-data-popup-tags-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: safe center;
    align-items: safe center;
    white-space: nowrap;
}

div.game-data-popup-cover-art-preview-block {
    margin: .4em 3.2em .4em .4em;
}

div.game-data-popup-cover-art-block {}
div.game-data-popup-notes-block {}

div.game-data-popup-submit-block,
div.changelog-popup-submit-block {
    font-size: 1.5em;
    font-weight: 500;
    height: var(--game-data-form-button-height);
    line-height: var(--game-data-form-button-height);
    width: var(--game-data-form-button-width);
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    padding: .2em .5em;
    margin: .4em 1.6em;
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-midtone);
    border: 1px solid var(--overlay-dark-color);
    border-radius: .4em;
    box-shadow: 0 0 .3em .2em var(--overlay-light-color-muted);
    transition: all .25s ease-out;
    cursor: pointer;
}

div.game-data-popup-submit-block:hover,
div.changelog-popup-submit-block:hover {
    background-color: var(--primary-light-color-highlight);
    box-shadow: 0 0 .3em .3em var(--overlay-light-color);
    font-size: 1.8em;
    height: calc(var(--game-data-form-button-height) * 1.1);
    line-height: calc(var(--game-data-form-button-height) * 1.1);
    width: calc(var(--game-data-form-button-width) * 1.1);
    margin: .4em 1.05em;
    animation-name: wiggle;
    animation-duration: 0.33s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.75, 0, .25, 1.0);
}

@keyframes wiggle {
    0% {
        rotate: 0;
    }
    25% {
        rotate: .5deg;
    }
    75% {
        rotate: -.5deg;
    }
    100% {
        rotate: 0;
    }
}

div.game-data-popup-block-header,
div.changelog-popup-block-header {
    font-size: 1.4em;
    font-weight: 100;
    color: var(--primary-light-color-midtone);
    text-shadow: 1px 1px 5px var(--overlay-light-color-muted), -1px -1px 5px var(--overlay-light-color-muted);
    margin: 0 0 .3em .7em;
}

input.game-data-popup-block-input,
input.changelog-popup-block-input,
textarea.game-data-popup-block-textarea,
textarea.changelog-popup-block-textarea {
    position: relative;
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    color: var(--primary-light-color-midtone-contrast);
    background-color: var(--primary-dark-color-midtone);
    padding: .35em .9em .45em;
    border: .05em solid var(--primary-dark-color-midtone-contrast);
}

input.game-data-popup-block-input,
input.changelog-popup-block-input {
    min-width: var(--game-data-form-input-width);
    max-width: var(--game-data-form-input-width);
    line-height: var(--game-data-form-input-height);
    font-family: "Barlow Condensed", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    border-radius: .6em .3em 1.5em .6em;
}

textarea.game-data-popup-block-textarea,
textarea.changelog-popup-block-textarea {
    font-family: "Barlow Condensed", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    width: var(--game-data-form-textarea-width);
    height: var(--game-data-form-textarea-height);
    border-radius: .3em .6em .3em 1.5em
}

input.game-data-popup-block-input:focus,
input.changelog-popup-block-input:focus,
textarea.game-data-popup-block-textarea:focus,
textarea.changelog-popup-block-textarea:focus {
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-midtone);
    border: .05em solid var(--overlay-dark-color);
    outline: none;
    box-shadow: 0 0 .5em .3em var(--overlay-light-color), inset 0 0 .5em .3em var(--overlay-light-color);
}

input.game-data-popup-block-input:not(:focus)::selection,
input.changelog-popup-block-input:not(:focus)::selection,
textarea.game-data-popup-block-textarea:not(:focus)::selection,
textarea.changelog-popup-block-textarea:not(:focus)::selection {
    color: var(--primary-light-color-midtone);
    background-color: var(--primary-dark-color-bright);
    text-shadow: 0 0 1px #f8f8e880;
}

input.game-data-popup-block-input:focus::selection,
input.changelog-popup-block-input:focus::selection,
textarea.game-data-popup-block-textarea:focus::selection,
textarea.changelog-popup-block-textarea:focus::selection {
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--overlay-dark-color-soft);
    text-shadow: 0 0 1px #08081080;
}

input.game-data-popup-block-input-protected {}

textarea.game-data-popup-notes-block-textarea {}

div.game-data-popup-block-autocomplete {
    position: absolute;
    top: 2.4em;
    left: calc(var(--game-data-form-input-width) + .3em);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: stretch;
    min-width: var(--game-data-form-input-width);
    max-width: var(--game-data-form-input-width);
}

div.game-data-popup-developers-block-autocomplete {}
div.game-data-popup-publishers-block-autocomplete {}
div.game-data-popup-settings-block-autocomplete {}
div.game-data-popup-genres-block-autocomplete {}

button.game-data-popup-block-autocomplete-option {
    z-index: 1;
    position: relative;
    display: block;
    max-width: var(--game-data-form-input-width);
    margin: 0 0 .3em .4em;
    white-space: nowrap;
    overflow: clip;
    font-size: 0.9em;
    font-weight: 400;
    color: #e0e0f0f0;
    padding: .2em .5em .25em;
    border: .1em solid #8080a040;
    border-radius: .6em;
    background-color: #10101880;
}

button.game-data-popup-developers-block-autocomplete-option {}
button.game-data-popup-publishers-block-autocomplete-option {}
button.game-data-popup-settings-block-autocomplete-option {}
button.game-data-popup-genres-block-autocomplete-option {}

div.game-data-popup-block-values {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: safe center;
    max-width: var(--game-data-form-input-width);
}

div.game-data-popup-developers-block-values {}
div.game-data-popup-publishers-block-values {}
div.game-data-popup-settings-block-values {}
div.game-data-popup-genres-block-values {}

div.game-data-popup-block-values-item {
    display: block;
    font-size: .9em;
    font-weight: 400;
    color: var(--primary-light-color-highlight-contrast);
    padding: .1em .4em .25em;
    margin: .35em .35em 0 0;
    border: 1px solid var(--overlay-light-color-muted);
    border-radius: .75em;
    background-color: var(--primary-dark-color-bright-contrast);
}

div.game-data-popup-block-values-item-text {
    display: inline-block;
    text-align: left;
}

div.game-data-popup-block-values-item-remove-icon {
    cursor: pointer;
    display: inline-block;
    font-size: .9em;
    text-align: right;
    color: var(--primary-dark-color-shadow-contrast);
    margin-left: .4em;
}

div.game-data-popup-tags-group {
    display: inline-block;
}

div.game-data-popup-tags-group:not(:first-child) {
    margin-left: .4em;
}

div.game-data-popup-tag-button {
    cursor: pointer;
    min-width: 8em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 500;
    padding: .3em;
    border-radius: .6em;
    transition: all .4s ease-out;
}

div.game-data-popup-tag-button-on-hold {}
div.game-data-popup-tag-button-special {}
div.game-data-popup-tag-button-replay {}
div.game-data-popup-tag-button-idea {}
div.game-data-popup-tag-button-preview {}
div.game-data-popup-tag-button-viewer-request {}
div.game-data-popup-tag-button-sponsored {}
div.game-data-popup-tag-button-with-community {}
div.game-data-popup-tag-button-critical-hits {}
div.game-data-popup-tag-button-non-resurrectable {}
div.game-data-popup-tag-button-resurrection-queue {}

div.game-data-popup-tag-button-test-stream:not(.game-data-popup-tag-button-selected),
div.game-data-popup-tag-button-removed:not(.game-data-popup-tag-button-selected) {
    display: none;
}


div.game-data-popup-tag-button:not(.game-data-popup-tag-button-selected) {
    color: var(--overlay-light-color-muted);
    background-color: var(--overlay-dark-color-soft);
    border: .1em solid var(--overlay-light-color-vanishing);
    box-shadow: 0 0 .2em .1em var(--overlay-dark-color-muted);
}

div.game-data-popup-tag-button-selected {
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-midtone);
    border: .1em solid var(--overlay-dark-color);
    box-shadow: 0 0 .3em .1em var(--overlay-light-color);
}

div.game-data-popup-tag-button:not(:first-child) {
    margin-top: .4em;
}

td:has(div.menu-popup-container),
td:has(div.nomination-popup-container),
td:has(div.resurrection-popup-container),
td:has(div.boost-popup-container),
td:has(div.sacrifice-popup-container) {
    position: relative;
}

div.confirmation-popup-container {
    z-index: 40;
    position: absolute;
    bottom: -.8em;
    right: calc(-1 * var(--confirmation-popup-container-width) - 1.3em);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-end;
    align-items: safe center;
    padding: .2em;
    min-width: var(--confirmation-popup-container-width);
    max-width: var(--confirmation-popup-container-width);
    min-height: var(--confirmation-popup-container-height);
    color: var(--primary-light-color-midtone);
    background-color: var(--accent-color-3-midtone);
    border: 1px solid var(--overlay-dark-color-muted);
    border-radius: .5em;
    box-shadow: 0 0 2em .2em var(--overlay-dark-color);
}

div.menu-popup-container,
div.nomination-popup-container,
div.resurrection-popup-container,
div.boost-popup-container,
div.sacrifice-popup-container,
div.nomination-popup-autocomplete-panel,
div.resurrection-popup-autocomplete-panel,
div.boost-popup-autocomplete-panel,
div.sacrifice-popup-autocomplete-panel {
    z-index: 30;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: stretch;
    text-align: center;
    margin-top: .6em;
}

div.menu-popup-container,
div.nomination-popup-container,
div.resurrection-popup-container,
div.boost-popup-container,
div.sacrifice-popup-container {
    position: absolute;
    top: 0;
    min-width: 9.6em;
    margin: .2em .7em;
    padding: .5em;
    color: #e0f0f0f0;
    border-radius: .5em;
    box-shadow: 0 0 2em .2em var(--overlay-dark-color);
}

div.menu-popup-container {
    min-width: var(--menu-popup-width);
    max-width: var(--menu-popup-width);
    left: var(--corner-button-width);
    background-color: var(--primary-dark-color-bright);
    border: 1px solid var(--overlay-dark-color-muted);
}

div.header-log-type div.menu-popup-container {
    font-size: .75em;
    left: var(--type-cell-width);
}

div.header-log-type div.menu-popup-heading {
    font-size: 1.35em;
}

div.nomination-popup-container {
    left: calc(var(--menu-popup-width) + 4.6em);
    background-color: var(--accent-color-4-midtone);
    border: 1px solid var(--overlay-dark-color-muted);
}

div.resurrection-popup-container {
    left: calc(var(--menu-popup-width) + 4.6em);
    background-color: var(--accent-color-5-midtone);
    border: 1px solid var(--overlay-dark-color-muted);
}

div.boost-popup-container {
    left: var(--title-cell-width);
    background-color: var(--accent-color-2-shadow);
    border: 1px solid var(--overlay-dark-color-muted);
}

div.sacrifice-popup-container {
    left: var(--title-cell-width);
    background-color: var(--accent-color-1-shadow);
    border: 1px solid var(--overlay-dark-color-muted);
}

div.confirmation-popup-prompt-panel,
div.confirmation-popup-buttons-panel {

}

div.confirmation-popup-prompt-panel {
    font-weight: 400;
    font-size: 1.1em;
    padding-bottom: .4em;
    margin: .6em .3em .3em;
    border-bottom: 1px solid var(--overlay-light-color-soft);
}

div.confirmation-popup-buttons-panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-around;
    align-items: stretch;
    margin: .6em 0;
}

div.menu-popup-heading,
div.nomination-popup-heading,
div.resurrection-popup-heading,
div.boost-popup-heading,
div.sacrifice-popup-heading {

}

div.menu-popup-heading-text {
    padding-bottom: .3em;
    margin-bottom: .6em;
    border-bottom: 1px solid var(--overlay-light-color-soft);
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1em;
    font-weight: 400;
}

div.nomination-popup-heading-text,
div.resurrection-popup-heading-text,
div.boost-popup-heading-text,
div.sacrifice-popup-heading-text {
    padding-bottom: .1em;
    border-bottom: 1px solid var(--overlay-light-color-soft);
    font-family: "Alumni Sans", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1.8em;
    font-weight: 300;
}

div.nomination-popup-heading-game-id,
div.resurrection-popup-heading-game-id,
div.boost-popup-heading-game-id,
div.sacrifice-popup-heading-game-id {
    font-weight: 200;
    font-size: .9em;
    margin: .4em 0 .8em;
}

div.nomination-popup-subheading-input
div.resurrection-popup-subheading-input
div.boost-popup-subheading-input
div.sacrifice-popup-subheading-input {
    font-weight: 300;
    font-size: .9em;
    margin: .2em 0;
}

div.boost-popup-predictions-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: safe center;
    justify-content: flex-start;
    align-items: stretch;
    text-align: center;
    margin-bottom: .6em;
}

div.confirmation-popup-container button,
div.menu-popup-container > button,
div.nomination-popup-container button,
div.resurrection-popup-container button,
div.boost-popup-container button,
div.sacrifice-popup-container button {
    cursor: pointer;
    position: relative;
    font-family: inherit;
    font-size: 1.1em;
    font-weight: 500;
    text-align: center;
    padding: .3em;
    background-color: var(--overlay-light-color-double);
    border: .1em solid var(--overlay-light-color-vanishing);
    border-radius: .6em;
    box-shadow: 0 0 .2em .1em var(--overlay-dark-color-muted);
    transition: all .4s ease-out;
}

div.confirmation-popup-container button {
    color: var(--accent-color-3-shadow);
}
div.menu-popup-container > button {
    color: var(--primary-dark-color-midtone-contrast);
}
div.nomination-popup-container button {
    color: var(--accent-color-4-shadow);
}
div.resurrection-popup-container button {
    color: var(--accent-color-5-shadow);
}
div.boost-popup-container button {
    color: var(--accent-color-2-shadow);
}
div.sacrifice-popup-container button {
    color: var(--accent-color-1-shadow);
}

div.confirmation-popup-container button:hover,
div.menu-popup-container > button:hover,
div.nomination-popup-container button:hover,
div.resurrection-popup-container button:hover,
div.boost-popup-container button:hover,
div.sacrifice-popup-container button:hover {
    color: var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-highlight-contrast);
    border: .1em solid var(--overlay-dark-color);
    box-shadow: 0 0 .2em .1em var(--overlay-light-color);
}

div.menu-popup-container > button,
div.nomination-popup-container button,
div.resurrection-popup-container button,
div.boost-popup-container button,
div.sacrifice-popup-container button {
    margin: .2em 0;
    padding: .2em 0 .3em;
}

div.confirmation-popup-container button {
    margin: 0 .4em;
    padding: .2em .4em .3em;
}

input#nomination-popup-nominator-input,
input#resurrection-popup-resurrector-input,
input#boost-popup-booster-input,
input#sacrifice-popup-sacrificer-input,
textarea#resurrection-popup-proposal-textarea,
input#sacrifice-popup-amount-input {
    position: relative;
    font-family: "Barlow Condensed", "Open Sans", "Segoe UI", "Helvetica", sans-serif;
    font-size: 1.1em;
    font-weight: 400;
    text-align: center;
    color: var(--primary-dark-color-midtone);
    padding: .35em .9em .45em;
    margin: .15em;
    border: .05em solid var(--primary-dark-color-midtone-contrast);
    background-color: var(--primary-light-color-shadow-contrast);
}

input#nomination-popup-nominator-input,
input#resurrection-popup-resurrector-input,
input#boost-popup-booster-input,
input#sacrifice-popup-sacrificer-input {
    line-height: 1.5em;
}

input#nomination-popup-nominator-input,
input#boost-popup-booster-input {
    border-radius: .2em 3.6em;
}

input#resurrection-popup-resurrector-input,
input#sacrifice-popup-sacrificer-input {
    border-radius: .6em .6em 2.4em 2.4em;
}

textarea#resurrection-popup-proposal-textarea {
    border-radius: .6em;
}

input#sacrifice-popup-amount-input {
    line-height: 1.6em;
    border-radius: 2.4em 2.4em .6em .6em;
}

input#nomination-popup-nominator-input::placeholder,
input#resurrection-popup-resurrector-input::placeholder,
input#boost-popup-booster-input::placeholder,
input#sacrifice-popup-sacrificer-input::placeholder,
input#sacrifice-popup-amount-input::placeholder {
    color: var(--overlay-dark-color);
}

@media (max-width: 768px) {
    div.game-table {
        font-size: .75em;
    }

    div.table-data {
        max-height: calc(.75 * var(--game-row-height));
    }

    div#boosts-table div.table-data,
    div#sacrifices-table div.table-data,
    div#nominations-table div.table-data {
        min-height: calc(.75 * var(--logs-row-height));
    }

    div#resurrections-table div.table-data,
    div#changelog-table div.table-data {
        min-height: calc(1.0 * var(--logs-row-height));
    }

    th:has(div.header-cover-art),
    td:has(div.data-cover-art) {
        min-width: calc(.75 * var(--image-width));
        max-width: calc(.75 * var(--image-width));
    }

    th:has(div.header-title),
    th:has(div.header-log-game-title),
    td:has(div.data-title),
    td:has(div.data-log-game-title) {
        min-width: calc(.75 * var(--title-cell-width));
        max-width: calc(.75 * var(--title-cell-width));
    }

    th:has(div.header-log-type),
    td:has(div.data-log-type) {
        min-width: calc(.75 * var(--type-cell-width));
        max-width: calc(.75 * var(--type-cell-width));
    }

    td:has(div.data-resurrection) {
        min-width: calc(.75 * var(--resurrection-cell-width));
        max-width: calc(.75 * var(--resurrection-cell-width));
    }

    div.data-cover-art::after {
        width: calc(.75 * var(--image-width));
        height: calc(.75 * var(--game-row-height));
    }

    div.data-cover-art img {
        width: calc(.75 * var(--image-width));
        height: calc(.75 * var(--game-row-height));
    }

    div.data-span-tag,
    div.data-span-release,
    div.data-span-genre,
    div.data-span-setting {
        height: calc(.75 * var(--tag-height)) !important;
        line-height: calc(.75 * var(--tag-height)) !important;
    }

    div.top-right-corner-button,
    div.top-left-corner-button {
        width: calc(.75 * var(--corner-button-width));
        height: calc(.75 * var(--corner-button-height));
    }

    div.data-span-corner-label {
        width: calc(.75 * var(--corner-label-width));
        height: calc(.75 * var(--corner-label-height));
    }
}