/* Expanded trading and refinement keep the established silver/ink visual language. */
.flow-shop .shop-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;overflow:visible!important}
.flow-shop .shop-item{min-width:0;width:auto!important;display:flex;flex-direction:column;align-items:center}
.flow-shop .shop-item .hand-card{width:215px!important;height:320px!important;max-width:100%;flex:none!important;margin:0!important;transform:none!important}
.flow-shop .flow-shop-objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.flow-shop .flow-shop-objects .flow-link{min-width:0;padding:12px;gap:10px}.flow-shop .flow-shop-objects .flow-link>span{letter-spacing:1px}.flow-shop .flow-shop-objects .flow-link> b{font-size:18px}
.legendary-art{mix-blend-mode:screen;border-radius:50%;mask-image:radial-gradient(ellipse,#000 50%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 50%,transparent 73%)}
.relic-display:has(.legendary-art){isolation:auto}.relic-art.legendary-art{filter:none!important}
.legendary-stock{border-color:#d3b27bbb!important;background:linear-gradient(110deg,#3f302344,#15111de8)!important}
.legendary-label{color:#f1cf84!important;letter-spacing:2px!important}
.refinement-branches{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:10px 0 18px}.refinement-branches .button{min-width:100px}
.refinement .flow-upgrade-detail small{display:block;line-height:1.8;color:#c4b1d0}.refinement .flow-upgrade-pair{align-items:center}
.fragment-reward{color:#e4c9ff!important;display:block;margin:10px 0;font-size:13px!important}
.health-recovery-note{display:block;color:#d4e5d8!important;line-height:1.8;margin-top:12px}.vitality-service{border-color:#b79ba85e!important}.chapter-health-receipt{display:grid;gap:7px;margin-top:14px;padding:12px 16px;border-left:2px solid #c3a0b1;background:linear-gradient(90deg,#251c2eda,transparent);max-width:530px}.chapter-health-receipt b{font:22px Georgia,serif;color:#ecc8db}.chapter-health-receipt span{font-size:12px;color:#ddd0e3}.chapter-health-receipt small{font-size:10px;color:#b4a5c0}
.hand-card[data-awakened="true"]{filter:drop-shadow(0 0 5px #e2c69540)}
@media(max-width:1100px){.flow-shop .shop-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-shop .flow-shop-objects{grid-template-columns:1fr}}
@media(max-width:600px){.flow-shop .shop-cards{display:flex!important;overflow-x:auto!important;align-items:flex-start;gap:18px;padding:10px 5px 24px}.flow-shop .shop-item{flex:0 0 215px!important}.flow-shop .flow-shop-objects .flow-link{padding:14px}.refinement .flow-upgrade-detail{padding:12px}.refinement-branches{gap:8px}.refinement-branches .button{min-width:85px;padding:10px}.refinement .flow-upgrade-pair .hand-card .card-copy p{font-size:12px}}
.shop-skill-training{display:grid;gap:10px;padding-bottom:20px;border-bottom:1px solid #b8a0c23d}
.shop-skill-training .flow-section-title{align-items:baseline;gap:8px}
.shop-skill-training .flow-section-title small{font-size:10px;color:#baadc6}
.shop-skill-training .skill-training-option{align-items:flex-start;text-align:left;padding:14px 12px;gap:10px}
.skill-training-option>span{min-width:0;flex:1}
.skill-training-option strong{display:block;font-size:14px;font-weight:400}
.skill-training-option strong i{font-style:normal;font-size:10px;color:#cfb6e2;margin-left:6px;white-space:nowrap}
.skill-training-option em{display:block;margin-top:9px;font-size:11px;font-style:normal;color:#e3c7a2}
.shop-skill-training>p{font-size:10px;line-height:1.8;color:#b5a9bf;margin:0}
#app .flow-shop-services .shop-skill-training .skill-training-option[data-button-family=row]{background:linear-gradient(120deg,#25202ddd,#121019e8)!important;border:1px solid #bba7cb65!important;box-shadow:inset 0 0 0 3px #0e0b143d!important;min-height:110px;padding:16px 13px;gap:11px}
#app .shop-skill-training .skill-training-option>.ui-icon{width:23px;height:26px;flex:none;margin-top:2px}
#app .shop-skill-training .skill-training-option small{font-size:11px;line-height:1.85;margin-top:7px;white-space:normal}
.memory-traits.skill-summary{display:grid;gap:14px;grid-template-columns:1fr}
/* Enemy tactics and earned challenge levels share the existing glass / silver UI. */
.challenge-control{padding:10px 0;border-top:1px solid #b9a3ca44;color:#c9bcd6;min-width:0}
.challenge-control label{display:flex;justify-content:space-between;gap:8px;font-size:13px;letter-spacing:.08em}
.challenge-control label span,.challenge-control small{font-size:11px;color:#a89bb8}
.challenge-control select{width:100%;margin:7px 0;background:#18121fe8;color:#f2e9ff;border:1px solid #9980b2;padding:8px 12px;font:inherit}
.challenge-control p{font-size:12px;line-height:1.65;margin:4px 0}
.challenge-result{max-width:540px;padding:10px 0;border-block:1px solid #aa88c444;color:#e1c6fa;line-height:1.7}
.in-battle .enemy .status-guard,.in-battle .intent-guard{color:#b8d8ef}
.in-battle .enemy .status-rally,.in-battle .intent-rally{color:#f0c18b}
.in-battle .enemy .status-exposed,.in-battle .intent-expose{color:#eeb1c7}
.in-battle .enemy .actor-statuses{flex-wrap:wrap;justify-content:center;gap:4px}
.in-battle .combat-bottomline .enemy-guide-button{color:#d7c5e9;pointer-events:auto;font-size:12px;padding:2px 12px;min-height:28px}
.enemy-guide article{border-block-end:1px solid #b09bc744;margin:12px 0;padding:8px 0}
.enemy-guide h3{color:#ecd9fb}.enemy-guide p,.enemy-guide li{line-height:1.7;color:#c6b9d1}