.hero-art.portrait-wukong,.portrait-wukong{background-image:url('assets/monkey-portrait.webp');background-size:cover!important;background-position:50% 38%!important}
.hero-art.portrait-tt,.portrait-tt{background-image:url('assets/tt-portrait-emblems.webp');background-size:350% auto!important;background-position:0 0!important;background-repeat:no-repeat}
.setup-mode .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#relics-button{display:inline-flex;align-items:center;gap:4px;border:0;border-left:1px solid #c3ad6855;padding:0 0 0 9px;background:transparent;color:#ead397;min-height:28px;font-size:12px}
#relics-button .icon{width:16px;height:16px}#relics-button:disabled{opacity:.4}#relics-button.reward-ready{color:#fff4bb}#relics-count:not(:empty){background:#d6b466;color:#17251d;border-radius:10px;padding:2px 6px}
.relics-dialog{width:min(760px,calc(100% - 24px));max-height:90dvh;overflow:auto}.relics-dialog h2{font:36px var(--serif);margin:12px 0 16px}.relics-dialog>p{color:#bccab6;line-height:1.6}
#encounter-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.encounter-card{border:1px solid #cbb17866;background:#10261e;padding:18px}.encounter-heading{display:flex;align-items:center;gap:13px}.encounter-heading h3{font:25px/1.15 var(--serif);margin:7px 0}.encounter-heading .eyebrow{font-size:10px;letter-spacing:.12em}.encounter-heading .detail-emblem{flex:0 0 58px;width:58px;height:58px}.encounter-heading .item-emblem{width:100%;height:100%}.encounter-state{font-size:12px;color:#d7bf84}.encounter-card p,.encounter-card small{font-size:13px;line-height:1.55;color:#b7c7b0}.encounter-card .item-stats{margin:16px 0;padding-left:20px;font-size:13px;line-height:1.7}.encounter-card .primary-button,.encounter-card .text-button{width:100%;margin-top:14px;font-size:13px}.encounter-card .reward-waiting{color:#e2c782;margin-top:12px}.encounter-card .equipped-label{display:block;margin-top:15px}.relics-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.relics-footer button{font-size:13px}
@media(max-width:640px){.setup-mode .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#encounter-cards{grid-template-columns:1fr}.wave-indicator{gap:6px;padding:5px 8px;right:10px}#wave-countdown,.wave-divider{display:none}#relics-button{min-height:32px;padding-left:6px}.relics-dialog h2{font-size:29px}.relics-footer{flex-wrap:wrap}}
.match-settings{border-top:1px solid #b4a27455;padding-top:20px;margin-top:20px}
.match-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
.match-settings-heading .text-button{padding:5px 0;font-size:13px;color:#dac18a}
.lineup-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lineup-controls label{display:flex;flex-direction:column;gap:7px;color:#c7d2c0;font-size:13px}
.lineup-controls select{width:100%;min-width:0;min-height:42px;color:#f0e4c9;background:#173127;border:1px solid #c6ad7066;border-radius:3px;padding:8px;font:14px var(--sans)}
.lineup-controls select:disabled{opacity:.55}
.difficulty-note{font-size:13px;line-height:1.5;color:#aaba9e;margin-top:12px}
.shop-content .shop-layout{display:block;max-height:none;min-height:0;overflow:visible}
.shop-content .shop-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:440px;min-height:0;gap:10px;overflow-y:auto;padding-right:5px}
.shop-content .catalog-item{display:flex;flex-direction:column;align-items:stretch;padding:11px;gap:9px;min-height:140px;text-align:left;cursor:default}
.catalog-inspect{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:70px;padding:0;border:0;background:none;text-align:left;color:inherit}
.shop-content .catalog-emblem,.shop-content .catalog-item .item-emblem{width:46px;height:46px}
.shop-content .catalog-copy strong{font-size:14px;line-height:1.3}
.shop-content .catalog-copy small{font-size:11px;line-height:1.4;margin-top:4px}
.catalog-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:auto}
.catalog-buy{min-height:38px;border:1px solid #dbc07b;background:#c7aa63;color:#13251c;font:600 13px var(--sans);padding:7px 5px}
.catalog-buy:hover{background:#edcf87}.catalog-buy:disabled{background:#263d2e;color:#97aa92;border-color:#a3b08c44;cursor:default}
.catalog-details{min-height:38px;border:1px solid #b2ac8355;background:#14291e;color:#c8d0b7;font:12px var(--sans);padding:7px}
.catalog-reason{display:block;color:#9ba98f;font-size:11px;line-height:1.3;min-height:1.3em}
.shop-content .shop-detail{width:100%;max-width:720px;margin:0 auto;max-height:none;min-height:0;overflow:visible;padding:18px}
.shop-content .shop-detail .detail-action{position:sticky;top:0;z-index:2;background:#152b20;padding:12px 0;border-bottom:1px solid #b9a36355;margin:12px 0}
#back-to-catalog{padding:0 0 16px;font-size:14px;color:#dac18a}
.item-detail-open .shop-category-list,.item-detail-open .gear-limit-note{display:none}
@media(max-width:900px){.lineup-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-content .shop-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.match-settings-heading{align-items:flex-start}.match-settings-heading .text-button{font-size:12px}.lineup-controls{gap:10px}.lineup-controls select{font-size:12px}.shop-content .shop-catalog{max-height:430px;gap:8px}.shop-content .catalog-item{padding:8px}.catalog-inspect{grid-template-columns:36px minmax(0,1fr);gap:7px}.shop-content .catalog-emblem,.shop-content .catalog-item .item-emblem{width:36px;height:36px}.shop-content .catalog-copy strong{font-size:12px}.catalog-actions{grid-template-columns:1fr}.catalog-buy,.catalog-details{min-height:40px}.catalog-details{padding:5px}.shop-content .shop-detail{padding:13px}}