/* V36.46 – portrait framing, legible seven-second share note, coherent avatar-tone surfaces */
:root{--jwq-avatar-tone:#9cb5bd}
/* Portraits fill each rounded option. The underlying approved illustration is optically zoomed at asset level. */
.jwq-avatar-section .jwq-avatar-option img{object-fit:cover!important;object-position:center center!important;border-radius:50%!important;aspect-ratio:1!important}
.profile #profileAvatar img,.jwq-global-header .jwq-global-profile .jwq-header-avatar{object-fit:cover!important;object-position:center center!important;aspect-ratio:1!important}
/* Apply tone to entire Profile main card (level, XP, weeks and badges), not to the portrait's circle alone. */
.card.profile{background-image:url('assets/decor/mountain-line.svg'),radial-gradient(ellipse at 13% 0%,color-mix(in srgb,var(--jwq-avatar-tone) 28%,transparent),transparent 68%),linear-gradient(146deg,color-mix(in srgb,var(--jwq-avatar-tone) 19%,#ffffff),#ffffff 80%)!important;background-size:min(220px,45%) auto,cover,cover!important;background-repeat:no-repeat!important;background-position:right -10px bottom 6px,center,center!important;border-color:color-mix(in srgb,var(--jwq-avatar-tone) 27%,#dce8fb)!important}
.card.profile .pstat{background:color-mix(in srgb,var(--jwq-avatar-tone) 6%,#fff)!important;border-color:color-mix(in srgb,var(--jwq-avatar-tone) 22%,#e2ebf7)!important}
/* Same, more discreet, personal accent on top profile control */
.jwq-global-header .jwq-global-profile{background:linear-gradient(135deg,color-mix(in srgb,var(--jwq-avatar-tone) 15%,#fff),#fff)!important;border-color:color-mix(in srgb,var(--jwq-avatar-tone) 38%,#dedede)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--jwq-avatar-tone) 9%,transparent)!important}
.jwq-global-header .jwq-global-profile.jwq-has-avatar{background:color-mix(in srgb,var(--jwq-avatar-tone) 10%,#fff)!important}
/* A restrained comic-like caption; readable, italic, seven-second lifetime controlled in JS. */
.jwq-share-hint{max-width:240px!important;min-width:184px!important;padding:10px 12px!important;gap:9px!important;border-radius:15px 15px 6px 15px!important;font:italic 500 11.5px/1.55 Georgia,'Times New Roman',serif!important;letter-spacing:.02em!important;box-shadow:0 9px 24px #20344820!important;white-space:normal!important}
.jwq-share-hint .jwq-share-text{font-style:italic!important}
.jwq-share-hint .jwq-share-miniicon{align-self:flex-start;margin-top:3px}
html[data-jwq-theme='dark'] .card.profile{background-image:url('assets/decor/mountain-line.svg'),radial-gradient(ellipse at 13% 0%,color-mix(in srgb,var(--jwq-avatar-tone) 18%,transparent),transparent 68%),linear-gradient(146deg,color-mix(in srgb,var(--jwq-avatar-tone) 13%,#13243a),#102035 80%)!important;border-color:color-mix(in srgb,var(--jwq-avatar-tone) 25%,#38475b)!important}
html[data-jwq-theme='dark'] .card.profile .pstat{background:color-mix(in srgb,var(--jwq-avatar-tone) 7%,#17283b)!important;border-color:#405267!important}
html[data-jwq-theme='dark'] .jwq-global-header .jwq-global-profile{background:color-mix(in srgb,var(--jwq-avatar-tone) 12%,#18283b)!important;border-color:#495d71!important}
@media(prefers-color-scheme:dark){html:not([data-jwq-theme='light']) .card.profile{background-image:url('assets/decor/mountain-line.svg'),radial-gradient(ellipse at 13% 0%,color-mix(in srgb,var(--jwq-avatar-tone) 18%,transparent),transparent 68%),linear-gradient(146deg,color-mix(in srgb,var(--jwq-avatar-tone) 13%,#13243a),#102035 80%)!important}}
@media(max-width:360px){.jwq-share-hint{max-width:205px!important;min-width:170px!important;font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.jwq-share-hint{animation:none!important}}