.evolution-preview { margin: 8px 0; padding: 9px 11px; border: 1px solid #e7c85c; border-radius: 7px; background: #342b18; color: #fff0b1; font-size: 12px; line-height: 1.6; }
.evolution-preview b { color: #fff29a; }

/* 盤面から独立した告知欄。味方の名札・体力・操作ボタンを覆わない。 */
.battle-notice { position: absolute; inset: 0 0 auto; height: 44px; display: grid; place-items: center; background: #0d1530; border-bottom: 2px solid #8fd6ff66; overflow: hidden; }
.battle-content { position: absolute; inset: 44px 0 0; }
@media (max-height: 600px) {
  /* 320×480 でも最下段のマスの四隅と操作列に余白を残す。 */
  .battle-content #cv { height: calc(100% - 56px); }
}
.battle-guide { grid-area: 1 / 1; text-align: center; font-size: 11px; line-height: 1.6; color: #c9e7ff; }
#reroll-help { color: #ffe6a0; }
.battle-notice:has(.banner.go) .battle-guide { visibility: hidden; }
.battle-notice .banner { grid-area: 1 / 1; position: relative; inset: auto; width: 100%; font-size: 38px; font-weight: 900; line-height: 1.1; letter-spacing: 0; color: #fff3ba; white-space: nowrap; -webkit-text-stroke: .4px currentColor; }
.battle-notice .banner.evolution { color: #fff29a; }
.battle-notice .banner.boss { color: #ff9e83; }
.battle-notice .banner.clear { font-size: 28px !important; line-height: 1; }
.battle-notice .banner small { display: block; font-size: 11px; line-height: 1.2; -webkit-text-stroke: 0; }
.battle-notice .banner.go { animation: polish-notice 1.8s ease-out forwards; }
@keyframes polish-notice { 0%, 100% { opacity: 0; } 12%, 78% { opacity: 1; } }

/* タップ時は確認を先に。長押し・「くわしく」では従来の全項目を表示する。 */
.quick-evolution { display: flex; flex-direction: column; }
.quick-evolution .evolution-question { order: -3; font-size: 19px; color: #fff0a6; }
.quick-evolution .uhead { order: -2; margin: 6px 0; }
.quick-evolution .uhead .face { width: 40px; height: 40px; }
.quick-evolution #ui-level { display: none; }
.quick-evolution .upgrade-panel { order: -1; margin: 0; border: 0; padding: 0; }
.quick-evolution .ugrid > * { display: none; }
.quick-evolution .ugrid > :nth-child(3), .quick-evolution .ugrid > :nth-child(4) { display: block; }
.quick-evolution .udesc, .quick-evolution .ubuff, .quick-evolution .unote, .quick-evolution .ustt { display: none; }
.quick-evolution .evolution-preview { font-size: 11px; padding: 6px 8px; margin: 6px 0; }
.quick-evolution .ubtns { flex-shrink: 0; }
/* 長い進化説明は狭い画面で折り返す（横にはみ出さない） */
.evolution-preview { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }