/* Castle-O product identity: limestone, dark mineral surfaces and restrained bronze. */

/* Flying Saucer requires an explicit gradient direction; otherwise it paints its transparent zero gradient. */

div.menu-background {
    background-image: linear-gradient(to bottom, #3b3933 0%, #201f1d 100%);
    background-color: #292825;
    background-blend-mode: normal;
    border: 1px solid #59544d;
    border-top: 3px solid #9a6a3a;
    border-radius: 2px;
}

div.menu-background.settings {
    background-image: linear-gradient(to bottom, #3b3933 0%, #201f1d 100%);
    background-color: #292825;
    opacity: 1.0;
}

#loading-menu div.menu-background.top {
    background-image: linear-gradient(to bottom, #e8e1d6 0%, #d8cfc1 100%);
    background-color: #e1d9cd;
    border-color: #786f63;
    border-top-color: #9a6a3a;
}

p.menu.small,
span.menu.small {
    background-color: transparent;
    background-image: none;
    background-blend-mode: normal;
    border: none;
    border-radius: 0;
}

p.menu.small.hoverable {
    padding: 0;
}

#loading-menu p.menu.small {
    margin: 0 12px;
    padding: 0;
    border-bottom: 1px solid #4d4943;
    font-size: 1.18em;
    text-align: left;
}

p.menu.small.hoverable > a.menu.small {
    display: block !important;
    width: auto;
    padding: 0 10px;
    border-left: 3px solid transparent;
}

#loading-menu p.menu.small.hoverable > a.menu.small {
    padding: 7px 14px;
    text-align: left;
}

#loading-menu #wishlist-menu,
#loading-menu #feedback-menu {
    font-size: 1em;
}

#loading-menu .menu.sep {
    height: 0.6em;
}

#settings-actions span.menu.small,
.button-group span.menu.small {
    padding: 0;
    background-color: transparent;
    border: none;
}

