/* v1.17: reuses the game's painted paper, ink brush and seal assets. */
#hud-tr .profile-actions { display:flex; gap:3px; align-self:stretch; }
#hud-tr .profile-actions button { flex:1; min-height:29px; padding:2px 6px; pointer-events:auto; font-size:13px; letter-spacing:2px; }
.profile-box { width:min(710px,94vw); max-height:90vh; padding:14px 19px; }
.mn-tabs>b { font-size:23px; letter-spacing:4px; padding:2px 0 5px; }
.pf-nav { display:flex; align-items:center; gap:8px; border-bottom:1px solid #8d806a; padding:0 34px 9px 2px; }
.pf-nav>b { font-size:26px; letter-spacing:4px; margin-right:auto; }
.pf-nav>span { color:#79694d; font-size:13px; }
.pf-nav button { border:1px solid #a69b82; padding:5px 13px; background:rgba(255,252,241,.64); color:#40392d; font-family:inherit; font-size:15px; cursor:pointer; }
.pf-nav button.on { background:url(../assets/ui/ink/stroke.webp) center/100% 100%; border-color:transparent; color:#f9f2df; }
.pf-body { overflow:auto; max-height:calc(90vh - 100px); padding:12px 3px; }
.pf-summary { display:flex; align-items:center; gap:19px; margin:7px 0 18px; }
.pf-summary h3 { font-size:25px; margin:0 0 4px; }
.pf-summary p,.pf-note { color:#756951; font-size:13px; line-height:1.7; }
.pf-seal { display:grid; place-items:center; width:65px; height:65px; border:2px solid #a34e3b; color:#a34e3b; font-size:35px; transform:rotate(-5deg); background:rgba(246,230,204,.45); }
.pf-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.pf-metrics>div,.pf-award { background:rgba(255,251,237,.5); border:1px solid rgba(77,70,50,.29); padding:10px 13px; }
.pf-metrics small { display:block; color:#746b58; font-size:12px; }
.pf-metrics b { font-size:20px; font-weight:normal; color:#334c3f; }
.pf-awards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.pf-award { display:grid; grid-template-columns:32px 1fr; gap:0 7px; opacity:.52; }
.pf-award.earned { opacity:1; border-color:#a34e3b; }
.pf-award .enso { grid-row:span 2; color:#a34e3b; font-size:24px; }
.pf-award b { font-size:16px; }.pf-award small { color:#756951; }
.eq-live { margin:10px 0; padding:8px 9px; border:1px solid rgba(60,77,62,.45); background:rgba(221,231,211,.36); }
.eq-live-title { font-size:17px; border-bottom:1px dotted #8d967e; margin-bottom:7px; }
.eq-live-title small { font:12px var(--serif); color:#657a65; }
.eq-live-grid { display:grid; grid-template-columns:auto 1fr; gap:4px 9px; font-size:12px; }
.eq-live-grid span { color:#6d6d59; }.eq-live-grid b { color:#32493a; font-weight:normal; }
#fert-card { max-width:min(440px,92vw); display:none; padding:9px 13px 8px; gap:6px; border:1px solid #938263; background:var(--xuan) repeat,rgba(250,244,227,.97); box-shadow:0 6px 18px #281f1738; }
#fert-card.on { display:block; }
#fert-card .fc-head,.fc-line { display:flex; align-items:center; gap:9px; }
#fert-card .fc-head { margin-bottom:5px; }
#fert-card .fc-head .brush { white-space:nowrap; }
#fert-card .fc-bar { flex:1; width:auto; min-width:65px; }
#fert-card .fc-line { color:#5f5643; font-size:12px; white-space:nowrap; }
#fert-card .fc-water { color:#8e775c; }.fc-water.live { color:#326b6a!important; }
#fert-card small { display:block; padding-top:6px; border-top:1px dashed #a39b7e; line-height:1.4; }
@media(max-width:760px) { .profile-box { padding:7px 10px; }.pf-nav { padding-bottom:5px; }.pf-nav>b { font-size:21px; }.pf-nav button { padding:3px 8px; font-size:13px; }.pf-metrics { gap:5px; }.eq-live { padding:5px; margin:6px 0; }.pf-awards { grid-template-columns:1fr 1fr; }.pf-body { max-height:calc(94vh - 72px); } }