/* One scale per attribute, shared by the collection and the detail view. */
.journal-dialog,#fruit-journal,.reward-stats{
  --meter-ink:#5c694b;
  --meter-muted:#72745f;
  --meter-track:#e1e5d3;
  --meter-impact:#ac644d;
  --meter-toughness:#6d8186;
  --meter-bounce:#aa813c;
  --meter-slow:#708b4e;
}
.library-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.library-intro .library-overview-heading>p{margin:0;font:25px/1.2 Georgia,serif}
.library-sort-label{display:flex;flex-shrink:0;flex-direction:column;gap:4px;font-size:10px;color:var(--meter-muted)}
#fruit-sort{max-width:180px;min-height:44px;padding:9px 26px 9px 10px;border:1px solid #c8cbb7;border-radius:7px;background:#fcf9ee;color:#526440;font-family:inherit;font-size:12px}
.library-intro .library-scale-key,.library-intro .library-scale-note{font-family:inherit;font-size:10px;font-weight:400;line-height:1.65;color:var(--meter-muted);margin:0 0 8px}
.library-scale-key b{font-weight:600;color:var(--meter-ink)}
.library-intro .library-scale-note{padding-left:10px;border-left:2px solid #bcc7a4}
.library-intro .library-overview-hint{display:block;font-size:10px;color:var(--meter-muted)}
.library-fruit-grid{align-items:stretch}
.library-fruit-card{padding-top:17px}
.library-fruit-card canvas{height:90px;width:135px;margin-bottom:3px}
.library-fruit-card strong{font-size:21px}
.library-fruit-card .fruit-card-weight{margin-top:6px;font-size:9px}
.fruit-card-rare{position:absolute;top:9px;right:9px;padding:3px 5px;border-radius:5px;background:#ece2c5;color:#80612f;font-size:8px;letter-spacing:.4px}
.fruit-power{display:block;align-self:stretch;margin:12px 0 0;padding:0;text-align:left;font-variant-numeric:tabular-nums}
.fruit-power-heading{display:flex;align-items:baseline;justify-content:space-between;gap:4px;font-size:10px;line-height:1.3;color:#5b703e}
.fruit-power-heading>b{font-size:12px;white-space:nowrap}
.fruit-power-track{display:block;overflow:hidden;height:5px;margin-top:7px;background:#d0dbb9;border-radius:4px}
.fruit-power-track>span{display:block;height:100%;background:#7d9851;border-radius:inherit}
.fruit-power-caption{display:block;margin-top:5px;font-size:8px;color:#73885b}
.fruit-detail-hero>.fruit-power{max-width:240px;margin:15px auto;text-align:left}
.fruit-detail-hero .fruit-power-heading{font-size:12px}.fruit-detail-hero .fruit-power-heading>b{font-size:15px}
.journal-card.library-locked-card{justify-content:center;min-height:210px;padding:20px 12px;background:#eeeee2;border-color:#d4d8c5;box-shadow:none;cursor:default}
.journal-card.library-locked-card:hover{background:#eeeee2;border-color:#d4d8c5;transform:none}
.library-locked-card .journal-unknown{width:75px;height:75px;min-height:75px;margin:15px 0 17px;border:1px dashed #bfc7a8;border-radius:50%;background:#e6e9d8;color:#8e9c72;font:44px/1 Georgia,serif}
.journal-card.library-locked-card strong{max-width:100%;font:19px/1.3 Georgia,serif;color:#7d886b}
.library-locked-card .library-unlock-hint{margin-top:10px;font-size:10px;line-height:1.5;color:#8a9279}
.library-visitor-grid .library-locked-card strong{font-size:17px}
.fruit-card-bars{display:grid;align-self:stretch;gap:12px;margin:15px 0 1px;text-align:left;font-variant-numeric:tabular-nums}
.fruit-meter{display:block;min-width:0;--meter-color:var(--meter-slow)}
[data-metric=impact]{--meter-color:var(--meter-impact)}
[data-metric=toughness]{--meter-color:var(--meter-toughness)}
[data-metric=bounce]{--meter-color:var(--meter-bounce)}
[data-metric=slow]{--meter-color:var(--meter-slow)}
.fruit-meter-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;min-height:26px;margin-bottom:5px;color:var(--meter-ink);font-size:10px;line-height:1.3}
.fruit-meter-heading>b{color:var(--meter-ink);font-size:11px;font-weight:600;white-space:nowrap}
.fruit-meter-track{position:relative;display:block;width:100%;height:6px;background:var(--meter-track);border-radius:3px;overflow:hidden}
.fruit-meter-track>span{display:block;max-width:100%;height:100%;border-radius:inherit;background:var(--meter-color)}
.fruit-meter-numeric{display:block;min-width:0}
.fruit-meter-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--meter-ink);opacity:.4}
.fruit-meter-scale{position:relative;display:block;height:13px;margin-top:3px;color:var(--meter-muted)}
.fruit-meter-scale>i{position:absolute;transform:translateX(-50%);font-style:normal;font-size:8px;line-height:1.2;font-weight:400}
.library-intro .library-scale-summary{margin:12px 0 0;font-family:inherit;font-size:11px;font-weight:400;line-height:1.5;color:var(--meter-muted)}
.library-fruit-card .fruit-card-link{margin-top:15px;padding-top:10px;padding-bottom:10px;font-size:10px}
.library-fruit-card:focus-visible,#fruit-sort:focus-visible{outline:3px solid #849c5d;outline-offset:3px}
.fruit-paired-bars{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px;margin:20px 0;font-variant-numeric:tabular-nums}
.fruit-paired-metric{min-width:0}
.fruit-paired-metric h5{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--meter-ink)}
.fruit-paired-metric h5>small{display:block;margin-top:4px;font-size:9px;line-height:1.4;font-weight:400;color:var(--meter-muted)}
.fruit-paired-row{display:grid;grid-template-columns:1fr auto;gap:5px 7px;margin:9px 0;color:var(--meter-ink)}
.fruit-paired-name{min-width:0;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.fruit-paired-row>b{font-size:11px;font-weight:600;white-space:nowrap}
.fruit-paired-row>.fruit-meter-track{grid-column:1/-1;height:6px}
.fruit-paired-row>.fruit-meter-numeric{grid-column:1/-1}
.fruit-paired-row.is-comparison .fruit-meter-fill{background:repeating-linear-gradient(110deg,var(--meter-color) 0 3px,transparent 3px 5px);box-shadow:inset 0 0 0 1px var(--meter-color)}
.fruit-exact-numbers{border-top:1px solid #d6d8c4;border-bottom:1px solid #d6d8c4;margin:18px 0 12px}
.fruit-exact-numbers>summary{padding:14px 0;min-height:44px;color:var(--meter-ink);font-size:11px;cursor:pointer}
.fruit-exact-numbers .fruit-stats{margin-bottom:10px}
html[data-theme=dark] .journal-dialog,html[data-theme=dark] #fruit-journal,html[data-theme=dark] .reward-stats{
  --meter-ink:#d2dcba;
  --meter-muted:#b9c3a5;
  --meter-track:#46523b;
  --meter-impact:#d99578;
  --meter-toughness:#a7c3c3;
  --meter-bounce:#d5b566;
  --meter-slow:#adc684;
}
html[data-theme=dark] #fruit-sort{background:#2b3527;color:#d2ddbb;border-color:#536246}
html[data-theme=dark] .library-intro .library-scale-note{border-color:#657b4c}
html[data-theme=dark] .fruit-card-rare{background:#4d452a;color:#edce8c}
html[data-theme=dark] .fruit-power-heading{color:#d7e6b7}
html[data-theme=dark] .fruit-power-track{background:#4c5e36}
html[data-theme=dark] .fruit-power-track>span{background:#b0cd7b}
html[data-theme=dark] .fruit-power-caption{color:#afc68b}
html[data-theme=dark] .journal-card.library-locked-card,html[data-theme=dark] .journal-card.library-locked-card:hover{background:#293226;border-color:#48563c}
html[data-theme=dark] .library-locked-card .journal-unknown{background:#323e2b;border-color:#61734d;color:#a6b98a}
html[data-theme=dark] .journal-card.library-locked-card strong{color:#bcc9a7}
html[data-theme=dark] .library-locked-card .library-unlock-hint{color:#a4b18e}
html[data-theme=dark] .fruit-exact-numbers{border-color:#48543b}
@media(max-width:600px){
  .library-overview-heading{align-items:flex-start;gap:9px;margin-bottom:12px}
  .library-intro .library-overview-heading>p{max-width:155px;font-size:24px;padding-top:9px}
  #fruit-sort{max-width:174px;font-size:11px;padding-left:9px;padding-right:19px}
  .library-fruit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .library-fruit-card canvas{height:85px;width:128px}
  .library-fruit-card strong{font-size:21px}
  .fruit-power-heading{font-size:9px}.fruit-power-heading>b{font-size:11px}
  .fruit-paired-bars{grid-template-columns:1fr;gap:13px}
  .fruit-paired-metric{padding-bottom:9px;border-bottom:1px solid var(--meter-track)}
  .fruit-paired-metric h5{margin-bottom:9px}
  .fruit-paired-metric h5>small{display:inline;margin-left:9px}
}
@media(max-width:360px){
  .library-intro .library-overview-heading>p{max-width:118px;font-size:21px}
  #fruit-sort{max-width:154px;font-size:10px}
  .library-fruit-grid{gap:9px}
  .library-fruit-card{padding-left:10px;padding-right:10px}
  .library-fruit-card strong{font-size:19px}
  .library-fruit-card .fruit-card-link{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;font-size:9px}
  .fruit-meter-heading{font-size:9px}
  .fruit-meter-heading>b{font-size:10px}
  .fruit-paired-metric h5>small{display:block;margin-left:0}
}

/* Keep the collection visible first; explanations remain one tap away. */
.library-intro{padding-top:12px}
.library-overview-compact{align-items:center;gap:12px;margin-bottom:0}
.library-intro .library-overview-compact>p{max-width:none;padding:0;font-family:inherit;font-size:12px;font-weight:400;line-height:1.45;color:var(--meter-muted)}
.library-disclosure{margin:0;border-bottom:1px solid var(--meter-track)}
.library-disclosure>summary{min-height:44px;padding:13px 0;color:var(--meter-ink);font-family:inherit;font-size:12px;line-height:1.5;cursor:pointer}
.library-disclosure>summary:focus-visible{outline:3px solid #849c5d;outline-offset:2px;border-radius:3px}
.library-disclosure[open]>summary{margin-bottom:4px}
.library-scale-help>summary{font-size:11px}
.library-scale-help .library-scale-key,.library-scale-help .library-scale-note{font-size:11px}
.library-tactics{margin:8px 0 18px}
.library-tactics .fruit-playing-notes{margin-top:8px}
.library-tactics .fruit-tactic{margin:10px 0 16px}
.library-inline-note{margin:8px 0 0;font-size:11px}