.room-avatar{background:var(--room-avatar-soft,#edf0f3);border-radius:50%;flex-shrink:0;display:inline-block;overflow:hidden}.room-avatar svg{width:100%;height:100%;display:block}.room-avatar-character{flex-shrink:0;display:inline-block}.room-avatar-character>svg{width:100%;height:auto;display:block;overflow:visible}.room-avatar-editor{min-width:0;color:var(--room-avatar-ink,#334250);grid-template-columns:minmax(0,1fr);gap:.6rem;display:grid;position:relative}.room-avatar-editor button,.room-avatar-presets button{font:inherit;-webkit-tap-highlight-color:transparent}.room-avatar-presets{align-items:center;gap:.3rem;display:flex}.room-avatar-presets>span{color:var(--room-avatar-muted,#667580);margin-right:auto;font-size:.68rem}.room-avatar-presets button{border:1px solid var(--room-avatar-border,#d7dfe5);min-height:36px;color:var(--room-avatar-accent,#526475);cursor:pointer;background:#fff9;border-radius:10px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .55rem;font-size:.72rem;display:flex}.room-avatar-presets .room-avatar-random{width:36px}.room-avatar-tabs{background:var(--room-avatar-soft,#edf0f3);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.2rem;padding:.2rem;display:grid}.room-avatar-editor .room-avatar-tabs button{min-height:36px;color:var(--room-avatar-muted,#667580);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:.3rem;padding:.2rem;font-size:.72rem;display:flex}.room-avatar-editor .room-avatar-tabs button[aria-pressed=true]{color:var(--room-avatar-accent,#526475);background:#fff;font-weight:650;box-shadow:0 2px 6px #25394b12}.room-avatar-options{align-content:start;gap:.65rem;min-height:235px;display:grid}.room-avatar-choice{min-width:0}.room-avatar-choice-label{color:var(--room-avatar-ink,#334250);justify-content:space-between;gap:.5rem;margin:0 0 .3rem;font-size:.68rem;font-weight:600;display:flex}.room-avatar-choice-label>span:last-child{color:var(--room-avatar-muted,#667580);font-weight:400}.room-avatar-tiles{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.25rem;display:grid}.room-avatar-editor .room-avatar-tiles button{border:1px solid var(--room-avatar-border,#d7dfe5);min-width:0;min-height:62px;color:var(--room-avatar-ink,#334250);cursor:pointer;background:#fff9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.25rem .1rem;font-size:.6rem;display:flex;position:relative}.room-avatar-editor .room-avatar-tiles button>span:nth-child(2){overflow-wrap:anywhere;max-width:100%}.room-avatar-ausschnitt{width:42px;height:36px;display:block}.room-avatar-ausschnitt>svg{width:100%;height:100%;display:block}.room-avatar-tiles .farbkranz-marke{width:14px;height:14px;inset-block-start:3px;inset-inline-end:3px}.room-avatar-tiles .room-avatar{background:0 0}.room-avatar-editor .room-avatar-tiles button[aria-pressed=true]{border-color:var(--room-avatar-accent,#526475);background:var(--room-avatar-selected,#e2e8ed);color:var(--room-avatar-ink,#334250);box-shadow:inset 0 0 0 1px var(--room-avatar-accent,#526475)}:is(.room-avatar-editor,.room-avatar-presets) button:hover:not(:disabled,.farbkranz *){border-color:var(--room-avatar-accent,#526475);background-color:var(--room-avatar-soft,#edf0f3)}:is(.room-avatar-editor,.room-avatar-presets) button:disabled{opacity:.5;cursor:default}:is(.room-avatar-editor,.room-avatar-presets) button:focus-visible{outline:2px solid var(--room-avatar-accent,#526475);outline-offset:2px}
.farbkranz-schicht{z-index:var(--ds-z-inset-overlay);pointer-events:none;position:absolute;inset:0}.farbkranz-schleier{background:color-mix(in srgb, var(--ds-surface-solid) 66%, transparent);animation:farbkranz-blende var(--ds-duration-fast) var(--ds-ease-standard) backwards;position:absolute}.farbkranz{position:absolute;inset:0}.farbkranz-teller{border-radius:var(--ds-radius-pill);background:color-mix(in srgb, var(--ds-surface-solid) 90%, transparent);box-shadow:var(--ds-shadow-float);pointer-events:auto;animation:farbkranz-blende var(--ds-duration-base) var(--ds-ease-standard) backwards;position:absolute}.farbkranz-tupfen{border-radius:var(--ds-radius-pill);background:var(--ds-surface-solid);box-shadow:0 0 0 1px color-mix(in srgb, var(--ds-color-ink) 12%, transparent), var(--ds-shadow-pill);cursor:pointer;pointer-events:auto;transition:scale var(--ds-duration-fast) var(--ds-ease-standard), box-shadow var(--ds-duration-fast) var(--ds-ease-standard);animation:farbkranz-auf var(--ds-duration-base) var(--ds-ease-emphasized) backwards;animation-delay:calc(var(--farbkranz-i) * 16ms);border:0;place-items:center;margin:0;padding:.1875rem;display:grid;position:absolute;translate:-50% -50%}.farbkranz-tupfen:before{content:"";border-radius:var(--ds-radius-pill);position:absolute;inset:-.125rem}.farbkranz-tupfen:hover:not(:disabled){scale:1.1}.farbkranz-tupfen[aria-checked=true]{box-shadow:0 0 0 3px var(--avatar-akzent,var(--ds-color-ink)), var(--ds-shadow-float)}.farbkranz-tupfen:focus-visible{outline:2px solid var(--ds-color-ink);outline-offset:4px}.farbkranz-tupfen:disabled{cursor:default;opacity:.6}.farbkranz-flaeche{border-radius:var(--ds-radius-pill);width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ds-color-ink) 12%, transparent);place-items:center;display:grid;position:relative}.farbkranz-haken{width:1.125rem;height:1.125rem;color:var(--ds-surface-solid);stroke-width:3px}.farbkranz-haken.is-dunkel{color:var(--ds-color-ink)}.farbkranz-shirt{border-radius:var(--ds-radius-pill);background:var(--ds-surface-solid);width:1.0625rem;height:1.0625rem;color:var(--ds-color-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--ds-color-ink) 14%, transparent);padding:.125rem;position:absolute;bottom:-.375rem;right:-.375rem}.farbkranz-linse{border-radius:var(--ds-radius-pill);background:color-mix(in srgb, var(--avatar-akzent,var(--ds-color-ink)) 6%, var(--ds-surface-solid));box-shadow:0 0 0 3px var(--ds-surface-solid), 0 0 0 5px var(--avatar-akzent,var(--ds-color-ink)), var(--ds-shadow-overlay);cursor:pointer;pointer-events:auto;animation:farbkranz-heben var(--ds-duration-base) var(--ds-ease-standard) backwards;border:0;padding:0;display:block;position:absolute;overflow:hidden}.farbkranz-linse-bild{display:block;position:absolute;inset:.25rem}.farbkranz-linse-bild>svg{width:100%;height:100%;display:block}.farbkranz-linse-fertig{border-radius:var(--ds-radius-pill);background:var(--avatar-akzent,var(--ds-color-ink));width:1.5rem;height:1.5rem;color:var(--ds-surface-solid);opacity:0;transition:opacity var(--ds-duration-fast) var(--ds-ease-standard);place-items:center;display:grid;position:absolute;bottom:.4375rem;left:50%;translate:-50%}.farbkranz-linse-fertig>svg{stroke-width:3px;width:.9375rem;height:.9375rem}.farbkranz-linse:hover .farbkranz-linse-fertig{opacity:1}.farbkranz-zeile{border-radius:var(--ds-radius-pill);background:var(--ds-color-ink);color:var(--ds-surface-solid);box-shadow:var(--ds-shadow-float);font-size:var(--type-caption-size);white-space:nowrap;pointer-events:none;animation:farbkranz-blende var(--ds-duration-base) var(--ds-ease-standard) backwards;align-items:baseline;gap:.375rem;margin:0;padding:.1875rem .6875rem;line-height:1.45;display:inline-flex;position:absolute;translate:-50%}.farbkranz-zeile>span{opacity:.72}.farbkranz-zeile>b{font-weight:var(--type-strong-emphasis-weight)}.farbkranz-marke{border-radius:var(--ds-radius-pill);background:radial-gradient(circle, var(--farbkranz-ton) 0 5px, var(--ds-surface-solid) 5.5px 6.5px, transparent 7px), var(--farbkranz-ring);width:1.125rem;height:1.125rem;box-shadow:0 0 0 1.5px var(--ds-surface-solid), var(--ds-shadow-pill);pointer-events:none;position:absolute}@keyframes farbkranz-auf{0%{transform:translate(var(--farbkranz-dx), var(--farbkranz-dy)) scale(.2);opacity:0}}@keyframes farbkranz-heben{0%{opacity:0;transform:scale(.82)}}@keyframes farbkranz-blende{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.farbkranz-tupfen,.farbkranz-linse,.farbkranz-teller,.farbkranz-zeile,.farbkranz-schleier{animation:none}.farbkranz-tupfen{transition:none}}