#settings-actions span.menu.small > a.menu.small,
.button-group span.menu.small > a.menu.small {
    display: inline-block;
    padding: 3px 12px;
    background-color: #37342f;
    background-image: linear-gradient(to bottom, #403d37 0%, #302e2a 100%);
    border: 1px solid #746b60;
    border-radius: 2px;
}

#settings-actions span.menu.small.key-focus a.menu,
.button-group span.menu.small.key-focus a.menu {
    color: #fff8ec;
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

#settings-actions span.menu.small > a.menu.small:hover,
.button-group span.menu.small > a.menu.small:hover {
    color: #fff8ec;
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

.checkbox .checkmark {
    background-color: #37342f;
    background-image: linear-gradient(to bottom, #403d37 0%, #302e2a 100%);
    border: 1px solid #746b60;
}

.checkbox.checked .checkmark {
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
}

.checkbox.hoverize .checkmark,
.checkbox:hover .checkmark,
.checkbox.key-focus .checkmark,
.keyboard-control.key-focus .checkbox .checkmark {
    background-color: #9a6a3a;
    background-image: linear-gradient(to bottom, #ab7948 0%, #88592f 100%);
    border-color: #d2a06c;
}

.debug a.clickable,
.debug a.menu.hoverable {
    padding: 2px 5px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
}

.debug a.button {
    padding: 2px 8px;
    background-color: #37342f;
    background-image: linear-gradient(to bottom, #403d37 0%, #302e2a 100%);
    border-color: #746b60;
}

.debug a.clickable.hoverize,
.debug a.clickable:hover,
.debug a.clickable.key-focus,
.debug a.menu.hoverable:hover,
.debug a.menu.hoverable.key-focus {
    color: #fff8ec;
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

.menu,
div.menu,
p.menu,
a.menu,
a.clickable {
    color: #eee7dc;
    font-family: "Title", Inter, sans-serif;
    font-style: normal;
}

h1.menu#loading-menu-title,
.header #menu-title {
    color: #2b2824;
    font-family: "Logo", Inter, sans-serif;
}

.version-number {
    color: #a69d91;
}

p.menu.section {
    color: #bdb3a5;
}

a.menu,
a.clickable {
    color: #eee7dc;
}

p.menu.hoverable:hover,
p.menu.hoverable.key-focus {
    background-color: transparent;
}

p.menu.small.hoverable > a.menu.small:hover,
p.menu.small.hoverable > a.menu.small.key-focus,
p.menu.small.hoverable.key-focus > a.menu.small {
    color: #d7a76f;
    background-color: #40382f;
    background-image: linear-gradient(to bottom, #4b4136 0%, #382f28 100%);
    border-left-color: #ad7842;
}

p.menu.hoverable:hover,
a.menu:hover,
a.clickable:hover,
p.menu.hoverable.key-focus,
a.menu.key-focus,
a.clickable.key-focus {
    color: #fff8ec;
}

a.menu.key-focus,
a.clickable.key-focus,
.button.key-focus,
p.menu.small.hoverable.key-focus,
span.menu.small.key-focus,
.keyboard-control.key-focus {
    border-color: #8a6339;
}

a.menu.disabled,
a.clickable.disabled {
    color: #81796f;
}

p.menu.hoverable:active,
a.menu:active {
    color: #d7a76f;
}

hr {
    border-color: #5f5951;
}

.pause table thead td,
.pause table tbody td {
    border-color: #817568;
}

.pause table tbody tr.highlight {
    color: #fff8ec;
    background-color: #514536;
    background-image: linear-gradient(to bottom, #5a4c3b 0%, #493d31 100%);
    background-blend-mode: normal;
}

.credit.group,
.credit.group h2,
div.credit.entries {
    color: #eee7dc;
    background-color: #292825;
    background-image: linear-gradient(to bottom, #302f2b 0%, #252421 100%);
    background-blend-mode: normal;
}

.credit.group {
    border: 1px solid #59544d;
    border-top: 3px solid #9a6a3a;
    border-radius: 2px;
}

.credit.group h2,
div.credit.entries {
    background-color: transparent;
    background-image: none;
}

.what {
    color: #bdb3a5;
}

.who {
    color: #d2a06c;
}

.radio {
    color: #ded6ca;
    background-color: #37342f;
    background-image: linear-gradient(to bottom, #3c3934 0%, #312f2b 100%);
    background-blend-mode: normal;
    border: 1px solid #696158;
    border-radius: 2px;
}

.radio.hoverize,
.radio:hover,
.radio.key-focus {
    color: #fff8ec;
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

.radio.checked {
    color: #f5f2ec;
    background-color: #615f5a;
    background-image: linear-gradient(to bottom, #77756f 0%, #4c4b48 100%);
    border-color: #b8b3aa;
}

.radio.checked.hoverize,
.radio.checked:hover,
.radio.checked.key-focus {
    color: #fff8ec;
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

.radio.disabled,
.radio.disabled.hoverize,
.radio.disabled:hover {
    color: #81796f;
}

.whole-screen.inventory {
    background-color: #1f201e !important;
    background-image: none;
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

.inventory.banner {
    color: #eee7dc;
    background-color: #292825;
    background-image: none;
}

.inventory.header {
    border-bottom: 2px solid #9a6a3a;
}

.inventory.footer {
    border-top: 1px solid #59544d;
}

.inventory.background {
    border: 1px solid #55524c;
    border-radius: 2px;
}

.inventory.background#inventory-player {
    background-color: #303534;
    background-image: linear-gradient(to bottom, #373d3b 0%, #2a2e2d 100%);
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

.inventory.background#inventory-container {
    background-color: #39352f;
    background-image: linear-gradient(to bottom, #423d35 0%, #312e29 100%);
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

.inventory.background#inventory-ground {
    background-color: #332b27;
    background-image: linear-gradient(to bottom, #3d332d 0%, #2c2522 100%);
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

.inventory.slot {
    background-color: #20211f;
    background-image: linear-gradient(to bottom, #282a27 0%, #1d1e1c 100%);
    background-repeat: no-repeat;
    background-blend-mode: normal;
    border-color: #68645d;
    border-radius: 2px;
}

.inventory.slot.selected {
    background-color: #765331;
    background-image: linear-gradient(to bottom, #815c36 0%, #684827 100%);
    border-color: #b37d46;
}

.inventory.slot.enabled {
    border-color: #66806c;
}

/* Castle-O keeps the HUD's deliberate mineral edges; shared transparency remains in effect. */
.sel-text-inner {
    border-radius: 3px;
}

.var-text-outer {
    border-radius: 4px;
}

.var-text-inner {
    border-radius: 3px;
}

#choice-title,
#choice-options-panel {
    border-radius: 3px;
}