.treasury-view {
    --treasury-bg: url("../image/bg/treasury.png");
    --treasury-category-atlas: url("../image/ui/run_card_icon.png");
    --treasury-coin-atlas: url("../image/ui/gold.png");
    --treasury-details-window: url("../image/ui/window_extra_tall.png");
    padding: 0;
    overflow: hidden;
    color: #d8c6a1;
    background: #050403 var(--treasury-bg) center / 1920px 960px no-repeat;
    font-family: "EB Garamond", "Cinzel", serif;
}
.treasury-view::after { position: absolute; inset: 0; z-index: 50; content: ""; pointer-events: none; background: url("../image/ui/frame.png") center / 1920px 960px no-repeat; }
.treasury-heading { z-index: 4; }
.treasury-categories { position: absolute; left: 42px; top: 20px; z-index: 5; width: 292px; height: 920px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.treasury-category__icon { left: 46px; top: 46px; width: 132px; height: 132px; background-image: var(--treasury-category-atlas); background-size: 528px 132px; background-position: calc(var(--treasury-category-index, 0) * -132px) 0; transform: scale(.9); }
.treasury-category:hover .treasury-category__icon { transform: scale(.95); }
.treasury-category.is-selected .treasury-category__icon,
.treasury-category.is-selected:hover .treasury-category__icon { transform: scale(1); }
.treasury-main { position: absolute; left: 382px; top: 162px; z-index: 2; width: 1120px; height: 650px; }
.treasury-cards { display: grid; grid-template-columns: repeat(3, var(--run-card-width)); justify-content: start; align-items: start; gap: 54px; min-height: 500px; box-sizing: border-box; padding: 32px 0 0 130px; }
.treasury-card { position: relative; width: var(--run-card-width); height: var(--run-card-height); padding: 0; border: 0; color: inherit; background: transparent; filter: brightness(.84); transition: transform .18s ease, filter .18s ease; }
.treasury-card:hover,
.treasury-card:focus-visible { transform: translateY(-7px); filter: brightness(1); }
.treasury-card.is-active { transform: translateY(-9px); filter: brightness(1.08) drop-shadow(0 0 14px rgba(213,166,77,.48)); }
.treasury-card .reward-run-card { pointer-events: none; }
.treasury-empty { grid-column: 1 / -1; margin-top: 135px; color: #a28c68; font-size: 24px; text-shadow: 0 2px 5px #000; }
.treasury-details { --details-button-text-shadow: 0 2px 0 #000; z-index: 7; padding: 128px 54px 78px; color: #cdbb9b; text-align: center; }
.treasury-details__content { width: 292px; max-height: 646px; overflow: hidden; transform: translateY(24px); }
.treasury-details h2 { margin: 0; color: #caba95; font: 700 24px/1.1 var(--font-title); text-align: center; text-shadow: 0 2px 0 #000, 0 0 10px rgba(0,0,0,.8); }
.treasury-wallet { margin-bottom: 18px; }
.treasury-wallet > h2 { margin-bottom: 6px; color: #cba86c; font-size: 16px; text-align: left; text-transform: uppercase; }
.treasury-wallet > p { margin: 0 0 8px; color: #9e8d67; font: 600 11px/1.2 var(--font-body); text-align: right; }
.treasury-wallet > p span { color: #bca177; }
.treasury-wallet__row { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; min-height: 50px; border-top: 1px solid rgba(197,160,89,.2); text-align: left; }
.treasury-wallet__row .treasury-coin-icon { transform: scale(.78); transform-origin: center; }
.treasury-wallet__row > span { color: #cdbb9b; font: 400 14px/1.2 var(--font-body); }
.treasury-wallet__row strong { color: #ead29d; font: 700 18px/1 var(--font-title); }
.treasury-wallet__row em { color: #bca177; font: 600 14px/1 var(--font-body); font-style: normal; }
.treasury-details__divider { height: 1px; margin: 14px 0 18px; background: linear-gradient(90deg, transparent, rgba(185,151,86,.42), transparent); }
.treasury-details__category { display: block; margin: 7px 0 12px; color: #cba86c; font: 700 12px/1.2 var(--font-title); letter-spacing: .12em; text-align: center; text-transform: uppercase; }
.treasury-details__effect { min-height: 40px; margin: 0 0 13px; color: #cdbb9b; font: 400 14px/1.45 var(--font-body); text-align: center; }
.treasury-details__bonus { margin: 0 0 14px; padding: 10px; border-block: 1px solid rgba(185,151,86,.32); color: #bca177; font: 600 12px/1.3 var(--font-body); text-align: center; }
.treasury-details__bonus strong { display: inline-block; margin: 0 7px; color: #ead29d; font: 700 20px/1 var(--font-title); }
.treasury-details__bonus small { color: #9e8d67; }
.treasury-coin-list { display: grid; gap: 7px; }
.treasury-coin-row { display: grid; grid-template-columns: 44px 1fr 48px 48px; gap: 5px; align-items: center; min-height: 52px; border-top: 1px solid rgba(197,160,89,.16); }
.treasury-coin-icon { width: 48px; height: 48px; background: transparent var(--treasury-coin-atlas) 0 0 / 144px 48px no-repeat; }
.treasury-coin-copy { display: grid; color: #9e8d67; font: 400 12px/1.15 var(--font-body); text-align: left; }
.treasury-coin-copy strong { color: #cdbb9b; font: 700 14px/1.2 var(--font-body); }
.treasury-coin-control { width: 48px; height: 48px; padding: 0; border: 0; color: transparent; background: transparent url("../image/ui/button_mini.png") var(--treasury-mini-button-x, 0) 0 / 144px 48px no-repeat; box-shadow: none; font-size: 0; transition: filter .12s ease, transform .08s ease; }
.treasury-coin-control[data-command="assign"] { --treasury-mini-button-x: -48px; }
.treasury-coin-control:not(:disabled):hover { filter: brightness(1.16); }
.treasury-coin-control:not(:disabled):active { background-image: url("../image/ui/button_mini_press.png"); transform: translateY(1px) scale(.985); }
.treasury-coin-control:disabled { opacity: .38; filter: grayscale(.38) brightness(.72); }
.treasury-status { margin-top: 12px; min-height: 30px; color: #bca177; font: 600 11px/1.3 var(--font-body); text-align: center; }
.treasury-status.is-error { color: #d78776; }