.image-frame{position:relative;width:100%;height:100%;min-height:12rem;overflow:hidden;background:linear-gradient(135deg,#0d0221f2,#1a1b2efa),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0z' fill='none'/%3E%3Cpath d='M0 0h1v1H0zm1 0h1v1H1z' fill='rgba(5,217,232,0.12)'/%3E%3C/svg%3E");background-size:cover,40px 40px;border:1px solid rgba(5,217,232,.2)}.image-frame.min-h-0,.image-frame.h-10,.image-frame.h-32,.image-frame.h-48,.image-frame.w-48{min-height:0}.image-frame--rounded-md{border-radius:.375rem}.image-frame--rounded-lg{border-radius:.5rem}.image-frame--rounded-full{border-radius:9999px}.image-frame__img{position:relative;z-index:1;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-frame--error .image-frame__img{display:none}.image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;text-align:center;color:#05d9e8d9}.image-placeholder--hidden{display:none}.image-frame--error .image-placeholder--hidden{display:flex}.image-placeholder__icon{width:2.75rem;height:2.75rem;opacity:.45;filter:drop-shadow(0 0 8px rgba(5,217,232,.35))}.image-frame.h-10 .image-placeholder__icon{width:1.25rem;height:1.25rem}.image-frame.h-10 .image-placeholder__initials{font-size:.75rem}.image-frame.h-10 .image-placeholder__label{display:none}.image-placeholder__initials{font-family:Orbitron,ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;font-weight:700;letter-spacing:.12em;line-height:1;color:#fff;text-shadow:0 0 12px rgba(255,42,109,.45),0 0 20px rgba(5,217,232,.35)}.image-placeholder__label{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.image-frame[data-image-variant=npc] .image-placeholder{color:#d929f7e6}.image-frame[data-image-variant=battle] .image-placeholder{color:#ff2a6de6}.image-frame[data-image-variant=battle] .image-placeholder__initials{text-shadow:0 0 12px rgba(255,42,109,.55)}