/* Betrayal page polish: modal and ending routes */
body .betrayal-modal-backdrop {
    background:
        radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.08), transparent 35%),
        rgba(0, 0, 0, 0.78) !important;
    backdrop-filter: blur(12px) saturate(0.7) !important;
}

body .betrayal-modal {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    background:
        radial-gradient(circle at 16% -12%, rgba(255, 255, 255, 0.12), transparent 38%),
        linear-gradient(145deg, #171717 0%, #0d0d0d 54%, #060606 100%) !important;
    box-shadow:
        0 34px 110px rgba(0, 0, 0, 0.72),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body .betrayal-modal::before {
    opacity: 0.42 !important;
    background:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px) !important;
}

body .betrayal-modal-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body .betrayal-eyebrow,
body .betrayal-row-area,
body .betrayal-modal-switch,
body .betrayal-ending-card-number {
    color: rgba(238, 238, 232, 0.56) !important;
    letter-spacing: 0.12em !important;
}

body .betrayal-modal-head h2,
body .betrayal-ending-card h2 {
    color: #f2f1ec !important;
}

body .betrayal-modal-switch button {
    color: #e8e6dd !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
}

body .betrayal-modal-switch button:hover {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.56) !important;
}

body .betrayal-destroy-toggle {
    color: rgba(232, 230, 221, 0.78) !important;
}

body .betrayal-modal-close {
    color: rgba(242, 241, 236, 0.78) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body .betrayal-modal-close:hover {
    color: #ffffff !important;
    background: transparent !important;
}

body .betrayal-farming-row {
    border-color: rgba(255, 255, 255, 0.105) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 12px 28px rgba(0, 0, 0, 0.26) !important;
}

body .betrayal-farming-row:hover {
    border-color: rgba(255, 255, 255, 0.2) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)) !important;
}

body .betrayal-row-condition {
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.065) !important;
    color: rgba(238, 236, 226, 0.8) !important;
    padding: 0.16rem 0.42rem !important;
}

body .betrayal-row-method {
    color: #f4f3ee !important;
    font-weight: 820 !important;
}

body .betrayal-item-list span {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: rgba(0, 0, 0, 0.24) !important;
    color: rgba(232, 230, 221, 0.73) !important;
}

body .betrayal-farming-row-wanted,
body .betrayal-farming-row-usable {
    border-color: rgba(233, 226, 192, 0.42) !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(233, 226, 192, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)) !important;
    box-shadow:
        0 0 0 1px rgba(233, 226, 192, 0.08),
        0 18px 36px rgba(0, 0, 0, 0.3) !important;
}

body .betrayal-item-list span.betrayal-item-chip-wanted {
    border-color: rgba(233, 226, 192, 0.66) !important;
    background: linear-gradient(145deg, rgba(233, 226, 192, 0.22), rgba(255, 255, 255, 0.06)) !important;
    color: #fffdf0 !important;
    box-shadow: 0 0 18px rgba(233, 226, 192, 0.22) !important;
}

body .betrayal-ending-toolbar {
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.026)) !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.34) !important;
    padding: 0.82rem !important;
}

body .betrayal-ending-filter {
    background: transparent !important;
    border: 0 !important;
}

body .betrayal-ending-filter button {
    border: 1px solid rgba(255, 255, 255, 0.105) !important;
    background: rgba(0, 0, 0, 0.18) !important;
    color: rgba(232, 230, 221, 0.62) !important;
}

body .betrayal-ending-filter button.active {
    border-color: rgba(255, 255, 255, 0.32) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.075)) !important;
    color: #ffffff !important;
}

body .betrayal-ending-filter-separator {
    color: rgba(255, 255, 255, 0.18) !important;
}

body .betrayal-ending-search {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: rgba(0, 0, 0, 0.22) !important;
}

body .betrayal-ending-search span {
    color: rgba(232, 230, 221, 0.52) !important;
}

