.friendship-meter{margin:14px 20px;padding:13px 15px;border:1px solid #edd7cf;border-radius:17px;background:#fff9f5;color:#665247}
.friendship-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.friendship-top b{margin-left:5px;font-size:14px}
.friendship-hearts{display:inline-flex;gap:4px;color:#b8a39a;font-size:20px;line-height:1.2;white-space:nowrap}
.friendship-hearts .filled{color:#c96573}
.friendship-label{font-weight:700;font-size:13px;margin:6px 0}
.friendship-track{height:5px;border-radius:5px;background:#efdfd8;overflow:hidden}
.friendship-track span{display:block;height:100%;border-radius:inherit;background:#d9858c;transition:width .3s ease}
.friendship-hint{font-size:11px;line-height:1.7;margin:7px 0 0;color:#826c5e}
.friendship-faces{display:block;margin:7px auto 0;font-size:12px}
.friendship-compact{margin:8px 0;padding:7px 10px;border-radius:12px}
.friendship-compact .friendship-top{font-size:10px;gap:5px;flex-wrap:wrap;justify-content:center}
.friendship-compact .friendship-top b{font-size:11px;margin-left:2px}
.friendship-compact .friendship-hearts{font-size:15px;gap:2px}
.face-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}
.face-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:8px 3px 10px;border:1px solid #e9dfd1;border-radius:15px;background:#fffdf8}
.face-tile .dressed-pet{max-width:100%;height:auto!important;aspect-ratio:1}
.face-tile .creature-illustration{max-width:100%;height:auto}
.face-tile strong{font-size:11px;line-height:1.5;text-align:center;margin-top:4px}
.face-detail{margin-top:18px}
.face-detail summary{cursor:pointer;color:#795c52;font-size:13px;font-weight:700;padding:10px}
.face-intro{font-size:12px;line-height:1.8;text-align:center;color:#78695a}
@media(max-width:540px){.face-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.friendship-meter{margin:12px 14px}.friendship-compact{margin:7px 0;padding:6px}.face-tile strong{font-size:10px}.friendship-hearts{font-size:18px}}
@media(prefers-reduced-motion:reduce){.friendship-track span{transition:none}}