.sample-village-controls {
    position: sticky;
    top: max(env(safe-area-inset-top, 0px), var(--village-log-toolbar-top, 0px));
    z-index: 825;
    display: grid;
    grid-template-columns: minmax(0, 15em) repeat(2, minmax(0, 11em));
    align-items: end;
    gap: .4em .75em;
    padding: .45em .55em;
    border: 1px solid var(--site-panel-border, #777852);
    border-radius: var(--site-ui-radius, 0);
    background: linear-gradient(var(--site-page-bg, #000), var(--site-page-bg, #000)), var(--site-bg, #000);
    color: var(--site-text, #fff);
}

.sample-village-controls label {
    display: grid;
    gap: .15em;
    margin: 0;
}

.sample-village-controls select {
    min-inline-size: 0;
    inline-size: 100%;
}

.sample-village-control-actions {
    grid-column: 1 / -1;
    display: grid;
    align-items: center;
    gap: .35em .65em;
    justify-content: start;
}

.sample-village-round-actions {
    grid-template-columns: repeat(3, minmax(0, max-content));
}

.sample-village-jump-actions {
    grid-template-columns: repeat(2, minmax(0, max-content));
}

.sample-village-control-actions button {
    min-inline-size: 0;
    white-space: normal;
}

.sample-village-controls button[hidden] {
    display: none;
}

[data-sample-round-status] {
    grid-column: 1 / -1;
    margin: 0;
}

@media (max-width: 540px) {
    .sample-village-controls {
        grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr));
        column-gap: .4em;
    }
}

[data-sample-village] .server-clock[hidden] { display: none; }

.sample-village-log-action { margin-block-start: .65em; }

[data-sample-room]:not([data-sticky-log-ready]) :is(#log-top, [data-sample-log], .vlog-message[id]) {
    scroll-margin-top: calc(var(--village-log-toolbar-offset, 0px) + 8px);
}

[data-sample-room][data-sticky-log-ready] [data-sample-log] {
    scroll-margin-top: calc(var(--village-log-sticky-inset) + var(--village-log-days-height, 0px)
            + var(--village-log-pages-height, 0px) + 8px);
}

[data-sample-room] #mobile-say-panel {
    scroll-margin-top: calc(var(--village-log-toolbar-offset, 0px)
            + var(--village-log-days-height, 0px) + var(--village-log-pages-height, 0px) + 8px);
}

body[data-sample-read-only-mode] #mobile-say-panel,
[data-sample-village] .mobile-say-toolbar[hidden],
[data-sample-village] [data-message-type-tab][hidden],
[data-sample-village] [data-simple-say-type][hidden],
[data-sample-read-only-mode] .simple-say-inline {
    display: none;
}

.sample-village-help {
    margin-block: .6em 1em;
}

.sample-village-help summary {
    cursor: pointer;
    color: var(--site-link, inherit);
}

.sample-village-ability-guide {
    margin-block: .75em;
    font-weight: inherit;
}

.sample-village-ability-guide p {
    margin-block: .35em 0;
}

.sample-village-ability-guide ol {
    margin-block: .35em .7em;
    padding-inline-start: 1.5em;
}

.sample-village-ability-guide li + li {
    margin-block-start: .3em;
}

[data-sample-guide] {
    --message-format-color-purple: var(--site-sample-guide-emphasis, #c3f6ad);
}

[data-sample-guide] .vlog-text-content a.message-anchor {
    text-decoration-line: underline;
    text-underline-offset: .14em;
}

[data-sample-extraction][hidden] { display: none; }
[data-sample-extraction] .message-index[hidden] { display: none; }

[data-sample-village] .sample-village-checkbox { display: flex; align-items: center; }
[data-sample-village]:not([data-village-log-navigation-mode="BOTTOM"]) [data-sample-bottom-nav],
[data-sample-village]:not([data-village-log-navigation-mode="FLOATING_MENU"]) [data-village-log-navigation-open],
[data-sample-village] :is(.message-index, .say-form-vote-controls, #assigned-role-panel, #ability-form,
    .role-result-table, .village-vote-label, .village-vote-method, .village-log-navigation-filter-option)[hidden] {
    display: none;
}

[data-sample-room][hidden], [data-sample-confirm][hidden], [data-sample-information][hidden],
[data-sample-profile][hidden], [data-sample-results][hidden],
[data-sample-confirm] :is(.private-talk-confirm-recipient, .private-talk-confirm-image)[hidden],
[data-sample-confirm] .private-talk-confirm-image:has(.image-missing),
[data-sample-village] :is(.notice, .wolf-toolbox, .epilogue-results-jump, .village-log-show-all,
    .village-update-countdown, .epilogue-countdown)[hidden] { display: none; }
[data-sample-village] .vlog-layout[data-red-tools="false"] :is(.red-mobile-tabs, .vlog-red-pane) { display: none; }