body .betrayal-ending-progress {
    border-left-color: rgba(255, 255, 255, 0.11) !important;
}

body .betrayal-ending-progress span {
    color: rgba(232, 230, 221, 0.48) !important;
}

body .betrayal-ending-progress strong {
    color: #f2f1ec !important;
}

body .betrayal-ending-card {
    overflow: hidden !important;
    border-color: rgba(255, 255, 255, 0.105) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.08), transparent 30%),
        linear-gradient(145deg, rgba(22, 22, 22, 0.96), rgba(9, 9, 9, 0.96)) !important;
    box-shadow:
        0 18px 52px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

body .betrayal-ending-card::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.04)) !important;
    opacity: 0.65 !important;
}

body .betrayal-ending-card.open {
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow:
        0 24px 66px rgba(0, 0, 0, 0.44),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body .betrayal-ending-card.cleared {
    opacity: 0.54 !important;
    filter: grayscale(0.86) !important;
}

body .betrayal-ending-card-toggle {
    color: inherit !important;
}

body .betrayal-ending-tags span {
    border-color: rgba(255, 255, 255, 0.11) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: rgba(232, 230, 221, 0.64) !important;
}

body .betrayal-ending-card-toggle p,
body .betrayal-ending-method {
    color: rgba(232, 230, 221, 0.62) !important;
}

body .betrayal-ending-toggle-mark {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.045) !important;
}

body .betrayal-ending-toggle-mark::before {
    border-color: rgba(242, 241, 236, 0.82) !important;
}

body .betrayal-ending-panel {
    border-top-color: rgba(255, 255, 255, 0.105) !important;
    background: rgba(0, 0, 0, 0.12) !important;
}

body .betrayal-ending-guide,
body .betrayal-ending-items,
body .betrayal-ending-steps {
    border-color: rgba(255, 255, 255, 0.105) !important;
    background: rgba(255, 255, 255, 0.045) !important;
}

body .betrayal-ending-guide strong,
body .betrayal-ending-items h3,
body .betrayal-ending-steps h3 {
    color: #f2f1ec !important;
}

body .betrayal-ending-guide-list span {
    color: rgba(232, 230, 221, 0.72) !important;
}

body .betrayal-ending-guide-list span::before {
    background: rgba(242, 241, 236, 0.56) !important;
}

body .betrayal-ending-item-chip {
    border-color: rgba(255, 255, 255, 0.105) !important;
    background: rgba(0, 0, 0, 0.18) !important;
}

body .betrayal-ending-item-chip.checked {
    border-color: rgba(242, 241, 236, 0.42) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

body .betrayal-ending-clear-box,
body .betrayal-ending-checkbox {
    border-color: rgba(255, 255, 255, 0.34) !important;
    background: rgba(0, 0, 0, 0.3) !important;
}

body .betrayal-ending-clear.checked .betrayal-ending-clear-box,
body .betrayal-ending-item-chip.checked .betrayal-ending-checkbox {
    border-color: #f0eee7 !important;
    background: #f0eee7 !important;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.18) !important;
}

body .betrayal-ending-clear.checked .betrayal-ending-clear-box::after,
body .betrayal-ending-item-chip.checked .betrayal-ending-checkbox::after {
    border-color: #0b0b0b !important;
}

body .betrayal-ending-item-text strong {
    color: rgba(242, 241, 236, 0.88) !important;
}

body .betrayal-ending-item-text em {
    color: rgba(232, 230, 221, 0.5) !important;
}

body .betrayal-ending-steps li {
    border-color: rgba(255, 255, 255, 0.095) !important;
    background: rgba(0, 0, 0, 0.18) !important;
    color: rgba(232, 230, 221, 0.72) !important;
}

body .betrayal-step-label {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.075) !important;
    color: #f2f1ec !important;
}

@media (max-width: 720px) {
    body .betrayal-ending-toolbar {
        padding: 0.68rem !important;
        border-radius: 18px !important;
    }

    body .betrayal-ending-progress {
        border-left: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding-top: 0.62rem !important;
    }
}

