/* ======================================================================
   Profilrahmen (Shop): Klasse fr-<key> am .avatar (gesetzt von /shared/look.js und games.js).
   Deko liegt auf ::before, der Online-Punkt (::after, activity.css) bleibt darüber. Größen in %, passt zu allen Avatar-Größen.
   Erzeugt aus tools/frames.cjs (Deko als SVG) – Farben sind in jeder Farbwelt gleich schön.
   ====================================================================== */
.avatar[class*="fr-"]{overflow:visible;position:relative}
.avatar:where([class*="fr-"])::before{content:'';position:absolute;inset:-16%;border-radius:50%;pointer-events:none;z-index:1;background:center/100% 100% no-repeat}
.avatar.is-online[class*="fr-"]::after{z-index:2}
.fr-rosa{box-shadow:0 0 0 2.5px #fff,0 0 0 5px #ff8fb8,0 0 0 7.5px #fff,0 0 0 9px #ffc2d9,0 4px 14px rgba(var(--shadow),.25)!important}
.fr-rosa::before{display:none}
.fr-gold{box-shadow:0 4px 14px rgba(160,100,0,.3)!important}
.fr-gold::before{inset:-12%!important;background:conic-gradient(from 30deg,#fff3c4,#e0a92e,#fff7d6,#c98a12,#ffe79a,#e0a92e,#fff3c4)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}
.fr-perlen::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2251%22%20fill%3D%22none%22%20stroke%3D%22%23f3d9e2%22%20stroke-width%3D%222%22%2F%3E%3Ccircle%20cx%3D%2260.0%22%20cy%3D%229.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2258.6%22%20cy%3D%227.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2275.8%22%20cy%3D%2211.5%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2274.4%22%20cy%3D%2210.1%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2290.0%22%20cy%3D%2218.7%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2288.6%22%20cy%3D%2217.3%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22101.3%22%20cy%3D%2230.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2299.9%22%20cy%3D%2228.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22108.5%22%20cy%3D%2244.2%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%22107.1%22%20cy%3D%2242.8%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22111.0%22%20cy%3D%2260.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%22109.6%22%20cy%3D%2258.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22108.5%22%20cy%3D%2275.8%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%22107.1%22%20cy%3D%2274.4%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22101.3%22%20cy%3D%2290.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2299.9%22%20cy%3D%2288.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2290.0%22%20cy%3D%22101.3%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2288.6%22%20cy%3D%2299.9%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2275.8%22%20cy%3D%22108.5%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2274.4%22%20cy%3D%22107.1%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2260.0%22%20cy%3D%22111.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2258.6%22%20cy%3D%22109.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2244.2%22%20cy%3D%22108.5%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2242.8%22%20cy%3D%22107.1%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2230.0%22%20cy%3D%22101.3%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2228.6%22%20cy%3D%2299.9%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218.7%22%20cy%3D%2290.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2217.3%22%20cy%3D%2288.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2275.8%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2210.1%22%20cy%3D%2274.4%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%229.0%22%20cy%3D%2260.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%227.6%22%20cy%3D%2258.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2211.5%22%20cy%3D%2244.2%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2210.1%22%20cy%3D%2242.8%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2218.7%22%20cy%3D%2230.0%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2217.3%22%20cy%3D%2228.6%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2230.0%22%20cy%3D%2218.7%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2228.6%22%20cy%3D%2217.3%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2244.2%22%20cy%3D%2211.5%22%20r%3D%224.6%22%20fill%3D%22%23fffaf6%22%20stroke%3D%22%23e8c9d4%22%20stroke-width%3D%221%22%2F%3E%3Ccircle%20cx%3D%2242.8%22%20cy%3D%2210.1%22%20r%3D%221.4%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")}
.fr-herzkranz::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%3E%3Cpath%20transform%3D%22translate(60.0%208.0)%20rotate(0)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(86.0%2015.0)%20rotate(30)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(105.0%2034.0)%20rotate(60)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(112.0%2060.0)%20rotate(90)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(105.0%2086.0)%20rotate(120)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(86.0%20105.0)%20rotate(150)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(60.0%20112.0)%20rotate(180)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(34.0%20105.0)%20rotate(210)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(15.0%2086.0)%20rotate(240)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(8.0%2060.0)%20rotate(270)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(15.0%2034.0)%20rotate(300)%20scale(0.8)%22%20fill%3D%22%23e0457b%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3Cpath%20transform%3D%22translate(34.0%2015.0)%20rotate(330)%20scale(0.62)%22%20fill%3D%22%23ff8fb8%22%20d%3D%22M0%205C-6%201-9-2-9-5.5-9-8-7-10-4.6-10-2.8-10-1-9%200-7.4%201-9%202.8-10%204.6-10%207-10%209-8%209-5.5%209-2%206%201%200%205Z%22%2F%3E%3C%2Fsvg%3E");inset:-20%}
.fr-blumen::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2252%22%20fill%3D%22none%22%20stroke%3D%22%238fd19e%22%20stroke-width%3D%223%22%2F%3E%3Cg%20transform%3D%22translate(60.0%208.0)%20rotate(0)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(93.4%2020.2)%20rotate(40)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(111.2%2051.0)%20rotate(80)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(105.0%2086.0)%20rotate(120)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(77.8%20108.9)%20rotate(160)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(42.2%20108.9)%20rotate(200)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(15.0%2086.0)%20rotate(240)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23ff9cc2%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(8.8%2051.0)%20rotate(280)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23c8a8e9%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(26.6%2020.2)%20rotate(320)%20scale(0.95)%22%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(0)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(72)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(144)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(216)%22%2F%3E%3Cellipse%20rx%3D%223.2%22%20ry%3D%225.2%22%20cy%3D%22-4.6%22%20fill%3D%22%23fff%22%20transform%3D%22rotate(288)%22%2F%3E%3Ccircle%20r%3D%222.6%22%20fill%3D%22%23ffd45c%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(60%208)%20rotate(40)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(93.42495570370005%2020.165688957813146)%20rotate(80)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(111.21000315663483%2050.97029476131962)%20rotate(120)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(105.03332099679082%2086)%20rotate(160)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(77.78504745293478%20108.86401628086723)%20rotate(200)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(42.214952547065224%20108.86401628086725)%20rotate(240)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(14.966679003209201%2086.00000000000001)%20rotate(280)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(8.789996843365174%2050.970294761319636)%20rotate(320)%20translate(0%20-9)%22%2F%3E%3Cellipse%20cx%3D%220%22%20cy%3D%220%22%20rx%3D%222.4%22%20ry%3D%225%22%20fill%3D%22%236fbf7f%22%20transform%3D%22translate(26.57504429629995%2020.165688957813146)%20rotate(360)%20translate(0%20-9)%22%2F%3E%3C%2Fsvg%3E");inset:-20%}
.fr-sterne{box-shadow:0 0 0 3px #420D4B,0 0 16px rgba(123,51,126,.6)!important}
.fr-sterne::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2251%22%20fill%3D%22none%22%20stroke%3D%22%236667AB%22%20stroke-width%3D%222.5%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20transform%3D%22translate(60.0%209.0)%20rotate(0)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.1%2014.1)%20rotate(26)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.9%2028.2)%20rotate(51)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(109.7%2048.7)%20rotate(77)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(109.7%2071.3)%20rotate(103)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(99.9%2091.8)%20rotate(129)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(82.1%20105.9)%20rotate(154)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(60.0%20111.0)%20rotate(180)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.9%20105.9)%20rotate(206)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(20.1%2091.8)%20rotate(231)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(10.3%2071.3)%20rotate(257)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(10.3%2048.7)%20rotate(283)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(20.1%2028.2)%20rotate(309)%20scale(0.75)%22%20fill%3D%22%23ffe27a%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(37.9%2014.1)%20rotate(334)%20scale(0.45)%22%20fill%3D%22%23F5D5E0%22%20d%3D%22M0-9%202.6-2.8%209-2.8%203.9%201.1%205.8%207.6%200%203.7-5.8%207.6-3.9%201.1-9-2.8-2.6-2.8Z%22%2F%3E%3Cpath%20transform%3D%22translate(60%209)%20scale(.9)%22%20fill%3D%22%23ffe9a8%22%20d%3D%22M4-9A10%2010%200%201%200%204%209%208%208%200%201%201%204-9Z%22%2F%3E%3C%2Fsvg%3E");inset:-20%}
/* animiert */
.fr-puls{box-shadow:0 0 0 3px var(--heart-me,#ff5fa2)!important;animation:frPuls 1.6s ease-in-out infinite}
.fr-puls::before{inset:-12%;border:3px solid var(--heart-me,#ff5fa2);animation:frRing 1.6s ease-out infinite}
@keyframes frPuls{0%,100%{box-shadow:0 0 0 3px var(--heart-me,#ff5fa2),0 0 0 0 rgba(255,95,162,.5)}50%{box-shadow:0 0 0 3px var(--heart-me,#ff5fa2),0 0 18px 4px rgba(255,95,162,.55)}}
@keyframes frRing{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.fr-glitzer{box-shadow:0 0 0 3px #fff,0 0 14px rgba(255,255,255,.9)!important}
.fr-glitzer::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20120%20120%27%3E%3Cpath%20transform%3D%22translate(60.0%207.0)%20scale(0.8)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.5%2022.5)%20scale(0.5)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(113.0%2060.0)%20scale(0.8)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(97.5%2097.5)%20scale(0.5)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(60.0%20113.0)%20scale(0.8)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.5%2097.5)%20scale(0.5)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(7.0%2060.0)%20scale(0.8)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3Cpath%20transform%3D%22translate(22.5%2022.5)%20scale(0.5)%22%20fill%3D%22%23fff%22%20d%3D%22M0-8%201.6-1.6%208%200%201.6%201.6%200%208-1.6%201.6-8%200-1.6-1.6Z%22%2F%3E%3C%2Fsvg%3E");inset:-18%;animation:frSpin 9s linear infinite,frTwinkle 1.4s ease-in-out infinite;filter:drop-shadow(0 0 2px #ffd6ec)}
@keyframes frSpin{to{transform:rotate(360deg)}}
@keyframes frTwinkle{0%,100%{opacity:1}50%{opacity:.45}}
.fr-regenbogen{box-shadow:0 4px 16px rgba(var(--shadow),.3)!important}
.fr-regenbogen::before{inset:-12%;background:conic-gradient(#F6BCBA,#E3AADD,#C8A8E9,#C3C7F4,#a8e6e0,#F6BCBA);animation:frSpin 4s linear infinite;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px))}
@media (prefers-reduced-motion: reduce){.fr-puls,.fr-puls::before,.fr-glitzer::before,.fr-regenbogen::before{animation:none!important}}
/* im Kopf etwas schmaler, damit nichts das Sync-Herz berührt */
.topbar .avatar[class*="fr-"]::before{inset:-9%!important}
.topbar .fr-rosa{box-shadow:0 0 0 2px #fff,0 0 0 4px #ff8fb8!important}