.badge.mutation { color: #ff5ad9; }
.badge.serial { color: #c8ccd8; }
.badge.serial.low { color: #16110a; background: #f2c23a; box-shadow: 0 0 0 2px #f2c23a; }

.ntag-title { color: var(--fg); }
.ntag-real { text-align: center; }
.card-skin.tagged .ntag-mark { display: inline-block; margin-right: 6px; vertical-align: baseline; }

.insp-life { align-items: start; }
.insp-life.one { grid-template-columns: 1fr; max-width: 430px; }

.lore-card { --fg: #2b2118; --muted: #6e5a44; color: var(--fg); background: #e8dcc0; box-shadow: 0 0 0 3px var(--ink); padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; }
.k-panel_paper .lore-card { padding: 6px 8px; }
.lore-text, .lore-tail { margin: 0; line-height: 1.35; }
.lore-text { font-size: 15px; }
.lore-tail { font-size: 13px; color: var(--muted); }

.evo { display: flex; flex-direction: column; gap: 12px; --evo: #c48a34; }
.evo.s1 { --evo: #e8c070; }
.evo.s2 { --evo: #f2c45a; }
.evo.s3 { --evo: #fff0a8; }
.evo-name { color: var(--evo); }
.evo.s0 .evo-name, .evo:not([class*=" s"]) .evo-name { color: var(--fg); }
.evo-bar { position: relative; height: 10px; margin: 3px 0; background: var(--bg2); box-shadow: 0 0 0 3px var(--ink); }
.evo-fill { height: 100%; background: var(--evo); }
.evo-note { margin: 0; font-size: 13px; line-height: 1.35; color: var(--muted); }

.ntag-modal { display: flex; flex-direction: column; align-items: stretch; gap: 14px; width: 380px; max-width: 80vw; }
.ntag-modal h2 { margin: 0; text-align: center; }
.ntag-for { text-align: center; }
.ntag-input {
  font: inherit; font-size: 18px; color: var(--fg); background: var(--bg); border: 0; margin: 3px; padding: 10px 12px; outline: none;
  box-shadow: 0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink), inset 0 3px 0 0 var(--lo);
}
.ntag-input::placeholder { color: var(--muted); }
.ntag-modal .evo-note { text-align: center; }
.ntag-modal .reveal-actions { justify-content: center; }