/* Athar v81: 3D-look floating subjects, realistic depth highlights and reduced rim coverage. */
.avatar-frame80::after{display:none!important}
.avatar-frame80{transform-style:preserve-3d;perspective:550px;will-change:transform,filter;animation:frame-float81 6.5s ease-in-out infinite alternate;filter:drop-shadow(0 6px 5px #0005) drop-shadow(0 1px 2px #fff5)}
.avatar-frame80 .avatar-flicker80{display:none}
.avatar-frame80 .avatar-float81{position:absolute;inset:5%;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 20% 12%,#fff8,transparent 27%),radial-gradient(ellipse at 84% 78%,#fff5,transparent 22%);mix-blend-mode:screen;opacity:.5;mask:radial-gradient(transparent 40%,black 83%);animation:frame-glow81 6s ease-in-out infinite alternate}
.avatar-frame80[data-edge="specter80"],.avatar-frame80[data-edge="fox80"],.avatar-frame80[data-edge="spring80"],.avatar-frame80[data-edge="reef80"],.avatar-frame80[data-edge="crystal81"],.avatar-frame80[data-edge="lightning81"],.avatar-frame80[data-edge="jellyfish81"],.avatar-frame80[data-edge="rose81"],.avatar-frame80[data-edge="waterfall81"],.avatar-frame80[data-edge="fireflies81"]{filter:drop-shadow(0 7px 6px #0005);animation:frame-drift81 5.5s ease-in-out infinite alternate}
.avatar-frame80[data-edge="spiderweb80"],.avatar-frame80[data-edge="serpent80"],.avatar-frame80[data-edge="phoenix81"],.avatar-frame80[data-edge="dragon81"]{animation-duration:4.2s}
@keyframes frame-float81{from{transform:translate3d(0,0,1px) rotateY(-6deg) rotateX(2deg)}to{transform:translate3d(0,-2px,14px) rotateY(6deg) rotateX(-3deg)}}
@keyframes frame-drift81{from{transform:translateY(0) rotate(-2deg) scale(.97)}to{transform:translateY(-4px) rotate(3deg) scale(1.04)}}
@keyframes frame-glow81{from{opacity:.18;transform:rotate(-9deg)}to{opacity:.65;transform:rotate(8deg)}}
.frame74 .frame-depth81{filter:drop-shadow(0 9px 7px #0007) drop-shadow(0 1px 1px #fff7);transform:translateZ(4px);animation:frame-depth81 7s ease-in-out infinite alternate}
@keyframes frame-depth81{from{filter:drop-shadow(0 5px 5px #0006) brightness(.94)}to{filter:drop-shadow(0 12px 10px #0008) brightness(1.14)}}
.frame74:not(.moving78) .frame-depth81{animation-play-state:paused}
.avatar-button.sound-playing80 .avatar-frame80{animation:frame-float81 .7s ease-in-out infinite alternate;filter:drop-shadow(0 0 11px #a8eae5aa)}
.avatar-frame80[data-edge="phoenix81"]{background-image:url("frames81/phoenix81-avatar.svg")}
.frame74[data-edge="phoenix81"]{--frame-art:url("frames81/phoenix81.svg")}
.avatar-frame80[data-edge="crystal81"]{background-image:url("frames81/crystal81-avatar.svg")}
.frame74[data-edge="crystal81"]{--frame-art:url("frames81/crystal81.svg")}
.avatar-frame80[data-edge="orbit81"]{background-image:url("frames81/orbit81-avatar.svg")}
.frame74[data-edge="orbit81"]{--frame-art:url("frames81/orbit81.svg")}
.avatar-frame80[data-edge="lightning81"]{background-image:url("frames81/lightning81-avatar.svg")}
.frame74[data-edge="lightning81"]{--frame-art:url("frames81/lightning81.svg")}
.avatar-frame80[data-edge="jellyfish81"]{background-image:url("frames81/jellyfish81-avatar.svg")}
.frame74[data-edge="jellyfish81"]{--frame-art:url("frames81/jellyfish81.svg")}
.avatar-frame80[data-edge="panda81"]{background-image:url("frames81/panda81-avatar.svg")}
.frame74[data-edge="panda81"]{--frame-art:url("frames81/panda81.svg")}
.avatar-frame80[data-edge="dragon81"]{background-image:url("frames81/dragon81-avatar.svg")}
.frame74[data-edge="dragon81"]{--frame-art:url("frames81/dragon81.svg")}
.avatar-frame80[data-edge="rose81"]{background-image:url("frames81/rose81-avatar.svg")}
.frame74[data-edge="rose81"]{--frame-art:url("frames81/rose81.svg")}
.avatar-frame80[data-edge="moon81"]{background-image:url("frames81/moon81-avatar.svg")}
.frame74[data-edge="moon81"]{--frame-art:url("frames81/moon81.svg")}
.avatar-frame80[data-edge="waterfall81"]{background-image:url("frames81/waterfall81-avatar.svg")}
.frame74[data-edge="waterfall81"]{--frame-art:url("frames81/waterfall81.svg")}
.avatar-frame80[data-edge="robot81"]{background-image:url("frames81/robot81-avatar.svg")}
.frame74[data-edge="robot81"]{--frame-art:url("frames81/robot81.svg")}
.avatar-frame80[data-edge="fireflies81"]{background-image:url("frames81/fireflies81-avatar.svg")}
.frame74[data-edge="fireflies81"]{--frame-art:url("frames81/fireflies81.svg")}
.avatar-frame80[data-edge="castle81"]{background-image:url("frames81/castle81-avatar.svg")}
.frame74[data-edge="castle81"]{--frame-art:url("frames81/castle81.svg")}
.avatar-frame80[data-edge="whale81"]{background-image:url("frames81/whale81-avatar.svg")}
.frame74[data-edge="whale81"]{--frame-art:url("frames81/whale81.svg")}

.frame-settings81{display:block;min-width:0}.frame-settings81 header p{opacity:.7;margin:5px 0 0;line-height:1.7}
.frame-settings-content81{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:12px}
.frame-settings-avatar81{width:106px;height:106px;flex:0 0 106px;position:relative;isolation:isolate;overflow:visible;margin:12px}
.frame-settings-photo81{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 8px 24px #0003}
.frame-settings-overlay81{position:absolute;inset:-22%;pointer-events:none;background-position:center;background-size:100% 100%;filter:drop-shadow(0 5px 6px #0005);animation:frame-float81 5s ease-in-out infinite alternate}
.frame-settings-controls81{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.frame-icon-btn81{display:grid;justify-items:center;align-content:center;gap:5px;min-width:84px;min-height:72px;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--accent,#55988e),transparent 55%)!important;background:color-mix(in srgb,var(--accent,#55988e),transparent 92%)!important;color:inherit!important;cursor:pointer}
.frame-icon-btn81 svg{width:24px;height:24px}.frame-icon-btn81 span{font-size:.78rem}.frame-icon-btn81:disabled{opacity:.36;cursor:not-allowed}
#frameCurrent81{display:block;opacity:.72;margin-top:6px}
.frame-picker81{border:1px solid #89a9a2a8;border-radius:24px;padding:17px;background:var(--surface,#fafcfb);color:var(--text,#20332f);max-width:min(950px,96vw);width:900px;max-height:90vh;overflow:auto;overscroll-behavior:contain}
.frame-picker81::backdrop{background:#08191ec4;backdrop-filter:blur(5px)}
.frame-picker81>header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.frame-picker81>header>div{display:flex;flex-direction:column;gap:5px}.frame-picker81>header strong{font-size:1.16rem}.frame-picker81>header small{opacity:.66}
.frame-picker81>header>button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #879b9b55;background:transparent;color:inherit;cursor:pointer}
.frame-type-legend81{display:flex;gap:14px;opacity:.65;font-size:.8rem;margin:10px 0}
.frame-grid81{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:13px;padding:8px 5px 20px;max-height:58vh;overflow:auto}
.frame-choice81{display:grid;position:relative;gap:6px;justify-items:center;align-content:start;min-width:0;padding:8px;border-radius:17px;border:1px solid #79939463;background:color-mix(in srgb,var(--surface,#fff) 88%,#638b9a);color:inherit;cursor:pointer;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}
.frame-choice81:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0002}.frame-choice81[aria-pressed="true"]{border:2px solid var(--accent,#42a494);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#42a494),transparent 74%)}
.frame-choice-photo81{width:86px;height:86px;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#244448}
.frame-choice-art81{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:120px;height:120px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #0004)}
.frame-choice81 strong{font-size:.74rem;min-height:2.35em;line-height:1.2;text-align:center;max-width:115px}.frame-choice81 small{font-size:.66rem;opacity:.68}
.frame-picker81 footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid #879b9b52;padding-top:14px}
.frame-picker81 footer button{display:inline-flex;align-items:center;gap:6px;justify-content:center;border-radius:12px;padding:10px 13px;cursor:pointer}
.frame-picker81 footer button:disabled{opacity:.45;cursor:not-allowed}
.frame-picker81 .frame-status81{min-height:20px;color:#bf5555;font-size:.82rem}
@media(max-width:600px){.frame-grid81{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.frame-choice81{padding:6px}.frame-choice-art81{width:104px;height:104px}.frame-choice-photo81{width:77px;height:77px}.frame-picker81{padding:11px}.frame-picker81 footer button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.avatar-frame80,.avatar-frame80 .avatar-float81,.frame-depth81,.frame-settings-overlay81,.frame-choice81{animation:none!important;transition:none!important;transform:none!important}.frame-choice-art81{transform:translateX(-50%)!important}}