html{background:#090d0f;color-scheme:dark}
.kino-avatar-frame{--avatar-color:#35bccc;position:relative!important;display:inline-block;flex-shrink:0;overflow:hidden!important;isolation:isolate;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 8%)!important;aspect-ratio:1;background:#061319!important}
.kino-avatar-frame>img.kino-avatar{width:100%!important;height:100%!important;display:block;object-fit:cover;border:0!important;border-radius:0!important;box-shadow:none!important;clip-path:none!important;outline:0!important}
.kino-avatar-frame>img[data-stock-avatar=true]{transform:scale(1.12)}
.kino-avatar-frame::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--avatar-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M8.2 .5H99.5V99.5H.5V8.2Z' fill='none' stroke='white' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat}
/* Selection uses its checkmark; the thin frame keeps the image accent. */
.kino-avatar-frame>svg,.avatar-choice>span{z-index:2}
.kino-avatar-frame:focus-visible{outline:2px solid white!important;outline-offset:2px!important}
.friend-chip .kino-avatar-frame{width:30px;height:30px}.walk-friends .kino-avatar-frame{width:35px;height:35px}
.profile-avatar-grid .kino-avatar-frame.selected{box-shadow:none!important;border:0!important}