.profile-frame{position:relative;display:block;width:100%;height:100%;isolation:isolate;--frame-color:#ca9468}
.frame-content{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.frame-content>.avatar-render{width:100%;height:100%}
.frame-ornament{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--frame-color) 25%,transparent))}
.frame-light{--frame-color:#f6d285}.frame-dark{--frame-color:#e26a78}.frame-peace{--frame-color:#88d2ab}.frame-maniac{--frame-color:#d8dde8}.frame-veteran{--frame-color:#e8c486}.frame-crown{--frame-color:#efd097}.frame-unity{--frame-color:#d1bcf6}.frame-season{--frame-color:#dca4e5}
.avatar-stage>.profile-frame{height:640px;max-width:440px}
.avatar-stage svg.frame-ornament{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;filter:none!important;animation:none!important;transform:none!important;position:absolute}
.frame-selector{margin:30px 0;padding:26px;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(130deg,#15131a,#101015)}
.frame-selector .caption{line-height:1.7;margin:12px 0 20px;color:#a39bac}
.frame-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.frame-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px 12px;border:1px solid #ffffff12;border-radius:15px;background:#0c0d12;color:#e6dece;cursor:pointer;min-width:0;text-align:center;transition:border-color .2s,background .2s}
.frame-card:hover,.frame-card:focus-visible{border-color:#9d895d;background:#17151b}.frame-card.selected{border-color:#c8a96e;background:#292319}
.frame-sample{display:block;width:96px;height:126px;max-width:100%;margin-bottom:13px;flex:none;overflow:visible;background:radial-gradient(ellipse,#ffffff0a,transparent 72%)}
.frame-sample>.avatar-render{width:100%;height:100%;overflow:hidden}
.frame-card strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.frame-card small{font-size:10px;line-height:1.65;color:#a39bac;margin:7px 0 9px}.frame-state{font-size:9px;text-transform:uppercase;letter-spacing:.07em;margin-top:auto;color:#d8b976}.frame-locked .frame-state{color:#93929c}
.frame-selection{margin-top:20px;padding:17px 20px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff02;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.frame-selection strong{font:22px Georgia,serif}.frame-selection p{font-size:12px;line-height:1.6;color:#a39bac;flex:1 1 210px}.frame-selection .button{width:auto;margin:0;min-height:44px}.frame-selection .frame-unlock-note{flex-basis:100%;color:#c8a96e}
.role-attributes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 0}.role-attribute{display:grid;grid-template-columns:25px 1fr;gap:4px 9px;align-items:center;padding:16px 14px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff02;min-width:0}.role-attribute>.icon{grid-row:1/3;width:23px;height:23px;color:#a9c7da}.role-attribute:last-child>.icon{color:#e899aa}.role-attribute small{font-size:11px;color:#b9afc6}.role-attribute strong{font:600 29px/1.1 system-ui,sans-serif;color:#f0e9f1}.entry-copy .role-attributes{margin-bottom:0}.entry-copy .role-attribute{padding:13px 10px}.entry-copy .role-attribute strong{font-size:25px}
@media(max-width:850px){.avatar-stage>.profile-frame{height:495px;max-width:370px}.frame-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.frame-selector{padding:19px}}
@media(max-width:500px){.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.frame-sample{width:90px;height:115px}.frame-selection{padding:16px;display:block}.frame-selection p{margin:10px 0 14px}.frame-selection .button{width:100%}.role-attribute{padding:14px 12px}.role-attribute strong{font-size:28px}}