/* MIS_ARENA_SUMMONED_STYLES_20261010_V1 */
.battle.arena-themed .unit .summoned-art {
  object-fit: cover;
  object-position: center 27%;
}
.battle.arena-themed .unit:has(.summoned-art) {
  border-color: var(--arena-accent);
}
.battle .unit-slot { position: relative; flex: 0 0 auto; }
.battle.arena-themed .unit-info {
  position: absolute; top: 4px; right: 4px; z-index: 6;
  width: 26px; height: 26px; min-width: 0; padding: 0;
  border: 1px solid #dfc88d; border-radius: 50%;
  background: #102338; color: #fff2d2; font: bold 16px Georgia;
  box-shadow: 0 2px 5px #0008;
}
.battle.arena-themed .unit-info:hover,
.battle.arena-themed .unit-info:focus-visible { background: #2c4863; outline: 2px solid #fff2d2; outline-offset: 2px; }
#detail.unit-detail { width: min(480px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; padding: 24px; background: #13253a; color: #f6eedb; border: 1px solid #ccb47e; }
#detail.unit-detail h2 { color: #fff0cc; font-size: 28px; margin: 12px 0; }
#detail.unit-detail h3 { color: #e4cd97; font-size: 15px; margin: 18px 0 8px; }
#detail.unit-detail p,
#detail.unit-detail li { color: #e2e8ee; line-height: 1.5; }
#detail.unit-detail .unit-detail-art { width: 160px; height: 200px; object-fit: cover; object-position: center 27%; border-radius: 12px; display: block; margin: auto; }
#detail.unit-detail .unit-detail-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
#detail.unit-detail .unit-detail-stats strong { background: #081525; padding: 7px 12px; border-radius: 8px; color: #fff2d2; }
#detail.unit-detail .unit-detail-status { background: #081525; padding: 10px; border-radius: 8px; }
#detail.unit-detail .unit-detail-origin { font-size: 12px; color: #c9d4e0; }
#detail.unit-detail .close { color: #fff2d2; background: #102338; border: 1px solid #ccb47e; }
#detail.rules-detail { width: min(620px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow-y: auto; padding: 24px; text-align: left; background: #13253a; color: #f6eedb; border: 1px solid #ccb47e; }
#detail.rules-detail h2 { color: #fff0cc; font-size: 26px; margin: 0 30px 16px 0; }
#detail.rules-detail h3 { color: #e4cd97; font-size: 16px; margin: 20px 0 10px; }
#detail.rules-detail p, #detail.rules-detail li, #detail.rules-detail dd { color: #e2e8ee; font-size: 13px; line-height: 1.55; }
#detail.rules-detail li { margin: 7px 0; }
#detail.rules-detail ol { padding-left: 20px; }
#detail.rules-detail .rules-goal { background: #081525; padding: 12px; border-radius: 8px; }
#detail.rules-detail details { padding: 12px 0; border-top: 1px solid #71859c55; }
#detail.rules-detail summary { color: #fff0cc; font-weight: bold; cursor: pointer; font-size: 14px; }
#detail.rules-detail dt { color: #e4cd97; font-size: 13px; font-weight: bold; margin-top: 10px; }
#detail.rules-detail dd { margin-left: 0; }
#detail.rules-detail .close { color: #fff2d2; background: #102338; border: 1px solid #ccb47e; }
#detail.rules-detail .rules-understood { display: block; margin: 12px auto 0; }
@media(max-width:600px){ #detail.rules-detail, #detail.unit-detail { padding: 18px; } #detail.rules-detail h2 { font-size: 22px; } }
.economy-quantity { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; }
.economy-inventory-card .economy-quantity input { width: 54px; text-align: center; padding: 9px 3px; }
.economy-quantity button { width: 40px; min-width: 40px; height: 40px; padding: 0; font-size: 24px; line-height: 1; color: #17334a; background: #f6eac6; border-color: #9b7b4a; }
.economy-quantity button:hover:not(:disabled) { background: #eed99e; }
.economy-quantity button:disabled { opacity: .35; cursor: default; }
@media(max-width:650px){ .economy-inventory-card { display: grid; grid-template-columns: 55px minmax(0,1fr); gap: 10px; } .economy-inventory-card .economy-quantity { grid-column: 2; justify-self: end; } .economy-quantity button { width: 44px; min-width: 44px; height: 44px; } }
.trade-shards{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #b3976340;margin-bottom:12px}.trade-shards label{margin:0}.trade-shards small{display:block}.economy-inventory-card:has(input:disabled){opacity:1;border-style:dashed;background:#f3ecdf}.trade-shards input{width:90px}.shard-balance{font-size:16px}