/* Betrayal side panels */
body .betrayal-item-panel-body,
body .betrayal-memo-panel {
    border-color: rgba(255, 255, 255, 0.14) !important;
    background:
        radial-gradient(circle at 12% -8%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(145deg, #171717 0%, #0c0c0c 58%, #050505 100%) !important;
    box-shadow:
        0 28px 82px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body .betrayal-memo-panel {
    background:
        radial-gradient(circle at 88% -8%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(145deg, #171717 0%, #0c0c0c 58%, #050505 100%) !important;
}

body .betrayal-item-panel-toggle,
body .betrayal-memo-toggle {
    border-color: rgba(255, 255, 255, 0.16) !important;
    background:
        linear-gradient(180deg, #1d1d1d 0%, #0d0d0d 100%) !important;
    color: #f2f1ec !important;
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body .betrayal-item-panel-toggle span,
body .betrayal-memo-toggle span {
    color: rgba(242, 241, 236, 0.86) !important;
    letter-spacing: 0.1em !important;
}

body .betrayal-item-panel-toggle strong,
body .betrayal-memo-toggle strong {
    color: rgba(232, 230, 221, 0.58) !important;
}

body .betrayal-item-panel-head,
body .betrayal-memo-head {
    border-bottom-color: rgba(255, 255, 255, 0.105) !important;
}

body .betrayal-item-panel-head span,
body .betrayal-memo-head span,
body .betrayal-memo-section-title,
body .betrayal-item-panel-route-title span,
body .betrayal-memo-route-head span {
    color: rgba(232, 230, 221, 0.54) !important;
}

body .betrayal-item-panel-head h2,
body .betrayal-memo-head h2,
body .betrayal-item-panel-route-title strong,
body .betrayal-memo-route-head strong {
    color: #f2f1ec !important;
}

body .betrayal-item-panel-head button,
body .betrayal-memo-head button,
body .betrayal-memo-route-head button {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background: rgba(255, 255, 255, 0.055) !important;
    color: rgba(232, 230, 221, 0.66) !important;
}

body .betrayal-item-panel-head button:hover,
body .betrayal-memo-head button:hover,
body .betrayal-memo-route-head button:hover {
    border-color: rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body .betrayal-item-panel-route,
body .betrayal-memo-route,
body .betrayal-memo-field {
    border-color: rgba(255, 255, 255, 0.105) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.026)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

body .betrayal-item-panel-list label > span {
    border-color: rgba(255, 255, 255, 0.34) !important;
    background: rgba(0, 0, 0, 0.3) !important;
}

body .betrayal-item-panel-list label.checked > span {
    border-color: #f0eee7 !important;
    background: #f0eee7 !important;
    box-shadow: 0 0 18px rgba(255, 255, 255, 0.18) !important;
}

body .betrayal-item-panel-list label.checked > span::after {
    border-color: #0b0b0b !important;
}

body .betrayal-item-panel-list em {
    color: rgba(232, 230, 221, 0.78) !important;
}

body .betrayal-item-panel-list label.checked em {
    color: rgba(232, 230, 221, 0.42) !important;
}

body .betrayal-memo-route-head em,
body .betrayal-memo-route-steps li,
body .betrayal-memo-field > span,
body .betrayal-memo-input-wrap em {
    color: rgba(232, 230, 221, 0.62) !important;
}

body .betrayal-memo-route-guides p {
    border-left-color: rgba(242, 241, 236, 0.38) !important;
    color: rgba(232, 230, 221, 0.74) !important;
}

body .betrayal-memo-route-steps b {
    color: #f2f1ec !important;
}

body .betrayal-memo-input-wrap input {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #050505 !important;
    color: #f2f1ec !important;
}

body .betrayal-memo-input-wrap input:focus {
    border-color: rgba(255, 255, 255, 0.34) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.085) !important;
}