/* pot-010 판사 수첩 */
.nb-cover {
  display: flex; align-items: center; gap: 14px; background: var(--bean); color: var(--cream); border-radius: 24px; padding: 18px;
  margin-top: 16px; position: relative; overflow: hidden;
}
.nb-cover h2 { font-size: 26px; }
.nb-grade { font-family: var(--font); color: var(--butter); }
.nb-next { color: #e9d6be; font-size: 14px; }
.nb-grade-emoji { font-size: 50px; }
.nb-mascot { margin-left: auto; }
.nb-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 14px; }
.nb-stat { background: var(--paper); border: 2px solid var(--line); border-radius: 18px; padding: 12px 6px; text-align: center; font-size: 13px; }
.nb-stat-value { font-family: var(--font); font-size: 24px; color: var(--bean); }
.nb-h { font-size: 20px; margin-bottom: 10px; }
.nb-type-row { display: grid; grid-template-columns: 1fr 90px 40px; gap: 8px; align-items: center; margin: 6px 0; font-size: 14px; }
.nb-type-name { word-break: keep-all; }
.nb-type-bar { height: 12px; border-radius: 999px; background: var(--cream-2); overflow: hidden; }
.nb-type-bar div { height: 100%; background: var(--butter); border-radius: 999px; }
.nb-type-pct { text-align: right; font-family: var(--font); }
.nb-collection { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; }
.nb-dex { background: var(--cream-2); border-radius: 16px; padding: 10px 6px; text-align: center; border: 2px solid var(--line); }
.nb-dex.owned { background: #fff6dc; border-color: var(--butter-dark); }
.nb-dex.owned.rare { background: linear-gradient(120deg, #ffe29a, #ffd1e8, #d6ecff); }
.nb-dex.locked { opacity: .6; }
.nb-dex-emoji { font-size: 30px; }
.nb-dex-name { font-size: 12px; line-height: 1.3; word-break: keep-all; }
.nb-recent {
  display: block; width: 100%; text-align: left; background: var(--paper); border: 2px solid var(--line); border-radius: 16px;
  padding: 10px 12px; margin: 8px 0; cursor: pointer; font-family: var(--font-body); color: var(--ink); font-size: 14px;
}
.nb-recent-top { display: flex; justify-content: space-between; align-items: center; }
.nb-recent-title { font-family: var(--font); font-size: 17px; margin: 2px 0; }
.chip.hit { background: #e2f6ea; color: var(--ok); border-color: #bfe6cd; }
.chip.miss { background: var(--innocent-soft); color: var(--innocent); border-color: #bcd8f4; }