#rx-profile{--rp-paper:#f1e7c6;--rp-ink:#312919;--rp-brass:#9d7a3b;position:fixed;inset:0;z-index:2400;background:#122921c9;display:grid;place-items:center;padding:22px;color:var(--rp-ink);font:16px Georgia,serif;box-sizing:border-box}
#rx-profile *{box-sizing:border-box}#rx-profile [hidden]{display:none!important}
#rx-profile .rp-window{width:min(1050px,100%);height:min(820px,100%);display:flex;flex-direction:column;overflow:hidden;background:var(--rp-paper);border:3px solid var(--rp-brass);border-radius:15px;box-shadow:0 12px 60px #0008}
#rx-profile header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#e5d5a4;border-bottom:1px solid #b29a63;flex:none}
#rx-profile h2{font-size:28px;margin:4px 0 0}#rx-profile h3{font-size:22px;margin:0 0 12px}#rx-profile p{line-height:1.5;margin:8px 0 16px}#rx-profile header small{font-size:12px;letter-spacing:1px}#rx-profile .rp-purse small,#rx-profile .rp-purse strong{display:block;text-align:right}
#rx-profile button{font:inherit;cursor:pointer;padding:10px 14px;min-height:42px;border:1px solid var(--rp-brass);border-radius:6px;color:var(--rp-ink);background:#fff6dc}#rx-profile button:hover{background:#f4df9b}#rx-profile button:focus-visible,#rx-profile input:focus-visible{outline:3px solid #286aae;outline-offset:2px}#rx-profile button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #36584c;background:#e0e6d5}#rx-profile button:disabled{opacity:.5;cursor:wait}#rx-profile .rp-primary{background:#36584c;color:#fff6dc;border-color:#274438;font-weight:bold}
#rx-profile nav{display:flex;gap:8px;padding:10px 22px;background:#efe2bb;flex:none;border-bottom:1px solid #baa36a;flex-wrap:wrap}
#rx-profile .rp-layout{display:grid;grid-template-columns:225px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}#rx-profile aside{padding:20px 16px;background:#e9dcaf;border-right:1px solid #b9a16a;overflow-y:scroll;scrollbar-gutter:stable;text-align:center}#rx-profile .rp-portrait{border-radius:70px 70px 14px 14px;background:#fbf5dd;display:grid;place-items:center;border:1px solid #c2b17d}#rx-profile .rp-portrait canvas{width:auto;height:clamp(110px,calc(100dvh - 510px),250px);max-width:100%;object-fit:contain}#rx-profile .rp-name{margin:15px 0 8px;overflow-wrap:anywhere}#rx-profile .rp-title{background:#36584c;color:#fff8dc;padding:7px;border-radius:4px}#rx-profile .rp-rotate{display:flex;gap:6px;justify-content:center;margin-top:12px}#rx-profile .rp-hint{font-size:13px;color:#625d4b}
#rx-profile .rp-content{padding:22px;min-width:0;overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior:contain}#rx-profile .rp-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}#rx-profile .rp-badge{text-align:left;min-height:88px}#rx-profile .rp-badge strong,#rx-profile .rp-badge span{display:block}#rx-profile .rp-badge span{font-size:13px;line-height:1.4;margin-top:6px;color:#625d4b}#rx-profile .rp-badge.locked{background:#e7dfc5;border-style:dashed}#rx-profile .rp-market{border-top:1px solid #baa36a;padding-top:18px}#rx-profile .rp-market p{font-size:14px}#rx-profile ul{padding-left:24px;line-height:1.8}#rx-profile .rp-badge-detail button{margin:8px 8px 8px 0}
#rx-profile footer{padding:12px 22px;background:#e5d5a4;border-top:1px solid #baa36a;flex:none}#rx-profile .rp-status{font-size:14px;margin:0 0 8px}#rx-profile .rp-status:empty{display:none}#rx-profile .rp-error{color:#9b2e20}#rx-profile .rp-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}#rx-profile .rp-footer-actions strong{margin-right:auto;font-size:15px}
#rx-profile label{display:block;margin-bottom:10px}#rx-profile input{display:block;width:min(350px,100%);font:18px Georgia,serif;padding:10px;margin-top:7px;border:1px solid #ad9257;border-radius:5px;background:#fff9e6;color:#312919}#rx-profile .rp-shapes{display:flex;gap:16px;justify-content:center;margin:16px 0}#rx-profile .rp-shapes button{padding:10px;min-width:0}#rx-profile .rp-shapes canvas{display:block;width:min(150px,100%);height:235px;object-fit:contain}
#rx-profile fieldset{border:0;border-bottom:1px solid #c5b27d;padding:14px 0;margin:0}#rx-profile legend{font-size:19px;font-weight:bold;padding:0}#rx-profile .rp-options{display:flex;gap:8px;flex-wrap:wrap}#rx-profile .rp-options button{display:flex;flex-direction:column;gap:6px;align-items:center;min-width:90px}#rx-profile .rp-options small{font-size:12px}#rx-profile .rp-swatch{display:inline-block;width:32px;height:32px;border:2px solid #f8edcf;border-radius:50%;box-shadow:0 0 0 1px #a48c56}#rx-profile button.rp-swatch{margin:6px;min-width:42px;min-height:42px}#rx-profile .rp-hair-thumb{width:64px;height:64px;object-fit:contain}
@media(max-height:650px){#rx-profile{padding:10px}#rx-profile header{padding:10px 16px}#rx-profile .rp-portrait canvas{height:170px;width:110px}#rx-profile .rp-name{font-size:19px}#rx-profile .rp-hint{margin-bottom:0}#rx-profile .rp-shapes canvas{height:170px}#rx-profile .rp-layout{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:700px){#rx-profile .rp-layout{grid-template-columns:160px minmax(0,1fr)}#rx-profile .rp-badges{grid-template-columns:1fr}#rx-profile .rp-content{padding:15px}#rx-profile header{flex-wrap:wrap;padding:12px 16px}#rx-profile h2{font-size:23px}#rx-profile .rp-purse{margin-left:auto}#rx-profile .rp-portrait canvas{width:125px;height:210px}#rx-profile .rp-rotate button{padding:6px}#rx-profile nav{padding:8px;gap:5px}#rx-profile nav button{font-size:14px;padding:8px}}
@media(max-width:460px){#rx-profile{padding:5px}#rx-profile .rp-layout{grid-template-columns:110px minmax(0,1fr)}#rx-profile aside{padding:10px 5px}#rx-profile .rp-portrait canvas{width:92px;height:155px}#rx-profile .rp-name{font-size:17px}#rx-profile .rp-title,#rx-profile .rp-hint{font-size:12px}#rx-profile .rp-rotate{flex-wrap:wrap}#rx-profile .rp-shapes{gap:8px}#rx-profile .rp-shapes canvas{height:150px}#rx-profile .rp-content{padding:12px}#rx-profile h3{font-size:19px}#rx-profile header small{font-size:10px}#rx-profile .rp-purse strong{font-size:13px}#rx-profile footer{padding:10px}#rx-profile .rp-options button{min-width:75px;font-size:13px;padding:8px}#rx-profile p{font-size:14px}}
#rx-profile .rp-content,#rx-profile aside{scrollbar-width:thin;scrollbar-color:#8b7749 #e4d7af}#rx-profile .rp-content::-webkit-scrollbar,#rx-profile aside::-webkit-scrollbar{width:10px;background:#e4d7af}#rx-profile .rp-content::-webkit-scrollbar-thumb,#rx-profile aside::-webkit-scrollbar-thumb{background:#8b7749;border:2px solid #e4d7af;border-radius:6px}