/* Avatar picker: all rules stay inside the chamber's appearance controls. */
.ch-avatar-picker{color:#f5f0df;--avatar-gold:#eac789;--avatar-border:#d9c09142}
.ch-avatar-intro{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--avatar-border)}
.ch-avatar-preview{background:#102c2c;border:1px solid #eac7895c;border-radius:20px;padding:5px;box-shadow:0 7px 24px #071e2045}
.ch-avatar-portrait{display:block;width:100%;height:auto;max-width:200px}
.ch-avatar-eyebrow{display:block;color:var(--avatar-gold);font-size:9px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}
.ch-avatar-intro h4{font:normal 25px/1.15 Georgia,serif;margin:7px 0;color:#fff2d8}
.ch-avatar-intro p{font-size:12px!important;line-height:1.5!important;margin:7px 0!important;color:#d3ded1}
.ch-avatar-intro .ch-avatar-description{color:#e8d3aa!important;font-size:10px!important;margin-top:10px!important}
.ch-avatar-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 17px;margin-top:17px}
.ch-avatar-group{padding:0;border:0;margin:0;min-width:0}
.ch-avatar-group legend{padding:0;margin:0 0 7px;font-size:12px;font-weight:700;color:#f2e4ca}
.ch-avatar-group-skin{grid-column:1/-1}
.ch-avatar-options{display:flex;gap:6px}
.ch-avatar-choice{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:39px;padding:8px 9px;border:1px solid #adc4b44a;border-radius:8px;background:#0b2929;color:#dbe5d6;font:inherit;font-size:11px!important;line-height:1.25;cursor:pointer;transition:border-color .15s,background .15s}
.ch-avatar-choice:hover{border-color:#d9c091;background:#244b43}
.ch-avatar-choice.is-selected{background:#eac78919;border-color:var(--avatar-gold);box-shadow:inset 0 0 0 1px #eac78955;color:#fff0cb}
.ch-avatar-choice:focus-visible,.ch-avatar-done:focus-visible{outline:3px solid #f2d699;outline-offset:3px}
.ch-avatar-check{position:absolute;top:3px;right:4px;color:#ffe3a6;font-size:10px;font-weight:800;opacity:0}
.ch-avatar-choice.is-selected .ch-avatar-check{opacity:1}
.ch-avatar-swatches .ch-avatar-choice{flex-direction:column;gap:5px;padding:7px 3px 6px;min-height:61px;font-size:9px!important;text-align:center}
.ch-avatar-swatch{display:block;background:var(--avatar-swatch);width:25px;height:25px;flex-shrink:0;border-radius:50%;border:1px solid #fff6;box-shadow:0 2px 4px #0003}
.ch-avatar-group-skin .ch-avatar-choice{font-size:10px!important}
.ch-avatar-group-skin .ch-avatar-swatch{width:28px;height:28px}
.ch-avatar-group-hairstyle .ch-avatar-options{display:grid;grid-template-columns:1fr 1fr}
.ch-avatar-group-hairstyle .ch-avatar-choice{min-height:31px;padding:7px}
.ch-avatar-hint{margin:0 0 6px!important;color:#b8ccbd!important;font-size:10px!important;line-height:1.35!important}
.ch-avatar-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:19px;padding-top:15px;border-top:1px solid var(--avatar-border)}
.ch-avatar-footer p{font-size:10px!important;line-height:1.45!important;color:#bdcec1!important;margin:0!important;max-width:250px}
.ch-avatar-done{flex-shrink:0;min-height:42px;border:1px solid #eac789;border-radius:8px;padding:10px 15px;background:#eac789;color:#173735;font:inherit;font-size:12px!important;font-weight:750;cursor:pointer}
.ch-avatar-done:hover{background:#f1d59f}.ch-avatar-done span{padding-left:8px}
@media(max-width:450px){.ch-avatar-intro{grid-template-columns:94px minmax(0,1fr);gap:13px}.ch-avatar-intro h4{font-size:21px}.ch-avatar-intro p{font-size:11px!important}.ch-avatar-fields{gap:14px 11px}.ch-avatar-choice{padding:8px 5px;font-size:10px!important}.ch-avatar-group-skin .ch-avatar-choice{font-size:8px!important}.ch-avatar-options{gap:4px}.ch-avatar-footer{align-items:stretch;flex-direction:column}.ch-avatar-footer p{max-width:none}.ch-avatar-done{width:100%}}
@media(prefers-reduced-motion:reduce){.ch-avatar-choice{transition:none}}
@media(forced-colors:active){.ch-avatar-choice.is-selected{outline:2px solid Highlight;outline-offset:-3px}.ch-avatar-swatch{forced-color-adjust:none}.ch-avatar-check{color:ButtonText}}
